@daimo/pay 1.18.2 → 1.19.0

package/build/connectkit/src/components/DaimoPayModal/index.js

@@ -0,0 +1,462 @@
+import { jsx } from 'react/jsx-runtime';
+import { useWallet } from '@solana/wallet-adapter-react';
+import { useEffect } from 'react';
+import { useAccount } from 'wagmi';
+import { ExternalPaymentOptions, DepositAddressPaymentOptions } from '@daimo/pay-common';
+import { ROUTES } from '../../constants/routes.js';
+import { getAppName } from '../../defaultConfig.js';
+import { useChainIsSupported } from '../../hooks/useChainIsSupported.js';
+import { useDaimoPay } from '../../hooks/useDaimoPay.js';
+import useIsMobile from '../../hooks/useIsMobile.js';
+import { usePayContext } from '../../hooks/usePayContext.js';
+import Modal from '../Common/Modal/index.js';
+import { DaimoPayThemeProvider } from '../DaimoPayThemeProvider/DaimoPayThemeProvider.js';
+import About from '../Pages/About/index.js';
+import Confirmation from '../Pages/Confirmation/index.js';
+import Wallets from '../Pages/Connectors/index.js';
+import DownloadApp from '../Pages/DownloadApp/index.js';
+import ErrorPage from '../Pages/Error/index.js';
+import MobileConnectors from '../Pages/MobileConnectors/index.js';
+import Introduction from '../Pages/Onboarding/index.js';
+import PayWithToken from '../Pages/PayWithToken/index.js';
+import SelectAmount from '../Pages/SelectAmount/index.js';
+import SelectDepositAddressAmount from '../Pages/SelectDepositAddressAmount/index.js';
+import SelectDepositAddressChain from '../Pages/SelectDepositAddressChain/index.js';
+import SelectExchange from '../Pages/SelectExchange/index.js';
+import SelectExternalAmount from '../Pages/SelectExternalAmount/index.js';
+import SelectMethod from '../Pages/SelectMethod/index.js';
+import SelectToken from '../Pages/SelectToken/index.js';
+import SelectWalletAmount from '../Pages/SelectWalletAmount/index.js';
+import SelectWalletChain from '../Pages/SelectWalletChain/index.js';
+import SelectZKP from '../Pages/SelectZKP/index.js';
+import ConnectSolana from '../Pages/Solana/ConnectorSolana/index.js';
+import PayWithSolanaToken from '../Pages/Solana/PayWithSolanaToken/index.js';
+import SelectSolanaAmount from '../Pages/Solana/SelectSolanaAmount/index.js';
+import SwitchNetworks from '../Pages/SwitchNetworks/index.js';
+import WaitingDepositAddress from '../Pages/WaitingDepositAddress/index.js';
+import WaitingExternal from '../Pages/WaitingExternal/index.js';
+import WaitingWallet from '../Pages/WaitingWallet/index.js';
+import ConnectUsing from './ConnectUsing.js';
+
+const DaimoPayModal = ({
+  mode,
+  theme,
+  customTheme,
+  lang,
+  disableMobileInjector
+}) => {
+  const context = usePayContext();
+  const {
+    setMode,
+    setTheme,
+    setCustomTheme,
+    setLang,
+    setDisableMobileInjector
+  } = context;
+  const paymentState = context.paymentState;
+  const {
+    generatePreviewOrder,
+    isDepositFlow,
+    showSolanaPaymentMethod,
+    setPaymentWaitingMessage,
+    setSelectedExternalOption,
+    setSelectedTokenOption,
+    setSelectedSolanaTokenOption,
+    setSelectedDepositAddressOption,
+    setSelectedWallet
+  } = paymentState;
+  const { paymentState: paymentFsmState } = useDaimoPay();
+  const {
+    isConnected: isEthConnected,
+    connector,
+    chain,
+    address
+  } = useAccount();
+  const { connected: isSolanaConnected } = useWallet();
+  const chainIsSupported = useChainIsSupported(chain?.id);
+  const closeable = !(context.options?.enforceSupportedChains && isEthConnected && !chainIsSupported);
+  const showBackButton = closeable && context.route !== context.uniquePaymentMethodPage && context.route !== ROUTES.SELECT_METHOD && context.route !== ROUTES.CONFIRMATION && context.route !== ROUTES.SELECT_TOKEN && context.route !== ROUTES.ERROR && paymentFsmState !== "error";
+  const onBack = () => {
+    const meta = { event: "click-back" };
+    if (context.route === ROUTES.DOWNLOAD) {
+      context.setRoute(ROUTES.CONNECT, meta);
+    } else if (context.route === ROUTES.CONNECTORS) {
+      context.setRoute(ROUTES.SELECT_METHOD, meta);
+    } else if (context.route === ROUTES.SELECT_AMOUNT) {
+      setSelectedTokenOption(void 0);
+      context.setRoute(ROUTES.SELECT_TOKEN, meta);
+    } else if (context.route === ROUTES.SELECT_EXTERNAL_AMOUNT) {
+      setSelectedExternalOption(void 0);
+      context.setRoute(context.uniquePaymentMethodPage, meta);
+    } else if (context.route === ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT) {
+      setSelectedDepositAddressOption(void 0);
+      context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
+    } else if (context.route === ROUTES.WAITING_EXTERNAL) {
+      setPaymentWaitingMessage(void 0);
+      if (isDepositFlow) {
+        generatePreviewOrder();
+        context.setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
+      } else {
+        setSelectedExternalOption(void 0);
+        context.setRoute(context.uniquePaymentMethodPage, meta);
+      }
+    } else if (context.route === ROUTES.PAY_WITH_TOKEN) {
+      if (isDepositFlow) {
+        generatePreviewOrder();
+        context.setRoute(ROUTES.SELECT_AMOUNT, meta);
+      } else {
+        setSelectedTokenOption(void 0);
+        context.setRoute(ROUTES.SELECT_TOKEN, meta);
+      }
+    } else if (context.route === ROUTES.ONBOARDING) {
+      context.setRoute(ROUTES.CONNECTORS, meta);
+    } else if (context.route === ROUTES.WAITING_DEPOSIT_ADDRESS) {
+      if (isDepositFlow) {
+        if (paymentState.selectedDepositAddressOption === void 0) {
+          context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
+        } else {
+          generatePreviewOrder();
+          context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);
+        }
+      } else {
+        setSelectedDepositAddressOption(void 0);
+        context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
+      }
+    } else if (context.route === ROUTES.WAITING_WALLET) {
+      if (isDepositFlow) {
+        generatePreviewOrder();
+        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
+      } else {
+        setSelectedWallet(void 0);
+        context.setRoute(ROUTES.CONNECTORS, meta);
+      }
+    } else if (context.route === ROUTES.SOLANA_SELECT_AMOUNT) {
+      setSelectedSolanaTokenOption(void 0);
+      context.setRoute(ROUTES.SELECT_TOKEN, meta);
+    } else if (context.route === ROUTES.SOLANA_PAY_WITH_TOKEN) {
+      if (isDepositFlow) {
+        generatePreviewOrder();
+        context.setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);
+      } else {
+        setSelectedSolanaTokenOption(void 0);
+        context.setRoute(ROUTES.SELECT_TOKEN, meta);
+      }
+    } else {
+      context.setRoute(context.uniquePaymentMethodPage, meta);
+    }
+  };
+  const pages = {
+    [ROUTES.SELECT_METHOD]: /* @__PURE__ */ jsx(SelectMethod, {}),
+    [ROUTES.SELECT_TOKEN]: /* @__PURE__ */ jsx(SelectToken, {}),
+    [ROUTES.SELECT_AMOUNT]: /* @__PURE__ */ jsx(SelectAmount, {}),
+    [ROUTES.SELECT_EXTERNAL_AMOUNT]: /* @__PURE__ */ jsx(SelectExternalAmount, {}),
+    [ROUTES.SELECT_EXCHANGE]: /* @__PURE__ */ jsx(SelectExchange, {}),
+    [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: /* @__PURE__ */ jsx(SelectDepositAddressAmount, {}),
+    [ROUTES.SELECT_WALLET_AMOUNT]: /* @__PURE__ */ jsx(SelectWalletAmount, {}),
+    [ROUTES.SELECT_WALLET_CHAIN]: /* @__PURE__ */ jsx(SelectWalletChain, {}),
+    [ROUTES.WAITING_EXTERNAL]: /* @__PURE__ */ jsx(WaitingExternal, {}),
+    [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: /* @__PURE__ */ jsx(SelectDepositAddressChain, {}),
+    [ROUTES.WAITING_DEPOSIT_ADDRESS]: /* @__PURE__ */ jsx(WaitingDepositAddress, {}),
+    [ROUTES.SELECT_ZKP2P]: /* @__PURE__ */ jsx(SelectZKP, {}),
+    [ROUTES.WAITING_WALLET]: /* @__PURE__ */ jsx(WaitingWallet, {}),
+    [ROUTES.CONFIRMATION]: /* @__PURE__ */ jsx(Confirmation, {}),
+    [ROUTES.ERROR]: /* @__PURE__ */ jsx(ErrorPage, {}),
+    [ROUTES.PAY_WITH_TOKEN]: /* @__PURE__ */ jsx(PayWithToken, {}),
+    [ROUTES.SOLANA_CONNECTOR]: /* @__PURE__ */ jsx(ConnectSolana, {}),
+    [ROUTES.SOLANA_SELECT_AMOUNT]: /* @__PURE__ */ jsx(SelectSolanaAmount, {}),
+    [ROUTES.SOLANA_PAY_WITH_TOKEN]: /* @__PURE__ */ jsx(PayWithSolanaToken, {}),
+    // Unused routes. Kept to minimize connectkit merge conflicts.
+    [ROUTES.ONBOARDING]: /* @__PURE__ */ jsx(Introduction, {}),
+    [ROUTES.ABOUT]: /* @__PURE__ */ jsx(About, {}),
+    [ROUTES.DOWNLOAD]: /* @__PURE__ */ jsx(DownloadApp, {}),
+    [ROUTES.CONNECTORS]: /* @__PURE__ */ jsx(Wallets, {}),
+    [ROUTES.MOBILECONNECTORS]: /* @__PURE__ */ jsx(MobileConnectors, {}),
+    [ROUTES.CONNECT]: /* @__PURE__ */ jsx(ConnectUsing, {}),
+    [ROUTES.SWITCHNETWORKS]: /* @__PURE__ */ jsx(SwitchNetworks, {})
+  };
+  function hide() {
+    if (isDepositFlow) {
+      generatePreviewOrder();
+    }
+    context.setOpen(false, { event: "click-close" });
+  }
+  const goToManualAddressScreen = (eventSuffix) => {
+    if (paymentState.isDepositFlow) {
+      context.setUniquePaymentMethodPage(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT);
+      context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, {
+        event: `unique_payment_option_deposit_${eventSuffix}`
+      });
+    } else {
+      context.setUniquePaymentMethodPage(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);
+      context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+        event: `unique_payment_option_${eventSuffix}`
+      });
+    }
+  };
+  const { isMobile } = useIsMobile();
+  useEffect(() => {
+    if (!context.open) return;
+    if (context.route !== ROUTES.SELECT_METHOD) return;
+    if (paymentState.buttonProps && "uniquePaymentOption" in paymentState.buttonProps && paymentState.buttonProps.uniquePaymentOption) {
+      switch (paymentState.buttonProps.uniquePaymentOption) {
+        case "Tron":
+          const tronOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.TRON_USDT
+          );
+          if (tronOption) {
+            setSelectedDepositAddressOption(tronOption);
+            goToManualAddressScreen("tron");
+          } else if (!paymentState.depositAddressOptions.loading) {
+            context.setUniquePaymentMethodPage(
+              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+            );
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+              event: "unique_payment_option_tron_fallback"
+            });
+          }
+          break;
+        case "AllExchanges":
+          context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);
+          context.setRoute(ROUTES.SELECT_EXCHANGE, {
+            event: "unique_payment_option_all_exchanges"
+          });
+          break;
+        case "ManualAddress":
+          context.setUniquePaymentMethodPage(
+            ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+          );
+          context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+            event: "unique_payment_option_manual_address"
+          });
+          break;
+        case "Base":
+          const baseOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.BASE
+          );
+          if (baseOption) {
+            setSelectedDepositAddressOption(baseOption);
+            goToManualAddressScreen("base");
+          } else if (!paymentState.depositAddressOptions.loading) {
+            context.setUniquePaymentMethodPage(
+              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+            );
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+              event: "unique_payment_option_base_fallback"
+            });
+          }
+          break;
+        case "Arbitrum":
+          const arbitrumOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.ARBITRUM
+          );
+          if (arbitrumOption) {
+            setSelectedDepositAddressOption(arbitrumOption);
+            goToManualAddressScreen("arbitrum");
+          } else if (!paymentState.depositAddressOptions.loading) {
+            context.setUniquePaymentMethodPage(
+              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+            );
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+              event: "unique_payment_option_arbitrum_fallback"
+            });
+          }
+          break;
+        case "Optimism":
+          const optimismOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.OP_MAINNET
+          );
+          if (optimismOption) {
+            setSelectedDepositAddressOption(optimismOption);
+            goToManualAddressScreen("optimism");
+          } else if (!paymentState.depositAddressOptions.loading) {
+            context.setUniquePaymentMethodPage(
+              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+            );
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+              event: "unique_payment_option_optimism_fallback"
+            });
+          }
+          break;
+        case "Polygon":
+          const polygonOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.POLYGON
+          );
+          if (polygonOption) {
+            setSelectedDepositAddressOption(polygonOption);
+            goToManualAddressScreen("polygon");
+          } else if (!paymentState.depositAddressOptions.loading) {
+            context.setUniquePaymentMethodPage(
+              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+            );
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+              event: "unique_payment_option_polygon_fallback"
+            });
+          }
+          break;
+        case "Ethereum":
+          const ethereumOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.ETH_L1
+          );
+          if (ethereumOption) {
+            setSelectedDepositAddressOption(ethereumOption);
+            goToManualAddressScreen("ethereum");
+          } else if (!paymentState.depositAddressOptions.loading) {
+            context.setUniquePaymentMethodPage(
+              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN
+            );
+            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
+              event: "unique_payment_option_ethereum_fallback"
+            });
+          }
+          break;
+        case "Binance":
+          const exchangeOptions = paymentState.externalPaymentOptions.options.get("exchange");
+          const binanceOption = exchangeOptions?.find(
+            (option) => option.id === ExternalPaymentOptions.Binance
+          );
+          if (binanceOption) {
+            setSelectedExternalOption(binanceOption);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_EXTERNAL);
+            context.setRoute(ROUTES.WAITING_EXTERNAL, {
+              event: "unique_payment_option_binance"
+            });
+          } else if (!paymentState.externalPaymentOptions.loading) {
+            context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);
+            context.setRoute(ROUTES.SELECT_EXCHANGE, {
+              event: "unique_payment_option_binance_fallback"
+            });
+          }
+          break;
+        case "Coinbase":
+          const coinbaseExchangeOptions = paymentState.externalPaymentOptions.options.get("exchange");
+          const coinbaseOption = coinbaseExchangeOptions?.find(
+            (option) => option.id === ExternalPaymentOptions.Coinbase
+          );
+          if (coinbaseOption) {
+            setSelectedExternalOption(coinbaseOption);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_EXTERNAL);
+            context.setRoute(ROUTES.WAITING_EXTERNAL, {
+              event: "unique_payment_option_coinbase"
+            });
+          } else if (!paymentState.externalPaymentOptions.loading) {
+            context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);
+            context.setRoute(ROUTES.SELECT_EXCHANGE, {
+              event: "unique_payment_option_coinbase_fallback"
+            });
+          }
+          break;
+        case "Lemon":
+          const lemonExternalOptions = paymentState.externalPaymentOptions.options.get("external");
+          const lemonOption = lemonExternalOptions?.find(
+            (option) => option.id === ExternalPaymentOptions.Lemon
+          );
+          if (lemonOption) {
+            setSelectedExternalOption(lemonOption);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_EXTERNAL);
+            context.setRoute(ROUTES.WAITING_EXTERNAL, {
+              event: "unique_payment_option_lemon"
+            });
+          } else if (!paymentState.externalPaymentOptions.loading) {
+            context.setUniquePaymentMethodPage(ROUTES.SELECT_METHOD);
+            context.setRoute(ROUTES.SELECT_METHOD, {
+              event: "unique_payment_option_lemon_fallback"
+            });
+          }
+          break;
+        case "Wallets":
+          context.setUniquePaymentMethodPage(ROUTES.CONNECTORS);
+          context.setRoute(ROUTES.CONNECTORS, {
+            event: "unique_payment_option_wallets"
+          });
+          break;
+        default:
+          context.setUniquePaymentMethodPage(ROUTES.SELECT_METHOD);
+          break;
+      }
+    }
+    const hasUniquePaymentOption = paymentState.buttonProps && "uniquePaymentOption" in paymentState.buttonProps && paymentState.buttonProps.uniquePaymentOption;
+    const isWalletsUniquePaymentOption = paymentState.buttonProps?.uniquePaymentOption === "Wallets";
+    const evmOptionsCount = paymentState.walletPaymentOptions.options?.length ?? 0;
+    const isEvmLoading = paymentState.walletPaymentOptions.isLoading;
+    const solanaOptionsCount = paymentState.solanaPaymentOptions.options?.length ?? 0;
+    const isSolanaLoading = paymentState.solanaPaymentOptions.isLoading;
+    if ((!hasUniquePaymentOption || isWalletsUniquePaymentOption) && isEthConnected && !isSolanaConnected && (!isMobile || !disableMobileInjector) && !isEvmLoading && evmOptionsCount > 0) {
+      paymentState.setTokenMode("evm");
+      context.setRoute(ROUTES.SELECT_TOKEN, {
+        event: "eth_connected_on_open",
+        walletId: connector?.id,
+        chainId: chain?.id,
+        address
+      });
+    } else if ((!hasUniquePaymentOption || isWalletsUniquePaymentOption) && isSolanaConnected && !isEthConnected && showSolanaPaymentMethod && !disableMobileInjector && !isSolanaLoading && solanaOptionsCount > 0) {
+      paymentState.setTokenMode("solana");
+      context.setRoute(ROUTES.SELECT_TOKEN, {
+        event: "solana_connected_on_open"
+      });
+    }
+  }, [
+    context.open,
+    paymentState.walletPaymentOptions.options,
+    paymentState.walletPaymentOptions.isLoading,
+    paymentState.solanaPaymentOptions.options,
+    paymentState.solanaPaymentOptions.isLoading,
+    paymentState.externalPaymentOptions.options,
+    paymentState.externalPaymentOptions.loading,
+    paymentState.depositAddressOptions.options,
+    paymentState.depositAddressOptions.loading,
+    showSolanaPaymentMethod,
+    address,
+    chain?.id,
+    connector?.id,
+    context.uniquePaymentMethodPage
+  ]);
+  useEffect(() => {
+    if (context.route === ROUTES.CONNECT || context.route === ROUTES.CONNECTORS || context.route === ROUTES.MOBILECONNECTORS) {
+      if (isEthConnected) {
+        paymentState.setTokenMode("evm");
+        context.setRoute(ROUTES.SELECT_TOKEN, {
+          event: "connected",
+          walletId: connector?.id,
+          chainId: chain?.id,
+          address
+        });
+      }
+    }
+  }, [isEthConnected, context.route, connector?.id, chain?.id, address]);
+  useEffect(() => setMode(mode), [mode, setMode]);
+  useEffect(() => setTheme(theme), [theme, setTheme]);
+  useEffect(() => setCustomTheme(customTheme), [customTheme, setCustomTheme]);
+  useEffect(() => setLang(lang), [lang, setLang]);
+  useEffect(
+    () => setDisableMobileInjector(disableMobileInjector),
+    [disableMobileInjector, setDisableMobileInjector]
+  );
+  useEffect(() => {
+    const appName = getAppName();
+    if (!appName || !context.open) return;
+    const title = document.createElement("meta");
+    title.setAttribute("property", "og:title");
+    title.setAttribute("content", appName);
+    document.head.prepend(title);
+    return () => {
+      try {
+        document.head.removeChild(title);
+      } catch {
+      }
+    };
+  }, [context.open]);
+  return /* @__PURE__ */ jsx(DaimoPayThemeProvider, { theme, customTheme, mode, children: /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open: context.open,
+      pages,
+      pageId: context.route,
+      onClose: closeable ? hide : void 0,
+      onInfo: void 0,
+      onBack: showBackButton ? onBack : void 0
+    }
+  ) });
+};
+
+export { DaimoPayModal };
+//# sourceMappingURL=index.js.map

package/build/connectkit/src/components/DaimoPayModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/DaimoPayModal/index.tsx"],"sourcesContent":["import { useWallet } from \"@solana/wallet-adapter-react\";\nimport { useEffect } from \"react\";\nimport { useAccount } from \"wagmi\";\n\nimport {\n  DepositAddressPaymentOptions,\n  ExternalPaymentOptions,\n} from \"@daimo/pay-common\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { getAppName } from \"../../defaultConfig\";\nimport { useChainIsSupported } from \"../../hooks/useChainIsSupported\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../hooks/useIsMobile\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\nimport { CustomTheme, Languages, Mode, Theme } from \"../../types\";\nimport Modal from \"../Common/Modal\";\nimport { DaimoPayThemeProvider } from \"../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport About from \"../Pages/About\";\nimport Confirmation from \"../Pages/Confirmation\";\nimport Connectors from \"../Pages/Connectors\";\nimport DownloadApp from \"../Pages/DownloadApp\";\nimport ErrorPage from \"../Pages/Error\";\nimport MobileConnectors from \"../Pages/MobileConnectors\";\nimport Onboarding from \"../Pages/Onboarding\";\nimport PayWithToken from \"../Pages/PayWithToken\";\nimport SelectAmount from \"../Pages/SelectAmount\";\nimport SelectDepositAddressAmount from \"../Pages/SelectDepositAddressAmount\";\nimport SelectDepositAddressChain from \"../Pages/SelectDepositAddressChain\";\nimport SelectExchange from \"../Pages/SelectExchange\";\nimport SelectExternalAmount from \"../Pages/SelectExternalAmount\";\nimport SelectMethod from \"../Pages/SelectMethod\";\nimport SelectToken from \"../Pages/SelectToken\";\nimport SelectWalletAmount from \"../Pages/SelectWalletAmount\";\nimport SelectWalletChain from \"../Pages/SelectWalletChain\";\nimport SelectZKP from \"../Pages/SelectZKP\";\nimport ConnectorSolana from \"../Pages/Solana/ConnectorSolana\";\nimport PayWithSolanaToken from \"../Pages/Solana/PayWithSolanaToken\";\nimport SelectSolanaAmount from \"../Pages/Solana/SelectSolanaAmount\";\nimport SwitchNetworks from \"../Pages/SwitchNetworks\";\nimport WaitingDepositAddress from \"../Pages/WaitingDepositAddress\";\nimport WaitingExternal from \"../Pages/WaitingExternal\";\nimport WaitingWallet from \"../Pages/WaitingWallet\";\nimport ConnectUsing from \"./ConnectUsing\";\n\nexport const DaimoPayModal: React.FC<{\n  mode: Mode;\n  theme: Theme;\n  customTheme: CustomTheme;\n  lang: Languages;\n  disableMobileInjector: boolean;\n}> = ({\n  mode,\n  theme,\n  customTheme,\n  lang,\n  disableMobileInjector,\n}: {\n  mode: Mode;\n  theme: Theme;\n  customTheme: CustomTheme;\n  lang: Languages;\n  disableMobileInjector: boolean;\n}) => {\n  const context = usePayContext();\n  const {\n    setMode,\n    setTheme,\n    setCustomTheme,\n    setLang,\n    setDisableMobileInjector,\n  } = context;\n  const paymentState = context.paymentState;\n  const {\n    generatePreviewOrder,\n    isDepositFlow,\n    showSolanaPaymentMethod,\n    setPaymentWaitingMessage,\n    setSelectedExternalOption,\n    setSelectedTokenOption,\n    setSelectedSolanaTokenOption,\n    setSelectedDepositAddressOption,\n    setSelectedWallet,\n  } = paymentState;\n  const { paymentState: paymentFsmState } = useDaimoPay();\n\n  const {\n    isConnected: isEthConnected,\n    connector,\n    chain,\n    address,\n  } = useAccount();\n  const { connected: isSolanaConnected } = useWallet();\n  const chainIsSupported = useChainIsSupported(chain?.id);\n\n  //if chain is unsupported we enforce a \"switch chain\" prompt\n  const closeable = !(\n    context.options?.enforceSupportedChains &&\n    isEthConnected &&\n    !chainIsSupported\n  );\n\n  const showBackButton =\n    closeable &&\n    context.route !== context.uniquePaymentMethodPage &&\n    context.route !== ROUTES.SELECT_METHOD &&\n    context.route !== ROUTES.CONFIRMATION &&\n    context.route !== ROUTES.SELECT_TOKEN &&\n    context.route !== ROUTES.ERROR &&\n    paymentFsmState !== \"error\";\n\n  const onBack = () => {\n    const meta = { event: \"click-back\" };\n    if (context.route === ROUTES.DOWNLOAD) {\n      context.setRoute(ROUTES.CONNECT, meta);\n    } else if (context.route === ROUTES.CONNECTORS) {\n      context.setRoute(ROUTES.SELECT_METHOD, meta);\n    } else if (context.route === ROUTES.SELECT_AMOUNT) {\n      setSelectedTokenOption(undefined);\n      context.setRoute(ROUTES.SELECT_TOKEN, meta);\n    } else if (context.route === ROUTES.SELECT_EXTERNAL_AMOUNT) {\n      setSelectedExternalOption(undefined);\n      context.setRoute(context.uniquePaymentMethodPage, meta);\n    } else if (context.route === ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT) {\n      setSelectedDepositAddressOption(undefined);\n      context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);\n    } else if (context.route === ROUTES.WAITING_EXTERNAL) {\n      setPaymentWaitingMessage(undefined);\n      if (isDepositFlow) {\n        generatePreviewOrder();\n        context.setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setSelectedExternalOption(undefined);\n        context.setRoute(context.uniquePaymentMethodPage, meta);\n      }\n    } else if (context.route === ROUTES.PAY_WITH_TOKEN) {\n      if (isDepositFlow) {\n        generatePreviewOrder();\n        context.setRoute(ROUTES.SELECT_AMOUNT, meta);\n      } else {\n        setSelectedTokenOption(undefined);\n        context.setRoute(ROUTES.SELECT_TOKEN, meta);\n      }\n    } else if (context.route === ROUTES.ONBOARDING) {\n      context.setRoute(ROUTES.CONNECTORS, meta);\n    } else if (context.route === ROUTES.WAITING_DEPOSIT_ADDRESS) {\n      if (isDepositFlow) {\n        if (paymentState.selectedDepositAddressOption === undefined) {\n          context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);\n        } else {\n          generatePreviewOrder();\n          context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);\n        }\n      } else {\n        setSelectedDepositAddressOption(undefined);\n        context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);\n      }\n    } else if (context.route === ROUTES.WAITING_WALLET) {\n      if (isDepositFlow) {\n        generatePreviewOrder();\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else {\n        setSelectedWallet(undefined);\n        context.setRoute(ROUTES.CONNECTORS, meta);\n      }\n    } else if (context.route === ROUTES.SOLANA_SELECT_AMOUNT) {\n      setSelectedSolanaTokenOption(undefined);\n      context.setRoute(ROUTES.SELECT_TOKEN, meta);\n    } else if (context.route === ROUTES.SOLANA_PAY_WITH_TOKEN) {\n      if (isDepositFlow) {\n        generatePreviewOrder();\n        context.setRoute(ROUTES.SOLANA_SELECT_AMOUNT, meta);\n      } else {\n        setSelectedSolanaTokenOption(undefined);\n        context.setRoute(ROUTES.SELECT_TOKEN, meta);\n      }\n    } else {\n      context.setRoute(context.uniquePaymentMethodPage, meta);\n    }\n  };\n\n  const pages: Record<ROUTES, React.ReactNode> = {\n    [ROUTES.SELECT_METHOD]: <SelectMethod />,\n    [ROUTES.SELECT_TOKEN]: <SelectToken />,\n    [ROUTES.SELECT_AMOUNT]: <SelectAmount />,\n    [ROUTES.SELECT_EXTERNAL_AMOUNT]: <SelectExternalAmount />,\n    [ROUTES.SELECT_EXCHANGE]: <SelectExchange />,\n    [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: <SelectDepositAddressAmount />,\n    [ROUTES.SELECT_WALLET_AMOUNT]: <SelectWalletAmount />,\n    [ROUTES.SELECT_WALLET_CHAIN]: <SelectWalletChain />,\n    [ROUTES.WAITING_EXTERNAL]: <WaitingExternal />,\n    [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: <SelectDepositAddressChain />,\n    [ROUTES.WAITING_DEPOSIT_ADDRESS]: <WaitingDepositAddress />,\n    [ROUTES.SELECT_ZKP2P]: <SelectZKP />,\n    [ROUTES.WAITING_WALLET]: <WaitingWallet />,\n    [ROUTES.CONFIRMATION]: <Confirmation />,\n    [ROUTES.ERROR]: <ErrorPage />,\n    [ROUTES.PAY_WITH_TOKEN]: <PayWithToken />,\n    [ROUTES.SOLANA_CONNECTOR]: <ConnectorSolana />,\n    [ROUTES.SOLANA_SELECT_AMOUNT]: <SelectSolanaAmount />,\n    [ROUTES.SOLANA_PAY_WITH_TOKEN]: <PayWithSolanaToken />,\n    // Unused routes. Kept to minimize connectkit merge conflicts.\n    [ROUTES.ONBOARDING]: <Onboarding />,\n    [ROUTES.ABOUT]: <About />,\n    [ROUTES.DOWNLOAD]: <DownloadApp />,\n    [ROUTES.CONNECTORS]: <Connectors />,\n    [ROUTES.MOBILECONNECTORS]: <MobileConnectors />,\n    [ROUTES.CONNECT]: <ConnectUsing />,\n    [ROUTES.SWITCHNETWORKS]: <SwitchNetworks />,\n  };\n\n  function hide() {\n    if (isDepositFlow) {\n      generatePreviewOrder();\n    }\n    context.setOpen(false, { event: \"click-close\" });\n  }\n\n  const goToManualAddressScreen = (eventSuffix: string) => {\n    if (paymentState.isDepositFlow) {\n      context.setUniquePaymentMethodPage(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT);\n      context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, {\n        event: `unique_payment_option_deposit_${eventSuffix}`,\n      });\n    } else {\n      context.setUniquePaymentMethodPage(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);\n      context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {\n        event: `unique_payment_option_${eventSuffix}`,\n      });\n    }\n  };\n  const { isMobile } = useIsMobile();\n\n  // Override the first screen upon opening the modal.\n  // 1. If uniquePaymentOption is set, navigate to that screen directly\n  // 2. If the user has a wallet already connected upon opening the modal, go\n  // straight to the select token screen\n  // 3. If the user has no wallet connected upon opening the modal, go to the\n  // select method screen\n  useEffect(() => {\n    if (!context.open) return;\n    if (context.route !== ROUTES.SELECT_METHOD) return;\n\n    if (\n      paymentState.buttonProps &&\n      \"uniquePaymentOption\" in paymentState.buttonProps &&\n      paymentState.buttonProps.uniquePaymentOption\n    ) {\n      switch (paymentState.buttonProps.uniquePaymentOption) {\n        case \"Tron\":\n          // Find the Tron option from available deposit address options\n          const tronOption = paymentState.depositAddressOptions.options?.find(\n            (option) => option.id === DepositAddressPaymentOptions.TRON_USDT,\n          );\n          if (tronOption) {\n            setSelectedDepositAddressOption(tronOption);\n            goToManualAddressScreen(\"tron\");\n          } else if (!paymentState.depositAddressOptions.loading) {\n            // Data loaded but option not found, fallback to chain selection\n            context.setUniquePaymentMethodPage(\n              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n            );\n            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n              event: \"unique_payment_option_tron_fallback\",\n            });\n          }\n          // If still loading, do nothing and wait for next render\n          break;\n        case \"AllExchanges\":\n          // Open exchanges list directly\n          context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);\n          context.setRoute(ROUTES.SELECT_EXCHANGE, {\n            event: \"unique_payment_option_all_exchanges\",\n          });\n          break;\n        case \"ManualAddress\":\n          context.setUniquePaymentMethodPage(\n            ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n          );\n          context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n            event: \"unique_payment_option_manual_address\",\n          });\n          break;\n        case \"Base\":\n          // Find the Base option from available deposit address options\n          const baseOption = paymentState.depositAddressOptions.options?.find(\n            (option) => option.id === DepositAddressPaymentOptions.BASE,\n          );\n          if (baseOption) {\n            setSelectedDepositAddressOption(baseOption);\n            goToManualAddressScreen(\"base\");\n          } else if (!paymentState.depositAddressOptions.loading) {\n            context.setUniquePaymentMethodPage(\n              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n            );\n            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n              event: \"unique_payment_option_base_fallback\",\n            });\n          }\n          break;\n        case \"Arbitrum\":\n          // Find the Arbitrum option from available deposit address options\n          const arbitrumOption =\n            paymentState.depositAddressOptions.options?.find(\n              (option) => option.id === DepositAddressPaymentOptions.ARBITRUM,\n            );\n          if (arbitrumOption) {\n            setSelectedDepositAddressOption(arbitrumOption);\n            goToManualAddressScreen(\"arbitrum\");\n          } else if (!paymentState.depositAddressOptions.loading) {\n            context.setUniquePaymentMethodPage(\n              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n            );\n            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n              event: \"unique_payment_option_arbitrum_fallback\",\n            });\n          }\n          break;\n        case \"Optimism\":\n          // Find the Optimism option from available deposit address options\n          const optimismOption =\n            paymentState.depositAddressOptions.options?.find(\n              (option) => option.id === DepositAddressPaymentOptions.OP_MAINNET,\n            );\n          if (optimismOption) {\n            setSelectedDepositAddressOption(optimismOption);\n            goToManualAddressScreen(\"optimism\");\n          } else if (!paymentState.depositAddressOptions.loading) {\n            context.setUniquePaymentMethodPage(\n              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n            );\n            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n              event: \"unique_payment_option_optimism_fallback\",\n            });\n          }\n          break;\n        case \"Polygon\":\n          // Find the Polygon option from available deposit address options\n          const polygonOption =\n            paymentState.depositAddressOptions.options?.find(\n              (option) => option.id === DepositAddressPaymentOptions.POLYGON,\n            );\n          if (polygonOption) {\n            setSelectedDepositAddressOption(polygonOption);\n            goToManualAddressScreen(\"polygon\");\n          } else if (!paymentState.depositAddressOptions.loading) {\n            context.setUniquePaymentMethodPage(\n              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n            );\n            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n              event: \"unique_payment_option_polygon_fallback\",\n            });\n          }\n          break;\n        case \"Ethereum\":\n          // Find the Ethereum option from available deposit address options\n          const ethereumOption =\n            paymentState.depositAddressOptions.options?.find(\n              (option) => option.id === DepositAddressPaymentOptions.ETH_L1,\n            );\n          if (ethereumOption) {\n            setSelectedDepositAddressOption(ethereumOption);\n            goToManualAddressScreen(\"ethereum\");\n          } else if (!paymentState.depositAddressOptions.loading) {\n            context.setUniquePaymentMethodPage(\n              ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN,\n            );\n            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {\n              event: \"unique_payment_option_ethereum_fallback\",\n            });\n          }\n          break;\n        case \"Binance\":\n          // Find the Binance option from available exchange options\n          const exchangeOptions =\n            paymentState.externalPaymentOptions.options.get(\"exchange\");\n          const binanceOption = exchangeOptions?.find(\n            (option) => option.id === ExternalPaymentOptions.Binance,\n          );\n          if (binanceOption) {\n            setSelectedExternalOption(binanceOption);\n            context.setUniquePaymentMethodPage(ROUTES.WAITING_EXTERNAL);\n            context.setRoute(ROUTES.WAITING_EXTERNAL, {\n              event: \"unique_payment_option_binance\",\n            });\n          } else if (!paymentState.externalPaymentOptions.loading) {\n            context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);\n            context.setRoute(ROUTES.SELECT_EXCHANGE, {\n              event: \"unique_payment_option_binance_fallback\",\n            });\n          }\n          break;\n        case \"Coinbase\":\n          // Find the Coinbase option from available exchange options\n          const coinbaseExchangeOptions =\n            paymentState.externalPaymentOptions.options.get(\"exchange\");\n          const coinbaseOption = coinbaseExchangeOptions?.find(\n            (option) => option.id === ExternalPaymentOptions.Coinbase,\n          );\n          if (coinbaseOption) {\n            setSelectedExternalOption(coinbaseOption);\n            context.setUniquePaymentMethodPage(ROUTES.WAITING_EXTERNAL);\n            context.setRoute(ROUTES.WAITING_EXTERNAL, {\n              event: \"unique_payment_option_coinbase\",\n            });\n          } else if (!paymentState.externalPaymentOptions.loading) {\n            context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);\n            context.setRoute(ROUTES.SELECT_EXCHANGE, {\n              event: \"unique_payment_option_coinbase_fallback\",\n            });\n          }\n          break;\n        case \"Lemon\":\n          // Find the Lemon option from available external options\n          const lemonExternalOptions =\n            paymentState.externalPaymentOptions.options.get(\"external\");\n          const lemonOption = lemonExternalOptions?.find(\n            (option) => option.id === ExternalPaymentOptions.Lemon,\n          );\n          if (lemonOption) {\n            setSelectedExternalOption(lemonOption);\n            context.setUniquePaymentMethodPage(ROUTES.WAITING_EXTERNAL);\n            context.setRoute(ROUTES.WAITING_EXTERNAL, {\n              event: \"unique_payment_option_lemon\",\n            });\n          } else if (!paymentState.externalPaymentOptions.loading) {\n            context.setUniquePaymentMethodPage(ROUTES.SELECT_METHOD);\n            context.setRoute(ROUTES.SELECT_METHOD, {\n              event: \"unique_payment_option_lemon_fallback\",\n            });\n          }\n          break;\n        case \"Wallets\":\n          context.setUniquePaymentMethodPage(ROUTES.CONNECTORS);\n          context.setRoute(ROUTES.CONNECTORS, {\n            event: \"unique_payment_option_wallets\",\n          });\n          break;\n        default:\n          context.setUniquePaymentMethodPage(ROUTES.SELECT_METHOD);\n          break;\n      }\n    }\n\n    const hasUniquePaymentOption =\n      paymentState.buttonProps &&\n      \"uniquePaymentOption\" in paymentState.buttonProps &&\n      paymentState.buttonProps.uniquePaymentOption;\n    const isWalletsUniquePaymentOption =\n      paymentState.buttonProps?.uniquePaymentOption === \"Wallets\";\n\n    // Skip to token selection if exactly one wallet is connected. If both\n    // wallets are connected, stay on the SELECT_METHOD screen to allow the\n    // user to select which wallet to use\n    // If mobile injector is disabled, don't show the connected wallets.\n    // If there's a unique payment option, and the unique payment option is not\n    // \"Wallets\", don't auto-connect the user's wallet.\n    const evmOptionsCount =\n      paymentState.walletPaymentOptions.options?.length ?? 0;\n    const isEvmLoading = paymentState.walletPaymentOptions.isLoading;\n    const solanaOptionsCount =\n      paymentState.solanaPaymentOptions.options?.length ?? 0;\n    const isSolanaLoading = paymentState.solanaPaymentOptions.isLoading;\n    if (\n      (!hasUniquePaymentOption || isWalletsUniquePaymentOption) &&\n      isEthConnected &&\n      !isSolanaConnected &&\n      (!isMobile || !disableMobileInjector) &&\n      !isEvmLoading &&\n      evmOptionsCount > 0\n    ) {\n      paymentState.setTokenMode(\"evm\");\n      context.setRoute(ROUTES.SELECT_TOKEN, {\n        event: \"eth_connected_on_open\",\n        walletId: connector?.id,\n        chainId: chain?.id,\n        address,\n      });\n    } else if (\n      (!hasUniquePaymentOption || isWalletsUniquePaymentOption) &&\n      isSolanaConnected &&\n      !isEthConnected &&\n      showSolanaPaymentMethod &&\n      !disableMobileInjector &&\n      !isSolanaLoading &&\n      solanaOptionsCount > 0\n    ) {\n      paymentState.setTokenMode(\"solana\");\n      context.setRoute(ROUTES.SELECT_TOKEN, {\n        event: \"solana_connected_on_open\",\n      });\n    }\n    // Don't include context.route in the dependency array otherwise the user\n    // can't go back from the select token screen to the select method screen\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    context.open,\n    paymentState.walletPaymentOptions.options,\n    paymentState.walletPaymentOptions.isLoading,\n    paymentState.solanaPaymentOptions.options,\n    paymentState.solanaPaymentOptions.isLoading,\n    paymentState.externalPaymentOptions.options,\n    paymentState.externalPaymentOptions.loading,\n    paymentState.depositAddressOptions.options,\n    paymentState.depositAddressOptions.loading,\n    showSolanaPaymentMethod,\n    address,\n    chain?.id,\n    connector?.id,\n    context.uniquePaymentMethodPage,\n  ]);\n\n  // If we're on the connect page and the user successfully connects their\n  // wallet, go to the select token page\n  useEffect(() => {\n    if (\n      context.route === ROUTES.CONNECT ||\n      context.route === ROUTES.CONNECTORS ||\n      context.route === ROUTES.MOBILECONNECTORS\n    ) {\n      if (isEthConnected) {\n        paymentState.setTokenMode(\"evm\");\n        context.setRoute(ROUTES.SELECT_TOKEN, {\n          event: \"connected\",\n          walletId: connector?.id,\n          chainId: chain?.id,\n          address,\n        });\n      }\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEthConnected, context.route, connector?.id, chain?.id, address]);\n\n  useEffect(() => setMode(mode), [mode, setMode]);\n  useEffect(() => setTheme(theme), [theme, setTheme]);\n  useEffect(() => setCustomTheme(customTheme), [customTheme, setCustomTheme]);\n  useEffect(() => setLang(lang), [lang, setLang]);\n  useEffect(\n    () => setDisableMobileInjector(disableMobileInjector),\n    [disableMobileInjector, setDisableMobileInjector],\n  );\n\n  useEffect(() => {\n    const appName = getAppName();\n    if (!appName || !context.open) return;\n\n    const title = document.createElement(\"meta\");\n    title.setAttribute(\"property\", \"og:title\");\n    title.setAttribute(\"content\", appName);\n    document.head.prepend(title);\n\n    return () => {\n      try {\n        document.head.removeChild(title);\n      } catch {}\n      //if (appIcon) document.head.removeChild(icon);\n    };\n  }, [context.open]);\n\n  return (\n    <DaimoPayThemeProvider theme={theme} customTheme={customTheme} mode={mode}>\n      <Modal\n        open={context.open}\n        pages={pages}\n        pageId={context.route}\n        onClose={closeable ? hide : undefined}\n        onInfo={undefined}\n        onBack={showBackButton ? onBack : undefined}\n      />\n    </DaimoPayThemeProvider>\n  );\n};\n"],"names":["ConnectorSolana","Onboarding","Connectors"],"mappings":"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"}

package/build/connectkit/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.js

@@ -0,0 +1,25 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import React, { createContext, createElement } from 'react';
+
+const Context = createContext(null);
+const DaimoPayThemeProvider = ({
+  children,
+  theme = "auto",
+  mode = "auto",
+  customTheme
+}) => {
+  const value = {
+    theme,
+    mode,
+    customTheme
+  };
+  return createElement(Context.Provider, { value }, /* @__PURE__ */ jsx(Fragment, { children }));
+};
+const useThemeContext = () => {
+  const context = React.useContext(Context);
+  if (!context) throw Error("DaimoPayThemeProvider must be inside a Provider.");
+  return context;
+};
+
+export { DaimoPayThemeProvider, useThemeContext };
+//# sourceMappingURL=DaimoPayThemeProvider.js.map

package/build/connectkit/src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DaimoPayThemeProvider.js","sources":["../../../../../src/components/DaimoPayThemeProvider/DaimoPayThemeProvider.tsx"],"sourcesContent":["import React, { createContext, createElement } from \"react\";\nimport { CustomTheme, Mode, Theme } from \"../../types\";\n\ntype ContextValue = {\n  theme?: Theme;\n  mode?: Mode;\n  customTheme?: CustomTheme;\n};\n\nconst Context = createContext<ContextValue | null>(null);\n\ntype DaimoPayThemeProviderProps = {\n  children?: React.ReactNode;\n  theme?: Theme;\n  mode?: Mode;\n  customTheme?: CustomTheme;\n};\n\nexport const DaimoPayThemeProvider: React.FC<DaimoPayThemeProviderProps> = ({\n  children,\n  theme = \"auto\",\n  mode = \"auto\",\n  customTheme,\n}) => {\n  const value = {\n    theme,\n    mode,\n    customTheme,\n  };\n\n  return createElement(Context.Provider, { value }, <>{children}</>);\n};\n\nexport const useThemeContext = () => {\n  const context = React.useContext(Context);\n  if (!context) throw Error(\"DaimoPayThemeProvider must be inside a Provider.\");\n  return context;\n};\n"],"names":[],"mappings":";;;AASA,MAAM,OAAA,GAAU,cAAmC,IAAI,CAAA,CAAA;AAShD,MAAM,wBAA8D,CAAC;AAAA,EAC1E,QAAA;AAAA,EACA,KAAQ,GAAA,MAAA;AAAA,EACR,IAAO,GAAA,MAAA;AAAA,EACP,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,KAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AAEA,EAAO,OAAA,aAAA,CAAc,QAAQ,QAAU,EAAA,EAAE,OAAS,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAG,UAAS,CAAG,CAAA,CAAA;AACnE,EAAA;AAEO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,UAAA,CAAW,OAAO,CAAA,CAAA;AACxC,EAAA,IAAI,CAAC,OAAA,EAAe,MAAA,KAAA,CAAM,kDAAkD,CAAA,CAAA;AAC5E,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}