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

Tanto Widget

'use strict';

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

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

exports.WidgetModal = WidgetModal;