@daimo/pay 1.18.2 → 1.19.0

package/build/src/components/Common/ConnectorList/index.js

@@ -1,12 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ROUTES } from '../../../constants/routes.js';
+import { WALLET_ID_OTHER_WALLET } from '../../../constants/wallets.js';
 import { useConnect } from '../../../hooks/useConnect.js';
 import { useDaimoPay } from '../../../hooks/useDaimoPay.js';
 import useIsMobile from '../../../hooks/useIsMobile.js';
 import { useLastConnector } from '../../../hooks/useLastConnector.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 import { detectBrowser, isBaseAccountConnector, isGeminiConnector } from '../../../utils/index.js';
-import { useWallets, WALLET_ID_OTHER_WALLET, WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
+import { useWallets, isExternalWallet } from '../../../wallets/useWallets.js';
 import { ScrollArea } from '../ScrollArea/index.js';
 import Alert from '../Alert/index.js';
 import { ConnectorsContainer, ConnectorButton, ConnectorIcon, ConnectorLabel, RecentlyUsedTag, SkeletonIcon, SkeletonLabel } from './styles.js';
@@ -17,11 +18,18 @@ const ConnectorList = () => {
   const wallets = useWallets(isMobile);
   const { lastConnectorId } = useLastConnector();
   const { paymentState } = useDaimoPay();
+  const prioritizedId = context.paymentState.buttonProps?.prioritizedWalletId;
   const walletsToDisplay = context.options?.hideRecentBadge ? wallets : [
-    // move last used wallet to top of list
-    // using .filter and spread to avoid mutating original array order with .sort
-    ...wallets.filter((wallet) => lastConnectorId === wallet.connector?.id),
-    ...wallets.filter((wallet) => lastConnectorId !== wallet.connector?.id)
+    // prioritized wallet at very top
+    ...wallets.filter((wallet) => wallet.id === prioritizedId),
+    // then recent wallet if different from prioritized
+    ...wallets.filter(
+      (wallet) => lastConnectorId === wallet.connector?.id && wallet.id !== prioritizedId
+    ),
+    // remaining wallets
+    ...wallets.filter(
+      (wallet) => wallet.id !== prioritizedId && lastConnectorId !== wallet.connector?.id
+    )
   ];
   const shouldWaitForHydration = isMobile && !context.paymentState.isDepositFlow;
   const ready = !shouldWaitForHydration || paymentState === "payment_unpaid";
@@ -46,10 +54,9 @@ const ConnectorItem = ({
   const context = usePayContext();
   const { connect } = useConnect();
   const redirectToMoreWallets = isMobile && wallet.id === WALLET_ID_OTHER_WALLET;
-  const redirectToMobileWallets = wallet.id === WALLET_ID_MOBILE_WALLETS;
-  const redirectToWorld = wallet.id === "world";
+  const isExternalWalletFlow = isExternalWallet(wallet);
   const shouldConnectImmediately = (detectBrowser() === "safari" || detectBrowser() === "ios") && (isBaseAccountConnector(wallet.connector?.id) || isGeminiConnector(wallet.connector?.id));
-  const onClick = () => {
+  const onClick = async () => {
     const meta = { event: "connector-list-click", walletId: wallet.id };
     if (wallet.solanaConnectorName && !isMobile) {
       const supportsEvm = wallet.connector?.name != null;
@@ -65,27 +72,21 @@ const ConnectorItem = ({
     }
     if (redirectToMoreWallets) {
       context.setRoute(ROUTES.MOBILECONNECTORS, meta);
-    } else if (redirectToMobileWallets) {
-      if (context.paymentState.isDepositFlow) {
-        context.paymentState.setSelectedWallet(wallet);
-        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
-      } else {
-        context.setPendingConnectorId(WALLET_ID_MOBILE_WALLETS);
-        context.setRoute(ROUTES.CONNECT, meta);
-      }
-    } else if (redirectToWorld) {
+    } else if (isExternalWalletFlow) {
       if (context.paymentState.isDepositFlow) {
         context.paymentState.setSelectedWallet(wallet);
         context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
+      } else if (isMobile) {
+        await context.paymentState.openInWalletBrowser(wallet);
       } else {
-        context.setPendingConnectorId("world");
+        context.setPendingConnectorId(wallet.id);
         context.setRoute(ROUTES.CONNECT, meta);
       }
     } else if (context.paymentState.isDepositFlow && isMobile && !wallet.connector) {
       context.paymentState.setSelectedWallet(wallet);
       context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);
-    } else if (isMobile && wallet.getDaimoPayDeeplink != null && !wallet.connector) {
-      context.paymentState.openInWalletBrowser(wallet);
+    } else if (isMobile && wallet.getDaimoPayDeeplink != null) {
+      await context.paymentState.openInWalletBrowser(wallet);
     } else {
       if (shouldConnectImmediately) {
         connect({ connector: wallet.connector });

package/build/src/components/Common/ConnectorList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ConnectorList/index.tsx"],"sourcesContent":["import { ROUTES } from \"../../../constants/routes\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { useLastConnector } from \"../../../hooks/useLastConnector\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n  detectBrowser,\n  isBaseAccountConnector,\n  isGeminiConnector,\n} from \"../../../utils\";\nimport {\n  WALLET_ID_MOBILE_WALLETS,\n  WALLET_ID_OTHER_WALLET,\n  WalletProps,\n  useWallets,\n} from \"../../../wallets/useWallets\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport Alert from \"../Alert\";\nimport {\n  ConnectorButton,\n  ConnectorIcon,\n  ConnectorLabel,\n  ConnectorsContainer,\n  RecentlyUsedTag,\n  SkeletonIcon,\n  SkeletonLabel,\n} from \"./styles\";\n\nconst ConnectorList = () => {\n  const context = usePayContext();\n  const { isMobile } = useIsMobile();\n\n  const wallets = useWallets(isMobile);\n  const { lastConnectorId } = useLastConnector();\n  const { paymentState } = useDaimoPay();\n\n  const walletsToDisplay = context.options?.hideRecentBadge\n    ? wallets\n    : [\n        // move last used wallet to top of list\n        // using .filter and spread to avoid mutating original array order with .sort\n        ...wallets.filter((wallet) => lastConnectorId === wallet.connector?.id),\n        ...wallets.filter((wallet) => lastConnectorId !== wallet.connector?.id),\n      ];\n\n  // For mobile flow, we need to wait for the order to be hydrated before\n  // we can deeplink to the in-wallet browser.\n  const shouldWaitForHydration =\n    isMobile && !context.paymentState.isDepositFlow;\n  const ready = !shouldWaitForHydration || paymentState === \"payment_unpaid\";\n\n  return (\n    <ScrollArea mobileDirection={\"horizontal\"}>\n      {walletsToDisplay.length === 0 && (\n        <Alert error>No connectors found in ConnectKit config.</Alert>\n      )}\n      {!ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((_, idx) => (\n            <SkeletonConnectorItem key={idx} />\n          ))}\n        </ConnectorsContainer>\n      )}\n      {ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((wallet) => (\n            <ConnectorItem\n              key={wallet.id}\n              wallet={wallet}\n              isRecent={wallet.id === lastConnectorId}\n            />\n          ))}\n        </ConnectorsContainer>\n      )}\n    </ScrollArea>\n  );\n};\n\nexport default ConnectorList;\n\nconst ConnectorItem = ({\n  wallet,\n  isRecent,\n}: {\n  wallet: WalletProps;\n  isRecent?: boolean;\n}) => {\n  const { isMobile } = useIsMobile();\n  const context = usePayContext();\n  const { connect } = useConnect();\n\n  // The \"Other\" 2x2 connector, goes to the MobileConnectors page.\n  const redirectToMoreWallets =\n    isMobile && wallet.id === WALLET_ID_OTHER_WALLET;\n  const redirectToMobileWallets = wallet.id === WALLET_ID_MOBILE_WALLETS;\n  const redirectToWorld = wallet.id === \"world\";\n\n  // Safari requires opening popup on user gesture, so we connect immediately here\n  const shouldConnectImmediately =\n    (detectBrowser() === \"safari\" || detectBrowser() === \"ios\") &&\n    (isBaseAccountConnector(wallet.connector?.id) ||\n      isGeminiConnector(wallet.connector?.id));\n\n  const onClick = () => {\n    const meta = { event: \"connector-list-click\", walletId: wallet.id };\n\n    // Desktop multi-chain wallet flow: prompt for chain selection.\n    if (wallet.solanaConnectorName && !isMobile) {\n      const supportsEvm = wallet.connector?.name != null;\n      if (supportsEvm) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_CHAIN, meta);\n        return;\n      } else {\n        context.setSolanaConnector(wallet.solanaConnectorName);\n        context.setRoute(ROUTES.SOLANA_CONNECTOR, meta);\n        return;\n      }\n    }\n    if (redirectToMoreWallets) {\n      context.setRoute(ROUTES.MOBILECONNECTORS, meta);\n    } else if (redirectToMobileWallets) {\n      if (context.paymentState.isDepositFlow) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else {\n        context.setPendingConnectorId(WALLET_ID_MOBILE_WALLETS);\n        context.setRoute(ROUTES.CONNECT, meta);\n      }\n    } else if (redirectToWorld) {\n      if (context.paymentState.isDepositFlow) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else {\n        context.setPendingConnectorId(\"world\");\n        context.setRoute(ROUTES.CONNECT, meta);\n      }\n    } else if (\n      context.paymentState.isDepositFlow &&\n      isMobile &&\n      !wallet.connector\n    ) {\n      context.paymentState.setSelectedWallet(wallet);\n      context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n    } else if (\n      isMobile &&\n      wallet.getDaimoPayDeeplink != null &&\n      !wallet.connector\n    ) {\n      context.paymentState.openInWalletBrowser(wallet);\n    } else {\n      if (shouldConnectImmediately) {\n        connect({ connector: wallet.connector! });\n      }\n      context.setPendingConnectorId(wallet.id);\n      context.setRoute(ROUTES.CONNECT, meta);\n    }\n  };\n\n  return (\n    <ConnectorButton type=\"button\" onClick={onClick}>\n      <ConnectorIcon\n        data-small={wallet.iconShouldShrink}\n        data-shape={wallet.iconShape}\n      >\n        {wallet.iconConnector ?? wallet.icon}\n      </ConnectorIcon>\n      <ConnectorLabel>\n        {isMobile ? (wallet.shortName ?? wallet.name) : wallet.name}\n        {!context.options?.hideRecentBadge && isRecent && (\n          <RecentlyUsedTag>\n            <span>Recent</span>\n          </RecentlyUsedTag>\n        )}\n      </ConnectorLabel>\n    </ConnectorButton>\n  );\n};\n\nconst SkeletonConnectorItem = () => {\n  return (\n    <ConnectorButton type=\"button\" disabled>\n      <SkeletonIcon />\n      <SkeletonLabel />\n    </ConnectorButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AA6BA,MAAM,gBAAgB,MAAM;AAC1B,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAC9B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AAEjC,EAAM,MAAA,OAAA,GAAU,WAAW,QAAQ,CAAA,CAAA;AACnC,EAAM,MAAA,EAAE,eAAgB,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAC7C,EAAM,MAAA,EAAE,YAAa,EAAA,GAAI,WAAY,EAAA,CAAA;AAErC,EAAA,MAAM,gBAAmB,GAAA,OAAA,CAAQ,OAAS,EAAA,eAAA,GACtC,OACA,GAAA;AAAA;AAAA;AAAA,IAGE,GAAG,QAAQ,MAAO,CAAA,CAAC,WAAW,eAAoB,KAAA,MAAA,CAAO,WAAW,EAAE,CAAA;AAAA,IACtE,GAAG,QAAQ,MAAO,CAAA,CAAC,WAAW,eAAoB,KAAA,MAAA,CAAO,WAAW,EAAE,CAAA;AAAA,GACxE,CAAA;AAIJ,EAAA,MAAM,sBACJ,GAAA,QAAA,IAAY,CAAC,OAAA,CAAQ,YAAa,CAAA,aAAA,CAAA;AACpC,EAAM,MAAA,KAAA,GAAQ,CAAC,sBAAA,IAA0B,YAAiB,KAAA,gBAAA,CAAA;AAE1D,EACE,uBAAA,IAAA,CAAC,UAAW,EAAA,EAAA,eAAA,EAAiB,YAC1B,EAAA,QAAA,EAAA;AAAA,IAAA,gBAAA,CAAiB,WAAW,CAC3B,oBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAK,MAAC,QAAyC,EAAA,2CAAA,EAAA,CAAA;AAAA,IAEvD,CAAC,KAAS,IAAA,gBAAA,CAAiB,SAAS,CACnC,oBAAA,GAAA,CAAC,uBAAoB,aAAe,EAAA,gBAAA,CAAiB,QAClD,QAAiB,EAAA,gBAAA,CAAA,GAAA,CAAI,CAAC,CAAG,EAAA,GAAA,yBACvB,qBAA2B,EAAA,EAAA,EAAA,GAAK,CAClC,CACH,EAAA,CAAA;AAAA,IAED,KAAS,IAAA,gBAAA,CAAiB,MAAS,GAAA,CAAA,oBACjC,GAAA,CAAA,mBAAA,EAAA,EAAoB,aAAe,EAAA,gBAAA,CAAiB,MAClD,EAAA,QAAA,EAAA,gBAAA,CAAiB,GAAI,CAAA,CAAC,MACrB,qBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QAEC,MAAA;AAAA,QACA,QAAA,EAAU,OAAO,EAAO,KAAA,eAAA;AAAA,OAAA;AAAA,MAFnB,MAAO,CAAA,EAAA;AAAA,KAIf,CACH,EAAA,CAAA;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ,EAAA;AAIA,MAAM,gBAAgB,CAAC;AAAA,EACrB,MAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,EAAE,QAAS,EAAA,GAAI,WAAY,EAAA,CAAA;AACjC,EAAA,MAAM,UAAU,aAAc,EAAA,CAAA;AAC9B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,UAAW,EAAA,CAAA;AAG/B,EAAM,MAAA,qBAAA,GACJ,QAAY,IAAA,MAAA,CAAO,EAAO,KAAA,sBAAA,CAAA;AAC5B,EAAM,MAAA,uBAAA,GAA0B,OAAO,EAAO,KAAA,wBAAA,CAAA;AAC9C,EAAM,MAAA,eAAA,GAAkB,OAAO,EAAO,KAAA,OAAA,CAAA;AAGtC,EAAA,MAAM,wBACH,GAAA,CAAA,aAAA,EAAoB,KAAA,QAAA,IAAY,eAAoB,KAAA,KAAA,MACpD,sBAAuB,CAAA,MAAA,CAAO,WAAW,EAAE,CAAA,IAC1C,iBAAkB,CAAA,MAAA,CAAO,WAAW,EAAE,CAAA,CAAA,CAAA;AAE1C,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,MAAM,OAAO,EAAE,KAAA,EAAO,sBAAwB,EAAA,QAAA,EAAU,OAAO,EAAG,EAAA,CAAA;AAGlE,IAAI,IAAA,MAAA,CAAO,mBAAuB,IAAA,CAAC,QAAU,EAAA;AAC3C,MAAM,MAAA,WAAA,GAAc,MAAO,CAAA,SAAA,EAAW,IAAQ,IAAA,IAAA,CAAA;AAC9C,MAAA,IAAI,WAAa,EAAA;AACf,QAAQ,OAAA,CAAA,YAAA,CAAa,kBAAkB,MAAM,CAAA,CAAA;AAC7C,QAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,mBAAA,EAAqB,IAAI,CAAA,CAAA;AACjD,QAAA,OAAA;AAAA,OACK,MAAA;AACL,QAAQ,OAAA,CAAA,kBAAA,CAAmB,OAAO,mBAAmB,CAAA,CAAA;AACrD,QAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,gBAAA,EAAkB,IAAI,CAAA,CAAA;AAC9C,QAAA,OAAA;AAAA,OACF;AAAA,KACF;AACA,IAAA,IAAI,qBAAuB,EAAA;AACzB,MAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,gBAAA,EAAkB,IAAI,CAAA,CAAA;AAAA,eACrC,uBAAyB,EAAA;AAClC,MAAI,IAAA,OAAA,CAAQ,aAAa,aAAe,EAAA;AACtC,QAAQ,OAAA,CAAA,YAAA,CAAa,kBAAkB,MAAM,CAAA,CAAA;AAC7C,QAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;AAAA,OAC7C,MAAA;AACL,QAAA,OAAA,CAAQ,sBAAsB,wBAAwB,CAAA,CAAA;AACtD,QAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,OAAA,EAAS,IAAI,CAAA,CAAA;AAAA,OACvC;AAAA,eACS,eAAiB,EAAA;AAC1B,MAAI,IAAA,OAAA,CAAQ,aAAa,aAAe,EAAA;AACtC,QAAQ,OAAA,CAAA,YAAA,CAAa,kBAAkB,MAAM,CAAA,CAAA;AAC7C,QAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;AAAA,OAC7C,MAAA;AACL,QAAA,OAAA,CAAQ,sBAAsB,OAAO,CAAA,CAAA;AACrC,QAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,OAAA,EAAS,IAAI,CAAA,CAAA;AAAA,OACvC;AAAA,eAEA,OAAQ,CAAA,YAAA,CAAa,iBACrB,QACA,IAAA,CAAC,OAAO,SACR,EAAA;AACA,MAAQ,OAAA,CAAA,YAAA,CAAa,kBAAkB,MAAM,CAAA,CAAA;AAC7C,MAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,oBAAA,EAAsB,IAAI,CAAA,CAAA;AAAA,eAElD,QACA,IAAA,MAAA,CAAO,uBAAuB,IAC9B,IAAA,CAAC,OAAO,SACR,EAAA;AACA,MAAQ,OAAA,CAAA,YAAA,CAAa,oBAAoB,MAAM,CAAA,CAAA;AAAA,KAC1C,MAAA;AACL,MAAA,IAAI,wBAA0B,EAAA;AAC5B,QAAA,OAAA,CAAQ,EAAE,SAAA,EAAW,MAAO,CAAA,SAAA,EAAY,CAAA,CAAA;AAAA,OAC1C;AACA,MAAQ,OAAA,CAAA,qBAAA,CAAsB,OAAO,EAAE,CAAA,CAAA;AACvC,MAAQ,OAAA,CAAA,QAAA,CAAS,MAAO,CAAA,OAAA,EAAS,IAAI,CAAA,CAAA;AAAA,KACvC;AAAA,GACF,CAAA;AAEA,EAAA,uBACG,IAAA,CAAA,eAAA,EAAA,EAAgB,IAAK,EAAA,QAAA,EAAS,OAC7B,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,cAAY,MAAO,CAAA,gBAAA;AAAA,QACnB,cAAY,MAAO,CAAA,SAAA;AAAA,QAElB,QAAA,EAAA,MAAA,CAAO,iBAAiB,MAAO,CAAA,IAAA;AAAA,OAAA;AAAA,KAClC;AAAA,yBACC,cACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA,GAAY,MAAO,CAAA,SAAA,IAAa,MAAO,CAAA,IAAA,GAAQ,MAAO,CAAA,IAAA;AAAA,MACtD,CAAC,OAAQ,CAAA,OAAA,EAAS,eAAmB,IAAA,QAAA,wBACnC,eACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,QAAA,EAAA,QAAA,EAAM,CACd,EAAA,CAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,MAAM,wBAAwB,MAAM;AAClC,EAAA,uBACG,IAAA,CAAA,eAAA,EAAA,EAAgB,IAAK,EAAA,QAAA,EAAS,UAAQ,IACrC,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,CAAA;AAAA,wBACb,aAAc,EAAA,EAAA,CAAA;AAAA,GACjB,EAAA,CAAA,CAAA;AAEJ,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/ConnectorList/index.tsx"],"sourcesContent":["import { ROUTES } from \"../../../constants/routes\";\nimport { WALLET_ID_OTHER_WALLET } from \"../../../constants/wallets\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { useLastConnector } from \"../../../hooks/useLastConnector\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n  detectBrowser,\n  isBaseAccountConnector,\n  isGeminiConnector,\n} from \"../../../utils\";\nimport {\n  isExternalWallet,\n  useWallets,\n  WalletProps,\n} from \"../../../wallets/useWallets\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport Alert from \"../Alert\";\nimport {\n  ConnectorButton,\n  ConnectorIcon,\n  ConnectorLabel,\n  ConnectorsContainer,\n  RecentlyUsedTag,\n  SkeletonIcon,\n  SkeletonLabel,\n} from \"./styles\";\n\nconst ConnectorList = () => {\n  const context = usePayContext();\n  const { isMobile } = useIsMobile();\n\n  const wallets = useWallets(isMobile);\n  const { lastConnectorId } = useLastConnector();\n  const { paymentState } = useDaimoPay();\n  const prioritizedId = context.paymentState.buttonProps?.prioritizedWalletId;\n\n  const walletsToDisplay = context.options?.hideRecentBadge\n    ? wallets\n    : [\n        // prioritized wallet at very top\n        ...wallets.filter((wallet) => wallet.id === prioritizedId),\n        // then recent wallet if different from prioritized\n        ...wallets.filter(\n          (wallet) =>\n            lastConnectorId === wallet.connector?.id &&\n            wallet.id !== prioritizedId,\n        ),\n        // remaining wallets\n        ...wallets.filter(\n          (wallet) =>\n            wallet.id !== prioritizedId &&\n            lastConnectorId !== wallet.connector?.id,\n        ),\n      ];\n\n  // For mobile flow, we need to wait for the order to be hydrated before\n  // we can deeplink to the in-wallet browser.\n  const shouldWaitForHydration =\n    isMobile && !context.paymentState.isDepositFlow;\n  const ready = !shouldWaitForHydration || paymentState === \"payment_unpaid\";\n\n  return (\n    <ScrollArea mobileDirection={\"horizontal\"}>\n      {walletsToDisplay.length === 0 && (\n        <Alert error>No connectors found in ConnectKit config.</Alert>\n      )}\n      {!ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((_, idx) => (\n            <SkeletonConnectorItem key={idx} />\n          ))}\n        </ConnectorsContainer>\n      )}\n      {ready && walletsToDisplay.length > 0 && (\n        <ConnectorsContainer $totalResults={walletsToDisplay.length}>\n          {walletsToDisplay.map((wallet) => (\n            <ConnectorItem\n              key={wallet.id}\n              wallet={wallet}\n              isRecent={wallet.id === lastConnectorId}\n            />\n          ))}\n        </ConnectorsContainer>\n      )}\n    </ScrollArea>\n  );\n};\n\nexport default ConnectorList;\n\nconst ConnectorItem = ({\n  wallet,\n  isRecent,\n}: {\n  wallet: WalletProps;\n  isRecent?: boolean;\n}) => {\n  const { isMobile } = useIsMobile();\n  const context = usePayContext();\n  const { connect } = useConnect();\n\n  // The \"Other\" 2x2 connector, goes to the MobileConnectors page.\n  const redirectToMoreWallets =\n    isMobile && wallet.id === WALLET_ID_OTHER_WALLET;\n  // An external wallet is one that we deeplink to, either directly\n  // (on mobile) or via QR code (on desktop).\n  const isExternalWalletFlow = isExternalWallet(wallet);\n\n  // Safari requires opening popup on user gesture, so we connect immediately here\n  const shouldConnectImmediately =\n    (detectBrowser() === \"safari\" || detectBrowser() === \"ios\") &&\n    (isBaseAccountConnector(wallet.connector?.id) ||\n      isGeminiConnector(wallet.connector?.id));\n\n  const onClick = async () => {\n    const meta = { event: \"connector-list-click\", walletId: wallet.id };\n\n    // Desktop multi-chain wallet flow: prompt for chain selection.\n    if (wallet.solanaConnectorName && !isMobile) {\n      const supportsEvm = wallet.connector?.name != null;\n      if (supportsEvm) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_CHAIN, meta);\n        return;\n      } else {\n        context.setSolanaConnector(wallet.solanaConnectorName);\n        context.setRoute(ROUTES.SOLANA_CONNECTOR, meta);\n        return;\n      }\n    }\n    if (redirectToMoreWallets) {\n      context.setRoute(ROUTES.MOBILECONNECTORS, meta);\n    } else if (isExternalWalletFlow) {\n      if (context.paymentState.isDepositFlow) {\n        context.paymentState.setSelectedWallet(wallet);\n        context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n      } else if (isMobile) {\n        await context.paymentState.openInWalletBrowser(wallet);\n      } else {\n        // On desktop, show QR code for external wallets\n        context.setPendingConnectorId(wallet.id);\n        context.setRoute(ROUTES.CONNECT, meta);\n      }\n    } else if (\n      context.paymentState.isDepositFlow &&\n      isMobile &&\n      !wallet.connector\n    ) {\n      context.paymentState.setSelectedWallet(wallet);\n      context.setRoute(ROUTES.SELECT_WALLET_AMOUNT, meta);\n    } else if (isMobile && wallet.getDaimoPayDeeplink != null) {\n      await context.paymentState.openInWalletBrowser(wallet);\n    } else {\n      if (shouldConnectImmediately) {\n        connect({ connector: wallet.connector! });\n      }\n      context.setPendingConnectorId(wallet.id);\n      context.setRoute(ROUTES.CONNECT, meta);\n    }\n  };\n\n  return (\n    <ConnectorButton type=\"button\" onClick={onClick}>\n      <ConnectorIcon\n        data-small={wallet.iconShouldShrink}\n        data-shape={wallet.iconShape}\n      >\n        {wallet.iconConnector ?? wallet.icon}\n      </ConnectorIcon>\n      <ConnectorLabel>\n        {isMobile ? (wallet.shortName ?? wallet.name) : wallet.name}\n        {!context.options?.hideRecentBadge && isRecent && (\n          <RecentlyUsedTag>\n            <span>Recent</span>\n          </RecentlyUsedTag>\n        )}\n      </ConnectorLabel>\n    </ConnectorButton>\n  );\n};\n\nconst SkeletonConnectorItem = () => {\n  return (\n    <ConnectorButton type=\"button\" disabled>\n      <SkeletonIcon />\n      <SkeletonLabel />\n    </ConnectorButton>\n  );\n};\n"],"names":[],"mappings":"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"}

package/build/src/components/Common/CopyToClipboard/index.js

@@ -0,0 +1,33 @@
+import 'react/jsx-runtime';
+import 'react';
+import { css } from 'styled-components';
+import styled from '../../../styles/styled/index.js';
+import 'framer-motion';
+import 'detect-browser';
+import '../FitText/index.js';
+import '../Spinner/styles.js';
+import '../Button/styles.js';
+import './CopyToClipboardIcon.js';
+
+styled.div`
+  --color: var(--ck-copytoclipboard-stroke);
+  --bg: var(--ck-body-background);
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 4px;
+  gap: 8px;
+
+  ${(props) => props.$disabled ? css`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : css`
+          &:hover {
+            --color: var(--ck-body-color-muted);
+          }
+        `}
+`;
+//# sourceMappingURL=index.js.map

package/build/src/components/Common/CopyToClipboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/CopyToClipboard/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { css } from \"styled-components\";\nimport styled from \"./../../../styles/styled\";\n\nimport Button from \"../Button\";\nimport CopyToClipboardIcon from \"./CopyToClipboardIcon\";\n\nconst Container = styled.div<{ $disabled?: boolean }>`\n  --color: var(--ck-copytoclipboard-stroke);\n  --bg: var(--ck-body-background);\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 4px;\n  gap: 8px;\n\n  ${(props) =>\n    props.$disabled\n      ? css`\n          cursor: not-allowed;\n          opacity: 0.4;\n        `\n      : css`\n          &:hover {\n            --color: var(--ck-body-color-muted);\n          }\n        `}\n`;\n\nconst CopyToClipboard: React.FC<{\n  string?: string;\n  children?: React.ReactNode;\n  variant?: \"button\" | \"left\";\n}> = ({ string, children, variant }) => {\n  const [clipboard, setClipboard] = useState(false);\n\n  let timeout: any;\n  const onCopy = () => {\n    if (!string) return;\n    const str = string.trim();\n    if (navigator.clipboard) {\n      navigator.clipboard.writeText(str);\n    } else {\n      // Fallback copy to clipboard if necessary\n      /*\n      const el = document.createElement('textarea');\n      el.value = str;\n      document.body.appendChild(el);\n      el.select();\n      document.execCommand('copy');\n      document.body.removeChild(el);\n      */\n    }\n    setClipboard(true);\n    clearTimeout(timeout);\n    timeout = setTimeout(() => setClipboard(false), 1000);\n  };\n\n  if (variant === \"button\")\n    return (\n      <Button\n        disabled={!string}\n        onClick={onCopy}\n        icon={<CopyToClipboardIcon copied={clipboard} />}\n      >\n        {children}\n      </Button>\n    );\n\n  return (\n    <Container onClick={onCopy} $disabled={!string}>\n      <CopyToClipboardIcon copied={clipboard} dark />\n      {children}\n    </Container>\n  );\n};\n\nexport default CopyToClipboard;\n"],"names":[],"mappings":";;;;;;;;;;;AAOkB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYrB,EAAA,CAAC,KACD,KAAA,KAAA,CAAM,SACF,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA,QAIA,CAAA,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,QAIC,CAAA,CAAA;AAAA"}

package/build/src/components/Common/Modal/index.js

@@ -15,10 +15,34 @@ import { useDaimoPay } from '../../../hooks/useDaimoPay.js';
 import FocusTrap from '../../../hooks/useFocusTrap.js';
 import useLocales from '../../../hooks/useLocales.js';
 import usePrevious from '../../../hooks/usePrevious.js';
-import { useWallet, WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
+import { useWallet, isExternalWallet } from '../../../wallets/useWallets.js';
 import { useThemeContext } from '../../DaimoPayThemeProvider/DaimoPayThemeProvider.js';
 import FitText from '../FitText/index.js';
 
+const routeDepthMap = {
+  [ROUTES.SELECT_METHOD]: 0,
+  [ROUTES.CONNECTORS]: 1,
+  [ROUTES.SELECT_EXCHANGE]: 1,
+  [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: 1,
+  [ROUTES.SELECT_ZKP2P]: 1,
+  [ROUTES.CONNECT]: 2,
+  [ROUTES.SOLANA_CONNECTOR]: 2,
+  [ROUTES.MOBILECONNECTORS]: 2,
+  [ROUTES.SELECT_WALLET_CHAIN]: 2,
+  [ROUTES.SELECT_TOKEN]: 2,
+  [ROUTES.SELECT_AMOUNT]: 2,
+  [ROUTES.SELECT_EXTERNAL_AMOUNT]: 2,
+  [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: 2,
+  [ROUTES.SELECT_WALLET_AMOUNT]: 2,
+  [ROUTES.PAY_WITH_TOKEN]: 2,
+  [ROUTES.SOLANA_SELECT_AMOUNT]: 2,
+  [ROUTES.SOLANA_PAY_WITH_TOKEN]: 2,
+  [ROUTES.WAITING_WALLET]: 3,
+  [ROUTES.WAITING_EXTERNAL]: 3,
+  [ROUTES.WAITING_DEPOSIT_ADDRESS]: 3,
+  [ROUTES.CONFIRMATION]: 4,
+  [ROUTES.ERROR]: 4
+};
 const InfoIcon = ({ ...props }) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -132,7 +156,9 @@ const Modal = ({
   } = context.paymentState;
   const { order, paymentState } = useDaimoPay();
   const { connector } = useAccount();
-  const wallet = useWallet(connector?.id ?? "");
+  const walletId = context.pendingConnectorId || connector?.id || "";
+  const walletFromConnectors = useWallet(walletId);
+  const wallet = walletFromConnectors || context.paymentState.selectedWallet;
   const walletInfo = {
     name: wallet?.name,
     shortName: wallet?.shortName ?? wallet?.name,
@@ -151,7 +177,7 @@ const Modal = ({
   });
   const mounted = !(state === "exited" || state === "unmounted");
   const rendered = state === "preEnter" || state !== "exiting";
-  const currentDepth = context.route === ROUTES.CONNECTORS ? 0 : context.route === ROUTES.DOWNLOAD ? 2 : 1;
+  const currentDepth = routeDepthMap[context.route] ?? 1;
   const prevDepth = usePrevious(currentDepth, currentDepth);
   if (!positionInside) useLockBodyScroll(mounted);
   useEffect(() => {
@@ -213,7 +239,8 @@ const Modal = ({
     "--height": dimensions.height,
     "--width": dimensions.width
   };
-  const shouldShowWalletQRCodeOnDesktop = context.pendingConnectorId === WALLET_ID_MOBILE_WALLETS || context.pendingConnectorId === "world";
+  const hasDeeplink = wallet && wallet.getDaimoPayDeeplink;
+  const shouldShowWalletQRCodeOnDesktop = isExternalWallet(wallet) || hasDeeplink;
   function getHeading() {
     const payWithString = flattenChildren(locales.payWith).join("");
     switch (context.route) {
@@ -233,8 +260,6 @@ const Modal = ({
         return locales.connectorsScreen_heading;
       case ROUTES.MOBILECONNECTORS:
         return locales.mobileConnectorsScreen_heading;
-      case ROUTES.DOWNLOAD:
-        return locales.downloadAppScreen_heading;
       case ROUTES.ONBOARDING:
         return locales.onboardingScreen_heading;
       case ROUTES.SWITCHNETWORKS:
@@ -485,8 +510,6 @@ const Page = ({
   children,
   open,
   initial,
-  prevDepth,
-  currentDepth,
   enterAnim,
   exitAnim
 }) => {

package/build/src/components/Common/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\n\nimport { flattenChildren, isMobile } from \"../../../utils\";\n\nimport {\n  BackButton,\n  BackgroundOverlay,\n  BoxContainer,\n  CloseButton,\n  Container,\n  ControllerContainer,\n  Disclaimer,\n  DisclaimerBackground,\n  ErrorMessage,\n  InfoButton,\n  InnerContainer,\n  ModalContainer,\n  ModalHeading,\n  PageContainer,\n  PageContents,\n  TextWithHr,\n} from \"./styles\";\n\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  getChainName,\n  shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { CustomTheme } from \"../../../types\";\nimport {\n  useWallet,\n  WALLET_ID_MOBILE_WALLETS,\n} from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\n\nconst ProfileIcon = ({ isSignedIn }: { isSignedIn?: boolean }) => (\n  <div style={{ position: \"relative\" }}>\n    {isSignedIn ? (\n      <AuthIcon\n        style={{\n          bottom: -1,\n          right: -1,\n        }}\n      />\n    ) : (\n      <div\n        style={{\n          zIndex: 2,\n          position: \"absolute\",\n          top: -2,\n          right: -2,\n          background: \"#1A88F8\",\n          borderRadius: 8,\n          boxShadow: \"0 0 0 2px var(--ck-body-background)\",\n          width: 8,\n          height: 8,\n        }}\n      />\n    )}\n    <svg\n      aria-hidden=\"true\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ overflow: \"visible\" }}\n    >\n      <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path\n        d=\"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"10\" cy=\"8\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  </div>\n);\nconst InfoIcon = ({ ...props }) => (\n  <svg\n    aria-hidden=\"true\"\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg\n    width={14}\n    height={14}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M1 13L13 1M1 1L13 13\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n    />\n  </motion.svg>\n);\nconst BackIcon = ({ ...props }) => (\n  <motion.svg\n    width={9}\n    height={16}\n    viewBox=\"0 0 9 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M8 1L1 8L8 15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </motion.svg>\n);\n\nconst contentTransitionDuration = 0.22;\n\nexport const contentVariants: Variants = {\n  initial: {\n    //willChange: 'transform,opacity',\n    zIndex: 2,\n    opacity: 0,\n  },\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: contentTransitionDuration * 0.75,\n      delay: contentTransitionDuration * 0.25,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: [\"50%\", \"50%\"],\n    x: [\"-50%\", \"-50%\"],\n    transition: {\n      duration: contentTransitionDuration,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n};\n\ntype ModalProps = {\n  open?: boolean;\n  pages: Record<ROUTES, React.ReactNode>;\n  pageId: string;\n  positionInside?: boolean;\n  inline?: boolean;\n  onClose?: () => void;\n  onBack?: () => void;\n  onInfo?: () => void;\n  demo?: {\n    theme: string;\n    mode?: string;\n    customTheme: CustomTheme;\n  };\n};\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  pages,\n  pageId,\n  positionInside,\n  inline,\n  demo,\n  onClose,\n  onBack,\n  onInfo,\n}) => {\n  const context = usePayContext();\n  const themeContext = useThemeContext();\n  const mobile = isMobile();\n  const {\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    selectedDepositAddressOption,\n  } = context.paymentState;\n  const { order, paymentState } = useDaimoPay();\n\n  const { connector } = useAccount();\n  const wallet = useWallet(connector?.id ?? \"\");\n\n  const walletInfo = {\n    name: wallet?.name,\n    shortName: wallet?.shortName ?? wallet?.name,\n    icon: wallet?.iconConnector ?? wallet?.icon,\n    iconShape: wallet?.iconShape ?? \"circle\",\n    iconShouldShrink: wallet?.iconShouldShrink,\n  };\n\n  const locales = useLocales({\n    CONNECTORNAME: walletInfo?.name,\n  });\n\n  const [state, setOpen] = useTransition({\n    timeout: 160,\n    preEnter: true,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n  const currentDepth =\n    context.route === ROUTES.CONNECTORS\n      ? 0\n      : context.route === ROUTES.DOWNLOAD\n        ? 2\n        : 1;\n  const prevDepth = usePrevious(currentDepth, currentDepth);\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  if (!positionInside) useLockBodyScroll(mounted);\n\n  useEffect(() => {\n    setOpen(open);\n    if (open) setInTransition(undefined);\n  }, [open]);\n\n  const [dimensions, setDimensions] = useState<{\n    width: string | undefined;\n    height: string | undefined;\n  }>({\n    width: undefined,\n    height: undefined,\n  });\n  const [inTransition, setInTransition] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  // Calculate new content bounds\n  const updateBounds = (node: any) => {\n    const bounds = {\n      width: node?.offsetWidth,\n      height: node?.offsetHeight,\n    };\n    setDimensions({\n      width: `${bounds?.width}px`,\n      height: `${bounds?.height}px`,\n    });\n  };\n\n  let blockTimeout: ReturnType<typeof setTimeout>;\n  const contentRef = useCallback(\n    (node: any) => {\n      if (!node) return;\n      ref.current = node;\n\n      // Avoid transition mixups\n      setInTransition(inTransition === undefined ? false : true);\n      clearTimeout(blockTimeout);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      blockTimeout = setTimeout(() => setInTransition(false), 360);\n\n      // Calculate new content bounds\n      updateBounds(node);\n    },\n    [open, inTransition],\n  );\n\n  // Update layout on chain/network switch to avoid clipping\n  const { chain } = useAccount();\n  const { switchChain } = useSwitchChain();\n\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    if (ref.current) updateBounds(ref.current);\n  }, [chain, switchChain, mobile, context.options, context.resize]);\n\n  useEffect(() => {\n    if (!mounted) {\n      setDimensions({\n        width: undefined,\n        height: undefined,\n      });\n      return;\n    }\n\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && onClose) onClose();\n    };\n    document.addEventListener(\"keydown\", listener);\n    return () => {\n      document.removeEventListener(\"keydown\", listener);\n    };\n  }, [mounted, onClose]);\n\n  const dimensionsCSS = {\n    \"--height\": dimensions.height,\n    \"--width\": dimensions.width,\n  } as React.CSSProperties;\n\n  function shouldUseQrcode() {\n    if (!wallet) return false; // Fail states are shown in the injector flow\n\n    const useInjector = wallet.isInstalled;\n    return !useInjector;\n  }\n\n  const shouldShowWalletQRCodeOnDesktop =\n    context.pendingConnectorId === WALLET_ID_MOBILE_WALLETS ||\n    context.pendingConnectorId === \"world\";\n\n  function getHeading() {\n    const payWithString = flattenChildren(locales.payWith).join(\"\");\n    switch (context.route) {\n      case ROUTES.ABOUT:\n        return locales.aboutScreen_heading;\n      case ROUTES.CONNECT:\n        if (shouldShowWalletQRCodeOnDesktop) {\n          return locales.scanWithPhone;\n        } else {\n          return walletInfo?.name;\n        }\n      case ROUTES.SELECT_EXCHANGE:\n        return locales.selectExchange;\n      case ROUTES.SOLANA_CONNECTOR:\n        return context.solanaConnector ?? locales.solanaWallet;\n      case ROUTES.CONNECTORS:\n        return locales.connectorsScreen_heading;\n      case ROUTES.MOBILECONNECTORS:\n        return locales.mobileConnectorsScreen_heading;\n      case ROUTES.DOWNLOAD:\n        return locales.downloadAppScreen_heading;\n      case ROUTES.ONBOARDING:\n        return locales.onboardingScreen_heading;\n      case ROUTES.SWITCHNETWORKS:\n        return locales.switchNetworkScreen_heading;\n      case ROUTES.SELECT_METHOD:\n      case ROUTES.SELECT_TOKEN:\n        return order?.metadata.intent;\n      case ROUTES.SOLANA_PAY_WITH_TOKEN:\n        if (!selectedSolanaTokenOption) return undefined;\n        return `${payWithString} ${selectedSolanaTokenOption.required.token.symbol}`;\n      case ROUTES.WAITING_EXTERNAL:\n        if (\n          selectedExternalOption &&\n          shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n          !mobile\n        ) {\n          return locales.scanWithPhone;\n        }\n        return selectedExternalOption?.cta;\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n        return locales.selectChain;\n      case ROUTES.WAITING_DEPOSIT_ADDRESS:\n        if (paymentState === \"warning\") return locales.leaveSession;\n        if (!selectedDepositAddressOption) return undefined;\n        return `${payWithString} ${selectedDepositAddressOption.id}`;\n      case ROUTES.SELECT_ZKP2P:\n        return locales.selectApp;\n      case ROUTES.SELECT_AMOUNT:\n      case ROUTES.SELECT_EXTERNAL_AMOUNT:\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT:\n      case ROUTES.SOLANA_SELECT_AMOUNT:\n      case ROUTES.SELECT_WALLET_AMOUNT:\n        return locales.selectAmount;\n      case ROUTES.PAY_WITH_TOKEN:\n        if (selectedTokenOption == null) return undefined;\n\n        const chainName = getChainName(\n          selectedTokenOption.balance.token.chainId,\n        );\n        return `${payWithString} ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n      case ROUTES.CONFIRMATION:\n        return locales.paymentSuccessful;\n      case ROUTES.ERROR:\n        return locales.error;\n      case ROUTES.SELECT_WALLET_CHAIN:\n        return locales.selectChain;\n    }\n  }\n\n  const Content = (\n    <ResetContainer\n      $useTheme={demo?.theme ?? themeContext.theme}\n      $useMode={demo?.mode ?? themeContext.mode}\n      $customTheme={demo?.customTheme ?? themeContext.customTheme}\n    >\n      <ModalContainer\n        role=\"dialog\"\n        style={{\n          pointerEvents: rendered ? \"auto\" : \"none\",\n          position: positionInside ? \"absolute\" : undefined,\n        }}\n      >\n        {!inline && (\n          <BackgroundOverlay\n            $active={rendered}\n            onClick={onClose}\n            $blur={context.options?.overlayBlur}\n          />\n        )}\n        <Container\n          style={dimensionsCSS}\n          initial={false}\n          // transition={{\n          //   ease: [0.2555, 0.1111, 0.2555, 1.0001],\n          //   duration: !positionInside && state !== 'entered' ? 0 : 0.24,\n          // }}\n        >\n          <div\n            style={{\n              pointerEvents: inTransition ? \"all\" : \"none\", // Block interaction while transitioning\n              position: \"absolute\",\n              top: 0,\n              bottom: 0,\n              left: \"50%\",\n              transform: \"translateX(-50%)\",\n              width: \"var(--width)\",\n              zIndex: 9,\n              transition: \"width 200ms ease\",\n            }}\n          />\n          <BoxContainer className={`${rendered && \"active\"}`}>\n            <AnimatePresence initial={false}>\n              {context.options?.disclaimer &&\n                context.route === ROUTES.CONNECTORS && (\n                  <DisclaimerBackground\n                    initial={{\n                      opacity: 0,\n                    }}\n                    animate={{\n                      opacity: 1,\n                    }}\n                    exit={{ opacity: 0 }}\n                    transition={{\n                      delay: 0,\n                      duration: 0.2,\n                      ease: [0.25, 0.1, 0.25, 1.0],\n                    }}\n                  >\n                    <Disclaimer>\n                      <div>{context.options?.disclaimer}</div>\n                    </Disclaimer>\n                  </DisclaimerBackground>\n                )}\n            </AnimatePresence>\n            <AnimatePresence initial={false}>\n              {context.errorMessage && (\n                <ErrorMessage\n                  initial={{ y: \"10%\", x: \"-50%\" }}\n                  animate={{ y: \"-100%\" }}\n                  exit={{ y: \"100%\" }}\n                  transition={{ duration: 0.2, ease: \"easeInOut\" }}\n                >\n                  <span>{context.errorMessage}</span>\n                  <div\n                    onClick={() => context.displayError(null)}\n                    style={{\n                      position: \"absolute\",\n                      right: 24,\n                      top: 24,\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    <CloseIcon />\n                  </div>\n                </ErrorMessage>\n              )}\n            </AnimatePresence>\n            <ControllerContainer>\n              {onClose && (\n                <CloseButton\n                  aria-label={flattenChildren(locales.close).toString()}\n                  onClick={onClose}\n                >\n                  <CloseIcon />\n                </CloseButton>\n              )}\n              <div\n                style={{\n                  position: \"absolute\",\n                  top: 23,\n                  left: 20,\n                  width: 32,\n                  height: 32,\n                }}\n              >\n                <AnimatePresence>\n                  {onBack ? (\n                    <BackButton\n                      disabled={inTransition}\n                      aria-label={flattenChildren(locales.back).toString()}\n                      key=\"backButton\"\n                      onClick={onBack}\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      exit={{ opacity: 0 }}\n                      transition={{\n                        duration: mobile ? 0 : 0.1,\n                        delay: mobile ? 0.01 : 0,\n                      }}\n                    >\n                      <BackIcon />\n                    </BackButton>\n                  ) : (\n                    onInfo &&\n                    !context.options?.hideQuestionMarkCTA && (\n                      <InfoButton\n                        disabled={inTransition}\n                        aria-label={flattenChildren(\n                          locales.moreInformation,\n                        ).toString()}\n                        key=\"infoButton\"\n                        onClick={onInfo}\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        transition={{\n                          duration: mobile ? 0 : 0.1,\n                          delay: mobile ? 0.01 : 0,\n                        }}\n                      >\n                        <InfoIcon />\n                      </InfoButton>\n                    )\n                  )}\n                </AnimatePresence>\n              </div>\n            </ControllerContainer>\n\n            <ModalHeading>\n              <AnimatePresence>\n                <motion.div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: 52,\n                    right: 52,\n                    display: \"flex\",\n                    //alignItems: 'center',\n                    justifyContent: \"center\",\n                  }}\n                  key={`${context.route}`}\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{\n                    duration: mobile ? 0 : 0.17,\n                    delay: mobile ? 0.01 : 0,\n                  }}\n                >\n                  <FitText>{getHeading()}</FitText>\n                </motion.div>\n              </AnimatePresence>\n            </ModalHeading>\n\n            <InnerContainer>\n              {Object.keys(pages).map((key) => (\n                <Page\n                  key={key}\n                  open={key === pageId}\n                  initial={!positionInside && state !== \"entered\"}\n                  enterAnim={\n                    key === pageId\n                      ? currentDepth > prevDepth\n                        ? \"active-scale-up\"\n                        : \"active\"\n                      : \"\"\n                  }\n                  exitAnim={\n                    key !== pageId\n                      ? currentDepth < prevDepth\n                        ? \"exit-scale-down\"\n                        : \"exit\"\n                      : \"\"\n                  }\n                >\n                  <PageContents\n                    key={`inner-${key}`}\n                    ref={contentRef}\n                    style={{\n                      pointerEvents:\n                        key === pageId && rendered ? \"auto\" : \"none\",\n                    }}\n                  >\n                    {pages[key]}\n                  </PageContents>\n                </Page>\n              ))}\n            </InnerContainer>\n          </BoxContainer>\n        </Container>\n      </ModalContainer>\n    </ResetContainer>\n  );\n  return (\n    <>\n      {mounted && (\n        <>\n          {positionInside ? (\n            Content\n          ) : (\n            <>\n              {\n                <Portal>\n                  <FocusTrap>{Content}</FocusTrap>\n                </Portal>\n              }\n            </>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\ntype PageProps = {\n  children?: React.ReactNode;\n  open?: boolean;\n  initial: boolean;\n  prevDepth?: number;\n  currentDepth?: number;\n  enterAnim?: string;\n  exitAnim?: string;\n};\n\nconst Page: React.FC<PageProps> = ({\n  children,\n  open,\n  initial,\n  prevDepth,\n  currentDepth,\n  enterAnim,\n  exitAnim,\n}) => {\n  const [state, setOpen] = useTransition({\n    timeout: 400,\n    preEnter: true,\n    initialEntered: open,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n\n  useEffect(() => {\n    setOpen(open);\n  }, [open]);\n\n  if (!mounted) return null;\n\n  return (\n    <PageContainer\n      className={`${rendered ? enterAnim : exitAnim}`}\n      style={{\n        animationDuration: initial ? \"0ms\" : undefined,\n        animationDelay: initial ? \"0ms\" : undefined,\n      }}\n    >\n      {children}\n    </PageContainer>\n  );\n};\n\nexport const OrDivider = ({ children }: { children?: React.ReactNode }) => {\n  const locales = useLocales();\n  return (\n    <TextWithHr>\n      <span>{children ?? locales.or}</span>\n    </TextWithHr>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/Modal/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { AnimatePresence, motion, Variants } from \"framer-motion\";\n\nimport { ResetContainer } from \"../../../styles\";\nimport Portal from \"../Portal\";\n\nimport { flattenChildren, isMobile } from \"../../../utils\";\n\nimport {\n  BackButton,\n  BackgroundOverlay,\n  BoxContainer,\n  CloseButton,\n  Container,\n  ControllerContainer,\n  Disclaimer,\n  DisclaimerBackground,\n  ErrorMessage,\n  InfoButton,\n  InnerContainer,\n  ModalContainer,\n  ModalHeading,\n  PageContainer,\n  PageContents,\n  TextWithHr,\n} from \"./styles\";\n\nimport useLockBodyScroll from \"../../../hooks/useLockBodyScroll\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport {\n  getChainName,\n  shouldShowExternalQRCodeOnDesktop,\n} from \"@daimo/pay-common\";\nimport { useTransition } from \"react-transition-state\";\nimport { useAccount, useSwitchChain } from \"wagmi\";\nimport { AuthIcon } from \"../../../assets/icons\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport FocusTrap from \"../../../hooks/useFocusTrap\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport { CustomTheme } from \"../../../types\";\nimport { isExternalWallet, useWallet } from \"../../../wallets/useWallets\";\nimport { useThemeContext } from \"../../DaimoPayThemeProvider/DaimoPayThemeProvider\";\nimport FitText from \"../FitText\";\n\n// Map routes to a depth value to drive enter/exit animations.\n// Higher numbers feel \"deeper\" in the flow.\nconst routeDepthMap: Partial<Record<ROUTES, number>> = {\n  [ROUTES.SELECT_METHOD]: 0,\n\n  [ROUTES.CONNECTORS]: 1,\n  [ROUTES.SELECT_EXCHANGE]: 1,\n  [ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN]: 1,\n\n  [ROUTES.SELECT_ZKP2P]: 1,\n\n  [ROUTES.CONNECT]: 2,\n  [ROUTES.SOLANA_CONNECTOR]: 2,\n  [ROUTES.MOBILECONNECTORS]: 2,\n  [ROUTES.SELECT_WALLET_CHAIN]: 2,\n  [ROUTES.SELECT_TOKEN]: 2,\n  [ROUTES.SELECT_AMOUNT]: 2,\n  [ROUTES.SELECT_EXTERNAL_AMOUNT]: 2,\n  [ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT]: 2,\n  [ROUTES.SELECT_WALLET_AMOUNT]: 2,\n  [ROUTES.PAY_WITH_TOKEN]: 2,\n  [ROUTES.SOLANA_SELECT_AMOUNT]: 2,\n  [ROUTES.SOLANA_PAY_WITH_TOKEN]: 2,\n\n  [ROUTES.WAITING_WALLET]: 3,\n  [ROUTES.WAITING_EXTERNAL]: 3,\n  [ROUTES.WAITING_DEPOSIT_ADDRESS]: 3,\n\n  [ROUTES.CONFIRMATION]: 4,\n  [ROUTES.ERROR]: 4,\n};\n\nconst ProfileIcon = ({ isSignedIn }: { isSignedIn?: boolean }) => (\n  <div style={{ position: \"relative\" }}>\n    {isSignedIn ? (\n      <AuthIcon\n        style={{\n          bottom: -1,\n          right: -1,\n        }}\n      />\n    ) : (\n      <div\n        style={{\n          zIndex: 2,\n          position: \"absolute\",\n          top: -2,\n          right: -2,\n          background: \"#1A88F8\",\n          borderRadius: 8,\n          boxShadow: \"0 0 0 2px var(--ck-body-background)\",\n          width: 8,\n          height: 8,\n        }}\n      />\n    )}\n    <svg\n      aria-hidden=\"true\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ overflow: \"visible\" }}\n    >\n      <circle cx=\"10\" cy=\"10\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path\n        d=\"M16.5 16.775C14.8618 15.0649 12.5552 14 10 14C7.44477 14 5.13825 15.0649 3.5 16.775\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n      />\n      <circle cx=\"10\" cy=\"8\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  </div>\n);\nconst InfoIcon = ({ ...props }) => (\n  <svg\n    aria-hidden=\"true\"\n    width=\"22\"\n    height=\"22\"\n    viewBox=\"0 0 22 22\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11ZM22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM11.6445 12.7051C11.6445 13.1348 11.3223 13.4678 10.7744 13.4678C10.2266 13.4678 9.92578 13.1885 9.92578 12.6191V12.4795C9.92578 11.4268 10.4951 10.8574 11.2686 10.3203C12.2031 9.67578 12.665 9.32129 12.665 8.59082C12.665 7.76367 12.0205 7.21582 11.043 7.21582C10.3232 7.21582 9.80762 7.57031 9.45312 8.16113C9.38282 8.24242 9.32286 8.32101 9.2667 8.39461C9.04826 8.68087 8.88747 8.8916 8.40039 8.8916C8.0459 8.8916 7.66992 8.62305 7.66992 8.15039C7.66992 7.96777 7.70215 7.7959 7.75586 7.61328C8.05664 6.625 9.27051 5.75488 11.1182 5.75488C12.9336 5.75488 14.5234 6.71094 14.5234 8.50488C14.5234 9.7832 13.7822 10.417 12.7402 11.1045C11.999 11.5986 11.6445 11.9746 11.6445 12.5762V12.7051ZM11.9131 15.5625C11.9131 16.1855 11.376 16.6797 10.7529 16.6797C10.1299 16.6797 9.59277 16.1748 9.59277 15.5625C9.59277 14.9395 10.1191 14.4453 10.7529 14.4453C11.3867 14.4453 11.9131 14.9287 11.9131 15.5625Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg\n    width={14}\n    height={14}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M1 13L13 1M1 1L13 13\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n    />\n  </motion.svg>\n);\nconst BackIcon = ({ ...props }) => (\n  <motion.svg\n    width={9}\n    height={16}\n    viewBox=\"0 0 9 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M8 1L1 8L8 15\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </motion.svg>\n);\n\nconst contentTransitionDuration = 0.22;\n\nexport const contentVariants: Variants = {\n  initial: {\n    //willChange: 'transform,opacity',\n    zIndex: 2,\n    opacity: 0,\n  },\n  animate: {\n    opacity: 1,\n    scale: 1,\n    transition: {\n      duration: contentTransitionDuration * 0.75,\n      delay: contentTransitionDuration * 0.25,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n  exit: {\n    zIndex: 1,\n    opacity: 0,\n    pointerEvents: \"none\",\n    position: \"absolute\",\n    left: [\"50%\", \"50%\"],\n    x: [\"-50%\", \"-50%\"],\n    transition: {\n      duration: contentTransitionDuration,\n      ease: [0.26, 0.08, 0.25, 1],\n    },\n  },\n};\n\ntype ModalProps = {\n  open?: boolean;\n  pages: Record<ROUTES, React.ReactNode>;\n  pageId: string;\n  positionInside?: boolean;\n  inline?: boolean;\n  onClose?: () => void;\n  onBack?: () => void;\n  onInfo?: () => void;\n  demo?: {\n    theme: string;\n    mode?: string;\n    customTheme: CustomTheme;\n  };\n};\nconst Modal: React.FC<ModalProps> = ({\n  open,\n  pages,\n  pageId,\n  positionInside,\n  inline,\n  demo,\n  onClose,\n  onBack,\n  onInfo,\n}) => {\n  const context = usePayContext();\n  const themeContext = useThemeContext();\n  const mobile = isMobile();\n  const {\n    selectedExternalOption,\n    selectedTokenOption,\n    selectedSolanaTokenOption,\n    selectedDepositAddressOption,\n  } = context.paymentState;\n  const { order, paymentState } = useDaimoPay();\n\n  const { connector } = useAccount();\n  // For external wallets (World, MiniPay), use pendingConnectorId\n  // For injected wallets, use connector?.id\n  const walletId = context.pendingConnectorId || connector?.id || \"\";\n  const walletFromConnectors = useWallet(walletId);\n  // Fall back to selectedWallet for wallets from walletConfigs (e.g. unique payment options)\n  const wallet = walletFromConnectors || context.paymentState.selectedWallet;\n\n  const walletInfo = {\n    name: wallet?.name,\n    shortName: wallet?.shortName ?? wallet?.name,\n    icon: wallet?.iconConnector ?? wallet?.icon,\n    iconShape: wallet?.iconShape ?? \"circle\",\n    iconShouldShrink: wallet?.iconShouldShrink,\n  };\n\n  const locales = useLocales({\n    CONNECTORNAME: walletInfo?.name,\n  });\n\n  const [state, setOpen] = useTransition({\n    timeout: 160,\n    preEnter: true,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n  const currentDepth = routeDepthMap[context.route as ROUTES] ?? 1;\n  const prevDepth = usePrevious(currentDepth, currentDepth);\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  if (!positionInside) useLockBodyScroll(mounted);\n\n  useEffect(() => {\n    setOpen(open);\n    if (open) setInTransition(undefined);\n  }, [open]);\n\n  const [dimensions, setDimensions] = useState<{\n    width: string | undefined;\n    height: string | undefined;\n  }>({\n    width: undefined,\n    height: undefined,\n  });\n  const [inTransition, setInTransition] = useState<boolean | undefined>(\n    undefined,\n  );\n\n  // Calculate new content bounds\n  const updateBounds = (node: any) => {\n    const bounds = {\n      width: node?.offsetWidth,\n      height: node?.offsetHeight,\n    };\n    setDimensions({\n      width: `${bounds?.width}px`,\n      height: `${bounds?.height}px`,\n    });\n  };\n\n  let blockTimeout: ReturnType<typeof setTimeout>;\n  const contentRef = useCallback(\n    (node: any) => {\n      if (!node) return;\n      ref.current = node;\n\n      // Avoid transition mixups\n      setInTransition(inTransition === undefined ? false : true);\n      clearTimeout(blockTimeout);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      blockTimeout = setTimeout(() => setInTransition(false), 360);\n\n      // Calculate new content bounds\n      updateBounds(node);\n    },\n    [open, inTransition],\n  );\n\n  // Update layout on chain/network switch to avoid clipping\n  const { chain } = useAccount();\n  const { switchChain } = useSwitchChain();\n\n  const ref = useRef<any>(null);\n  useEffect(() => {\n    if (ref.current) updateBounds(ref.current);\n  }, [chain, switchChain, mobile, context.options, context.resize]);\n\n  useEffect(() => {\n    if (!mounted) {\n      setDimensions({\n        width: undefined,\n        height: undefined,\n      });\n      return;\n    }\n\n    const listener = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && onClose) onClose();\n    };\n    document.addEventListener(\"keydown\", listener);\n    return () => {\n      document.removeEventListener(\"keydown\", listener);\n    };\n  }, [mounted, onClose]);\n\n  const dimensionsCSS = {\n    \"--height\": dimensions.height,\n    \"--width\": dimensions.width,\n  } as React.CSSProperties;\n\n  // Show \"Scan with phone\" title for wallets with deeplinks (unique payment options)\n  const hasDeeplink = wallet && wallet.getDaimoPayDeeplink;\n  const shouldShowWalletQRCodeOnDesktop =\n    isExternalWallet(wallet) || hasDeeplink;\n\n  function getHeading() {\n    const payWithString = flattenChildren(locales.payWith).join(\"\");\n    switch (context.route) {\n      case ROUTES.ABOUT:\n        return locales.aboutScreen_heading;\n      case ROUTES.CONNECT:\n        if (shouldShowWalletQRCodeOnDesktop) {\n          return locales.scanWithPhone;\n        } else {\n          return walletInfo?.name;\n        }\n      case ROUTES.SELECT_EXCHANGE:\n        return locales.selectExchange;\n      case ROUTES.SOLANA_CONNECTOR:\n        return context.solanaConnector ?? locales.solanaWallet;\n      case ROUTES.CONNECTORS:\n        return locales.connectorsScreen_heading;\n      case ROUTES.MOBILECONNECTORS:\n        return locales.mobileConnectorsScreen_heading;\n      case ROUTES.ONBOARDING:\n        return locales.onboardingScreen_heading;\n      case ROUTES.SWITCHNETWORKS:\n        return locales.switchNetworkScreen_heading;\n      case ROUTES.SELECT_METHOD:\n      case ROUTES.SELECT_TOKEN:\n        return order?.metadata.intent;\n      case ROUTES.SOLANA_PAY_WITH_TOKEN:\n        if (!selectedSolanaTokenOption) return undefined;\n        return `${payWithString} ${selectedSolanaTokenOption.required.token.symbol}`;\n      case ROUTES.WAITING_EXTERNAL:\n        if (\n          selectedExternalOption &&\n          shouldShowExternalQRCodeOnDesktop(selectedExternalOption.id) &&\n          !mobile\n        ) {\n          return locales.scanWithPhone;\n        }\n        return selectedExternalOption?.cta;\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN:\n        return locales.selectChain;\n      case ROUTES.WAITING_DEPOSIT_ADDRESS:\n        if (paymentState === \"warning\") return locales.leaveSession;\n        if (!selectedDepositAddressOption) return undefined;\n        return `${payWithString} ${selectedDepositAddressOption.id}`;\n      case ROUTES.SELECT_ZKP2P:\n        return locales.selectApp;\n      case ROUTES.SELECT_AMOUNT:\n      case ROUTES.SELECT_EXTERNAL_AMOUNT:\n      case ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT:\n      case ROUTES.SOLANA_SELECT_AMOUNT:\n      case ROUTES.SELECT_WALLET_AMOUNT:\n        return locales.selectAmount;\n      case ROUTES.PAY_WITH_TOKEN:\n        if (selectedTokenOption == null) return undefined;\n\n        const chainName = getChainName(\n          selectedTokenOption.balance.token.chainId,\n        );\n        return `${payWithString} ${chainName} ${selectedTokenOption.balance.token.symbol}`;\n      case ROUTES.CONFIRMATION:\n        return locales.paymentSuccessful;\n      case ROUTES.ERROR:\n        return locales.error;\n      case ROUTES.SELECT_WALLET_CHAIN:\n        return locales.selectChain;\n    }\n  }\n\n  const Content = (\n    <ResetContainer\n      $useTheme={demo?.theme ?? themeContext.theme}\n      $useMode={demo?.mode ?? themeContext.mode}\n      $customTheme={demo?.customTheme ?? themeContext.customTheme}\n    >\n      <ModalContainer\n        role=\"dialog\"\n        style={{\n          pointerEvents: rendered ? \"auto\" : \"none\",\n          position: positionInside ? \"absolute\" : undefined,\n        }}\n      >\n        {!inline && (\n          <BackgroundOverlay\n            $active={rendered}\n            onClick={onClose}\n            $blur={context.options?.overlayBlur}\n          />\n        )}\n        <Container\n          style={dimensionsCSS}\n          initial={false}\n          // transition={{\n          //   ease: [0.2555, 0.1111, 0.2555, 1.0001],\n          //   duration: !positionInside && state !== 'entered' ? 0 : 0.24,\n          // }}\n        >\n          <div\n            style={{\n              pointerEvents: inTransition ? \"all\" : \"none\", // Block interaction while transitioning\n              position: \"absolute\",\n              top: 0,\n              bottom: 0,\n              left: \"50%\",\n              transform: \"translateX(-50%)\",\n              width: \"var(--width)\",\n              zIndex: 9,\n              transition: \"width 200ms ease\",\n            }}\n          />\n          <BoxContainer className={`${rendered && \"active\"}`}>\n            <AnimatePresence initial={false}>\n              {context.options?.disclaimer &&\n                context.route === ROUTES.CONNECTORS && (\n                  <DisclaimerBackground\n                    initial={{\n                      opacity: 0,\n                    }}\n                    animate={{\n                      opacity: 1,\n                    }}\n                    exit={{ opacity: 0 }}\n                    transition={{\n                      delay: 0,\n                      duration: 0.2,\n                      ease: [0.25, 0.1, 0.25, 1.0],\n                    }}\n                  >\n                    <Disclaimer>\n                      <div>{context.options?.disclaimer}</div>\n                    </Disclaimer>\n                  </DisclaimerBackground>\n                )}\n            </AnimatePresence>\n            <AnimatePresence initial={false}>\n              {context.errorMessage && (\n                <ErrorMessage\n                  initial={{ y: \"10%\", x: \"-50%\" }}\n                  animate={{ y: \"-100%\" }}\n                  exit={{ y: \"100%\" }}\n                  transition={{ duration: 0.2, ease: \"easeInOut\" }}\n                >\n                  <span>{context.errorMessage}</span>\n                  <div\n                    onClick={() => context.displayError(null)}\n                    style={{\n                      position: \"absolute\",\n                      right: 24,\n                      top: 24,\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    <CloseIcon />\n                  </div>\n                </ErrorMessage>\n              )}\n            </AnimatePresence>\n            <ControllerContainer>\n              {onClose && (\n                <CloseButton\n                  aria-label={flattenChildren(locales.close).toString()}\n                  onClick={onClose}\n                >\n                  <CloseIcon />\n                </CloseButton>\n              )}\n              <div\n                style={{\n                  position: \"absolute\",\n                  top: 23,\n                  left: 20,\n                  width: 32,\n                  height: 32,\n                }}\n              >\n                <AnimatePresence>\n                  {onBack ? (\n                    <BackButton\n                      disabled={inTransition}\n                      aria-label={flattenChildren(locales.back).toString()}\n                      key=\"backButton\"\n                      onClick={onBack}\n                      initial={{ opacity: 0 }}\n                      animate={{ opacity: 1 }}\n                      exit={{ opacity: 0 }}\n                      transition={{\n                        duration: mobile ? 0 : 0.1,\n                        delay: mobile ? 0.01 : 0,\n                      }}\n                    >\n                      <BackIcon />\n                    </BackButton>\n                  ) : (\n                    onInfo &&\n                    !context.options?.hideQuestionMarkCTA && (\n                      <InfoButton\n                        disabled={inTransition}\n                        aria-label={flattenChildren(\n                          locales.moreInformation,\n                        ).toString()}\n                        key=\"infoButton\"\n                        onClick={onInfo}\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        transition={{\n                          duration: mobile ? 0 : 0.1,\n                          delay: mobile ? 0.01 : 0,\n                        }}\n                      >\n                        <InfoIcon />\n                      </InfoButton>\n                    )\n                  )}\n                </AnimatePresence>\n              </div>\n            </ControllerContainer>\n\n            <ModalHeading>\n              <AnimatePresence>\n                <motion.div\n                  style={{\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: 52,\n                    right: 52,\n                    display: \"flex\",\n                    //alignItems: 'center',\n                    justifyContent: \"center\",\n                  }}\n                  key={`${context.route}`}\n                  initial={{ opacity: 0 }}\n                  animate={{ opacity: 1 }}\n                  exit={{ opacity: 0 }}\n                  transition={{\n                    duration: mobile ? 0 : 0.17,\n                    delay: mobile ? 0.01 : 0,\n                  }}\n                >\n                  <FitText>{getHeading()}</FitText>\n                </motion.div>\n              </AnimatePresence>\n            </ModalHeading>\n\n            <InnerContainer>\n              {Object.keys(pages).map((key) => (\n                <Page\n                  key={key}\n                  open={key === pageId}\n                  initial={!positionInside && state !== \"entered\"}\n                  enterAnim={\n                    key === pageId\n                      ? currentDepth > prevDepth\n                        ? \"active-scale-up\"\n                        : \"active\"\n                      : \"\"\n                  }\n                  exitAnim={\n                    key !== pageId\n                      ? currentDepth < prevDepth\n                        ? \"exit-scale-down\"\n                        : \"exit\"\n                      : \"\"\n                  }\n                >\n                  <PageContents\n                    key={`inner-${key}`}\n                    ref={contentRef}\n                    style={{\n                      pointerEvents:\n                        key === pageId && rendered ? \"auto\" : \"none\",\n                    }}\n                  >\n                    {pages[key]}\n                  </PageContents>\n                </Page>\n              ))}\n            </InnerContainer>\n          </BoxContainer>\n        </Container>\n      </ModalContainer>\n    </ResetContainer>\n  );\n  return (\n    <>\n      {mounted && (\n        <>\n          {positionInside ? (\n            Content\n          ) : (\n            <>\n              {\n                <Portal>\n                  <FocusTrap>{Content}</FocusTrap>\n                </Portal>\n              }\n            </>\n          )}\n        </>\n      )}\n    </>\n  );\n};\n\ntype PageProps = {\n  children?: React.ReactNode;\n  open?: boolean;\n  initial: boolean;\n  enterAnim?: string;\n  exitAnim?: string;\n};\n\nconst Page: React.FC<PageProps> = ({\n  children,\n  open,\n  initial,\n  enterAnim,\n  exitAnim,\n}) => {\n  const [state, setOpen] = useTransition({\n    timeout: 400,\n    preEnter: true,\n    initialEntered: open,\n    mountOnEnter: true,\n    unmountOnExit: true,\n  });\n  const mounted = !(state === \"exited\" || state === \"unmounted\");\n  const rendered = state === \"preEnter\" || state !== \"exiting\";\n\n  useEffect(() => {\n    setOpen(open);\n  }, [open]);\n\n  if (!mounted) return null;\n\n  return (\n    <PageContainer\n      className={`${rendered ? enterAnim : exitAnim}`}\n      style={{\n        animationDuration: initial ? \"0ms\" : undefined,\n        animationDelay: initial ? \"0ms\" : undefined,\n      }}\n    >\n      {children}\n    </PageContainer>\n  );\n};\n\nexport const OrDivider = ({ children }: { children?: React.ReactNode }) => {\n  const locales = useLocales();\n  return (\n    <TextWithHr>\n      <span>{children ?? locales.or}</span>\n    </TextWithHr>\n  );\n};\n\nexport default Modal;\n"],"names":[],"mappings":"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"}

package/build/src/components/Common/SelectAnotherMethodButton/index.js

@@ -1,5 +1,4 @@
 import { jsx } from 'react/jsx-runtime';
-import { ExternalPaymentOptions } from '@daimo/pay-common';
 import { useWallet } from '@solana/wallet-adapter-react';
 import { useAccount, useDisconnect } from 'wagmi';
 import { Phantom, MetaMask, Rainbow, Rabby } from '../../../assets/logos.js';
@@ -23,7 +22,8 @@ function SelectAnotherMethodButton() {
   const allPaymentOptions = Array.from(
     externalPaymentOptions.options.values()
   ).flat();
-  const uniquePaymentOption = paymentState.buttonProps?.uniquePaymentOption;
+  const paymentOptions = paymentState.buttonProps?.paymentOptions;
+  const isWalletsOnly = paymentOptions && paymentOptions.length === 1 && (Array.isArray(paymentOptions[0]) || paymentOptions[0] === "AllWallets");
   const createIconDiv = (content, key) => /* @__PURE__ */ jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: content }, key);
   const getWalletIcons = (connector2) => {
     const connectorId = connector2?.id.toLowerCase();
@@ -50,7 +50,7 @@ function SelectAnotherMethodButton() {
         "tron-usdt"
       )
     );
-    const externalIcons = allPaymentOptions.filter((option) => option.id !== ExternalPaymentOptions.Daimo).slice(0, 1).map(
+    const externalIcons = allPaymentOptions.slice(0, 1).map(
       (option) => createIconDiv(
         typeof option.logoURI === "string" ? /* @__PURE__ */ jsx("img", { src: option.logoURI, alt: option.id }) : option.logoURI,
         option.id
@@ -86,7 +86,7 @@ function SelectAnotherMethodButton() {
       options: (
         // If there are non-wallet payment options, show the full select
         // method menu. Otherwise, show the wallet menu.
-        allPaymentOptions.length > 0 && uniquePaymentOption !== "Wallets" ? [selectMethodOption] : [selectWalletOption]
+        allPaymentOptions.length > 0 && !isWalletsOnly ? [selectMethodOption] : [selectWalletOption]
       )
     }
   ) });

package/build/src/components/Common/SelectAnotherMethodButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/SelectAnotherMethodButton/index.tsx"],"sourcesContent":["import { ExternalPaymentOptions } from \"@daimo/pay-common\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { Connector, useAccount, useDisconnect } from \"wagmi\";\nimport { MetaMask, Phantom, Rabby, Rainbow } from \"../../../assets/logos\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport styled from \"../../../styles/styled\";\nimport { OptionsList } from \"../OptionsList\";\n\nconst OptionsContainer = styled.div`\n  width: 100%;\n  margin-top: 1rem;\n`;\n\nexport default function SelectAnotherMethodButton() {\n  const locales = useLocales();\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions } = paymentState;\n  const { connector } = useAccount();\n  const { disconnectAsync } = useDisconnect();\n  const { disconnect: disconnectSolana } = useWallet();\n\n  const allPaymentOptions = Array.from(\n    externalPaymentOptions.options.values(),\n  ).flat();\n  const uniquePaymentOption = paymentState.buttonProps?.uniquePaymentOption;\n\n  const createIconDiv = (content: React.ReactNode, key: string) => (\n    <div key={key} style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n      {content}\n    </div>\n  );\n\n  const getWalletIcons = (connector: Connector | undefined) => {\n    const connectorId = connector?.id.toLowerCase();\n    const walletTypes = [\n      { component: <MetaMask />, id: \"metamask\" },\n      { component: <Rainbow />, id: \"rainbow\" },\n      { component: <Rabby />, id: \"rabby\" },\n    ];\n\n    const icons = walletTypes\n      .filter(({ id }) => !connectorId?.includes(id))\n      .map(({ component }) => component);\n\n    if (icons.length < 3) icons.push(<Phantom />);\n    return icons;\n  };\n\n  const getPaymentMethodIcons = () => {\n    const icons: JSX.Element[] = [];\n\n    // Add TRON USDT as first priority\n    icons.push(\n      createIconDiv(\n        <img\n          src=\"https://pay.daimo.com/chain-logos/tronusdt.svg\"\n          alt=\"TRON USDT\"\n        />,\n        \"tron-usdt\",\n      ),\n    );\n\n    // Add external payment options\n    const externalIcons = allPaymentOptions\n      .filter((option) => option.id !== ExternalPaymentOptions.Daimo)\n      .slice(0, 1)\n      .map((option) =>\n        createIconDiv(\n          typeof option.logoURI === \"string\" ? (\n            <img src={option.logoURI} alt={option.id} />\n          ) : (\n            option.logoURI\n          ),\n          option.id,\n        ),\n      );\n\n    icons.push(...externalIcons);\n\n    // Fill remaining slots with wallet icons\n    if (icons.length < 3) {\n      const walletIcons = getWalletIcons(connector);\n      const remainingSlots = 3 - icons.length;\n      icons.push(...walletIcons.slice(0, remainingSlots));\n    }\n\n    return icons.slice(0, 3);\n  };\n\n  const selectMethodOption = {\n    id: \"select-method\",\n    title: locales.payWithAnotherMethod,\n    icons: getPaymentMethodIcons(),\n    onClick: () => setRoute(ROUTES.SELECT_METHOD),\n  };\n\n  const selectWalletOption = {\n    id: \"select-wallet\",\n    title: locales.payWithAnotherWallet,\n    icons: getWalletIcons(connector),\n    onClick: async () => {\n      await disconnectAsync();\n      await disconnectSolana();\n      setRoute(ROUTES.CONNECTORS);\n    },\n  };\n\n  return (\n    <OptionsContainer>\n      <OptionsList\n        options={\n          // If there are non-wallet payment options, show the full select\n          // method menu. Otherwise, show the wallet menu.\n          allPaymentOptions.length > 0 && uniquePaymentOption !== \"Wallets\"\n            ? [selectMethodOption]\n            : [selectWalletOption]\n        }\n      />\n    </OptionsContainer>\n  );\n}\n"],"names":["connector"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Common/SelectAnotherMethodButton/index.tsx"],"sourcesContent":["import { useWallet } from \"@solana/wallet-adapter-react\";\nimport { Connector, useAccount, useDisconnect } from \"wagmi\";\nimport { MetaMask, Phantom, Rabby, Rainbow } from \"../../../assets/logos\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport styled from \"../../../styles/styled\";\nimport { OptionsList } from \"../OptionsList\";\n\nconst OptionsContainer = styled.div`\n  width: 100%;\n  margin-top: 1rem;\n`;\n\nexport default function SelectAnotherMethodButton() {\n  const locales = useLocales();\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions } = paymentState;\n  const { connector } = useAccount();\n  const { disconnectAsync } = useDisconnect();\n  const { disconnect: disconnectSolana } = useWallet();\n\n  const allPaymentOptions = Array.from(\n    externalPaymentOptions.options.values(),\n  ).flat();\n  const paymentOptions = paymentState.buttonProps?.paymentOptions;\n  const isWalletsOnly =\n    paymentOptions &&\n    paymentOptions.length === 1 &&\n    (Array.isArray(paymentOptions[0]) || paymentOptions[0] === \"AllWallets\");\n\n  const createIconDiv = (content: React.ReactNode, key: string) => (\n    <div key={key} style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n      {content}\n    </div>\n  );\n\n  const getWalletIcons = (connector: Connector | undefined) => {\n    const connectorId = connector?.id.toLowerCase();\n    const walletTypes = [\n      { component: <MetaMask />, id: \"metamask\" },\n      { component: <Rainbow />, id: \"rainbow\" },\n      { component: <Rabby />, id: \"rabby\" },\n    ];\n\n    const icons = walletTypes\n      .filter(({ id }) => !connectorId?.includes(id))\n      .map(({ component }) => component);\n\n    if (icons.length < 3) icons.push(<Phantom />);\n    return icons;\n  };\n\n  const getPaymentMethodIcons = () => {\n    const icons: JSX.Element[] = [];\n\n    // Add TRON USDT as first priority\n    icons.push(\n      createIconDiv(\n        <img\n          src=\"https://pay.daimo.com/chain-logos/tronusdt.svg\"\n          alt=\"TRON USDT\"\n        />,\n        \"tron-usdt\",\n      ),\n    );\n\n    // Add external payment options\n    const externalIcons = allPaymentOptions\n      .slice(0, 1)\n      .map((option) =>\n        createIconDiv(\n          typeof option.logoURI === \"string\" ? (\n            <img src={option.logoURI} alt={option.id} />\n          ) : (\n            option.logoURI\n          ),\n          option.id,\n        ),\n      );\n\n    icons.push(...externalIcons);\n\n    // Fill remaining slots with wallet icons\n    if (icons.length < 3) {\n      const walletIcons = getWalletIcons(connector);\n      const remainingSlots = 3 - icons.length;\n      icons.push(...walletIcons.slice(0, remainingSlots));\n    }\n\n    return icons.slice(0, 3);\n  };\n\n  const selectMethodOption = {\n    id: \"select-method\",\n    title: locales.payWithAnotherMethod,\n    icons: getPaymentMethodIcons(),\n    onClick: () => setRoute(ROUTES.SELECT_METHOD),\n  };\n\n  const selectWalletOption = {\n    id: \"select-wallet\",\n    title: locales.payWithAnotherWallet,\n    icons: getWalletIcons(connector),\n    onClick: async () => {\n      await disconnectAsync();\n      await disconnectSolana();\n      setRoute(ROUTES.CONNECTORS);\n    },\n  };\n\n  return (\n    <OptionsContainer>\n      <OptionsList\n        options={\n          // If there are non-wallet payment options, show the full select\n          // method menu. Otherwise, show the wallet menu.\n          allPaymentOptions.length > 0 && !isWalletsOnly\n            ? [selectMethodOption]\n            : [selectWalletOption]\n        }\n      />\n    </OptionsContainer>\n  );\n}\n"],"names":["connector"],"mappings":"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"}

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

@@ -48,8 +48,7 @@ function DaimoPayButtonCustom(props) {
     externalId: props.externalId,
     metadata: props.metadata,
     refundAddress: props.refundAddress,
-    passthroughTokens: props.passthroughTokens,
-    uniquePaymentOption: props.uniquePaymentOption
+    passthroughTokens: props.passthroughTokens
   } : null;
   let payId = "payId" in props ? props.payId : null;
   const { paymentState } = context;