@daimo/pay 1.7.0 → 1.7.2

package/build/index.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ExternalPaymentOptions, assert, assertNotNull, debugJson, supportedChains, ethereum, readDaimoPayOrderID, getChainName, arbitrum as arbitrum$1, base as base$2, blast as blast$1, bsc as bsc$1, linea as linea$1, mantle as mantle$1, optimism as optimism$1, polygon as polygon$1, worldchain as worldchain$1, writeDaimoPayOrderID, DaimoPayOrderMode, DaimoPayOrderStatusDest, getChainExplorerTxUrl, getAddressContraction, DaimoPayIntentStatus, retryBackoff, DaimoPayOrderStatusSource, getDaimoPayOrderView } from '@daimo/pay-common';
+import { ExternalPaymentOptions, assert, assertNotNull, debugJson, supportedChains, ethereum, readDaimoPayOrderID, getChainName, arbitrum as arbitrum$1, base as base$2, blast as blast$1, bsc as bsc$1, linea as linea$1, mantle as mantle$1, optimism as optimism$1, polygon as polygon$1, worldchain as worldchain$1, getAddressContraction, writeDaimoPayOrderID, DaimoPayOrderMode, DaimoPayOrderStatusDest, getChainExplorerTxUrl, DaimoPayIntentStatus, retryBackoff, DaimoPayOrderStatusSource, getDaimoPayOrderView } from '@daimo/pay-common';
 import { Buffer } from 'buffer';
 import React, { useState, useEffect, createContext, useCallback, useRef, useLayoutEffect, useMemo, createElement } from 'react';
 import styled$1, { css, keyframes, ThemeProvider } from 'styled-components';
@@ -22,7 +22,7 @@ import { WalletSignTransactionError, WalletSendTransactionError } from '@solana/
 import { normalize } from 'viem/ens';
 
 var name = "@daimo/pay";
-var version = "1.7.0";
+var version = "1.7.2";
 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.7.0",
+	"@daimo/pay-common": "1.7.2",
 	"@rollup/plugin-typescript": "^12.1.2",
 	"@solana/wallet-adapter-base": "^0.9.23",
 	"@solana/wallet-adapter-react": "^0.15.35",
@@ -6706,7 +6706,7 @@ const ScrollArea = ({ children, height, backgroundColor, mobileDirection, hideBo
     const { log } = usePayContext();
     const ref = useRef(null);
     const moreRef = useRef(null);
-    const { isMobile } = useIsMobile();
+    const isMobileFormat = isMobile() || window?.innerWidth < defaultTheme.mobileWidth;
     useEffect(() => {
         const el = ref.current;
         if (!el)
@@ -6745,7 +6745,7 @@ const ScrollArea = ({ children, height, backgroundColor, mobileDirection, hideBo
             el.removeEventListener("scroll", handleScroll);
         };
     }, [ref.current]);
-    return (jsxs(ScrollContainer, { children: [jsx(ScrollAreaContainer, { ref: ref, "$mobile": isMobile, "$height": height, "$backgroundColor": backgroundColor, "$mobileDirection": mobileDirection, "$hideBottomLine": hideBottomLine, "$totalItems": totalItems, children: children }), jsx(MoreIndicator, { ref: moreRef, className: "hide", onClick: () => {
+    return (jsxs(ScrollContainer, { children: [jsx(ScrollAreaContainer, { ref: ref, "$mobile": isMobileFormat, "$height": height, "$backgroundColor": backgroundColor, "$mobileDirection": mobileDirection, "$hideBottomLine": hideBottomLine, "$totalItems": totalItems, children: children }), jsx(MoreIndicator, { ref: moreRef, className: "hide", onClick: () => {
                     if (ref.current) {
                         ref.current.scrollTo({
                             top: ref.current.scrollHeight,
@@ -7432,8 +7432,13 @@ function tokenAmountToRoundedUsd(amount, token, round = "nearest") {
 }
 
 /** Shows payment amount. */
-const OrderHeader = ({ minified = false }) => {
-    const { paymentState, route } = usePayContext();
+const OrderHeader = ({ minified = false, showEth = false, showSolana = false, }) => {
+    const { paymentState, route, wcWallet } = usePayContext();
+    const { isConnected: isEthConnected, address, connector } = useAccount();
+    const { connected: isSolanaConnected, publicKey, wallet: solanaWallet, } = useWallet$1();
+    const { senderEnsName } = paymentState;
+    const ethWalletDisplayName = senderEnsName ?? (address ? getAddressContraction(address) : "wallet");
+    const solWalletDisplayName = getAddressContraction(publicKey?.toBase58() ?? "");
     const orderUsd = paymentState.daimoPayOrder?.destFinalCallTokenAmount.usd;
     const titleAmountContent = (() => {
         if (paymentState.isDepositFlow) {
@@ -7446,9 +7451,16 @@ const OrderHeader = ({ minified = false }) => {
             return orderUsd != null ? (jsx("span", { children: formatUsd(orderUsd, "nearest") })) : null;
         }
     })();
+    const renderIcon = (icon, name, size = 32) => {
+        if (!icon)
+            return jsx(MetaMask, {});
+        return (jsx(LogoContainer$4, { "$size": size, "$zIndex": 1, style: { borderRadius: "22.5%" }, children: typeof icon === "string" ? (jsx("img", { src: icon, alt: name || "wallet", style: { maxWidth: "100%", maxHeight: "100%" } })) : (icon) }));
+    };
+    let walletIcon = renderIcon(connector?.icon || wcWallet?.icon, wcWallet?.name);
+    let solanaIcon = renderIcon(solanaWallet?.adapter.icon || jsx(Solana, {}), solanaWallet?.adapter.name);
     if (minified) {
         if (titleAmountContent != null) {
-            return (jsxs(MinifiedContainer, { children: [jsx(MinifiedTitleAmount, { children: titleAmountContent }), jsx(CoinLogos, { "$size": 32 })] }));
+            return (jsxs(MinifiedContainer, { children: [jsx(MinifiedTitleAmount, { children: titleAmountContent }), showEth && isEthConnected && (jsx(Fragment, { children: jsxs(SubtitleContainer, { children: [jsx(Subtitle, { children: ethWalletDisplayName }), walletIcon] }) })), showSolana && isSolanaConnected && (jsx(Fragment, { children: jsxs(SubtitleContainer, { children: [jsx(Subtitle, { children: solWalletDisplayName }), solanaIcon] }) })), !showEth && !showSolana && (jsx(Fragment, { children: jsx(CoinLogos, { "$size": 32 }) }))] }));
         }
         else {
             return (jsxs(MinifiedContainer, { children: [jsx(CoinLogos, {}), jsx(Subtitle, { children: "1000+ tokens accepted" })] }));
@@ -7547,6 +7559,12 @@ const Logos = styled(motion.div) `
   align-items: center;
   justify-content: center;
 `;
+const SubtitleContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
+`;
 
 const Wallets = () => {
     const context = usePayContext();
@@ -10318,7 +10336,7 @@ const OptionIcon = styled(motion.div) `
     border-radius: 0;
   }
 `;
-const OptionsContainer = styled.div `
+const OptionsContainer$1 = styled.div `
   transition: opacity 300ms ease;
   display: flex;
   flex-direction: column;
@@ -10331,7 +10349,7 @@ const OptionsContainer = styled.div `
     `}
 `;
 
-const OptionsList = ({ options, isLoading, requiredSkeletons, shortScroll, orDivider = false, }) => {
+const OptionsList = ({ options, isLoading, requiredSkeletons, scrollHeight = 300, orDivider = false, }) => {
     const { triggerResize, log } = usePayContext();
     const optionsLength = options.length;
     useEffect(() => {
@@ -10344,10 +10362,10 @@ const OptionsList = ({ options, isLoading, requiredSkeletons, shortScroll, orDiv
         const skeletonCount = requiredSkeletons
             ? Math.max(requiredSkeletons - optionsLength, 0)
             : 0;
-        return (jsxs(OptionsContainer, { "$totalResults": options.length, children: [options.map((option) => (jsx(OptionItem, { option: option }, option.id))), isLoading &&
+        return (jsxs(OptionsContainer$1, { "$totalResults": options.length, children: [options.map((option) => (jsx(OptionItem, { option: option }, option.id))), isLoading &&
                     Array.from({ length: skeletonCount }).map((_, index) => (jsx(SkeletonOptionItem, {}, index)))] }));
     }
-    return (jsxs(Fragment, { children: [jsx(ScrollArea, { mobileDirection: "vertical", height: shortScroll ? 225 : 300, hideBottomLine: orDivider, totalItems: options.length, children: jsx(OptionsContainer, { "$totalResults": options.length, children: options.map((option) => (jsx(OptionItem, { option: option }, option.id))) }) }), orDivider && jsx(OrDivider, {})] }));
+    return (jsxs(Fragment, { children: [jsx(ScrollArea, { mobileDirection: "vertical", height: scrollHeight, hideBottomLine: orDivider, totalItems: options.length, children: jsx(OptionsContainer$1, { "$totalResults": options.length, children: options.map((option) => (jsx(OptionItem, { option: option }, option.id))) }) }), orDivider && jsx(OrDivider, {})] }));
 };
 const SkeletonOptionItem = () => {
     return (jsxs(OptionButton, { type: "button", children: [jsx(SkeletonIcon, {}), jsx(SkeletonLabel, {})] }));
@@ -10426,6 +10444,84 @@ const IconStackItem = styled(motion.div) `
   border-radius: 22.5%;
 `;
 
+const OptionsContainer = styled$1.div `
+  width: 100%;
+  margin-top: 1rem;
+`;
+function SelectAnotherMethodButton() {
+    const { paymentState, setRoute } = usePayContext();
+    const { externalPaymentOptions, daimoPayOrder } = paymentState;
+    const { connector } = useAccount();
+    const { disconnectAsync } = useDisconnect();
+    const paymentOptions = daimoPayOrder?.metadata.payer?.paymentOptions;
+    const allPaymentOptions = [
+        ...externalPaymentOptions.options.map((option) => option.id),
+        ...(paymentOptions ?? []),
+    ].flat();
+    const includeSolana = paymentOptions == null ||
+        paymentOptions.includes(ExternalPaymentOptions.Solana);
+    // Deposit address options, e.g. Bitcoin, Tron, Zcash, etc.
+    // Include by default if paymentOptions not provided
+    const includeDepositAddressOption = paymentOptions == null ||
+        paymentOptions.includes(ExternalPaymentOptions.ExternalChains);
+    const selectMethodOption = {
+        id: "select-method",
+        title: `Pay with another method`,
+        icons: getBestPaymentMethodIcons(),
+        onClick: () => {
+            setRoute(ROUTES.SELECT_METHOD);
+        },
+    };
+    const selectWalletOption = {
+        id: "select-wallet",
+        title: "Pay with another wallet",
+        icons: getBestUnconnectedWalletIcons(connector),
+        onClick: async () => {
+            await disconnectAsync();
+            setRoute(ROUTES.CONNECTORS);
+        },
+    };
+    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 (!isRainbow)
+            icons.push(jsx(Rainbow, {}));
+        if (!isMetaMask)
+            icons.push(jsx(MetaMask, {}));
+        if (!isCoinbase)
+            icons.push(jsx(Coinbase, {}));
+        if (icons.length < 3)
+            icons.push(jsx(Rabby, {}));
+        return icons;
+    }
+    function getBestPaymentMethodIcons() {
+        let icons = externalPaymentOptions.options
+            .filter((option) => option.id !== ExternalPaymentOptions.Daimo)
+            .map((option) => (jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: jsx("img", { src: option.logoURI, alt: "" }) }, option.id)));
+        if (icons.length < 3) {
+            const additionalIcons = [];
+            if (includeSolana)
+                additionalIcons.push(jsx(Solana, {}));
+            if (includeDepositAddressOption && additionalIcons.length < 3)
+                additionalIcons.push(jsx(Bitcoin, {}));
+            if (includeDepositAddressOption && additionalIcons.length < 3)
+                additionalIcons.push(jsx(Tron, {}));
+            if (additionalIcons.length < 3)
+                additionalIcons.push(...getBestUnconnectedWalletIcons(connector));
+            icons = [...icons, ...additionalIcons.slice(0, 3 - icons.length)];
+        }
+        return icons;
+    }
+    return (jsx(OptionsContainer, { children: jsx(OptionsList, { options: allPaymentOptions.length > 0
+                ? [selectMethodOption]
+                : [selectWalletOption] }) }));
+}
+
 const SelectDepositAddressChain = () => {
     const { setRoute, paymentState } = usePayContext();
     const { isDepositFlow, setSelectedDepositAddressOption, depositAddressOptions, } = paymentState;
@@ -10436,7 +10532,7 @@ const SelectDepositAddressChain = () => {
                     justifyContent: "center",
                     paddingTop: 16,
                     paddingBottom: 16,
-                }, children: [jsx(ModalH1, { children: "Chains unavailable." }), jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD), children: "Select Another Method" })] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: depositAddressOptions.loading, options: depositAddressOptions.options?.map((option) => {
+                }, children: [jsx(ModalH1, { children: "Chains unavailable." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: depositAddressOptions.loading, options: depositAddressOptions.options?.map((option) => {
                     return {
                         id: option.id,
                         title: option.id,
@@ -10696,80 +10792,6 @@ function getDepositAddressOption(depositAddressOptions) {
     };
 }
 
-function SelectAnotherMethodButton() {
-    const { paymentState, setRoute } = usePayContext();
-    const { externalPaymentOptions, daimoPayOrder } = paymentState;
-    const { connector } = useAccount();
-    const { disconnectAsync } = useDisconnect();
-    const paymentOptions = daimoPayOrder?.metadata.payer?.paymentOptions;
-    const allPaymentOptions = [
-        ...externalPaymentOptions.options.map((option) => option.id),
-        ...(paymentOptions ?? []),
-    ].flat();
-    const includeSolana = paymentOptions == null ||
-        paymentOptions.includes(ExternalPaymentOptions.Solana);
-    // Deposit address options, e.g. Bitcoin, Tron, Zcash, etc.
-    // Include by default if paymentOptions not provided
-    const includeDepositAddressOption = paymentOptions == null ||
-        paymentOptions.includes(ExternalPaymentOptions.ExternalChains);
-    const selectMethodOption = {
-        id: "select-method",
-        title: `Pay with another method`,
-        icons: getBestPaymentMethodIcons(),
-        onClick: () => {
-            setRoute(ROUTES.SELECT_METHOD);
-        },
-    };
-    const selectWalletOption = {
-        id: "select-wallet",
-        title: "Pay with another wallet",
-        icons: getBestUnconnectedWalletIcons(connector),
-        onClick: async () => {
-            await disconnectAsync();
-            setRoute(ROUTES.CONNECTORS);
-        },
-    };
-    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 (!isRainbow)
-            icons.push(jsx(Rainbow, {}));
-        if (!isMetaMask)
-            icons.push(jsx(MetaMask, {}));
-        if (!isCoinbase)
-            icons.push(jsx(Coinbase, {}));
-        if (icons.length < 3)
-            icons.push(jsx(Rabby, {}));
-        return icons;
-    }
-    function getBestPaymentMethodIcons() {
-        let icons = externalPaymentOptions.options
-            .filter((option) => option.id !== ExternalPaymentOptions.Daimo)
-            .map((option) => (jsx("div", { style: { borderRadius: "22.5%", overflow: "hidden" }, children: jsx("img", { src: option.logoURI, alt: "" }) }, option.id)));
-        if (icons.length < 3) {
-            const additionalIcons = [];
-            if (includeSolana)
-                additionalIcons.push(jsx(Solana, {}));
-            if (includeDepositAddressOption && additionalIcons.length < 3)
-                additionalIcons.push(jsx(Bitcoin, {}));
-            if (includeDepositAddressOption && additionalIcons.length < 3)
-                additionalIcons.push(jsx(Tron, {}));
-            if (additionalIcons.length < 3)
-                additionalIcons.push(...getBestUnconnectedWalletIcons(connector));
-            icons = [...icons, ...additionalIcons.slice(0, 3 - icons.length)];
-        }
-        return icons;
-    }
-    return (jsx(OptionsList, { options: allPaymentOptions.length > 0
-            ? [selectMethodOption]
-            : [selectWalletOption] }));
-}
-
 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] })] }));
 };
@@ -10789,6 +10811,7 @@ const ChainContainer$1 = styled(motion.div) `
 
 function SelectToken() {
     const { isMobile, isIOS } = useIsMobile();
+    const isMobileFormat = useIsMobile() || window?.innerWidth < defaultTheme.mobileWidth;
     const { setRoute, paymentState, wcWallet } = usePayContext();
     const { isDepositFlow, walletPaymentOptions, setSelectedTokenOption } = paymentState;
     const optionsList = walletPaymentOptions.options?.map((option) => {
@@ -10836,13 +10859,13 @@ function SelectToken() {
             disabled,
         };
     }) ?? [];
-    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true }), !walletPaymentOptions.isLoading && optionsList.length === 0 && (jsxs(ModalContent, { style: {
+    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, showEth: true }), !walletPaymentOptions.isLoading && optionsList.length === 0 && (jsxs(ModalContent, { style: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     paddingTop: 16,
                     paddingBottom: 16,
-                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx("div", { className: "w-full mt-4", children: jsx(SelectAnotherMethodButton, {}) })] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: walletPaymentOptions.isLoading, options: optionsList, shortScroll: isMobile, orDivider: optionsList.length != 0 }), optionsList.length != 0 && (jsx("div", { className: "mt-2", children: jsx(SelectAnotherMethodButton, {}) }))] }));
+                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: walletPaymentOptions.isLoading, options: optionsList, scrollHeight: isMobileFormat ? 225 : 300, orDivider: optionsList.length != 0 }), optionsList.length != 0 && jsx(SelectAnotherMethodButton, {})] }));
 }
 function getDaimoTokenKey(token) {
     return `${token.chainId}-${token.token}`;
@@ -10949,7 +10972,7 @@ const ConnectSolana = () => {
                     paddingTop: 16,
                     paddingBottom: 16,
                     gap: 16,
-                }, children: [jsx(ModalH1, { children: "No Solana wallets detected." }), jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD, { event: "click-select-another" }), children: "Select Another Method" })] })), isMobile() &&
+                }, children: [jsx(ModalH1, { children: "No Solana wallets detected." }), jsx(SelectAnotherMethodButton, {})] })), isMobile() &&
                 (solanaWallets.wallets.length === 0 ||
                     (solanaWallets.wallets.length > 0 &&
                         solanaWallets.wallets[0].adapter.name ===
@@ -11004,11 +11027,7 @@ const PayWithSolanaToken = () => {
     useEffect(() => {
         triggerResize();
     }, [payState]);
-    return (jsxs(PageContent, { children: [selectedSolanaTokenOption && (jsx(TokenLogoSpinner, { token: selectedSolanaTokenOption.required.token })), jsxs(ModalContent, { style: { paddingBottom: 0 }, children: [jsx(ModalH1, { children: payState }), selectedSolanaTokenOption && (jsx(PaymentBreakdown, { paymentOption: selectedSolanaTokenOption })), payState === PayState.RequestCancelled && (jsx(Button, { onClick: handleTransfer, children: "Retry Payment" })), payState === PayState.RequestFailed && (jsx(Button, { onClick: () => {
-                            assert(payParams != null, "[PAY SOLANA] payParams cannot be null in deposit flow");
-                            generatePreviewOrder(payParams);
-                            setRoute(ROUTES.SELECT_METHOD, { event: "click-select-another" });
-                        }, children: "Select Another Method" }))] })] }));
+    return (jsxs(PageContent, { children: [selectedSolanaTokenOption && (jsx(TokenLogoSpinner, { token: selectedSolanaTokenOption.required.token })), jsxs(ModalContent, { style: { paddingBottom: 0 }, children: [jsx(ModalH1, { children: payState }), selectedSolanaTokenOption && (jsx(PaymentBreakdown, { paymentOption: selectedSolanaTokenOption })), payState === PayState.RequestCancelled && (jsx(Button, { onClick: handleTransfer, children: "Retry Payment" })), payState === PayState.RequestFailed && jsx(SelectAnotherMethodButton, {})] })] }));
 };
 
 const SelectSolanaAmount = () => {
@@ -11026,6 +11045,7 @@ function getDaimoSolanaTokenKey(token) {
 const SelectSolanaToken = () => {
     const { paymentState, setRoute } = usePayContext();
     const { isDepositFlow, solanaPaymentOptions, setSelectedSolanaTokenOption } = paymentState;
+    const isMobileFormat = useIsMobile() || window?.innerWidth < defaultTheme.mobileWidth;
     const optionsList = solanaPaymentOptions.options?.map((option) => {
         const titlePrice = isDepositFlow
             ? formatUsd(option.balance.usd)
@@ -11059,13 +11079,13 @@ const SelectSolanaToken = () => {
             disabled,
         };
     }) ?? [];
-    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true }), !solanaPaymentOptions.isLoading && optionsList.length === 0 && (jsxs(ModalContent, { style: {
+    return (jsxs(PageContent, { children: [jsx(OrderHeader, { minified: true, showSolana: true }), !solanaPaymentOptions.isLoading && optionsList.length === 0 && (jsxs(ModalContent, { style: {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     paddingTop: 16,
                     paddingBottom: 16,
-                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: solanaPaymentOptions.isLoading, options: optionsList, orDivider: optionsList.length != 0 }), optionsList.length != 0 && (jsx("div", { className: "mt-2", children: jsx(SelectAnotherMethodButton, {}) }))] }));
+                }, children: [jsx(ModalH1, { children: "Insufficient balance." }), jsx(SelectAnotherMethodButton, {})] })), jsx(OptionsList, { requiredSkeletons: 4, isLoading: solanaPaymentOptions.isLoading, options: optionsList, scrollHeight: isMobileFormat ? 225 : 300, orDivider: optionsList.length != 0 }), optionsList.length != 0 && jsx(SelectAnotherMethodButton, {})] }));
 };
 
 const WaitingDepositAddress = () => {
@@ -11103,7 +11123,7 @@ const WaitingDepositAddress = () => {
     useEffect(() => {
         triggerResize();
     }, [details]);
-    return (jsx(PageContent, { children: failed ? (jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsxs(ModalH1, { children: [selectedDepositAddressOption?.id, " unavailable"] }), jsxs(ModalBody, { children: ["We're unable to process ", selectedDepositAddressOption?.id, " payments at this time. Please select another payment method."] }), jsx(Button, { onClick: () => setRoute(ROUTES.SELECT_METHOD, { event: "click-select-another" }), children: "Select Another Method" })] })) : (jsxs(ModalContent, { children: [jsx(CustomQRCode, { value: details?.uri, image: jsx("img", { src: selectedDepositAddressOption?.logoURI, width: "100%", height: "100%" }), tooltipMessage: jsxs(Fragment, { children: [jsx(ScanIconWithLogos, { logo: jsx("img", { src: selectedDepositAddressOption?.logoURI }) }), jsxs("span", { children: ["Use a ", selectedDepositAddressOption?.id, " wallet to scan"] })] }) }), details && (jsxs(Fragment, { children: [jsx(OrDivider, {}), jsxs(ModalBody, { children: ["Send exactly ", details.amount, " ", details.suffix, " to", " ", getAddressContraction(details.address), " and return to this page. Confirmation should appear in a few minutes."] }), jsx(CopyToClipboard, { variant: "button", string: details.address, children: "Copy Address" }), jsx(CopyToClipboard, { variant: "left", string: details.amount, children: "Copy Amount" })] }))] })) }));
+    return (jsx(PageContent, { children: failed ? (jsxs(ModalContent, { style: { marginLeft: 24, marginRight: 24 }, children: [jsxs(ModalH1, { children: [selectedDepositAddressOption?.id, " unavailable"] }), jsxs(ModalBody, { children: ["We're unable to process ", selectedDepositAddressOption?.id, " payments at this time. Please select another payment method."] }), jsx(SelectAnotherMethodButton, {})] })) : (jsxs(ModalContent, { children: [jsx(CustomQRCode, { value: details?.uri, image: jsx("img", { src: selectedDepositAddressOption?.logoURI, width: "100%", height: "100%" }), tooltipMessage: jsxs(Fragment, { children: [jsx(ScanIconWithLogos, { logo: jsx("img", { src: selectedDepositAddressOption?.logoURI }) }), jsxs("span", { children: ["Use a ", selectedDepositAddressOption?.id, " wallet to scan"] })] }) }), details && (jsxs(Fragment, { children: [jsx(OrDivider, {}), jsxs(ModalBody, { children: ["Send exactly ", details.amount, " ", details.suffix, " to", " ", getAddressContraction(details.address), " and return to this page. Confirmation should appear in a few minutes."] }), jsx(CopyToClipboard, { variant: "button", string: details.address, children: "Copy Address" }), jsx(CopyToClipboard, { variant: "left", string: details.amount, children: "Copy Amount" })] }))] })) }));
 };
 
 const WaitingExternal = () => {
@@ -11312,9 +11332,6 @@ const DaimoPayModal = ({ mode = "auto", theme = "auto", customTheme = customThem
             !isEthConnected &&
             context.wcWallet === undefined &&
             includeSolana) {
-            console.log("solana connected on open");
-            console.log("isEthConnected ", isEthConnected);
-            console.log("context.wcWallet ", context.wcWallet);
             if (context.route === ROUTES.SELECT_METHOD) {
                 context.setRoute(ROUTES.SOLANA_SELECT_TOKEN, {
                     event: "solana_connected_on_open",