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

Tanto Widget

import {jsx}from'@emotion/react/jsx-runtime';import {useAccountEffect}from'wagmi';import {XIcon}from'./assets/XIcon.mjs';import {IconButton}from'./components/button/Button.mjs';import {FlexModal}from'./components/flex-modal/FlexModal.mjs';import {CONNECT_SUCCESS_DELAY}from'./constants/index.mjs';import {WidgetRouterProvider}from'./contexts/widget-router/WidgetRouterProvider.mjs';import {useTantoConfig}from'./hooks/useTantoConfig.mjs';import {useWidgetModal}from'./hooks/useWidgetModal.mjs';import {WidgetContent}from'./WidgetContent.mjs';function WidgetModal() {
  const {
    open,
    setOpen,
    hide
  } = useWidgetModal();
  const {
    hideConnectSuccessPrompt
  } = useTantoConfig();
  useAccountEffect({
    onConnect() {
      setTimeout(hide, hideConnectSuccessPrompt ? 0 : CONNECT_SUCCESS_DELAY);
    }
  });
  return jsx(FlexModal, {
    open: open,
    onOpenChange: setOpen,
    children: jsx(WidgetRouterProvider, {
      children: jsx(WidgetContent, {
        close: jsx(IconButton, {
          intent: "secondary",
          variant: "plain",
          icon: jsx(XIcon, {}),
          onClick: hide
        })
      })
    })
  });
}export{WidgetModal};