@daimo/pay 1.18.3 → 1.19.0

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

@@ -1,7 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ROUTES } from '../../../constants/routes.js';
-import { useConnect } from '../../../hooks/useConnect.js';
+import { useConnectors } from '../../../hooks/useConnectors.js';
+import useIsMobile from '../../../hooks/useIsMobile.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
+import { isInjectedConnector } from '../../../utils/index.js';
 import { walletConfigs } from '../../../wallets/walletConfigs.js';
 import { PageContent, ModalContent } from '../../Common/Modal/styles.js';
 import { ScrollArea } from '../../Common/ScrollArea/index.js';
@@ -9,14 +11,63 @@ import { Container, WalletList, WalletItem, WalletIcon, WalletLabel } from './st
 
 const MobileConnectors = () => {
   const context = usePayContext();
-  const { paymentState, setRoute } = context;
-  useConnect();
-  const walletsIdsToDisplay = Object.keys(walletConfigs).filter((walletId) => {
+  const { paymentState, setRoute, disableMobileInjector } = context;
+  const { isAndroid, isIOS } = useIsMobile();
+  const connectors = useConnectors();
+  const { parsedConfig } = paymentState.externalPaymentOptions;
+  const { walletOrder } = parsedConfig;
+  const availableWalletIds = Object.keys(walletConfigs).filter((walletId) => {
     const wallet = walletConfigs[walletId];
-    if (!wallet.showInMobileConnectors) return false;
+    if (walletOrder.length === 0 && !wallet.showInMobileConnectors)
+      return false;
+    if (isAndroid && wallet.showOnAndroid === false) return false;
+    if (isIOS && wallet.showOnIOS === false) return false;
     return true;
   }) ?? [];
-  const goToWallet = (wallet) => {
+  let walletsIdsToDisplay = availableWalletIds;
+  if (walletOrder.length > 0) {
+    const hasInjected = !disableMobileInjector && connectors.some((c) => {
+      if (!isInjectedConnector(c.type)) return false;
+      if (c.name?.toLowerCase().includes("walletconnect")) return false;
+      return walletOrder.some(
+        (filterName) => c.name?.toLowerCase().includes(filterName.toLowerCase()) || c.id.toLowerCase().includes(filterName.toLowerCase())
+      );
+    });
+    const totalWallets = walletOrder.length;
+    const injectedCount = hasInjected ? 1 : 0;
+    const maxNonInjectedInMain = totalWallets > 3 ? 2 : Math.min(3 - injectedCount, totalWallets);
+    const shownInMain = walletOrder.slice(0, maxNonInjectedInMain);
+    const filtered = availableWalletIds.filter((walletId) => {
+      const wallet = walletConfigs[walletId];
+      return walletOrder.some((optionId) => {
+        const optionLower = optionId.toLowerCase();
+        const name = wallet.name?.toLowerCase() || wallet.shortName?.toLowerCase() || "";
+        return name === optionLower || name.includes(optionLower) || walletId.toLowerCase() === optionLower || walletId.toLowerCase().includes(optionLower);
+      });
+    });
+    const excludedWallets = shownInMain.map((name) => name.toLowerCase());
+    const remaining = filtered.filter((walletId) => {
+      const wallet = walletConfigs[walletId];
+      const walletName = wallet.name?.toLowerCase() || wallet.shortName?.toLowerCase() || "";
+      return !excludedWallets.some(
+        (excluded) => walletName.includes(excluded) || excluded.includes(walletName)
+      );
+    });
+    const ordered = [];
+    for (const optionId of walletOrder) {
+      const walletId = remaining.find((id) => {
+        const wallet = walletConfigs[id];
+        const optionLower = optionId.toLowerCase();
+        const name = wallet.name?.toLowerCase() || wallet.shortName?.toLowerCase() || "";
+        return name === optionLower || name.includes(optionLower) || id.toLowerCase() === optionLower || id.toLowerCase().includes(optionLower);
+      });
+      if (walletId && !ordered.includes(walletId)) {
+        ordered.push(walletId);
+      }
+    }
+    walletsIdsToDisplay = ordered;
+  }
+  const goToWallet = async (wallet) => {
     if (wallet.getDaimoPayDeeplink == null) {
       console.error(`wallet ${wallet.name} has no deeplink`);
       return;
@@ -24,20 +75,14 @@ const MobileConnectors = () => {
     if (paymentState.isDepositFlow) {
       context.paymentState.setSelectedWallet(wallet);
       setRoute(ROUTES.SELECT_WALLET_AMOUNT);
+    } else if (!isIOS && !isAndroid && wallet.id) {
+      context.setPendingConnectorId(wallet.id);
+      setRoute(ROUTES.CONNECT);
     } else {
-      paymentState.openInWalletBrowser(wallet);
+      await paymentState.openInWalletBrowser(wallet);
     }
   };
-  return /* @__PURE__ */ jsx(PageContent, { style: { width: 312 }, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(ModalContent, { style: { paddingBottom: 0 }, children: /* @__PURE__ */ jsx(ScrollArea, { height: 340, children: /* @__PURE__ */ jsx(WalletList, { children: walletsIdsToDisplay.sort(
-    // sort by name
-    (a, b) => {
-      const walletA = walletConfigs[a];
-      const walletB = walletConfigs[b];
-      const nameA = walletA.name ?? walletA.shortName ?? a;
-      const nameB = walletB.name ?? walletB.shortName ?? b;
-      return nameA.localeCompare(nameB);
-    }
-  ).filter(
+  return /* @__PURE__ */ jsx(PageContent, { style: { width: 312 }, children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx(ModalContent, { style: { paddingBottom: 0 }, children: /* @__PURE__ */ jsx(ScrollArea, { height: 340, children: /* @__PURE__ */ jsx(WalletList, { children: walletsIdsToDisplay.filter(
     (walletId) => !(walletId === "coinbaseWallet" || walletId === "com.coinbase.wallet")
   ).map((walletId, i) => {
     const wallet = walletConfigs[walletId];

package/build/src/components/Pages/MobileConnectors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/MobileConnectors/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useConnect } from \"../../../hooks/useConnect\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport {\n  WalletConfigProps,\n  walletConfigs,\n} from \"../../../wallets/walletConfigs\";\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport {\n  Container,\n  WalletIcon,\n  WalletItem,\n  WalletLabel,\n  WalletList,\n} from \"./styles\";\n\nconst MobileConnectors: React.FC = () => {\n  const context = usePayContext();\n  const { paymentState, setRoute } = context;\n  const { connect, connectors } = useConnect();\n\n  // filter out installed wallets\n  const walletsIdsToDisplay =\n    Object.keys(walletConfigs).filter((walletId) => {\n      const wallet = walletConfigs[walletId];\n      if (!wallet.showInMobileConnectors) return false;\n      return true;\n    }) ?? [];\n\n  const goToWallet = (wallet: WalletConfigProps) => {\n    if (wallet.getDaimoPayDeeplink == null) {\n      console.error(`wallet ${wallet.name} has no deeplink`);\n      return;\n    }\n    if (paymentState.isDepositFlow) {\n      context.paymentState.setSelectedWallet(wallet);\n      setRoute(ROUTES.SELECT_WALLET_AMOUNT);\n    } else {\n      paymentState.openInWalletBrowser(wallet);\n    }\n  };\n\n  return (\n    <PageContent style={{ width: 312 }}>\n      <Container>\n        <ModalContent style={{ paddingBottom: 0 }}>\n          <ScrollArea height={340}>\n            <WalletList>\n              {walletsIdsToDisplay\n                .sort(\n                  // sort by name\n                  (a, b) => {\n                    const walletA = walletConfigs[a];\n                    const walletB = walletConfigs[b];\n                    const nameA = walletA.name ?? walletA.shortName ?? a;\n                    const nameB = walletB.name ?? walletB.shortName ?? b;\n                    return nameA.localeCompare(nameB);\n                  },\n                )\n                .filter(\n                  (walletId) =>\n                    !(\n                      walletId === \"coinbaseWallet\" ||\n                      walletId === \"com.coinbase.wallet\"\n                    ),\n                )\n                .map((walletId, i) => {\n                  const wallet = walletConfigs[walletId];\n                  const { name, shortName, iconConnector, icon } = wallet;\n                  return (\n                    <WalletItem\n                      key={i}\n                      onClick={() => goToWallet(wallet)}\n                      style={{\n                        animationDelay: `${i * 50}ms`,\n                      }}\n                    >\n                      <WalletIcon>{iconConnector ?? icon}</WalletIcon>\n                      <WalletLabel>{shortName ?? name}</WalletLabel>\n                    </WalletItem>\n                  );\n                })}\n            </WalletList>\n          </ScrollArea>\n        </ModalContent>\n      </Container>\n    </PageContent>\n  );\n};\n\nexport default MobileConnectors;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/MobileConnectors/index.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { useConnectors } from \"../../../hooks/useConnectors\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { isInjectedConnector } from \"../../../utils\";\nimport {\n  WalletConfigProps,\n  walletConfigs,\n} from \"../../../wallets/walletConfigs\";\nimport { ModalContent, PageContent } from \"../../Common/Modal/styles\";\nimport { ScrollArea } from \"../../Common/ScrollArea\";\nimport {\n  Container,\n  WalletIcon,\n  WalletItem,\n  WalletLabel,\n  WalletList,\n} from \"./styles\";\n\nconst MobileConnectors: React.FC = () => {\n  const context = usePayContext();\n  const { paymentState, setRoute, disableMobileInjector } = context;\n  const { isAndroid, isIOS } = useIsMobile();\n  const connectors = useConnectors();\n\n  // Apply ordering from parsedConfig if available\n  const { parsedConfig } = paymentState.externalPaymentOptions;\n  const { walletOrder } = parsedConfig;\n\n  // Filter available wallets\n  const availableWalletIds =\n    Object.keys(walletConfigs).filter((walletId) => {\n      const wallet = walletConfigs[walletId];\n      // If walletOrder is provided, ignore showInMobileConnectors flag\n      if (walletOrder.length === 0 && !wallet.showInMobileConnectors)\n        return false;\n      // Filter by platform\n      if (isAndroid && wallet.showOnAndroid === false) return false;\n      if (isIOS && wallet.showOnIOS === false) return false;\n      return true;\n    }) ?? [];\n\n  let walletsIdsToDisplay = availableWalletIds;\n  if (walletOrder.length > 0) {\n    // Check for injected wallets that match the filter\n    const hasInjected =\n      !disableMobileInjector &&\n      connectors.some((c) => {\n        if (!isInjectedConnector(c.type)) return false;\n        if (c.name?.toLowerCase().includes(\"walletconnect\")) return false;\n        // Check if this injected wallet matches the filter\n        return walletOrder.some(\n          (filterName) =>\n            c.name?.toLowerCase().includes(filterName.toLowerCase()) ||\n            c.id.toLowerCase().includes(filterName.toLowerCase()),\n        );\n      });\n\n    // Calculate which wallets to exclude (shown in main selector)\n    const totalWallets = walletOrder.length;\n    const injectedCount = hasInjected ? 1 : 0;\n    const maxNonInjectedInMain =\n      totalWallets > 3 ? 2 : Math.min(3 - injectedCount, totalWallets);\n    const shownInMain = walletOrder.slice(0, maxNonInjectedInMain);\n\n    // Filter to only show wallets from the order\n    const filtered = availableWalletIds.filter((walletId) => {\n      const wallet = walletConfigs[walletId];\n      return walletOrder.some((optionId) => {\n        const optionLower = optionId.toLowerCase();\n        const name =\n          wallet.name?.toLowerCase() || wallet.shortName?.toLowerCase() || \"\";\n        return (\n          name === optionLower ||\n          name.includes(optionLower) ||\n          walletId.toLowerCase() === optionLower ||\n          walletId.toLowerCase().includes(optionLower)\n        );\n      });\n    });\n\n    // Exclude wallets shown in main selector\n    const excludedWallets = shownInMain.map((name) => name.toLowerCase());\n    const remaining = filtered.filter((walletId) => {\n      const wallet = walletConfigs[walletId];\n      const walletName =\n        wallet.name?.toLowerCase() || wallet.shortName?.toLowerCase() || \"\";\n      return !excludedWallets.some(\n        (excluded) =>\n          walletName.includes(excluded) || excluded.includes(walletName),\n      );\n    });\n\n    // Order remaining wallets by walletOrder\n    const ordered: string[] = [];\n    for (const optionId of walletOrder) {\n      const walletId = remaining.find((id) => {\n        const wallet = walletConfigs[id];\n        const optionLower = optionId.toLowerCase();\n        const name =\n          wallet.name?.toLowerCase() || wallet.shortName?.toLowerCase() || \"\";\n        return (\n          name === optionLower ||\n          name.includes(optionLower) ||\n          id.toLowerCase() === optionLower ||\n          id.toLowerCase().includes(optionLower)\n        );\n      });\n      if (walletId && !ordered.includes(walletId)) {\n        ordered.push(walletId);\n      }\n    }\n\n    walletsIdsToDisplay = ordered;\n  }\n\n  const goToWallet = async (wallet: WalletConfigProps) => {\n    if (wallet.getDaimoPayDeeplink == null) {\n      console.error(`wallet ${wallet.name} has no deeplink`);\n      return;\n    }\n    if (paymentState.isDepositFlow) {\n      context.paymentState.setSelectedWallet(wallet);\n      setRoute(ROUTES.SELECT_WALLET_AMOUNT);\n    } else if (!isIOS && !isAndroid && wallet.id) {\n      // On desktop, show QR code\n      context.setPendingConnectorId(wallet.id);\n      setRoute(ROUTES.CONNECT);\n    } else {\n      await paymentState.openInWalletBrowser(wallet);\n    }\n  };\n\n  return (\n    <PageContent style={{ width: 312 }}>\n      <Container>\n        <ModalContent style={{ paddingBottom: 0 }}>\n          <ScrollArea height={340}>\n            <WalletList>\n              {walletsIdsToDisplay\n                .filter(\n                  (walletId) =>\n                    !(\n                      walletId === \"coinbaseWallet\" ||\n                      walletId === \"com.coinbase.wallet\"\n                    ),\n                )\n                .map((walletId, i) => {\n                  const wallet = walletConfigs[walletId];\n                  const { name, shortName, iconConnector, icon } = wallet;\n                  return (\n                    <WalletItem\n                      key={i}\n                      onClick={() => goToWallet(wallet)}\n                      style={{\n                        animationDelay: `${i * 50}ms`,\n                      }}\n                    >\n                      <WalletIcon>{iconConnector ?? icon}</WalletIcon>\n                      <WalletLabel>{shortName ?? name}</WalletLabel>\n                    </WalletItem>\n                  );\n                })}\n            </WalletList>\n          </ScrollArea>\n        </ModalContent>\n      </Container>\n    </PageContent>\n  );\n};\n\nexport default MobileConnectors;\n"],"names":[],"mappings":"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"}

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

@@ -16,9 +16,11 @@ const SelectDepositAddressChain = () => {
     isDepositFlow,
     setSelectedDepositAddressOption,
     depositAddressOptions,
-    untronAvailable
+    untronAvailable,
+    topOptionsOrder
   } = paymentState;
   const orderUsd = isDepositFlow ? null : order?.destFinalCallTokenAmount.usd;
+  const excludeTron = topOptionsOrder.includes("Tron");
   return /* @__PURE__ */ jsxs(PageContent, { children: [
     /* @__PURE__ */ jsx(OrderHeader, { minified: true }),
     !depositAddressOptions.loading && depositAddressOptions.options?.length === 0 && /* @__PURE__ */ jsxs(
@@ -42,7 +44,12 @@ const SelectDepositAddressChain = () => {
       {
         requiredSkeletons: 4,
         isLoading: depositAddressOptions.loading,
-        options: (depositAddressOptions.options ?? []).map((option) => {
+        options: (depositAddressOptions.options ?? []).filter((option) => {
+          if (excludeTron && option.id === DepositAddressPaymentOptions.TRON_USDT) {
+            return false;
+          }
+          return true;
+        }).map((option) => {
           const disabled = (
             // Disable if usd below min
             option.minimumUsd > 0 && orderUsd != null && orderUsd < option.minimumUsd || // Disable if TRON_USDT unavailable

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectDepositAddressChain/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { DepositAddressPaymentOptions } from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport SelectAnotherMethodButton from \"../../Common/SelectAnotherMethodButton\";\n\nconst SelectDepositAddressChain: React.FC = () => {\n  const { setRoute, paymentState } = usePayContext();\n  const pay = useDaimoPay();\n  const { order } = pay;\n  const {\n    isDepositFlow,\n    setSelectedDepositAddressOption,\n    depositAddressOptions,\n    untronAvailable,\n  } = paymentState;\n  const orderUsd = isDepositFlow ? null : order?.destFinalCallTokenAmount.usd;\n\n  return (\n    <PageContent>\n      <OrderHeader minified />\n\n      {!depositAddressOptions.loading &&\n        depositAddressOptions.options?.length === 0 && (\n          <ModalContent\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              paddingTop: 16,\n              paddingBottom: 16,\n            }}\n          >\n            <ModalH1>Chains unavailable.</ModalH1>\n            <SelectAnotherMethodButton />\n          </ModalContent>\n        )}\n\n      <OptionsList\n        requiredSkeletons={4}\n        isLoading={depositAddressOptions.loading}\n        options={(depositAddressOptions.options ?? [])\n          .map((option) => {\n            const disabled =\n              // Disable if usd below min\n              (option.minimumUsd > 0 &&\n                orderUsd != null &&\n                orderUsd < option.minimumUsd) ||\n              // Disable if TRON_USDT unavailable\n              (option.id === DepositAddressPaymentOptions.TRON_USDT &&\n                untronAvailable === false);\n\n            return {\n              id: option.id,\n              title: option.id,\n              icons: [option.logoURI],\n              disabled,\n              onClick: () => {\n                setSelectedDepositAddressOption(option);\n                const meta = { event: \"click-option\", option: option.id };\n                if (isDepositFlow) {\n                  setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);\n                } else {\n                  setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, meta);\n                }\n              },\n            };\n          })\n          // Push disabled options to the bottom of the list\n          .sort((a, b) => Number(a.disabled) - Number(b.disabled))}\n      />\n    </PageContent>\n  );\n};\n\nexport default SelectDepositAddressChain;\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,4BAAsC,MAAM;AAChD,EAAA,MAAM,EAAE,QAAA,EAAU,YAAa,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAA,MAAM,MAAM,WAAY,EAAA,CAAA;AACxB,EAAM,MAAA,EAAE,OAAU,GAAA,GAAA,CAAA;AAClB,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,+BAAA;AAAA,IACA,qBAAA;AAAA,IACA,eAAA;AAAA,GACE,GAAA,YAAA,CAAA;AACJ,EAAA,MAAM,QAAW,GAAA,aAAA,GAAgB,IAAO,GAAA,KAAA,EAAO,wBAAyB,CAAA,GAAA,CAAA;AAExE,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,UAAQ,IAAC,EAAA,CAAA;AAAA,IAErB,CAAC,qBAAsB,CAAA,OAAA,IACtB,qBAAsB,CAAA,OAAA,EAAS,WAAW,CACxC,oBAAA,IAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,cAAgB,EAAA,QAAA;AAAA,UAChB,UAAY,EAAA,EAAA;AAAA,UACZ,aAAe,EAAA,EAAA;AAAA,SACjB;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAQ,QAAmB,EAAA,qBAAA,EAAA,CAAA;AAAA,8BAC3B,yBAA0B,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAC7B;AAAA,oBAGJ,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,iBAAmB,EAAA,CAAA;AAAA,QACnB,WAAW,qBAAsB,CAAA,OAAA;AAAA,QACjC,UAAU,qBAAsB,CAAA,OAAA,IAAW,EACxC,EAAA,GAAA,CAAI,CAAC,MAAW,KAAA;AACf,UAAM,MAAA,QAAA;AAAA;AAAA,YAEH,OAAO,UAAa,GAAA,CAAA,IACnB,QAAY,IAAA,IAAA,IACZ,WAAW,MAAO,CAAA,UAAA;AAAA,YAEnB,MAAO,CAAA,EAAA,KAAO,4BAA6B,CAAA,SAAA,IAC1C,eAAoB,KAAA,KAAA;AAAA,WAAA,CAAA;AAExB,UAAO,OAAA;AAAA,YACL,IAAI,MAAO,CAAA,EAAA;AAAA,YACX,OAAO,MAAO,CAAA,EAAA;AAAA,YACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,YACtB,QAAA;AAAA,YACA,SAAS,MAAM;AACb,cAAA,+BAAA,CAAgC,MAAM,CAAA,CAAA;AACtC,cAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,cAAA,IAAI,aAAe,EAAA;AACjB,gBAAS,QAAA,CAAA,MAAA,CAAO,+BAA+B,IAAI,CAAA,CAAA;AAAA,eAC9C,MAAA;AACL,gBAAS,QAAA,CAAA,MAAA,CAAO,yBAAyB,IAAI,CAAA,CAAA;AAAA,eAC/C;AAAA,aACF;AAAA,WACF,CAAA;AAAA,SACD,CAAA,CAEA,IAAK,CAAA,CAAC,CAAG,EAAA,CAAA,KAAM,MAAO,CAAA,CAAA,CAAE,QAAQ,CAAA,GAAI,MAAO,CAAA,CAAA,CAAE,QAAQ,CAAC,CAAA;AAAA,OAAA;AAAA,KAC3D;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectDepositAddressChain/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { ModalContent, ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { DepositAddressPaymentOptions } from \"@daimo/pay-common\";\nimport { useDaimoPay } from \"../../../hooks/useDaimoPay\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport SelectAnotherMethodButton from \"../../Common/SelectAnotherMethodButton\";\n\nconst SelectDepositAddressChain: React.FC = () => {\n  const { setRoute, paymentState } = usePayContext();\n  const pay = useDaimoPay();\n  const { order } = pay;\n  const {\n    isDepositFlow,\n    setSelectedDepositAddressOption,\n    depositAddressOptions,\n    untronAvailable,\n    topOptionsOrder,\n  } = paymentState;\n  const orderUsd = isDepositFlow ? null : order?.destFinalCallTokenAmount.usd;\n  const excludeTron = topOptionsOrder.includes(\"Tron\");\n\n  return (\n    <PageContent>\n      <OrderHeader minified />\n\n      {!depositAddressOptions.loading &&\n        depositAddressOptions.options?.length === 0 && (\n          <ModalContent\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              paddingTop: 16,\n              paddingBottom: 16,\n            }}\n          >\n            <ModalH1>Chains unavailable.</ModalH1>\n            <SelectAnotherMethodButton />\n          </ModalContent>\n        )}\n\n      <OptionsList\n        requiredSkeletons={4}\n        isLoading={depositAddressOptions.loading}\n        options={(depositAddressOptions.options ?? [])\n          .filter((option) => {\n            // Filter out TRON_USDT if Tron is shown as a top-level option\n            if (\n              excludeTron &&\n              option.id === DepositAddressPaymentOptions.TRON_USDT\n            ) {\n              return false;\n            }\n            return true;\n          })\n          .map((option) => {\n            const disabled =\n              // Disable if usd below min\n              (option.minimumUsd > 0 &&\n                orderUsd != null &&\n                orderUsd < option.minimumUsd) ||\n              // Disable if TRON_USDT unavailable\n              (option.id === DepositAddressPaymentOptions.TRON_USDT &&\n                untronAvailable === false);\n\n            return {\n              id: option.id,\n              title: option.id,\n              icons: [option.logoURI],\n              disabled,\n              onClick: () => {\n                setSelectedDepositAddressOption(option);\n                const meta = { event: \"click-option\", option: option.id };\n                if (isDepositFlow) {\n                  setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT, meta);\n                } else {\n                  setRoute(ROUTES.WAITING_DEPOSIT_ADDRESS, meta);\n                }\n              },\n            };\n          })\n          // Push disabled options to the bottom of the list\n          .sort((a, b) => Number(a.disabled) - Number(b.disabled))}\n      />\n    </PageContent>\n  );\n};\n\nexport default SelectDepositAddressChain;\n"],"names":[],"mappings":"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"}

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

@@ -16,8 +16,9 @@ const SelectExchange = () => {
       /* @__PURE__ */ jsx(ModalH1, { children: "No Exchange options available" })
     ] });
   }
-  const uniquePaymentOption = paymentState.buttonProps && "uniquePaymentOption" in paymentState.buttonProps ? paymentState.buttonProps.uniquePaymentOption : void 0;
-  const filtered = uniquePaymentOption === "AllExchanges" ? exchangeOptions.filter(
+  const paymentOptions = paymentState.buttonProps?.paymentOptions;
+  const isAllExchangesOnly = paymentOptions && paymentOptions.length === 1 && paymentOptions[0] === "AllExchanges";
+  const filtered = isAllExchangesOnly ? exchangeOptions.filter(
     (o) => o.id === ExternalPaymentOptions.Coinbase || o.id === ExternalPaymentOptions.Binance
   ) : exchangeOptions;
   const options = filtered.map((option) => ({

package/build/src/components/Pages/SelectExchange/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExchange/index.tsx"],"sourcesContent":["import { ExternalPaymentOptions } from \"@daimo/pay-common\";\nimport React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectExchange: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const exchangeOptions = externalPaymentOptions.options.get(\"exchange\");\n\n  if (!exchangeOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified />\n        <ModalH1>No Exchange options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  // For the exchange flow in unique payment option mode, we only show the Coinbase and Binance options\n  const uniquePaymentOption =\n    paymentState.buttonProps &&\n    \"uniquePaymentOption\" in paymentState.buttonProps\n      ? paymentState.buttonProps.uniquePaymentOption\n      : undefined;\n\n  const filtered =\n    uniquePaymentOption === \"AllExchanges\"\n      ? exchangeOptions.filter(\n          (o) =>\n            o.id === ExternalPaymentOptions.Coinbase ||\n            o.id === ExternalPaymentOptions.Binance,\n        )\n      : exchangeOptions;\n\n  const options = filtered.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"zkp2p\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectExchange;\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,iBAA2B,MAAM;AACrC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,eAAkB,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAErE,EAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,UAAQ,IAAC,EAAA,CAAA;AAAA,sBACtB,GAAA,CAAC,WAAQ,QAA6B,EAAA,+BAAA,EAAA,CAAA;AAAA,KACxC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAGA,EAAM,MAAA,mBAAA,GACJ,aAAa,WACb,IAAA,qBAAA,IAAyB,aAAa,WAClC,GAAA,YAAA,CAAa,YAAY,mBACzB,GAAA,KAAA,CAAA,CAAA;AAEN,EAAM,MAAA,QAAA,GACJ,mBAAwB,KAAA,cAAA,GACpB,eAAgB,CAAA,MAAA;AAAA,IACd,CAAC,MACC,CAAE,CAAA,EAAA,KAAO,uBAAuB,QAChC,IAAA,CAAA,CAAE,OAAO,sBAAuB,CAAA,OAAA;AAAA,GAEpC,GAAA,eAAA,CAAA;AAEN,EAAA,MAAM,OAAU,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IACxC,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,oBACnC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectExchange/index.tsx"],"sourcesContent":["import { ExternalPaymentOptions } from \"@daimo/pay-common\";\nimport React from \"react\";\n\nimport { ModalH1, PageContent } from \"../../Common/Modal/styles\";\n\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\nimport { OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\n\nconst SelectExchange: React.FC = () => {\n  const { paymentState, setRoute } = usePayContext();\n  const { externalPaymentOptions, setSelectedExternalOption } = paymentState;\n  const exchangeOptions = externalPaymentOptions.options.get(\"exchange\");\n\n  if (!exchangeOptions) {\n    return (\n      <PageContent>\n        <OrderHeader minified />\n        <ModalH1>No Exchange options available</ModalH1>\n      </PageContent>\n    );\n  }\n\n  // For the exchange flow with single payment option, we only show the Coinbase and Binance options\n  const paymentOptions = paymentState.buttonProps?.paymentOptions;\n  const isAllExchangesOnly =\n    paymentOptions &&\n    paymentOptions.length === 1 &&\n    paymentOptions[0] === \"AllExchanges\";\n\n  const filtered = isAllExchangesOnly\n    ? exchangeOptions.filter(\n        (o) =>\n          o.id === ExternalPaymentOptions.Coinbase ||\n          o.id === ExternalPaymentOptions.Binance,\n      )\n    : exchangeOptions;\n\n  const options = filtered.map((option) => ({\n    id: option.id,\n    title: option.cta,\n    icons: [option.logoURI],\n    onClick: () => {\n      setSelectedExternalOption(option);\n      const meta = { event: \"click-option\", option: option.id };\n      if (paymentState.isDepositFlow) {\n        setRoute(ROUTES.SELECT_EXTERNAL_AMOUNT, meta);\n      } else {\n        setRoute(ROUTES.WAITING_EXTERNAL, meta);\n      }\n    },\n    disabled: option.disabled,\n    subtitle: option.message,\n  }));\n\n  return (\n    <PageContent>\n      <OrderHeader minified show=\"zkp2p\" />\n      <OptionsList options={options} />\n    </PageContent>\n  );\n};\n\nexport default SelectExchange;\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,iBAA2B,MAAM;AACrC,EAAA,MAAM,EAAE,YAAA,EAAc,QAAS,EAAA,GAAI,aAAc,EAAA,CAAA;AACjD,EAAM,MAAA,EAAE,sBAAwB,EAAA,yBAAA,EAA8B,GAAA,YAAA,CAAA;AAC9D,EAAA,MAAM,eAAkB,GAAA,sBAAA,CAAuB,OAAQ,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAErE,EAAA,IAAI,CAAC,eAAiB,EAAA;AACpB,IAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,WAAA,EAAA,EAAY,UAAQ,IAAC,EAAA,CAAA;AAAA,sBACtB,GAAA,CAAC,WAAQ,QAA6B,EAAA,+BAAA,EAAA,CAAA;AAAA,KACxC,EAAA,CAAA,CAAA;AAAA,GAEJ;AAGA,EAAM,MAAA,cAAA,GAAiB,aAAa,WAAa,EAAA,cAAA,CAAA;AACjD,EAAA,MAAM,qBACJ,cACA,IAAA,cAAA,CAAe,WAAW,CAC1B,IAAA,cAAA,CAAe,CAAC,CAAM,KAAA,cAAA,CAAA;AAExB,EAAM,MAAA,QAAA,GAAW,qBACb,eAAgB,CAAA,MAAA;AAAA,IACd,CAAC,MACC,CAAE,CAAA,EAAA,KAAO,uBAAuB,QAChC,IAAA,CAAA,CAAE,OAAO,sBAAuB,CAAA,OAAA;AAAA,GAEpC,GAAA,eAAA,CAAA;AAEJ,EAAA,MAAM,OAAU,GAAA,QAAA,CAAS,GAAI,CAAA,CAAC,MAAY,MAAA;AAAA,IACxC,IAAI,MAAO,CAAA,EAAA;AAAA,IACX,OAAO,MAAO,CAAA,GAAA;AAAA,IACd,KAAA,EAAO,CAAC,MAAA,CAAO,OAAO,CAAA;AAAA,IACtB,SAAS,MAAM;AACb,MAAA,yBAAA,CAA0B,MAAM,CAAA,CAAA;AAChC,MAAA,MAAM,OAAO,EAAE,KAAA,EAAO,cAAgB,EAAA,MAAA,EAAQ,OAAO,EAAG,EAAA,CAAA;AACxD,MAAA,IAAI,aAAa,aAAe,EAAA;AAC9B,QAAS,QAAA,CAAA,MAAA,CAAO,wBAAwB,IAAI,CAAA,CAAA;AAAA,OACvC,MAAA;AACL,QAAS,QAAA,CAAA,MAAA,CAAO,kBAAkB,IAAI,CAAA,CAAA;AAAA,OACxC;AAAA,KACF;AAAA,IACA,UAAU,MAAO,CAAA,QAAA;AAAA,IACjB,UAAU,MAAO,CAAA,OAAA;AAAA,GACjB,CAAA,CAAA,CAAA;AAEF,EAAA,4BACG,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,oBACnC,GAAA,CAAC,eAAY,OAAkB,EAAA,CAAA;AAAA,GACjC,EAAA,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,10 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ROUTES } from '../../../constants/routes.js';
 import { usePayContext } from '../../../hooks/usePayContext.js';
 import { PageContent } from '../../Common/Modal/styles.js';
-import { getAddressContraction } from '@daimo/pay-common';
+import { DepositAddressPaymentOptions, getAddressContraction } from '@daimo/pay-common';
 import { useWallet } from '@solana/wallet-adapter-react';
 import { useAccount, useDisconnect } from 'wagmi';
-import { Ethereum, Solana, Tron, Base } from '../../../assets/chains.js';
+import { Ethereum, Solana, Polygon, Base, Tron } from '../../../assets/chains.js';
 import { MetaMask, Trust, Rainbow, Phantom, Rabby, WalletIcon } from '../../../assets/logos.js';
 import useIsMobile from '../../../hooks/useIsMobile.js';
 import useLocales from '../../../hooks/useLocales.js';
@@ -19,7 +19,7 @@ import WalletChainLogo from '../../Common/WalletChainLogo/index.js';
 function SelectMethod() {
   const locales = useLocales();
   const payWithString = flattenChildren(locales.payWith).join("");
-  const { isMobile, isIOS, isAndroid } = useIsMobile();
+  const { isMobile } = useIsMobile();
   const {
     address,
     chain,
@@ -34,7 +34,7 @@ function SelectMethod() {
   } = useWallet();
   const { setRoute, paymentState, log, disableMobileInjector } = usePayContext();
   const { disconnectAsync } = useDisconnect();
-  const { externalPaymentOptions, senderEnsName } = paymentState;
+  const { externalPaymentOptions, senderEnsName, topOptionsOrder } = paymentState;
   const showConnectedEth = isEthConnected && (!isMobile || !disableMobileInjector);
   const showConnectedSolana = isSolanaConnected && (!isMobile || !disableMobileInjector);
   const getConnectedWalletOptions = () => {
@@ -129,28 +129,36 @@ function SelectMethod() {
     return connectedOptions;
   };
   const connectedWalletOptions = getConnectedWalletOptions();
+  const walletOrder = paymentState.externalPaymentOptions.parsedConfig.walletOrder;
   const unconnectedWalletOption = {
     id: "unconnectedWallet",
     title: isEthConnected || isSolanaConnected ? locales.payWithAnotherWallet : locales.payWithWallet,
-    icons: getBestUnconnectedWalletIcons(connector, isMobile),
+    icons: getBestUnconnectedWalletIcons(connector, isMobile, walletOrder),
     onClick: async () => {
       await disconnectAsync();
       await disconnectSolana();
       setRoute(ROUTES.CONNECTORS);
     }
   };
-  const options = [];
-  options.push(...connectedWalletOptions);
-  options.push(unconnectedWalletOption);
   log(
     `[SELECT_METHOD] loading: ${externalPaymentOptions.loading}, options: ${JSON.stringify(
       externalPaymentOptions.options
     )}`
   );
+  const categorizedOptions = [];
+  connectedWalletOptions.forEach(
+    (opt) => categorizedOptions.push({ ...opt, category: "connected" })
+  );
+  if (topOptionsOrder.includes("AllWallets")) {
+    categorizedOptions.push({
+      ...unconnectedWalletOption,
+      category: "AllWallets"
+    });
+  }
   const exchangeOptions = externalPaymentOptions.options.get("exchange") ?? [];
-  const showExchangePaymentMethod = exchangeOptions.length > 0;
+  const showExchangePaymentMethod = exchangeOptions.length > 0 && topOptionsOrder.includes("AllExchanges");
   if (showExchangePaymentMethod) {
-    options.push({
+    categorizedOptions.push({
       id: "exchange",
       title: locales.payWithExchange,
       icons: exchangeOptions.slice(0, 3).map((option) => option.logoURI),
@@ -159,23 +167,67 @@ function SelectMethod() {
           event: "click-option",
           option: "exchange"
         });
-      }
+      },
+      category: "AllExchanges"
+    });
+  }
+  if (topOptionsOrder.includes("Tron")) {
+    const tronOption = paymentState.depositAddressOptions.options?.find(
+      (option) => option.id === DepositAddressPaymentOptions.TRON_USDT
+    );
+    if (tronOption) {
+      categorizedOptions.push({
+        id: "tron",
+        title: tronOption.id,
+        // Use the actual title like "USDT on Tron"
+        icons: [tronOption.logoURI],
+        onClick: () => {
+          paymentState.setSelectedDepositAddressOption(tronOption);
+          setRoute(
+            paymentState.isDepositFlow ? ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT : ROUTES.WAITING_DEPOSIT_ADDRESS,
+            { event: "select_tron" }
+          );
+        },
+        category: "Tron"
+      });
+    }
+  }
+  if (topOptionsOrder.includes("AllAddresses")) {
+    const depositAddressOption = getDepositAddressOption(
+      setRoute,
+      locales,
+      topOptionsOrder.includes("Tron")
+      // exclude Tron if shown separately
+    );
+    categorizedOptions.push({
+      ...depositAddressOption,
+      category: "AllAddresses"
     });
   }
-  const depositAddressOption = getDepositAddressOption(setRoute, locales);
-  options.push(depositAddressOption);
   const zkp2pOptions = externalPaymentOptions.options.get("zkp2p") ?? [];
-  const showZkp2pPaymentMethod = !isMobile && zkp2pOptions.length > 0;
+  const showZkp2pPaymentMethod = !isMobile && zkp2pOptions.length > 0 && topOptionsOrder.includes("AllPaymentApps");
   if (showZkp2pPaymentMethod) {
-    options.push({
+    categorizedOptions.push({
       id: "ZKP2P",
       title: locales.payViaPaymentApp,
       icons: zkp2pOptions.slice(0, 2).map((option) => option.logoURI),
       onClick: () => {
         setRoute(ROUTES.SELECT_ZKP2P);
-      }
+      },
+      category: "AllPaymentApps"
     });
   }
+  const sortedOptions = categorizedOptions.sort((a, b) => {
+    if (a.category === "connected") return -1;
+    if (b.category === "connected") return 1;
+    const aIndex = topOptionsOrder.indexOf(a.category);
+    const bIndex = topOptionsOrder.indexOf(b.category);
+    if (aIndex === -1 && bIndex === -1) return 0;
+    if (aIndex === -1) return 1;
+    if (bIndex === -1) return -1;
+    return aIndex - bIndex;
+  });
+  const options = sortedOptions.map(({ category, ...opt }) => opt);
   options.sort((a, b) => (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0));
   return /* @__PURE__ */ jsxs(PageContent, { children: [
     /* @__PURE__ */ jsx(OrderHeader, {}),
@@ -190,22 +242,50 @@ function SelectMethod() {
     /* @__PURE__ */ jsx(PoweredByFooter, {})
   ] });
 }
-function getBestUnconnectedWalletIcons(connector, isMobile) {
+function getBestUnconnectedWalletIcons(connector, isMobile, walletOrder) {
   const icons = [];
   const strippedId = connector?.id.toLowerCase();
-  const [isRainbow, isPhantom, isRabby, isMetaMask] = [
+  if (walletOrder && walletOrder.length > 0 && isMobile) {
+    const maxIcons = 3;
+    for (const walletName of walletOrder) {
+      if (icons.length >= maxIcons) break;
+      if (strippedId?.includes(walletName.toLowerCase())) continue;
+      const walletId = Object.keys(walletConfigs).find((id) => {
+        const wallet = walletConfigs[id];
+        const nameLower = walletName.toLowerCase();
+        return wallet.name?.toLowerCase().includes(nameLower) || wallet.shortName?.toLowerCase().includes(nameLower) || id.toLowerCase().includes(nameLower);
+      });
+      if (walletId) {
+        const wallet = walletConfigs[walletId];
+        const icon = wallet.iconConnector || wallet.icon;
+        if (icon) {
+          icons.push(
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: { borderRadius: "22.5%", overflow: "hidden" },
+                children: icon
+              },
+              walletId
+            )
+          );
+        }
+      }
+    }
+    if (icons.length > 0) return icons;
+  }
+  const [isRainbow, isTrust, isPhantom, isCoinbase, isMetaMask, isRabby] = [
     strippedId?.includes("rainbow"),
     strippedId?.includes("trust"),
     strippedId?.includes("phantom"),
     strippedId?.includes("coinbase"),
     strippedId?.includes("metamask"),
-    strippedId?.includes("rabby"),
-    strippedId?.includes("metamask")
+    strippedId?.includes("rabby")
   ];
   if (isMobile) {
-    icons.push(/* @__PURE__ */ jsx(MetaMask, {}));
-    icons.push(/* @__PURE__ */ jsx(Trust, { background: true }));
-    icons.push(/* @__PURE__ */ jsx(Rainbow, {}));
+    if (!isMetaMask) icons.push(/* @__PURE__ */ jsx(MetaMask, {}));
+    if (!isTrust) icons.push(/* @__PURE__ */ jsx(Trust, { background: true }));
+    if (!isRainbow && icons.length < 3) icons.push(/* @__PURE__ */ jsx(Rainbow, {}));
   } else {
     if (!isMetaMask) icons.push(/* @__PURE__ */ jsx(MetaMask, {}));
     if (!isRainbow) icons.push(/* @__PURE__ */ jsx(Rainbow, {}));
@@ -214,11 +294,12 @@ function getBestUnconnectedWalletIcons(connector, isMobile) {
   }
   return icons;
 }
-function getDepositAddressOption(setRoute, locales) {
+function getDepositAddressOption(setRoute, locales, excludeTron = false) {
+  const icons = excludeTron ? [/* @__PURE__ */ jsx(Ethereum, {}, "eth"), /* @__PURE__ */ jsx(Polygon, {}, "polygon"), /* @__PURE__ */ jsx(Base, {}, "base")] : [/* @__PURE__ */ jsx(Ethereum, {}, "eth"), /* @__PURE__ */ jsx(Tron, {}, "tron"), /* @__PURE__ */ jsx(Base, {}, "base")];
   return {
     id: "depositAddress",
     title: locales.payToAddress,
-    icons: [/* @__PURE__ */ jsx(Ethereum, {}, "eth"), /* @__PURE__ */ jsx(Tron, {}, "tron"), /* @__PURE__ */ jsx(Base, {}, "base")],
+    icons,
     onClick: () => {
       setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);
     }

package/build/src/components/Pages/SelectMethod/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectMethod/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { PageContent } from \"../../Common/Modal/styles\";\n\nimport { getAddressContraction } from \"@daimo/pay-common\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { Connector, useAccount, useDisconnect } from \"wagmi\";\nimport { Base, Ethereum, Solana, Tron } from \"../../../assets/chains\";\nimport {\n  MetaMask,\n  Phantom,\n  Rabby,\n  Rainbow,\n  Trust,\n  WalletIcon,\n} from \"../../../assets/logos\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { flattenChildren } from \"../../../utils\";\nimport { walletConfigs } from \"../../../wallets/walletConfigs\";\nimport { Option, OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport PoweredByFooter from \"../../Common/PoweredByFooter\";\nimport WalletChainLogo from \"../../Common/WalletChainLogo\";\n\nexport default function SelectMethod() {\n  const locales = useLocales();\n  const payWithString = flattenChildren(locales.payWith).join(\"\");\n  const { isMobile, isIOS, isAndroid } = useIsMobile();\n\n  const {\n    address,\n    chain,\n    isConnected: isEthConnected,\n    connector,\n  } = useAccount();\n  const {\n    connected: isSolanaConnected,\n    wallet: solanaWallet,\n    disconnect: disconnectSolana,\n    publicKey,\n  } = useWallet();\n  const { setRoute, paymentState, log, disableMobileInjector } =\n    usePayContext();\n  const { disconnectAsync } = useDisconnect();\n\n  const { externalPaymentOptions, senderEnsName } = paymentState;\n\n  // Decide whether to show the connected eth account, solana account, or both.\n  // Desktop: Always show connected wallets when available\n  // Mobile: Only show connected wallets when mobile injector is enabled (!disableMobileInjector)\n  const showConnectedEth =\n    isEthConnected && (!isMobile || !disableMobileInjector);\n  const showConnectedSolana =\n    isSolanaConnected && (!isMobile || !disableMobileInjector);\n\n  const getConnectedWalletOptions = () => {\n    const showChainLogo = isEthConnected && isSolanaConnected;\n\n    const connectedOptions: Option[] = [];\n\n    if (showConnectedEth) {\n      const ethWalletDisplayName =\n        senderEnsName ?? (address ? getAddressContraction(address) : \"wallet\");\n\n      // Prefer icon from walletConfigs if there's a name match, otherwise fall back\n      // to the connector-provided icon, and finally to the generic WalletIcon.\n      let walletIcon: JSX.Element;\n\n      const matchedConfig = Object.values(walletConfigs).find((cfg) => {\n        if (!cfg.name || !connector?.name) return false;\n        const cfgName = cfg.name.toLowerCase();\n        const connName = connector.name.toLowerCase();\n        return cfgName.includes(connName) || connName.includes(cfgName);\n      });\n\n      if (matchedConfig?.icon) {\n        walletIcon =\n          typeof matchedConfig.icon === \"string\" ? (\n            <img src={matchedConfig.icon} alt={matchedConfig.name} />\n          ) : (\n            (matchedConfig.icon as JSX.Element)\n          );\n      } else if (connector?.icon) {\n        walletIcon = (\n          <div style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n            <img src={connector.icon} alt={connector.name} />\n          </div>\n        );\n      } else {\n        walletIcon = <WalletIcon />;\n      }\n\n      const connectedEthWalletOption = {\n        id: \"connectedWallet\",\n        title: `${payWithString} ${ethWalletDisplayName}`,\n        icons: [\n          <WalletChainLogo\n            key=\"eth\"\n            walletIcon={walletIcon}\n            walletName={connector?.name || \"Wallet\"}\n            chainLogo={showChainLogo ? <Ethereum /> : null}\n          />,\n        ],\n        onClick: () => {\n          paymentState.setTokenMode(\"evm\");\n          setRoute(ROUTES.SELECT_TOKEN, {\n            event: \"click-wallet\",\n            walletId: connector?.id,\n            chainId: chain?.id,\n            address: address,\n          });\n        },\n      };\n      connectedOptions.push(connectedEthWalletOption);\n    }\n\n    if (showConnectedSolana) {\n      const solWalletDisplayName = getAddressContraction(\n        publicKey?.toBase58() ?? \"\",\n      );\n\n      // Prefer icon from walletConfigs if available\n      let solWalletIcon: React.ReactNode;\n      const solMatchedConfig = Object.values(walletConfigs).find((cfg) => {\n        if (!cfg.name) return false;\n        const cfgName = cfg.name.toLowerCase();\n        const solName = solanaWallet?.adapter.name.toLowerCase() || \"\";\n        return cfgName.includes(solName) || solName.includes(cfgName);\n      });\n\n      if (solMatchedConfig?.icon) {\n        solWalletIcon =\n          typeof solMatchedConfig.icon === \"string\" ? (\n            <img src={solMatchedConfig.icon} alt={solMatchedConfig.name} />\n          ) : (\n            (solMatchedConfig.icon as JSX.Element)\n          );\n      } else if (solanaWallet?.adapter.icon) {\n        solWalletIcon = solanaWallet.adapter.icon;\n      } else {\n        solWalletIcon = <Solana />;\n      }\n\n      const connectedSolWalletOption = {\n        id: \"connectedSolanaWallet\",\n        title: `${payWithString} ${solWalletDisplayName}`,\n        icons: [\n          <WalletChainLogo\n            key=\"sol-wallet\"\n            walletIcon={solWalletIcon}\n            walletName={solanaWallet?.adapter.name || \"Wallet\"}\n            chainLogo={showChainLogo && <Solana />}\n          />,\n        ],\n        onClick: () => {\n          paymentState.setTokenMode(\"solana\");\n          setRoute(ROUTES.SELECT_TOKEN, {\n            event: \"click-wallet\",\n            walletId: solanaWallet?.adapter.name,\n            chainId: \"solana\",\n            address: publicKey?.toBase58(),\n          });\n        },\n      };\n\n      connectedOptions.push(connectedSolWalletOption);\n    }\n\n    return connectedOptions;\n  };\n\n  const connectedWalletOptions = getConnectedWalletOptions();\n  const unconnectedWalletOption = {\n    id: \"unconnectedWallet\",\n    title:\n      isEthConnected || isSolanaConnected\n        ? locales.payWithAnotherWallet\n        : locales.payWithWallet,\n    icons: getBestUnconnectedWalletIcons(connector, isMobile),\n    onClick: async () => {\n      await disconnectAsync();\n      await disconnectSolana();\n      setRoute(ROUTES.CONNECTORS);\n    },\n  };\n\n  const options: {\n    id: string;\n    title: string;\n    subtitle?: string;\n    icons: (React.ReactNode | string)[];\n    onClick: () => void;\n    disabled?: boolean;\n  }[] = [];\n  options.push(...connectedWalletOptions);\n  options.push(unconnectedWalletOption);\n\n  log(\n    `[SELECT_METHOD] loading: ${externalPaymentOptions.loading}, options: ${JSON.stringify(\n      externalPaymentOptions.options,\n    )}`,\n  );\n\n  // Pay with Exchange\n  const exchangeOptions = externalPaymentOptions.options.get(\"exchange\") ?? [];\n\n  const showExchangePaymentMethod = exchangeOptions.length > 0;\n  if (showExchangePaymentMethod) {\n    options.push({\n      id: \"exchange\",\n      title: locales.payWithExchange,\n      icons: exchangeOptions.slice(0, 3).map((option) => option.logoURI),\n      onClick: () => {\n        setRoute(ROUTES.SELECT_EXCHANGE, {\n          event: \"click-option\",\n          option: \"exchange\",\n        });\n      },\n    });\n  }\n\n  const depositAddressOption = getDepositAddressOption(setRoute, locales);\n  options.push(depositAddressOption);\n\n  // ZKP2P is currently only available on desktop. Check if the user is on\n  // desktop and if any ZKP2P options are available.\n  const zkp2pOptions = externalPaymentOptions.options.get(\"zkp2p\") ?? [];\n  const showZkp2pPaymentMethod = !isMobile && zkp2pOptions.length > 0;\n  if (showZkp2pPaymentMethod) {\n    options.push({\n      id: \"ZKP2P\",\n      title: locales.payViaPaymentApp,\n      icons: zkp2pOptions.slice(0, 2).map((option) => option.logoURI),\n      onClick: () => {\n        setRoute(ROUTES.SELECT_ZKP2P);\n      },\n    });\n  }\n\n  // Order disabled to bottom\n  options.sort((a, b) => (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0));\n\n  return (\n    <PageContent>\n      <OrderHeader />\n\n      <OptionsList\n        requiredSkeletons={isMobile ? 3 : 4}\n        isLoading={externalPaymentOptions.loading}\n        options={externalPaymentOptions.loading ? [] : options}\n      />\n      <PoweredByFooter />\n    </PageContent>\n  );\n}\n\n// Get 3 icons, skipping the one that is already connected\nfunction getBestUnconnectedWalletIcons(\n  connector: Connector | undefined,\n  isMobile: boolean,\n) {\n  const icons: JSX.Element[] = [];\n  const strippedId = connector?.id.toLowerCase(); // some connector ids can have weird casing and or suffixes and prefixes\n  const [isRainbow, isPhantom, isRabby, isMetaMask] = [\n    strippedId?.includes(\"rainbow\"),\n    strippedId?.includes(\"trust\"),\n    strippedId?.includes(\"phantom\"),\n    strippedId?.includes(\"coinbase\"),\n    strippedId?.includes(\"metamask\"),\n    strippedId?.includes(\"rabby\"),\n    strippedId?.includes(\"metamask\"),\n  ];\n\n  if (isMobile) {\n    icons.push(<MetaMask />);\n    icons.push(<Trust background />);\n    icons.push(<Rainbow />);\n  } else {\n    if (!isMetaMask) icons.push(<MetaMask />);\n    if (!isRainbow) icons.push(<Rainbow />);\n    if (!isPhantom) icons.push(<Phantom />);\n    if (!isRabby && icons.length < 3) icons.push(<Rabby />);\n  }\n\n  return icons;\n}\n\nfunction getDepositAddressOption(\n  setRoute: (route: ROUTES, data?: Record<string, any>) => void,\n  locales: ReturnType<typeof useLocales>,\n) {\n  return {\n    id: \"depositAddress\",\n    title: locales.payToAddress,\n    icons: [<Ethereum key=\"eth\" />, <Tron key=\"tron\" />, <Base key=\"base\" />],\n    onClick: () => {\n      setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);\n    },\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Pages/SelectMethod/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { ROUTES } from \"../../../constants/routes\";\nimport { usePayContext } from \"../../../hooks/usePayContext\";\n\nimport { PageContent } from \"../../Common/Modal/styles\";\n\nimport {\n  DepositAddressPaymentOptions,\n  getAddressContraction,\n} from \"@daimo/pay-common\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { Connector, useAccount, useDisconnect } from \"wagmi\";\nimport { Base, Ethereum, Polygon, Solana, Tron } from \"../../../assets/chains\";\nimport {\n  MetaMask,\n  Phantom,\n  Rabby,\n  Rainbow,\n  Trust,\n  WalletIcon,\n} from \"../../../assets/logos\";\nimport useIsMobile from \"../../../hooks/useIsMobile\";\nimport useLocales from \"../../../hooks/useLocales\";\nimport { flattenChildren } from \"../../../utils\";\nimport { walletConfigs } from \"../../../wallets/walletConfigs\";\nimport { Option, OptionsList } from \"../../Common/OptionsList\";\nimport { OrderHeader } from \"../../Common/OrderHeader\";\nimport PoweredByFooter from \"../../Common/PoweredByFooter\";\nimport WalletChainLogo from \"../../Common/WalletChainLogo\";\n\nexport default function SelectMethod() {\n  const locales = useLocales();\n  const payWithString = flattenChildren(locales.payWith).join(\"\");\n  const { isMobile } = useIsMobile();\n\n  const {\n    address,\n    chain,\n    isConnected: isEthConnected,\n    connector,\n  } = useAccount();\n  const {\n    connected: isSolanaConnected,\n    wallet: solanaWallet,\n    disconnect: disconnectSolana,\n    publicKey,\n  } = useWallet();\n  const { setRoute, paymentState, log, disableMobileInjector } =\n    usePayContext();\n  const { disconnectAsync } = useDisconnect();\n\n  const { externalPaymentOptions, senderEnsName, topOptionsOrder } =\n    paymentState;\n\n  // Decide whether to show the connected eth account, solana account, or both.\n  // Desktop: Always show connected wallets when available\n  // Mobile: Only show connected wallets when mobile injector is enabled (!disableMobileInjector)\n  const showConnectedEth =\n    isEthConnected && (!isMobile || !disableMobileInjector);\n  const showConnectedSolana =\n    isSolanaConnected && (!isMobile || !disableMobileInjector);\n\n  const getConnectedWalletOptions = () => {\n    const showChainLogo = isEthConnected && isSolanaConnected;\n\n    const connectedOptions: Option[] = [];\n\n    if (showConnectedEth) {\n      const ethWalletDisplayName =\n        senderEnsName ?? (address ? getAddressContraction(address) : \"wallet\");\n\n      // Prefer icon from walletConfigs if there's a name match, otherwise fall back\n      // to the connector-provided icon, and finally to the generic WalletIcon.\n      let walletIcon: JSX.Element;\n\n      const matchedConfig = Object.values(walletConfigs).find((cfg) => {\n        if (!cfg.name || !connector?.name) return false;\n        const cfgName = cfg.name.toLowerCase();\n        const connName = connector.name.toLowerCase();\n        return cfgName.includes(connName) || connName.includes(cfgName);\n      });\n\n      if (matchedConfig?.icon) {\n        walletIcon =\n          typeof matchedConfig.icon === \"string\" ? (\n            <img src={matchedConfig.icon} alt={matchedConfig.name} />\n          ) : (\n            (matchedConfig.icon as JSX.Element)\n          );\n      } else if (connector?.icon) {\n        walletIcon = (\n          <div style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}>\n            <img src={connector.icon} alt={connector.name} />\n          </div>\n        );\n      } else {\n        walletIcon = <WalletIcon />;\n      }\n\n      const connectedEthWalletOption = {\n        id: \"connectedWallet\",\n        title: `${payWithString} ${ethWalletDisplayName}`,\n        icons: [\n          <WalletChainLogo\n            key=\"eth\"\n            walletIcon={walletIcon}\n            walletName={connector?.name || \"Wallet\"}\n            chainLogo={showChainLogo ? <Ethereum /> : null}\n          />,\n        ],\n        onClick: () => {\n          paymentState.setTokenMode(\"evm\");\n          setRoute(ROUTES.SELECT_TOKEN, {\n            event: \"click-wallet\",\n            walletId: connector?.id,\n            chainId: chain?.id,\n            address: address,\n          });\n        },\n      };\n      connectedOptions.push(connectedEthWalletOption);\n    }\n\n    if (showConnectedSolana) {\n      const solWalletDisplayName = getAddressContraction(\n        publicKey?.toBase58() ?? \"\",\n      );\n\n      // Prefer icon from walletConfigs if available\n      let solWalletIcon: React.ReactNode;\n      const solMatchedConfig = Object.values(walletConfigs).find((cfg) => {\n        if (!cfg.name) return false;\n        const cfgName = cfg.name.toLowerCase();\n        const solName = solanaWallet?.adapter.name.toLowerCase() || \"\";\n        return cfgName.includes(solName) || solName.includes(cfgName);\n      });\n\n      if (solMatchedConfig?.icon) {\n        solWalletIcon =\n          typeof solMatchedConfig.icon === \"string\" ? (\n            <img src={solMatchedConfig.icon} alt={solMatchedConfig.name} />\n          ) : (\n            (solMatchedConfig.icon as JSX.Element)\n          );\n      } else if (solanaWallet?.adapter.icon) {\n        solWalletIcon = solanaWallet.adapter.icon;\n      } else {\n        solWalletIcon = <Solana />;\n      }\n\n      const connectedSolWalletOption = {\n        id: \"connectedSolanaWallet\",\n        title: `${payWithString} ${solWalletDisplayName}`,\n        icons: [\n          <WalletChainLogo\n            key=\"sol-wallet\"\n            walletIcon={solWalletIcon}\n            walletName={solanaWallet?.adapter.name || \"Wallet\"}\n            chainLogo={showChainLogo && <Solana />}\n          />,\n        ],\n        onClick: () => {\n          paymentState.setTokenMode(\"solana\");\n          setRoute(ROUTES.SELECT_TOKEN, {\n            event: \"click-wallet\",\n            walletId: solanaWallet?.adapter.name,\n            chainId: \"solana\",\n            address: publicKey?.toBase58(),\n          });\n        },\n      };\n\n      connectedOptions.push(connectedSolWalletOption);\n    }\n\n    return connectedOptions;\n  };\n\n  const connectedWalletOptions = getConnectedWalletOptions();\n\n  // Get custom wallet list if specified\n  const walletOrder =\n    paymentState.externalPaymentOptions.parsedConfig.walletOrder;\n\n  const unconnectedWalletOption = {\n    id: \"unconnectedWallet\",\n    title:\n      isEthConnected || isSolanaConnected\n        ? locales.payWithAnotherWallet\n        : locales.payWithWallet,\n    icons: getBestUnconnectedWalletIcons(connector, isMobile, walletOrder),\n    onClick: async () => {\n      await disconnectAsync();\n      await disconnectSolana();\n      setRoute(ROUTES.CONNECTORS);\n    },\n  };\n\n  log(\n    `[SELECT_METHOD] loading: ${externalPaymentOptions.loading}, options: ${JSON.stringify(\n      externalPaymentOptions.options,\n    )}`,\n  );\n\n  // Build categorized options\n  type CategorizedOption = {\n    id: string;\n    title: string;\n    subtitle?: string;\n    icons: (React.ReactNode | string)[];\n    onClick: () => void;\n    disabled?: boolean;\n    category: string;\n  };\n\n  const categorizedOptions: CategorizedOption[] = [];\n\n  // Connected wallets always appear first\n  connectedWalletOptions.forEach((opt) =>\n    categorizedOptions.push({ ...opt, category: \"connected\" }),\n  );\n\n  // Wallet options (unconnected) - only if AllWallets is in topOptionsOrder\n  if (topOptionsOrder.includes(\"AllWallets\")) {\n    categorizedOptions.push({\n      ...unconnectedWalletOption,\n      category: \"AllWallets\",\n    });\n  }\n\n  // Exchange options - only if AllExchanges is in topOptionsOrder\n  const exchangeOptions = externalPaymentOptions.options.get(\"exchange\") ?? [];\n  const showExchangePaymentMethod =\n    exchangeOptions.length > 0 && topOptionsOrder.includes(\"AllExchanges\");\n  if (showExchangePaymentMethod) {\n    categorizedOptions.push({\n      id: \"exchange\",\n      title: locales.payWithExchange,\n      icons: exchangeOptions.slice(0, 3).map((option) => option.logoURI),\n      onClick: () => {\n        setRoute(ROUTES.SELECT_EXCHANGE, {\n          event: \"click-option\",\n          option: \"exchange\",\n        });\n      },\n      category: \"AllExchanges\",\n    });\n  }\n\n  // Tron option - only if Tron is in topOptionsOrder\n  if (topOptionsOrder.includes(\"Tron\")) {\n    const tronOption = paymentState.depositAddressOptions.options?.find(\n      (option) => option.id === DepositAddressPaymentOptions.TRON_USDT,\n    );\n    if (tronOption) {\n      categorizedOptions.push({\n        id: \"tron\",\n        title: tronOption.id, // Use the actual title like \"USDT on Tron\"\n        icons: [tronOption.logoURI],\n        onClick: () => {\n          paymentState.setSelectedDepositAddressOption(tronOption);\n          setRoute(\n            paymentState.isDepositFlow\n              ? ROUTES.SELECT_DEPOSIT_ADDRESS_AMOUNT\n              : ROUTES.WAITING_DEPOSIT_ADDRESS,\n            { event: \"select_tron\" },\n          );\n        },\n        category: \"Tron\",\n      });\n    }\n  }\n\n  // Deposit address options - only if AllAddresses is in topOptionsOrder\n  if (topOptionsOrder.includes(\"AllAddresses\")) {\n    const depositAddressOption = getDepositAddressOption(\n      setRoute,\n      locales,\n      topOptionsOrder.includes(\"Tron\"), // exclude Tron if shown separately\n    );\n    categorizedOptions.push({\n      ...depositAddressOption,\n      category: \"AllAddresses\",\n    });\n  }\n\n  // ZKP2P options - only if AllPaymentApps is in topOptionsOrder\n  const zkp2pOptions = externalPaymentOptions.options.get(\"zkp2p\") ?? [];\n  const showZkp2pPaymentMethod =\n    !isMobile &&\n    zkp2pOptions.length > 0 &&\n    topOptionsOrder.includes(\"AllPaymentApps\");\n  if (showZkp2pPaymentMethod) {\n    categorizedOptions.push({\n      id: \"ZKP2P\",\n      title: locales.payViaPaymentApp,\n      icons: zkp2pOptions.slice(0, 2).map((option) => option.logoURI),\n      onClick: () => {\n        setRoute(ROUTES.SELECT_ZKP2P);\n      },\n      category: \"AllPaymentApps\",\n    });\n  }\n\n  // Sort based on topOptionsOrder, keeping connected wallets first\n  const sortedOptions = categorizedOptions.sort((a, b) => {\n    // Connected wallets always first\n    if (a.category === \"connected\") return -1;\n    if (b.category === \"connected\") return 1;\n\n    // Then sort by topOptionsOrder\n    const aIndex = topOptionsOrder.indexOf(a.category);\n    const bIndex = topOptionsOrder.indexOf(b.category);\n\n    // If not in order list, put at the end\n    if (aIndex === -1 && bIndex === -1) return 0;\n    if (aIndex === -1) return 1;\n    if (bIndex === -1) return -1;\n\n    return aIndex - bIndex;\n  });\n\n  // Remove category field for final options\n  const options = sortedOptions.map(({ category, ...opt }) => opt);\n\n  // Order disabled to bottom\n  options.sort((a, b) => (a.disabled ? 1 : 0) - (b.disabled ? 1 : 0));\n\n  return (\n    <PageContent>\n      <OrderHeader />\n\n      <OptionsList\n        requiredSkeletons={isMobile ? 3 : 4}\n        isLoading={externalPaymentOptions.loading}\n        options={externalPaymentOptions.loading ? [] : options}\n      />\n      <PoweredByFooter />\n    </PageContent>\n  );\n}\n\n// Get 3 icons, skipping the one that is already connected\nfunction getBestUnconnectedWalletIcons(\n  connector: Connector | undefined,\n  isMobile: boolean,\n  walletOrder?: string[],\n) {\n  const icons: JSX.Element[] = [];\n  const strippedId = connector?.id.toLowerCase();\n\n  // If custom wallet list is provided, use those wallets\n  if (walletOrder && walletOrder.length > 0 && isMobile) {\n    const maxIcons = 3;\n    for (const walletName of walletOrder) {\n      if (icons.length >= maxIcons) break;\n\n      // Skip if this wallet is already connected\n      if (strippedId?.includes(walletName.toLowerCase())) continue;\n\n      // Find wallet config\n      const walletId = Object.keys(walletConfigs).find((id) => {\n        const wallet = walletConfigs[id];\n        const nameLower = walletName.toLowerCase();\n        return (\n          wallet.name?.toLowerCase().includes(nameLower) ||\n          wallet.shortName?.toLowerCase().includes(nameLower) ||\n          id.toLowerCase().includes(nameLower)\n        );\n      });\n\n      if (walletId) {\n        const wallet = walletConfigs[walletId];\n        const icon = wallet.iconConnector || wallet.icon;\n        if (icon) {\n          icons.push(\n            <div\n              key={walletId}\n              style={{ borderRadius: \"22.5%\", overflow: \"hidden\" }}\n            >\n              {icon}\n            </div>,\n          );\n        }\n      }\n    }\n\n    if (icons.length > 0) return icons;\n  }\n\n  // Default icons (fallback)\n  const [isRainbow, isTrust, isPhantom, isCoinbase, isMetaMask, isRabby] = [\n    strippedId?.includes(\"rainbow\"),\n    strippedId?.includes(\"trust\"),\n    strippedId?.includes(\"phantom\"),\n    strippedId?.includes(\"coinbase\"),\n    strippedId?.includes(\"metamask\"),\n    strippedId?.includes(\"rabby\"),\n  ];\n\n  if (isMobile) {\n    if (!isMetaMask) icons.push(<MetaMask />);\n    if (!isTrust) icons.push(<Trust background />);\n    if (!isRainbow && icons.length < 3) icons.push(<Rainbow />);\n  } else {\n    if (!isMetaMask) icons.push(<MetaMask />);\n    if (!isRainbow) icons.push(<Rainbow />);\n    if (!isPhantom) icons.push(<Phantom />);\n    if (!isRabby && icons.length < 3) icons.push(<Rabby />);\n  }\n\n  return icons;\n}\n\nfunction getDepositAddressOption(\n  setRoute: (route: ROUTES, data?: Record<string, any>) => void,\n  locales: ReturnType<typeof useLocales>,\n  excludeTron: boolean = false,\n) {\n  const icons = excludeTron\n    ? [<Ethereum key=\"eth\" />, <Polygon key=\"polygon\" />, <Base key=\"base\" />]\n    : [<Ethereum key=\"eth\" />, <Tron key=\"tron\" />, <Base key=\"base\" />];\n\n  return {\n    id: \"depositAddress\",\n    title: locales.payToAddress,\n    icons,\n    onClick: () => {\n      setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);\n    },\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import useIsMobile from '../../../hooks/useIsMobile.js';
 import styled from '../../../styles/styled/index.js';
 import { USD_DECIMALS } from '../../../utils/format.js';
 import { isValidNumber, sanitizeNumber } from '../../../utils/validateInput.js';
-import { WALLET_ID_MOBILE_WALLETS } from '../../../wallets/useWallets.js';
+import { isExternalWallet } from '../../../wallets/useWallets.js';
 import AmountInputField from '../../Common/AmountInput/AmountInputField.js';
 import Button from '../../Common/Button/index.js';
 import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
@@ -16,7 +16,11 @@ import WalletPaymentSpinner from '../../Spinners/WalletPaymentSpinner/index.js';
 const SelectWalletAmount = () => {
   const { paymentState, setPendingConnectorId, setRoute } = usePayContext();
   const { selectedWallet, openInWalletBrowser } = paymentState;
-  const { setChosenUsd, hydrateOrder } = useDaimoPay();
+  const {
+    setChosenUsd,
+    hydrateOrder,
+    paymentState: payFsmState
+  } = useDaimoPay();
   const { isMobile } = useIsMobile();
   const maxUsdLimit = paymentState.getOrderUsdLimit();
   const [usdInput, setUsdInput] = useState("");
@@ -24,6 +28,7 @@ const SelectWalletAmount = () => {
   if (selectedWallet == null) {
     return /* @__PURE__ */ jsx(PageContent, {});
   }
+  const walletId = selectedWallet?.id;
   const handleAmountChange = (e) => {
     const value = e.target.value;
     if (value !== "" && !isValidNumber(value, USD_DECIMALS)) return;
@@ -34,12 +39,12 @@ const SelectWalletAmount = () => {
   const handleContinue = async () => {
     const amountUsd = Number(sanitizeNumber(usdInput));
     setChosenUsd(amountUsd);
-    await hydrateOrder();
-    if (selectedWallet.id === WALLET_ID_MOBILE_WALLETS || selectedWallet.id === "world" && !isMobile) {
-      setPendingConnectorId(selectedWallet.id);
+    if (isExternalWallet(selectedWallet) && !isMobile) {
+      await hydrateOrder();
+      setPendingConnectorId(walletId);
       setRoute(ROUTES.CONNECT);
     } else {
-      openInWalletBrowser(selectedWallet, amountUsd);
+      await openInWalletBrowser(selectedWallet, amountUsd);
     }
   };
   return /* @__PURE__ */ jsxs(PageContent, { children: [