@daimo/pay 1.6.3 → 1.6.4

package/build/index.d.ts

@@ -484,7 +484,10 @@ type WalletConfigProps = {
         safari?: string;
     };
     getWalletConnectDeeplink?: (uri: string) => string;
+    walletDeepLink?: string;
     shouldDeeplinkDesktop?: boolean;
+    showInMobileConnectors?: boolean;
+    isWcMobileConnector?: boolean;
 };
 
 type SolanaWalletName = WalletName<string>;

package/build/index.js

@@ -22,7 +22,7 @@ import { WalletSignTransactionError, WalletSendTransactionError } from '@solana/
 import { normalize } from 'viem/ens';
 
 var name = "@daimo/pay";
-var version = "1.6.3";
+var version = "1.6.4";
 var author = "Daimo";
 var homepage = "https://pay.daimo.com";
 var license = "BSD-2-Clause license";
@@ -61,7 +61,7 @@ var keywords = [
 	"crypto"
 ];
 var dependencies = {
-	"@daimo/pay-common": "1.6.3",
+	"@daimo/pay-common": "1.6.4",
 	"@rollup/plugin-typescript": "^12.1.2",
 	"@solana/wallet-adapter-base": "^0.9.23",
 	"@solana/wallet-adapter-react": "^0.15.35",
@@ -4467,8 +4467,10 @@ function useWalletConnectConnector() {
 
 // Organised in alphabetical order by key
 const walletConfigs = {
+    //TODO: update new wallet configs with favorite wallets
     mock: {
         icon: jsx(Logos$1.Mock, {}),
+        showInMobileConnectors: false,
     },
     argent: {
         name: "Argent",
@@ -4478,6 +4480,7 @@ const walletConfigs = {
             android: "https://play.google.com/store/apps/details?id=im.argent.contractwalletclient",
             ios: "https://apps.apple.com/app/argent/id1358741926",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://argent.link/app/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4494,6 +4497,7 @@ const walletConfigs = {
             ios: "https://apps.apple.com/app/coinbase-wallet-store-crypto/id1278383455",
             chrome: "https://chrome.google.com/webstore/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://go.cb-w.com/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4510,6 +4514,7 @@ const walletConfigs = {
             ios: "https://apps.apple.com/app/coinbase-wallet-store-crypto/id1278383455",
             chrome: "https://chrome.google.com/webstore/detail/coinbase-wallet-extension/hnfanknocfeofbddgcijnmhnfnkdnaad",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://go.cb-w.com/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4517,6 +4522,7 @@ const walletConfigs = {
     "com.crypto.wallet": {
         name: "Crypto.com",
         shortName: "Crypto",
+        showInMobileConnectors: false,
     },
     dawn: {
         name: "Dawn Wallet",
@@ -4526,6 +4532,7 @@ const walletConfigs = {
             website: "https://www.dawnwallet.xyz/",
             ios: "https://apps.apple.com/us/app/dawn-ethereum-wallet/id1673143782",
         },
+        showInMobileConnectors: false,
     },
     "co.family.wallet": {
         name: "Family",
@@ -4540,6 +4547,8 @@ const walletConfigs = {
         getWalletConnectDeeplink: (uri) => {
             return `familywallet://wc?uri=${encodeURIComponent(uri)}`;
         },
+        walletDeepLink: "familywallet://",
+        showInMobileConnectors: true,
     },
     frame: {
         name: "Frame",
@@ -4552,6 +4561,7 @@ const walletConfigs = {
             firefox: "https://addons.mozilla.org/en-US/firefox/addon/frame-extension",
             brave: "https://chrome.google.com/webstore/detail/frame-companion/ldcoohedfbjoobcadoglnnmmfbdlmmhf",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => uri,
     },
     frontier: {
@@ -4565,6 +4575,7 @@ const walletConfigs = {
             website: "https://frontier.xyz/",
             chrome: "https://chrome.google.com/webstore/detail/frontier-wallet/kppfdiipphfccemcignhifpjkapfbihd",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `frontier://wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4573,6 +4584,7 @@ const walletConfigs = {
         name: "Browser Wallet",
         shortName: "Browser",
         icon: jsx(Logos$1.Injected, {}),
+        showInMobileConnectors: false,
     },
     "metaMask, metaMask-io, io.metamask, io.metamask.mobile, metaMaskSDK": {
         name: "MetaMask",
@@ -4589,6 +4601,7 @@ const walletConfigs = {
             brave: "https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn",
             edge: "https://microsoftedge.microsoft.com/addons/detail/metamask/ejbalbakoplchlghecdalmeeeajnimhm",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://metamask.app.link/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4596,6 +4609,7 @@ const walletConfigs = {
     "app.phantom": {
         name: "Phantom",
         iconShape: "squircle",
+        showInMobileConnectors: false,
     },
     "me.rainbow": {
         name: "Rainbow Wallet",
@@ -4611,6 +4625,7 @@ const walletConfigs = {
             edge: "https://rainbow.me/extension?utm_source=daimopay",
             brave: "https://rainbow.me/extension?utm_source=daimopay",
         },
+        showInMobileConnectors: true,
         getWalletConnectDeeplink: (uri) => {
             return `https://rnbwapp.com/wc?uri=${encodeURIComponent(uri)}&connector=daimopay`;
         },
@@ -4622,6 +4637,7 @@ const walletConfigs = {
             website: "https://rabby.io",
             chrome: "https://chrome.google.com/webstore/detail/rabby-wallet/acmacodkjbdgmoleebolmdjonilkdbch",
         },
+        showInMobileConnectors: false,
     },
     safe: {
         name: "Safe",
@@ -4632,6 +4648,7 @@ const walletConfigs = {
             ios: "https://apps.apple.com/app/id1515759131",
             android: "https://play.google.com/store/apps/details?id=io.gnosis.safe",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://gnosis-safe.io/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4646,6 +4663,7 @@ const walletConfigs = {
             chrome: "https://chrome.google.com/webstore/detail/talisman-polkadot-wallet/fijngjgcjhjmmpcmkeiomlglpeiijkld",
             firefox: "https://addons.mozilla.org/en-US/firefox/addon/talisman-wallet-extension/",
         },
+        showInMobileConnectors: false,
     },
     "com.trustwallet.app": {
         name: "Trust Wallet",
@@ -4657,6 +4675,7 @@ const walletConfigs = {
             android: "https://play.google.com/store/apps/details?id=com.wallet.crypto.trustapp",
             ios: "https://apps.apple.com/app/trust-crypto-bitcoin-wallet/id1288339409",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink(uri) {
             return `https://link.trustwallet.com/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4672,6 +4691,7 @@ const walletConfigs = {
             brave: "https://infinitywallet.io/download",
             edge: "https://infinitywallet.io/download",
         },
+        showInMobileConnectors: false,
     },
     imToken: {
         name: "imToken",
@@ -4682,6 +4702,7 @@ const walletConfigs = {
             android: "https://play.google.com/store/apps/details?id=im.token.app",
             ios: "https://itunes.apple.com/us/app/imtoken2/id1384798940",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `imtokenv2://wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4694,6 +4715,7 @@ const walletConfigs = {
             ios: "https://apps.apple.com/app/bank-bitcoin-wallet/id1447619907",
             android: "https://play.google.com/store/apps/details?id=io.horizontalsystems.bankwallet",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://unstoppable.money/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4707,6 +4729,7 @@ const walletConfigs = {
             android: "https://play.google.com/store/apps/details?id=com.github.ontio.onto",
             website: "https://onto.app/en/download/",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://onto.app/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4720,6 +4743,7 @@ const walletConfigs = {
             ios: "https://apps.apple.com/app/steakwallet/id1569375204",
             website: "https://steakwallet.fi/download",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://links.steakwallet.fi/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4734,6 +4758,7 @@ const walletConfigs = {
             android: "https://play.google.com/store/apps/details?id=com.ledger.live",
             ios: "https://apps.apple.com/app/ledger-live-web3-wallet/id1361671700",
         },
+        showInMobileConnectors: true,
         getWalletConnectDeeplink: (uri) => {
             return `ledgerlive://wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4751,6 +4776,7 @@ const walletConfigs = {
         getWalletConnectDeeplink: (uri) => {
             return `https://app.zerion.io/wc?uri=${encodeURIComponent(uri)}`;
         },
+        showInMobileConnectors: true,
     },
     slope: {
         name: "Slope",
@@ -4762,6 +4788,7 @@ const walletConfigs = {
             chrome: "https://chrome.google.com/webstore/detail/slope-wallet/pocmplpaccanhmnllbbkpgfliimjljgo",
             website: "https://slope.finance/",
         },
+        showInMobileConnectors: false,
         getWalletConnectDeeplink: (uri) => {
             return `https://slope.finance/app/wc?uri=${encodeURIComponent(uri)}`;
         },
@@ -4776,6 +4803,7 @@ const walletConfigs = {
             ios: "https://apps.apple.com/us/app/tp-global-wallet/id6444625622",
             chrome: "https://chrome.google.com/webstore/detail/tokenpocket/mfgccjchihfkkindfppnaooecgfneiii",
         },
+        showInMobileConnectors: false,
     },
     talisman: {
         name: "Talisman",
@@ -4786,6 +4814,7 @@ const walletConfigs = {
             chrome: "https://chrome.google.com/webstore/detail/talisman-polkadot-wallet/fijngjgcjhjmmpcmkeiomlglpeiijkld",
             firefox: "https://addons.mozilla.org/en-US/firefox/addon/talisman-wallet-extension/",
         },
+        showInMobileConnectors: false,
     },
     walletConnect: {
         name: "Other Wallets",
@@ -4794,6 +4823,7 @@ const walletConfigs = {
         iconConnector: jsx(Logos$1.OtherWallets, {}),
         iconShape: "square",
         getWalletConnectDeeplink: (uri) => uri,
+        showInMobileConnectors: false,
     },
 };
 
@@ -8120,7 +8150,7 @@ const CopyToClipboard = ({ string, children, variant }) => {
 const MoreIcon = (jsx("svg", { width: "60", height: "60", viewBox: "0 0 60 60", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M30 42V19M19 30.5H42", stroke: "var(--ck-body-color-muted)", strokeWidth: "3", strokeLinecap: "round" }) }));
 const MobileConnectors = () => {
     const context = usePayContext();
-    const { log, paymentState } = context;
+    const { log } = context;
     const locales = useLocales();
     const { connect: { getUri }, } = useWeb3();
     const wcUri = getUri();
@@ -8133,6 +8163,8 @@ const MobileConnectors = () => {
             return false;
         if (!wallet.getWalletConnectDeeplink)
             return false;
+        if (!wallet.showInMobileConnectors)
+            return false;
         return true;
     }) ?? [];
     const connectWallet = (wallet) => {
@@ -9669,7 +9701,7 @@ const TokenLogoSpinner = ({ token, showSpinner = true, }) => {
 
 var PayState$1;
 (function (PayState) {
-    PayState["RequestingPayment"] = "Requesting Payment";
+    PayState["RequestingPayment"] = "Waiting For Payment";
     PayState["SwitchingChain"] = "Switching Chain";
     PayState["RequestCancelled"] = "Payment Cancelled";
     PayState["RequestSuccessful"] = "Payment Successful";
@@ -9677,7 +9709,7 @@ var PayState$1;
 const PayWithToken = () => {
     const { isMobile, isIOS } = useIsMobile();
     const { triggerResize, paymentState, setRoute, log, wcWallet } = usePayContext();
-    const { selectedTokenOption, payWithToken } = paymentState;
+    const { payWithToken, selectedTokenOption } = paymentState;
     const [payState, setPayState] = useState(PayState$1.RequestingPayment);
     const walletChainId = useChainId();
     const { switchChainAsync } = useSwitchChain();
@@ -9764,11 +9796,19 @@ const PayWithToken = () => {
         return () => {
             clearTimeout(transferTimeout);
         };
-    }, []);
+    }, [selectedTokenOption]);
     useEffect(() => {
         triggerResize();
     }, [payState]);
-    return (jsxs(PageContent, { children: [selectedTokenOption && (jsx(TokenLogoSpinner, { token: selectedTokenOption.required.token })), jsxs(ModalContent, { style: { paddingBottom: 0 }, "$preserveDisplay": true, children: [jsx(ModalH1, { children: payState }), selectedTokenOption && (jsx(PaymentBreakdown, { paymentOption: selectedTokenOption })), payState === PayState$1.RequestingPayment && wcWallet && isMobile && (jsxs(Button, { icon: jsx(ExternalLinkIcon, {}), href: wcWallet.getWalletConnectDeeplink?.(""), children: ["Pay with ", wcWallet.name] })), payState === PayState$1.RequestCancelled && (jsx(Button, { onClick: () => selectedTokenOption ? handleTransfer(selectedTokenOption) : null, children: "Retry Payment" }))] })] }));
+    if (selectedTokenOption == null) {
+        return jsx(PageContent, {});
+    }
+    return (jsxs(PageContent, { children: [jsx(TokenLogoSpinner, { token: selectedTokenOption.required.token }), jsxs(ModalContent, { style: { paddingBottom: 0 }, "$preserveDisplay": true, children: [jsx(ModalH1, { children: payState }), jsx(PaymentBreakdown, { paymentOption: selectedTokenOption }), payState === PayState$1.RequestingPayment && wcWallet && isMobile && (jsxs(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: wcWallet.isWcMobileConnector
+                            ? () => handleTransfer(selectedTokenOption)
+                            : undefined, href: wcWallet.isWcMobileConnector
+                            ? undefined
+                            : wcWallet.walletDeepLink ||
+                                wcWallet.getWalletConnectDeeplink?.(""), children: ["Pay with ", wcWallet.name] })), payState === PayState$1.RequestCancelled && (jsx(Button, { onClick: () => handleTransfer(selectedTokenOption), children: "Retry Payment" }))] })] }));
 };
 
 /**
@@ -10423,6 +10463,39 @@ const AmountInputContainer = styled.div `
   justify-content: center;
 `;
 
+/** Extracts wcWallet from the current WalletConnect connector. */
+function useExtractWcWallet() {
+    const { connector } = useAccount();
+    const { wcWallet, setWcWallet, log } = usePayContext();
+    // Extract the currently connect WalletConnect, avoid having the old wcWallet
+    // context in the button "pay with"
+    useEffect(() => {
+        connector?.getProvider()?.then((p) => {
+            let name = p.session?.peer?.metadata?.name;
+            if (p.isCoinbaseWallet)
+                name = "Coinbase Wallet";
+            if (name == null)
+                name = "Unknown";
+            const wallet = Object.values(walletConfigs).find((c) => c.name === name || name.includes(c.shortName ?? c.name));
+            // If the wallet is not in the walletConfigs, it is a new wallet given by
+            // the WalletConnect provider.
+            if (wallet === undefined) {
+                const newWallet = {
+                    name: name,
+                    icon: p.session?.peer?.metadata?.icons[0],
+                    showInMobileConnectors: false,
+                    isWcMobileConnector: true,
+                };
+                setWcWallet(newWallet);
+            }
+            if (wallet?.name != null) {
+                setWcWallet(wallet);
+            }
+            log(`[EXTRACT_WC_WALLET] name: ${name} wcWallet: ${wcWallet?.name}`, p);
+        });
+    }, [connector]);
+}
+
 const WalletChainLogo = ({ walletIcon, walletName, chainLogo, }) => {
     const walletIconElement = typeof walletIcon === "string" ? (jsx("img", { src: walletIcon, alt: walletName })) : (walletIcon);
     return (jsxs(WalletChainContainer, { children: [walletIconElement, jsx(ChainContainer$2, { children: chainLogo })] }));
@@ -10441,81 +10514,15 @@ const ChainContainer$2 = styled(motion.div) `
   right: -4px;
 `;
 
-// Get 3 icons, skipping the one that is already connected
-function getBestUnconnectedWalletIcons(connector) {
-    const icons = [];
-    const strippedId = connector?.id.toLowerCase(); // some connector ids can have weird casing and or suffixes and prefixes
-    const [isMetaMask, isRainbow, isCoinbase] = [
-        strippedId?.includes("metamask"),
-        strippedId?.includes("rainbow"),
-        strippedId?.includes("coinbase"),
-    ];
-    if (!isMetaMask)
-        icons.push(jsx(MetaMask, {}));
-    if (!isRainbow)
-        icons.push(jsx(Rainbow, {}));
-    if (!isCoinbase)
-        icons.push(jsx(Coinbase, {}));
-    if (icons.length < 3)
-        icons.push(jsx(Rabby, {}));
-    return icons;
-}
-function getSolanaOption(isOnIOS) {
-    const { wallets } = useWallet$1();
-    const { setRoute } = usePayContext();
-    if (wallets.length === 0 && !isOnIOS)
-        return null;
-    return {
-        id: "solana",
-        title: "Pay on Solana",
-        icons: [jsx(Solana, {})],
-        onClick: () => {
-            setRoute(ROUTES.SOLANA_CONNECT);
-        },
-    };
-}
-function getDepositAddressOption(depositAddressOptions) {
-    const { setRoute, paymentState } = usePayContext();
-    // TODO: API should serve the subtitle and disabled
-    const disabled = !paymentState.isDepositFlow &&
-        !depositAddressOptions.loading &&
-        depositAddressOptions.options.length === 0;
-    const subtitle = disabled ? "Minimum $20.00" : "Bitcoin, Tron, Zcash...";
-    return {
-        id: "depositAddress",
-        title: "Pay on another chain",
-        subtitle,
-        icons: [jsx(Bitcoin, {}), jsx(Tron, {}), jsx(Zcash, {})],
-        onClick: () => {
-            setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);
-        },
-        disabled,
-    };
-}
-const SelectMethod = () => {
+function SelectMethod() {
     const { isMobile, isIOS } = useIsMobile();
     const { address, chain, isConnected: isEthConnected, connector, } = useAccount();
     const { connected: isSolanaConnected, wallet: solanaWallet, publicKey, } = useWallet$1();
-    const { setRoute, paymentState, wcWallet, setWcWallet, log, setConnector } = usePayContext();
+    const { setRoute, paymentState, wcWallet, log } = usePayContext();
     const { disconnectAsync } = useDisconnect();
     const { daimoPayOrder, setSelectedExternalOption, externalPaymentOptions, depositAddressOptions, senderEnsName, } = paymentState;
     const paymentOptions = daimoPayOrder?.metadata.payer?.paymentOptions;
-    // Extract the currently connect WalletConnect wallet
-    useEffect(() => {
-        connector?.getProvider()?.then((p) => {
-            let name = p.session?.peer?.metadata?.name;
-            if (p.isCoinbaseWallet)
-                name = "Coinbase Wallet";
-            if (name == null)
-                name = "Unknown";
-            const wallet = Object.values(walletConfigs).find((c) => c.name === name || name.includes(c.shortName ?? c.name));
-            log(`[SELECT_METHOD] name: ${name} wcWallet: ${wallet?.name}`, p);
-            //case MetaMask
-            if (wallet?.name != null) {
-                setWcWallet(wallet);
-            }
-        });
-    }, [connector]);
+    useExtractWcWallet();
     const getConnectedWalletOptions = () => {
         const showChainLogo = isEthConnected && isSolanaConnected;
         const connectedOptions = [];
@@ -10527,8 +10534,8 @@ const SelectMethod = () => {
                 walletIcon = (jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: jsx("img", { src: connector.icon, alt: connector.name }) }));
             }
             else if (wcWallet?.icon) {
-                log("[SELECT_METHOD] wcWallet?.icon", wcWallet?.icon);
-                walletIcon = (jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: wcWallet.icon }));
+                log("[SELECT_METHOD] wcWallet.icon", wcWallet.icon);
+                walletIcon = (jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: typeof wcWallet.icon === "string" ? (jsx("img", { src: wcWallet.icon, alt: wcWallet.name })) : (wcWallet.icon) }));
             }
             else {
                 log("[SELECT_METHOD] else");
@@ -10629,7 +10636,58 @@ const SelectMethod = () => {
         options.push(depositAddressOption);
     }
     return (jsxs(PageContent, { children: [jsx(OrderHeader, {}), jsx(OptionsList, { requiredSkeletons: isMobile ? 4 : 3, isLoading: externalPaymentOptions.loading, options: externalPaymentOptions.loading ? [] : options }), jsx(PoweredByFooter, {})] }));
-};
+}
+// Get 3 icons, skipping the one that is already connected
+function getBestUnconnectedWalletIcons(connector) {
+    const icons = [];
+    const strippedId = connector?.id.toLowerCase(); // some connector ids can have weird casing and or suffixes and prefixes
+    const [isMetaMask, isRainbow, isCoinbase] = [
+        strippedId?.includes("metamask"),
+        strippedId?.includes("rainbow"),
+        strippedId?.includes("coinbase"),
+    ];
+    if (!isMetaMask)
+        icons.push(jsx(MetaMask, {}));
+    if (!isRainbow)
+        icons.push(jsx(Rainbow, {}));
+    if (!isCoinbase)
+        icons.push(jsx(Coinbase, {}));
+    if (icons.length < 3)
+        icons.push(jsx(Rabby, {}));
+    return icons;
+}
+function getSolanaOption(isOnIOS) {
+    const { wallets } = useWallet$1();
+    const { setRoute } = usePayContext();
+    if (wallets.length === 0 && !isOnIOS)
+        return null;
+    return {
+        id: "solana",
+        title: "Pay on Solana",
+        icons: [jsx(Solana, {})],
+        onClick: () => {
+            setRoute(ROUTES.SOLANA_CONNECT);
+        },
+    };
+}
+function getDepositAddressOption(depositAddressOptions) {
+    const { setRoute, paymentState } = usePayContext();
+    // TODO: API should serve the subtitle and disabled
+    const disabled = !paymentState.isDepositFlow &&
+        !depositAddressOptions.loading &&
+        depositAddressOptions.options.length === 0;
+    const subtitle = disabled ? "Minimum $20.00" : "Bitcoin, Tron, Zcash...";
+    return {
+        id: "depositAddress",
+        title: "Pay on another chain",
+        subtitle,
+        icons: [jsx(Bitcoin, {}), jsx(Tron, {}), jsx(Zcash, {})],
+        onClick: () => {
+            setRoute(ROUTES.SELECT_DEPOSIT_ADDRESS_CHAIN);
+        },
+        disabled,
+    };
+}
 
 const TokenChainLogo = ({ token }) => {
     return (jsxs(TokenChainContainer, { children: [jsx("img", { src: token.logoURI, alt: token.symbol, style: { borderRadius: 9999 } }), jsx(ChainContainer$1, { children: chainToLogo[token.chainId] })] }));
@@ -10648,13 +10706,11 @@ const ChainContainer$1 = styled(motion.div) `
   right: 0px;
 `;
 
-function getDaimoTokenKey(token) {
-    return `${token.chainId}-${token.token}`;
-}
-const SelectToken = () => {
+function SelectToken() {
     const { isMobile, isIOS } = useIsMobile();
-    const { setRoute, paymentState, wcWallet } = usePayContext();
+    const { setRoute, paymentState, wcWallet, setWcWallet, log } = usePayContext();
     const { isDepositFlow, walletPaymentOptions, setSelectedTokenOption } = paymentState;
+    useExtractWcWallet();
     const optionsList = walletPaymentOptions.options?.map((option) => {
         const chainName = getChainName(option.balance.token.chainId);
         const titlePrice = isDepositFlow
@@ -10685,7 +10741,15 @@ const SelectToken = () => {
                 else {
                     setRoute(ROUTES.PAY_WITH_TOKEN, meta);
                     if (isMobile && isIOS) {
-                        window.open(wcWallet?.getWalletConnectDeeplink?.(""), "_blank");
+                        if (wcWallet?.walletDeepLink) {
+                            window.open(wcWallet?.walletDeepLink, "_blank");
+                        }
+                        else {
+                            //If the wallet is a wc mobile connector we don't have the deep link
+                            if (!wcWallet?.isWcMobileConnector) {
+                                window.open(wcWallet?.getWalletConnectDeeplink?.(""), "_blank");
+                            }
+                        }
                     }
                 }
             },
@@ -10699,7 +10763,10 @@ const SelectToken = () => {
                     paddingTop: 16,
                     paddingBottom: 16,
                 }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD), children: "Select Another Method" })] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: walletPaymentOptions.isLoading, options: optionsList })] }));
-};
+}
+function getDaimoTokenKey(token) {
+    return `${token.chainId}-${token.token}`;
+}
 
 const ConnectSolana$1 = () => {
     const solanaWallets = useWallet$1();
@@ -10816,7 +10883,7 @@ const ConnectSolana = () => {
 
 var PayState;
 (function (PayState) {
-    PayState["RequestingPayment"] = "Requesting Payment";
+    PayState["RequestingPayment"] = "Waiting For Payment";
     PayState["RequestCancelled"] = "Payment Cancelled";
     PayState["RequestFailed"] = "Payment Failed";
     PayState["RequestSuccessful"] = "Payment Successful";
@@ -10996,7 +11063,7 @@ const WaitingExternal = () => {
     if (!selectedExternalOption) {
         return jsx(PageContent, {});
     }
-    return (jsxs(PageContent, { children: [jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsx(ModalH1, { children: "Waiting for Payment" }), paymentWaitingMessage && (jsx(ModalBody, { style: { marginTop: 12, marginBottom: 12 }, children: paymentWaitingMessage }))] }), jsx(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: () => {
+    return (jsxs(PageContent, { children: [jsx(ExternalPaymentSpinner, { logoURI: selectedExternalOption.logoURI, logoShape: selectedExternalOption.logoShape }), jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsx(ModalH1, { children: "Waiting For Payment" }), paymentWaitingMessage && (jsx(ModalBody, { style: { marginTop: 12, marginBottom: 12 }, children: paymentWaitingMessage }))] }), jsx(Button, { icon: jsx(ExternalLinkIcon, {}), onClick: () => {
                     if (externalURL)
                         window.open(externalURL, "_blank");
                 }, children: selectedExternalOption.cta })] }));