@daimo/pay 1.15.0 → 1.16.1

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

@@ -38,426 +38,419 @@ 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);
-    //if chain is unsupported we enforce a "switch chain" prompt
-    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);
+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(ROUTES.SELECT_METHOD, 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 if (context.route === ROUTES.CONNECTORS) {
-            context.setRoute(ROUTES.SELECT_METHOD, meta);
-        }
-        else if (context.route === ROUTES.SELECT_AMOUNT) {
-            setSelectedTokenOption(undefined);
-            context.setRoute(ROUTES.SELECT_TOKEN, meta);
-        }
-        else if (context.route === ROUTES.SELECT_EXTERNAL_AMOUNT) {
-            setSelectedExternalOption(undefined);
-            context.setRoute(ROUTES.SELECT_METHOD, meta);
-        }
-        else if (context.route === ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT) {
-            setSelectedDepositAddressOption(undefined);
-            context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
-        }
-        else if (context.route === ROUTES.WAITING_EXTERNAL) {
-            setPaymentWaitingMessage(undefined);
-            if (isDepositFlow) {
-                generatePreviewOrder();
-                context.setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);
-            }
-            else {
-                setSelectedExternalOption(undefined);
-                context.setRoute(context.uniquePaymentMethodPage, meta);
-            }
-        }
-        else if (context.route === ROUTES.PAY_WITH_TOKEN) {
-            if (isDepositFlow) {
-                generatePreviewOrder();
-                context.setRoute(ROUTES.SELECT_AMOUNT, meta);
-            }
-            else {
-                setSelectedTokenOption(undefined);
-                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 === undefined) {
-                    context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, meta);
-                }
-                else {
-                    generatePreviewOrder();
-                    context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);
-                }
-            }
-            else {
-                setSelectedDepositAddressOption(undefined);
-                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(undefined);
-                context.setRoute(ROUTES.CONNECTORS, meta);
-            }
-        }
-        else if (context.route === ROUTES.SOLANA_SELECT_AMOUNT) {
-            setSelectedSolanaTokenOption(undefined);
-            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(undefined);
-                context.setRoute(ROUTES.SELECT_TOKEN, meta);
-            }
-        }
-        else {
-            context.setRoute(context.uniquePaymentMethodPage, meta);
-        }
-    };
-    const pages = {
-        [ROUTES.SELECT_METHOD]: jsx(SelectMethod, {}),
-        [ROUTES.SELECT_TOKEN]: jsx(SelectToken, {}),
-        [ROUTES.SELECT_AMOUNT]: jsx(SelectAmount, {}),
-        [ROUTES.SELECT_EXTERNAL_AMOUNT]: jsx(SelectExternalAmount, {}),
-        [ROUTES.SELECT_EXCHANGE]: jsx(SelectExchange, {}),
-        [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: jsx(SelectDepositAddressAmount, {}),
-        [ROUTES.SELECT_WALLET_AMOUNT]: jsx(SelectWalletAmount, {}),
-        [ROUTES.SELECT_WALLET_CHAIN]: jsx(SelectWalletChain, {}),
-        [ROUTES.WAITING_EXTERNAL]: jsx(WaitingExternal, {}),
-        [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: jsx(SelectDepositAddressChain, {}),
-        [ROUTES.WAITING_DEPOSIT_ADDRESS]: jsx(WaitingDepositAddress, {}),
-        [ROUTES.SELECT_ZKP2P]: jsx(SelectZKP, {}),
-        [ROUTES.WAITING_WALLET]: jsx(WaitingWallet, {}),
-        [ROUTES.CONFIRMATION]: jsx(Confirmation, {}),
-        [ROUTES.ERROR]: jsx(ErrorPage, {}),
-        [ROUTES.PAY_WITH_TOKEN]: jsx(PayWithToken, {}),
-        [ROUTES.SOLANA_CONNECTOR]: jsx(ConnectSolana, {}),
-        [ROUTES.SOLANA_SELECT_AMOUNT]: jsx(SelectSolanaAmount, {}),
-        [ROUTES.SOLANA_PAY_WITH_TOKEN]: jsx(PayWithSolanaToken, {}),
-        // Unused routes. Kept to minimize connectkit merge conflicts.
-        [ROUTES.ONBOARDING]: jsx(Introduction, {}),
-        [ROUTES.ABOUT]: jsx(About, {}),
-        [ROUTES.DOWNLOAD]: jsx(DownloadApp, {}),
-        [ROUTES.CONNECTORS]: jsx(Wallets, {}),
-        [ROUTES.MOBILECONNECTORS]: jsx(MobileConnectors, {}),
-        [ROUTES.CONNECT]: jsx(ConnectUsing, {}),
-        [ROUTES.SWITCHNETWORKS]: jsx(SwitchNetworks, {}),
-    };
-    function hide() {
-        if (isDepositFlow) {
-            generatePreviewOrder();
-        }
-        context.setOpen(false, { event: "click-close" });
+      } 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 { isMobile } = useIsMobile();
-    // Override the first screen upon opening the modal.
-    // 1. If uniquePaymentOption is set, navigate to that screen directly
-    // 2. If the user has a wallet already connected upon opening the modal, go
-    // straight to the select token screen
-    // 3. If the user has no wallet connected upon opening the modal, go to the
-    // select method screen
-    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":
-                    // Find the Tron option from available deposit address options
-                    const tronOption = paymentState.depositAddressOptions.options?.find((option) => option.id === DepositAddressPaymentOptions.TRON_USDT);
-                    if (tronOption) {
-                        setSelectedDepositAddressOption(tronOption);
-                        context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
-                        context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
-                            event: "unique_payment_option_tron",
-                        });
-                    }
-                    else if (!paymentState.depositAddressOptions.loading) {
-                        // Data loaded but option not found, fallback to chain selection
-                        context.setUniquePaymentMethodPage(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);
-                        context.setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN, {
-                            event: "unique_payment_option_tron_fallback",
-                        });
-                    }
-                    // If still loading, do nothing and wait for next render
-                    break;
-                case "Base":
-                    // Find the Base option from available deposit address options
-                    const baseOption = paymentState.depositAddressOptions.options?.find((option) => option.id === DepositAddressPaymentOptions.BASE);
-                    if (baseOption) {
-                        setSelectedDepositAddressOption(baseOption);
-                        context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
-                        context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
-                            event: "unique_payment_option_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":
-                    // Find the Arbitrum option from available deposit address options
-                    const arbitrumOption = paymentState.depositAddressOptions.options?.find((option) => option.id === DepositAddressPaymentOptions.ARBITRUM);
-                    if (arbitrumOption) {
-                        setSelectedDepositAddressOption(arbitrumOption);
-                        context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
-                        context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
-                            event: "unique_payment_option_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":
-                    // Find the Optimism option from available deposit address options
-                    const optimismOption = paymentState.depositAddressOptions.options?.find((option) => option.id === DepositAddressPaymentOptions.OP_MAINNET);
-                    if (optimismOption) {
-                        setSelectedDepositAddressOption(optimismOption);
-                        context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
-                        context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
-                            event: "unique_payment_option_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":
-                    // Find the Polygon option from available deposit address options
-                    const polygonOption = paymentState.depositAddressOptions.options?.find((option) => option.id === DepositAddressPaymentOptions.POLYGON);
-                    if (polygonOption) {
-                        setSelectedDepositAddressOption(polygonOption);
-                        context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
-                        context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
-                            event: "unique_payment_option_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":
-                    // Find the Ethereum option from available deposit address options
-                    const ethereumOption = paymentState.depositAddressOptions.options?.find((option) => option.id === DepositAddressPaymentOptions.ETH_L1);
-                    if (ethereumOption) {
-                        setSelectedDepositAddressOption(ethereumOption);
-                        context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
-                        context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
-                            event: "unique_payment_option_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":
-                    // Find the Binance option from available exchange options
-                    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":
-                    // Find the Coinbase option from available exchange options
-                    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":
-                    // Find the Lemon option from available external options
-                    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;
-            }
-        }
-        // Skip to token selection if exactly one wallet is connected. If both
-        // wallets are connected, stay on the SELECT_METHOD screen to allow the
-        // user to select which wallet to use
-        // If mobile injector is disabled, don't show the connected 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 (context.uniquePaymentMethodPage === ROUTES.SELECT_METHOD &&
-            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,
+  };
+  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 { 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);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
+            context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+              event: "unique_payment_option_tron"
             });
-        }
-        else if (context.uniquePaymentMethodPage === ROUTES.SELECT_METHOD &&
-            isSolanaConnected &&
-            !isEthConnected &&
-            showSolanaPaymentMethod &&
-            !disableMobileInjector &&
-            !isSolanaLoading &&
-            solanaOptionsCount > 0) {
-            paymentState.setTokenMode("solana");
-            context.setRoute(ROUTES.SELECT_TOKEN, {
-                event: "solana_connected_on_open",
+          } 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"
             });
-        }
-        // Don't include context.route in the dependency array otherwise the user
-        // can't go back from the select token screen to the select method screen
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        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,
-    ]);
-    // If we're on the connect page and the user successfully connects their
-    // wallet, go to the select token page
-    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,
-                });
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [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 { }
-            //if (appIcon) document.head.removeChild(icon);
-        };
-    }, [context.open]);
-    return (jsx(DaimoPayThemeProvider, { theme: theme, customTheme: customTheme, mode: mode, children: jsx(Modal, { open: context.open, pages: pages, pageId: context.route, onClose: closeable ? hide : undefined, onInfo: undefined, onBack: showBackButton ? onBack : undefined }) }));
+          }
+          break;
+        case "AllExchanges":
+          context.setUniquePaymentMethodPage(ROUTES.SELECT_EXCHANGE);
+          context.setRoute(ROUTES.SELECT_EXCHANGE, {
+            event: "unique_payment_option_all_exchanges"
+          });
+          break;
+        case "Base":
+          const baseOption = paymentState.depositAddressOptions.options?.find(
+            (option) => option.id === DepositAddressPaymentOptions.BASE
+          );
+          if (baseOption) {
+            setSelectedDepositAddressOption(baseOption);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
+            context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+              event: "unique_payment_option_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);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
+            context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+              event: "unique_payment_option_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);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
+            context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+              event: "unique_payment_option_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);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
+            context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+              event: "unique_payment_option_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);
+            context.setUniquePaymentMethodPage(ROUTES.WAITING_DEPOSIT_ADDRESS);
+            context.setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, {
+              event: "unique_payment_option_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 evmOptionsCount = paymentState.walletPaymentOptions.options?.length ?? 0;
+    const isEvmLoading = paymentState.walletPaymentOptions.isLoading;
+    const solanaOptionsCount = paymentState.solanaPaymentOptions.options?.length ?? 0;
+    const isSolanaLoading = paymentState.solanaPaymentOptions.isLoading;
+    if (context.uniquePaymentMethodPage === ROUTES.SELECT_METHOD && 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 (context.uniquePaymentMethodPage === ROUTES.SELECT_METHOD && 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 };