@sky-mavis/tanto-widget/dist/cjs/WidgetModal.cjs

Tanto Widget

'use strict';

var jsxRuntime = require('@emotion/react/jsx-runtime');
var wagmi = require('wagmi');
var XIcon = require('./assets/XIcon.cjs');
var Button = require('./components/button/Button.cjs');
var FlexModal = require('./components/flex-modal/FlexModal.cjs');
var index = require('./constants/index.cjs');
var WidgetRouterProvider = require('./contexts/widget-router/WidgetRouterProvider.cjs');
var useTantoConfig = require('./hooks/useTantoConfig.cjs');
var useWidgetModal = require('./hooks/useWidgetModal.cjs');
var WidgetContent = require('./WidgetContent.cjs');

function WidgetModal() {
  const {
    open,
    setOpen,
    hide
  } = useWidgetModal.useWidgetModal();
  const {
    hideConnectSuccessPrompt
  } = useTantoConfig.useTantoConfig();
  wagmi.useAccountEffect({
    onConnect() {
      setTimeout(hide, hideConnectSuccessPrompt ? 0 : index.CONNECT_SUCCESS_DELAY);
    }
  });
  return jsxRuntime.jsx(FlexModal.FlexModal, {
    open: open,
    onOpenChange: setOpen,
    children: jsxRuntime.jsx(WidgetRouterProvider.WidgetRouterProvider, {
      children: jsxRuntime.jsx(WidgetContent.WidgetContent, {
        close: jsxRuntime.jsx(Button.IconButton, {
          intent: "secondary",
          variant: "plain",
          icon: jsxRuntime.jsx(XIcon.XIcon, {}),
          onClick: hide
        })
      })
    })
  });
}

exports.WidgetModal = WidgetModal;