@daimo/pay 1.17.4 → 1.17.6

package/build/src/components/DaimoPayModal/ConnectWithQRCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\n\nimport { OrDivider } from \"../Common/Modal\";\nimport { ModalContent, PageContent } from \"../Common/Modal/styles\";\n\nimport ScanIconWithLogos from \"../../assets/ScanIconWithLogos\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport Button from \"../Common/Button\";\nimport CopyToClipboard from \"../Common/CopyToClipboard\";\nimport CustomQRCode from \"../Common/CustomQRCode\";\n\nimport { writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport Logos, { SquircleIcon } from \"../../assets/logos\";\nimport MobileWithLogos from \"../../assets/MobileWithLogos\";\nimport { useWallet, WALLET_ID_MOBILE_WALLETS } from \"../../wallets/useWallets\";\n\n/**\n * Continues a Daimo Pay flow in another app.\n * - If the pendingConnectorId is a mobile wallet, deeplink directly into that\n *   wallet. This opens the flow in eg. the Rainbow in-app browser, letting the\n *   user finish the flow in a single app switch instead of multiple.\n * - If the pendingConnectorId is MOBILE_WALLETS_CONNECTOR_ID, then show a QR\n *   that the user can scan from their phone. This opens the flow in eg. mobile\n *   Safari, letting them pick which app they want to use & finish there.\n * - If the pendingConnectorId is world, then show a QR that the user can scan\n *   from their phone. This deeplinks into the World Mini App\n */\nconst ConnectWithQRCode: React.FC<{ externalUrl: string }> = ({\n  externalUrl,\n}) => {\n  const context = usePayContext();\n  const { pendingConnectorId, paymentState } = context;\n  const wallet = useWallet(pendingConnectorId ?? \"\");\n  const externalOption = paymentState.selectedExternalOption;\n  const pay = useDaimoPay();\n\n  const locales = useLocales({\n    CONNECTORNAME: wallet?.name ?? externalOption?.id,\n  });\n\n  if (!wallet && !externalOption)\n    return <> No wallet or external option found </>;\n\n  const downloads = wallet?.downloadUrls;\n  const hasApps = downloads && Object.keys(downloads).length !== 0;\n  const showAdditionalOptions = false;\n  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : \"\";\n\n  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;\n  const mode = isDesktopLinkToMobileWallets ? \"browser\" : \"wallet\";\n  const worldDeeplink =\n    wallet?.id === \"world\" && wallet?.getDaimoPayDeeplink\n      ? wallet.getDaimoPayDeeplink(payId)\n      : null;\n  const url =\n    externalUrl ?? // QR code opens eg. Binance\n    worldDeeplink ?? // open in World App\n    `https://pay.daimo.com/pay?id=${payId}&mode=${mode}`; // browser\n\n  return (\n    <PageContent>\n      <ModalContent style={{ paddingBottom: 8, gap: 14 }}>\n        <CustomQRCode\n          value={url}\n          image={\n            wallet?.id === \"world\" ? (\n              <SquircleIcon icon={Logos.World} alt=\"World\" />\n            ) : externalOption?.logoURI ? (\n              <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n            ) : (\n              <div\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  borderRadius: \"22.5%\",\n                  overflow: \"hidden\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  backgroundColor: \"var(--ck-body-background)\",\n                  transform: \"scale(1.3) translateY(5%)\",\n                  transformOrigin: \"center center\",\n                }}\n              >\n                <MobileWithLogos />\n              </div>\n            )\n          }\n          tooltipMessage={\n            isDesktopLinkToMobileWallets ? (\n              <>\n                <ScanIconWithLogos />\n                <span>\n                  Finish the payment <br />\n                  on your mobile phone\n                </span>\n              </>\n            ) : (\n              <>\n                <ScanIconWithLogos\n                  logo={\n                    externalOption?.logoURI ? (\n                      <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n                    ) : (\n                      wallet?.icon\n                    )\n                  }\n                />\n                <span>{locales.scanScreen_tooltip_default}</span>\n              </>\n            )\n          }\n        />\n        {showAdditionalOptions ? (\n          <OrDivider />\n        ) : (\n          hasApps && <OrDivider>{locales.dontHaveTheApp}</OrDivider>\n        )}\n      </ModalContent>\n\n      {showAdditionalOptions && (\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            gap: 14,\n          }}\n        >\n          <CopyToClipboard variant=\"button\" string={\"\"}>\n            {locales.copyToClipboard}\n          </CopyToClipboard>\n        </div>\n      )}\n\n      {hasApps && (\n        <>\n          <Button\n            onClick={() => {\n              context.setRoute(ROUTES.DOWNLOAD);\n            }}\n            download\n          >\n            {locales.getWalletName}\n          </Button>\n        </>\n      )}\n    </PageContent>\n  );\n};\n\nexport default ConnectWithQRCode;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA8BA,MAAM,oBAAuD,CAAC;AAAA,EAC5D,WAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAC9B,EAAM,MAAA,EAAE,kBAAoB,EAAA,YAAA,EAAiB,GAAA,OAAA,CAAA;AAC7C,EAAM,MAAA,MAAA,GAAS,SAAU,CAAA,kBAAA,IAAsB,EAAE,CAAA,CAAA;AACjD,EAAA,MAAM,iBAAiB,YAAa,CAAA,sBAAA,CAAA;AACpC,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AAExB,EAAA,MAAM,UAAU,UAAW,CAAA;AAAA,IACzB,aAAA,EAAe,MAAQ,EAAA,IAAA,IAAQ,cAAgB,EAAA,EAAA;AAAA,GAChD,CAAA,CAAA;AAED,EAAI,IAAA,CAAC,UAAU,CAAC,cAAA;AACd,IAAA,uCAAS,QAAoC,EAAA,sCAAA,EAAA,CAAA,CAAA;AAE/C,EAAA,MAAM,YAAY,MAAQ,EAAA,YAAA,CAAA;AAC1B,EAAA,MAAM,UAAU,SAAa,IAAA,MAAA,CAAO,IAAK,CAAA,SAAS,EAAE,MAAW,KAAA,CAAA,CAAA;AAC/D,EAAA,MAAM,qBAAwB,GAAA,KAAA,CAAA;AAC9B,EAAA,MAAM,QAAQ,GAAI,CAAA,KAAA,GAAQ,qBAAqB,GAAI,CAAA,KAAA,CAAM,EAAE,CAAI,GAAA,EAAA,CAAA;AAE/D,EAAM,MAAA,4BAAA,GAA+B,QAAQ,EAAO,KAAA,wBAAA,CAAA;AACpD,EAAM,MAAA,IAAA,GAAO,+BAA+B,SAAY,GAAA,QAAA,CAAA;AACxD,EAAM,MAAA,aAAA,GACJ,QAAQ,EAAO,KAAA,OAAA,IAAW,QAAQ,mBAC9B,GAAA,MAAA,CAAO,mBAAoB,CAAA,KAAK,CAChC,GAAA,IAAA,CAAA;AACN,EAAA,MAAM,GACJ,GAAA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,CAAA,6BAAA,EAAgC,KAAK,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,CAAA;AAEpD,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,gBAAa,KAAO,EAAA,EAAE,eAAe,CAAG,EAAA,GAAA,EAAK,IAC5C,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,GAAA;AAAA,UACP,KAAA,EACE,QAAQ,EAAO,KAAA,OAAA,uBACZ,YAAa,EAAA,EAAA,IAAA,EAAM,MAAM,KAAO,EAAA,GAAA,EAAI,SAAQ,CAC3C,GAAA,cAAA,EAAgB,0BACjB,GAAA,CAAA,YAAA,EAAA,EAAa,MAAM,cAAe,CAAA,OAAA,EAAS,GAAI,EAAA,MAAA,EAAO,CAEvD,mBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA;AAAA,gBACL,KAAO,EAAA,MAAA;AAAA,gBACP,MAAQ,EAAA,MAAA;AAAA,gBACR,YAAc,EAAA,OAAA;AAAA,gBACd,QAAU,EAAA,QAAA;AAAA,gBACV,OAAS,EAAA,MAAA;AAAA,gBACT,UAAY,EAAA,QAAA;AAAA,gBACZ,cAAgB,EAAA,QAAA;AAAA,gBAChB,eAAiB,EAAA,2BAAA;AAAA,gBACjB,SAAW,EAAA,2BAAA;AAAA,gBACX,eAAiB,EAAA,eAAA;AAAA,eACnB;AAAA,cAEA,8BAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WACnB;AAAA,UAGJ,cAAA,EACE,+CAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,iCAClB,MAAK,EAAA,EAAA,QAAA,EAAA;AAAA,cAAA,qBAAA;AAAA,kCACgB,IAAG,EAAA,EAAA,CAAA;AAAA,cAAE,sBAAA;AAAA,aAE3B,EAAA,CAAA;AAAA,WAAA,EACF,oBAGE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,iBAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EACE,cAAgB,EAAA,OAAA,mBACb,GAAA,CAAA,YAAA,EAAA,EAAa,IAAM,EAAA,cAAA,CAAe,OAAS,EAAA,GAAA,EAAI,MAAO,EAAA,CAAA,GAEvD,MAAQ,EAAA,IAAA;AAAA,eAAA;AAAA,aAGd;AAAA,4BACA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,OAAA,CAAQ,0BAA2B,EAAA,CAAA;AAAA,WAC5C,EAAA,CAAA;AAAA,SAAA;AAAA,OAGN;AAAA,MAIE,2BAAY,GAAA,CAAA,SAAA,EAAA,EAAW,kBAAQ,cAAe,EAAA,CAAA;AAAA,KAElD,EAAA,CAAA;AAAA,IAEC,qBACC,CAWA;AAAA,IAGD,2BAEG,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAQ,OAAA,CAAA,QAAA,CAAS,OAAO,QAAQ,CAAA,CAAA;AAAA,SAClC;AAAA,QACA,QAAQ,EAAA,IAAA;AAAA,QAEP,QAAQ,EAAA,OAAA,CAAA,aAAA;AAAA,OAAA;AAAA,KAEb,EAAA,CAAA;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ConnectWithQRCode.js","sources":["../../../../src/components/DaimoPayModal/ConnectWithQRCode.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../constants/routes\";\nimport { usePayContext } from \"../../hooks/usePayContext\";\n\nimport { ModalContent, PageContent } from \"../Common/Modal/styles\";\n\nimport ScanIconWithLogos from \"../../assets/ScanIconWithLogos\";\nimport { useDaimoPay } from \"../../hooks/useDaimoPay\";\nimport useLocales from \"../../hooks/useLocales\";\nimport Button from \"../Common/Button\";\nimport CustomQRCode from \"../Common/CustomQRCode\";\n\nimport { writeDaimoPayOrderID } from \"@daimo/pay-common\";\nimport Logos, { SquircleIcon } from \"../../assets/logos\";\nimport MobileWithLogos from \"../../assets/MobileWithLogos\";\nimport { useWallet, WALLET_ID_MOBILE_WALLETS } from \"../../wallets/useWallets\";\n\n/**\n * Continues a Daimo Pay flow in another app.\n * - If the pendingConnectorId is a mobile wallet, deeplink directly into that\n *   wallet. This opens the flow in eg. the Rainbow in-app browser, letting the\n *   user finish the flow in a single app switch instead of multiple.\n * - If the pendingConnectorId is MOBILE_WALLETS_CONNECTOR_ID, then show a QR\n *   that the user can scan from their phone. This opens the flow in eg. mobile\n *   Safari, letting them pick which app they want to use & finish there.\n * - If the pendingConnectorId is world, then show a QR that the user can scan\n *   from their phone. This deeplinks into the World Mini App\n */\nconst ConnectWithQRCode: React.FC<{ externalUrl: string }> = ({\n  externalUrl,\n}) => {\n  const context = usePayContext();\n  const { pendingConnectorId, paymentState } = context;\n  const wallet = useWallet(pendingConnectorId ?? \"\");\n  const externalOption = paymentState.selectedExternalOption;\n  const pay = useDaimoPay();\n\n  const locales = useLocales({\n    CONNECTORNAME: wallet?.name ?? externalOption?.id,\n  });\n\n  if (!wallet && !externalOption)\n    return <> No wallet or external option found </>;\n\n  const downloads = wallet?.downloadUrls;\n  const hasApps = downloads && Object.keys(downloads).length !== 0;\n  const payId = pay.order ? writeDaimoPayOrderID(pay.order.id) : \"\";\n\n  const isDesktopLinkToMobileWallets = wallet?.id === WALLET_ID_MOBILE_WALLETS;\n  const mode = isDesktopLinkToMobileWallets ? \"browser\" : \"wallet\";\n  const worldDeeplink =\n    wallet?.id === \"world\" && wallet?.getDaimoPayDeeplink\n      ? wallet.getDaimoPayDeeplink(payId)\n      : null;\n  const url =\n    externalUrl ?? // QR code opens eg. Binance\n    worldDeeplink ?? // open in World App\n    `https://pay.daimo.com/pay?id=${payId}&mode=${mode}`; // browser\n\n  return (\n    <PageContent>\n      <ModalContent style={{ paddingBottom: 8, gap: 14 }}>\n        <CustomQRCode\n          value={url}\n          image={\n            wallet?.id === \"world\" ? (\n              <SquircleIcon icon={Logos.World} alt=\"World\" />\n            ) : externalOption?.logoURI ? (\n              <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n            ) : (\n              <div\n                style={{\n                  width: \"100%\",\n                  height: \"100%\",\n                  borderRadius: \"22.5%\",\n                  overflow: \"hidden\",\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  backgroundColor: \"var(--ck-body-background)\",\n                  transform: \"scale(1.3) translateY(5%)\",\n                  transformOrigin: \"center center\",\n                }}\n              >\n                <MobileWithLogos />\n              </div>\n            )\n          }\n          tooltipMessage={\n            isDesktopLinkToMobileWallets ? (\n              <>\n                <ScanIconWithLogos />\n                <span>\n                  Finish the payment <br />\n                  on your mobile phone\n                </span>\n              </>\n            ) : (\n              <>\n                <ScanIconWithLogos\n                  logo={\n                    externalOption?.logoURI ? (\n                      <SquircleIcon icon={externalOption.logoURI} alt=\"Logo\" />\n                    ) : (\n                      wallet?.icon\n                    )\n                  }\n                />\n                <span>{locales.scanScreen_tooltip_default}</span>\n              </>\n            )\n          }\n        />\n      </ModalContent>\n\n      {hasApps && (\n        <>\n          <Button\n            onClick={() => {\n              context.setRoute(ROUTES.DOWNLOAD);\n            }}\n            download\n          >\n            {locales.getWalletName}\n          </Button>\n        </>\n      )}\n    </PageContent>\n  );\n};\n\nexport default ConnectWithQRCode;\n"],"names":[],"mappings":"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"}

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

@@ -33,7 +33,7 @@ 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 WaitingDepositAddress, { beforeLeave } from '../Pages/WaitingDepositAddress/index.js';
 import WaitingExternal from '../Pages/WaitingExternal/index.js';
 import WaitingWallet from '../Pages/WaitingWallet/index.js';
 import ConnectUsing from './ConnectUsing.js';
@@ -65,7 +65,8 @@ const DaimoPayModal = ({
     setSelectedDepositAddressOption,
     setSelectedWallet
   } = paymentState;
-  const { paymentState: paymentFsmState } = useDaimoPay();
+  const daimo = useDaimoPay();
+  const { paymentState: paymentFsmState, order } = daimo;
   const {
     isConnected: isEthConnected,
     connector,
@@ -75,7 +76,7 @@ const DaimoPayModal = ({
   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 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" && paymentFsmState !== "warning";
   const onBack = () => {
     const meta = { event: "click-back" };
     if (context.route === ROUTES.DOWNLOAD) {
@@ -174,6 +175,37 @@ const DaimoPayModal = ({
     [ROUTES.CONNECT]: /* @__PURE__ */ jsx(ConnectUsing, {}),
     [ROUTES.SWITCHNETWORKS]: /* @__PURE__ */ jsx(SwitchNetworks, {})
   };
+  const leaveGuards = {
+    [ROUTES.WAITING_DEPOSIT_ADDRESS]: () => beforeLeave(context.trpc, order?.id?.toString())
+  };
+  const guardedAction = async (action) => {
+    const guard = leaveGuards[context.route];
+    if (!guard) {
+      action();
+      return;
+    }
+    let canProceed = false;
+    try {
+      canProceed = await guard();
+    } catch (error) {
+      console.error("error in leave guard:", error);
+      return;
+    }
+    if (!canProceed) return;
+    try {
+      action();
+    } catch (error) {
+      console.error("error performing guarded action:", error);
+      return;
+    }
+    if (paymentFsmState === "warning") {
+      try {
+        daimo.dismissWarning();
+      } catch (error) {
+        console.error("error dismissing warning:", error);
+      }
+    }
+  };
   function hide() {
     if (isDepositFlow) {
       generatePreviewOrder();
@@ -451,9 +483,9 @@ const DaimoPayModal = ({
       open: context.open,
       pages,
       pageId: context.route,
-      onClose: closeable ? hide : void 0,
+      onClose: closeable && paymentFsmState !== "warning" ? () => guardedAction(hide) : void 0,
       onInfo: void 0,
-      onBack: showBackButton ? onBack : void 0
+      onBack: showBackButton ? () => guardedAction(onBack) : void 0
     }
   ) });
 };

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

@@ -1 +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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"}
+{"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, {\n  beforeLeave as waitingDepositAddressBeforeLeave,\n} 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 daimo = useDaimoPay();\n  const { paymentState: paymentFsmState, order } = daimo;\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  // closeable is independent of the warning state; warning is handled separately below\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    paymentFsmState !== \"warning\";\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  // Registry of page-level leave guards (hooks that run before navigation)\n  // For WAITING_DEPOSIT_ADDRESS, we need to pass trpc and orderId\n  const leaveGuards: Partial<Record<ROUTES, () => Promise<boolean> | boolean>> =\n    {\n      [ROUTES.WAITING_DEPOSIT_ADDRESS]: () =>\n        waitingDepositAddressBeforeLeave(context.trpc, order?.id?.toString()),\n    };\n\n  // Helper to wrap navigation actions with leave guard check\n  const guardedAction = async (action: () => void) => {\n    const guard = leaveGuards[context.route];\n\n    // If no guard exists for current page, proceed with action\n    if (!guard) {\n      action();\n      return;\n    }\n\n    // Otherwise, call the guard and check if navigation is allowed\n    let canProceed = false;\n    try {\n      canProceed = await guard();\n    } catch (error) {\n      console.error(\"error in leave guard:\", error);\n      return;\n    }\n\n    if (!canProceed) return;\n\n    try {\n      action();\n    } catch (error) {\n      console.error(\"error performing guarded action:\", error);\n      return;\n    }\n\n    // dismiss warning after navigation to avoid intermediate flash\n    if (paymentFsmState === \"warning\") {\n      try {\n        daimo.dismissWarning();\n      } catch (error) {\n        console.error(\"error dismissing warning:\", error);\n      }\n    }\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    };\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={\n          closeable && paymentFsmState !== \"warning\"\n            ? () => guardedAction(hide)\n            : undefined\n        }\n        onInfo={undefined}\n        onBack={showBackButton ? () => guardedAction(onBack) : undefined}\n      />\n    </DaimoPayThemeProvider>\n  );\n};\n"],"names":["ConnectorSolana","Onboarding","Connectors","waitingDepositAddressBeforeLeave"],"mappings":"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"}

package/build/src/components/Pages/Connectors/styles.js

@@ -0,0 +1,267 @@
+import { keyframes } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+import { motion } from 'framer-motion';
+import { ModalBody } from '../../Common/Modal/styles.js';
+
+const Shimmer = keyframes`
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+const InfoBox = styled.div`
+  padding: 24px 24px 28px;
+  border-radius: var(--ck-tertiary-border-radius, 24px);
+  box-shadow: var(--ck-tertiary-box-shadow, none);
+  background: var(--ck-body-background-tertiary);
+  ${ModalBody} {
+    max-width: none;
+  }
+`;
+const InfoBoxButtons = styled.div`
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 16px;
+  margin: 5px -8px -12px;
+  button {
+  }
+`;
+const LearnMoreContainer = styled(motion.div)`
+  text-align: center;
+  margin-top: 16px;
+  margin-bottom: -6px;
+`;
+const LearnMoreButton = styled(motion.button)`
+  appearance: none;
+  user-select: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  height: 42px;
+  padding: 0 16px;
+  border-radius: 6px;
+  background: none;
+  color: var(--ck-body-color-muted);
+  font-size: 15px;
+  line-height: 18px;
+  font-weight: 500;
+  /* will-change: transform; */
+  transition:
+    color 200ms ease,
+    transform 100ms ease;
+  svg {
+    transition: all 100ms ease-out;
+    display: block;
+    position: relative;
+    top: 2px;
+    left: 2px;
+    transform: translateZ(0px);
+    path,
+    circle {
+      transition: all 100ms ease-out;
+    }
+    path:last-of-type {
+      transform-origin: 0 0;
+      transform: scaleX(1.3) skewY(-12deg);
+      opacity: 0;
+    }
+    circle {
+      transform: translate(20%, -15%);
+    }
+  }
+  &:hover {
+    color: var(--ck-body-color-muted-hover);
+    svg {
+      path,
+      circle {
+        opacity: 1;
+        transform: none;
+      }
+    }
+  }
+  &:active {
+    transform: scale(0.96);
+  }
+`;
+styled(motion.div)`
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0 0 16px;
+  overflow-y: scroll;
+  max-height: 20rem;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
+styled(motion.button)`
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0 20px;
+  width: 100%;
+  height: 64px;
+  font-size: 17px;
+  font-weight: var(--ck-primary-button-font-weight, 500);
+  line-height: 20px;
+  text-align: var(--ck-body-button-text-align, left);
+  transition: 180ms ease;
+  transition-property: background, color, box-shadow, transform, opacity;
+  will-change: transform, box-shadow, background-color, color, opacity;
+
+  --fallback-color: var(--ck-primary-button-color);
+  --fallback-background: var(--ck-primary-button-background);
+  --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+  --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+  --color: var(--ck-primary-button-color, var(--fallback-color));
+  --background: var(--ck-primary-button-background, var(--fallback-background));
+  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));
+  --border-radius: var(
+    --ck-primary-button-border-radius,
+    var(--fallback-border-radius)
+  );
+
+  --hover-color: var(--ck-primary-button-hover-color, var(--color));
+  --hover-background: var(
+    --ck-primary-button-hover-background,
+    var(--background)
+  );
+  --hover-box-shadow: var(
+    --ck-primary-button-hover-box-shadow,
+    var(--box-shadow)
+  );
+  --hover-border-radius: var(
+    --ck-primary-button-hover-border-radius,
+    var(--border-radius)
+  );
+
+  --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+  --active-background: var(
+    --ck-primary-button-active-background,
+    var(--hover-background)
+  );
+  --active-box-shadow: var(
+    --ck-primary-button-active-box-shadow,
+    var(--hover-box-shadow)
+  );
+  --active-border-radius: var(
+    --ck-primary-button-active-border-radius,
+    var(--hover-border-radius)
+  );
+
+  color: var(--color);
+  background: var(--background);
+  box-shadow: var(--box-shadow);
+  border-radius: var(--border-radius);
+
+  &:disabled {
+    transition: 180ms ease;
+    opacity: 0.4;
+  }
+
+  --bg: var(--background);
+  &:not(:disabled) {
+    &:hover {
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:focus-visible {
+      transition-duration: 100ms;
+      color: var(--hover-color);
+      background: var(--hover-background);
+      box-shadow: var(--hover-box-shadow);
+      border-radius: var(--hover-border-radius);
+      --bg: var(--hover-background, var(--background));
+    }
+    &:active {
+      color: var(--active-color);
+      background: var(--active-background);
+      box-shadow: var(--active-box-shadow);
+      border-radius: var(--active-border-radius);
+      --bg: var(--active-background, var(--background));
+    }
+  }
+`;
+styled(motion.span)`
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: "";
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: "";
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+styled(motion.span)`
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 2px 0;
+  padding-right: 38px;
+`;
+styled(motion.div)`
+  position: absolute;
+  right: 20px;
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  svg,
+  img {
+    display: block;
+    position: relative;
+    pointer-events: none;
+    overflow: hidden;
+    border-radius: 27.5%;
+    width: 100%;
+    height: 100%;
+  }
+`;
+
+export { InfoBox, InfoBoxButtons, LearnMoreButton, LearnMoreContainer };
+//# sourceMappingURL=styles.js.map

package/build/src/components/Pages/Connectors/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pages/Connectors/styles.ts"],"sourcesContent":["import { keyframes } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nimport { motion } from \"framer-motion\";\nimport { ModalBody } from \"../../Common/Modal/styles\";\n\nconst Shimmer = keyframes`\n  0%{ transform: translate(-100%) rotate(-45deg); }\n  100%{ transform: translate(100%) rotate(-80deg); }\n`;\n\nexport const InfoBox = styled.div`\n  padding: 24px 24px 28px;\n  border-radius: var(--ck-tertiary-border-radius, 24px);\n  box-shadow: var(--ck-tertiary-box-shadow, none);\n  background: var(--ck-body-background-tertiary);\n  ${ModalBody} {\n    max-width: none;\n  }\n`;\nexport const InfoBoxButtons = styled.div`\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin: 5px -8px -12px;\n  button {\n  }\n`;\nexport const LearnMoreContainer = styled(motion.div)`\n  text-align: center;\n  margin-top: 16px;\n  margin-bottom: -6px;\n`;\nexport const LearnMoreButton = styled(motion.button)`\n  appearance: none;\n  user-select: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  height: 42px;\n  padding: 0 16px;\n  border-radius: 6px;\n  background: none;\n  color: var(--ck-body-color-muted);\n  font-size: 15px;\n  line-height: 18px;\n  font-weight: 500;\n  /* will-change: transform; */\n  transition:\n    color 200ms ease,\n    transform 100ms ease;\n  svg {\n    transition: all 100ms ease-out;\n    display: block;\n    position: relative;\n    top: 2px;\n    left: 2px;\n    transform: translateZ(0px);\n    path,\n    circle {\n      transition: all 100ms ease-out;\n    }\n    path:last-of-type {\n      transform-origin: 0 0;\n      transform: scaleX(1.3) skewY(-12deg);\n      opacity: 0;\n    }\n    circle {\n      transform: translate(20%, -15%);\n    }\n  }\n  &:hover {\n    color: var(--ck-body-color-muted-hover);\n    svg {\n      path,\n      circle {\n        opacity: 1;\n        transform: none;\n      }\n    }\n  }\n  &:active {\n    transform: scale(0.96);\n  }\n`;\n\nexport const ConnectorsContainer = styled(motion.div)`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 0 16px;\n  overflow-y: scroll;\n  max-height: 20rem;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nexport const ConnectorButton = styled(motion.button)`\n  cursor: pointer;\n  user-select: none;\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0 20px;\n  width: 100%;\n  height: 64px;\n  font-size: 17px;\n  font-weight: var(--ck-primary-button-font-weight, 500);\n  line-height: 20px;\n  text-align: var(--ck-body-button-text-align, left);\n  transition: 180ms ease;\n  transition-property: background, color, box-shadow, transform, opacity;\n  will-change: transform, box-shadow, background-color, color, opacity;\n\n  --fallback-color: var(--ck-primary-button-color);\n  --fallback-background: var(--ck-primary-button-background);\n  --fallback-box-shadow: var(--ck-primary-button-box-shadow);\n  --fallback-border-radius: var(--ck-primary-button-border-radius);\n\n  --color: var(--ck-primary-button-color, var(--fallback-color));\n  --background: var(--ck-primary-button-background, var(--fallback-background));\n  --box-shadow: var(--ck-primary-button-box-shadow, var(--fallback-box-shadow));\n  --border-radius: var(\n    --ck-primary-button-border-radius,\n    var(--fallback-border-radius)\n  );\n\n  --hover-color: var(--ck-primary-button-hover-color, var(--color));\n  --hover-background: var(\n    --ck-primary-button-hover-background,\n    var(--background)\n  );\n  --hover-box-shadow: var(\n    --ck-primary-button-hover-box-shadow,\n    var(--box-shadow)\n  );\n  --hover-border-radius: var(\n    --ck-primary-button-hover-border-radius,\n    var(--border-radius)\n  );\n\n  --active-color: var(--ck-primary-button-active-color, var(--hover-color));\n  --active-background: var(\n    --ck-primary-button-active-background,\n    var(--hover-background)\n  );\n  --active-box-shadow: var(\n    --ck-primary-button-active-box-shadow,\n    var(--hover-box-shadow)\n  );\n  --active-border-radius: var(\n    --ck-primary-button-active-border-radius,\n    var(--hover-border-radius)\n  );\n\n  color: var(--color);\n  background: var(--background);\n  box-shadow: var(--box-shadow);\n  border-radius: var(--border-radius);\n\n  &:disabled {\n    transition: 180ms ease;\n    opacity: 0.4;\n  }\n\n  --bg: var(--background);\n  &:not(:disabled) {\n    &:hover {\n      color: var(--hover-color);\n      background: var(--hover-background);\n      box-shadow: var(--hover-box-shadow);\n      border-radius: var(--hover-border-radius);\n      --bg: var(--hover-background, var(--background));\n    }\n    &:focus-visible {\n      transition-duration: 100ms;\n      color: var(--hover-color);\n      background: var(--hover-background);\n      box-shadow: var(--hover-box-shadow);\n      border-radius: var(--hover-border-radius);\n      --bg: var(--hover-background, var(--background));\n    }\n    &:active {\n      color: var(--active-color);\n      background: var(--active-background);\n      box-shadow: var(--active-box-shadow);\n      border-radius: var(--active-border-radius);\n      --bg: var(--active-background, var(--background));\n    }\n  }\n`;\nexport const ConnectorRecentlyUsed = styled(motion.span)`\n  position: relative;\n  top: var(--ck-recent-badge-top-offset, 0.5px);\n  display: inline-block;\n  padding: 10px 7px;\n  line-height: 0;\n  font-size: 13px;\n  font-weight: 400;\n  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));\n  color: var(\n    --ck-recent-badge-color,\n    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))\n  );\n  background: var(--ck-recent-badge-background, transparent);\n  overflow: hidden;\n  span {\n    display: inline-block;\n    position: relative;\n  }\n  &:before {\n    z-index: 1;\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.4;\n    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);\n    border-radius: inherit;\n  }\n  &:after {\n    z-index: 2;\n    content: \"\";\n    position: absolute;\n    inset: -10%;\n    top: -110%;\n    aspect-ratio: 1/1;\n    opacity: 0.7;\n    background: linear-gradient(\n      170deg,\n      transparent 10%,\n      var(--ck-recent-badge-background, var(--bg)) 50%,\n      transparent 90%\n    );\n    animation: ${Shimmer} 2s linear infinite;\n  }\n`;\n\nexport const ConnectorLabel = styled(motion.span)`\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  padding: 2px 0;\n  padding-right: 38px;\n`;\n\nexport const ConnectorIcon = styled(motion.div)`\n  position: absolute;\n  right: 20px;\n  width: 32px;\n  height: 32px;\n  overflow: hidden;\n  svg,\n  img {\n    display: block;\n    position: relative;\n    pointer-events: none;\n    overflow: hidden;\n    border-radius: 27.5%;\n    width: 100%;\n    height: 100%;\n  }\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKT,MAAM,UAAU,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,EAK1B,SAAS,CAAA;AAAA;AAAA;AAAA,EAAA;AAIN,MAAM,iBAAiB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAQxB,MAAA,kBAAA,GAAqB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,eAAA,GAAkB,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAuDhB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAarB,MAAO,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AA8Fd,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EA0CtC,OAAO,CAAA;AAAA;AAAA,EAAA;AAIM,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAYnB,MAAO,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/build/src/components/Pages/SelectDepositAddressChain/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ROUTES } from '../../../constants/routes.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 import { PageContent, ModalContent, ModalH1 } from '../../Common/Modal/styles.js';
-import { DaimoPayOrderMode, DepositAddressPaymentOptions } from '@daimo/pay-common';
+import { DepositAddressPaymentOptions } from '@daimo/pay-common';
 import { useDaimoPay } from '../../../hooks/useDaimoPay.js';
 import { OptionsList } from '../../Common/OptionsList/index.js';
 import { OrderHeader } from '../../Common/OrderHeader/index.js';
@@ -12,6 +12,7 @@ const SelectDepositAddressChain = () => {
   const { setRoute, paymentState } = usePayContext();
   const pay = useDaimoPay();
   const { order } = pay;
+  const orderUsd = order?.destFinalCallTokenAmount.usd;
   const {
     isDepositFlow,
     setSelectedDepositAddressOption,
@@ -44,7 +45,7 @@ const SelectDepositAddressChain = () => {
         options: (depositAddressOptions.options ?? []).map((option) => {
           const disabled = (
             // Disable if usd below min
-            option.minimumUsd > 0 && order?.mode === DaimoPayOrderMode.HYDRATED && order.usdValue < option.minimumUsd || // Disable if TRON_USDT unavailable
+            option.minimumUsd > 0 && orderUsd != null && orderUsd < option.minimumUsd || // Disable if TRON_USDT unavailable
             option.id === DepositAddressPaymentOptions.TRON_USDT && untronAvailable === false
           );
           return {