thirdweb 5.64.1 → 5.64.3-nightly-ddec3dadcc260e0d4d0ed2b43c502e0915a14203-20241029000326

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js

@@ -9,18 +9,24 @@ const units_js_1 = require("../../../../../../utils/units.js");
 const CustomThemeProvider_js_1 = require("../../../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../../../core/design-system/index.js");
 const useChainQuery_js_1 = require("../../../../../core/hooks/others/useChainQuery.js");
+const useWalletBalance_js_1 = require("../../../../../core/hooks/others/useWalletBalance.js");
+const useActiveAccount_js_1 = require("../../../../../core/hooks/wallets/useActiveAccount.js");
 const useActiveWallet_js_1 = require("../../../../../core/hooks/wallets/useActiveWallet.js");
 const wallet_js_1 = require("../../../../../core/utils/wallet.js");
 const LoadingScreen_js_1 = require("../../../../wallets/shared/LoadingScreen.js");
 const ChainIcon_js_1 = require("../../../components/ChainIcon.js");
 const Img_js_1 = require("../../../components/Img.js");
+const Skeleton_js_1 = require("../../../components/Skeleton.js");
 const Spacer_js_1 = require("../../../components/Spacer.js");
 const TokenIcon_js_1 = require("../../../components/TokenIcon.js");
-const WalletImage_js_1 = require("../../../components/WalletImage.js");
 const basic_js_1 = require("../../../components/basic.js");
 const buttons_js_1 = require("../../../components/buttons.js");
 const text_js_1 = require("../../../components/text.js");
+const TokenSymbol_js_1 = require("../../../components/token/TokenSymbol.js");
 const ConnectButton_js_1 = require("../../ConnectButton.js");
+const formatTokenBalance_js_1 = require("../formatTokenBalance.js");
+const nativeToken_js_1 = require("../nativeToken.js");
+const WalletSelectorButton_js_1 = require("./WalletSelectorButton.js");
 const useBuyTxStates_js_1 = require("./main/useBuyTxStates.js");
 function TransactionModeScreen(props) {
     const { payUiOptions, client, payerAccount, supportedDestinations, onContinue, } = props;
@@ -33,26 +39,34 @@ function TransactionModeScreen(props) {
     });
     const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
     const activeWallet = (0, useActiveWallet_js_1.useActiveWallet)();
+    const activeAccount = (0, useActiveAccount_js_1.useActiveAccount)();
     const sponsoredTransactionsEnabled = (0, wallet_js_1.hasSponsoredTransactionsEnabled)(activeWallet);
+    const balanceQuery = (0, useWalletBalance_js_1.useWalletBalance)({
+        address: activeAccount?.address,
+        chain: payUiOptions.transaction.chain,
+        tokenAddress: (0, nativeToken_js_1.isNativeToken)(transactionCostAndData?.token || nativeToken_js_1.NATIVE_TOKEN)
+            ? undefined
+            : transactionCostAndData?.token.address,
+        client: props.client,
+    }, {
+        enabled: !!transactionCostAndData,
+    });
     if (!transactionCostAndData || !chainData) {
         return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
     }
     return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { p: "lg", children: [(0, jsx_runtime_1.jsx)(basic_js_1.ModalHeader, { title: metadata?.name || "Transaction" }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "lg" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [metadata?.image ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { client: client, src: metadata?.image, style: {
                             width: "100%",
                             borderRadius: index_js_1.spacing.md,
+                            border: `1px solid ${theme.colors.borderColor}`,
                             backgroundColor: theme.colors.tertiaryBg,
-                        } })) : activeWallet ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", center: "both", style: {
-                            padding: index_js_1.spacing.md,
-                            marginBottom: index_js_1.spacing.md,
-                            borderRadius: index_js_1.spacing.md,
-                            backgroundColor: theme.colors.tertiaryBg,
-                        }, children: [(0, jsx_runtime_1.jsx)(WalletImage_js_1.WalletImage, { size: index_js_1.iconSize.xl, id: activeWallet.id, client: client }), (0, jsx_runtime_1.jsx)("div", { style: {
-                                    flexGrow: 1,
-                                    borderBottom: "6px dotted",
-                                    borderColor: theme.colors.secondaryIconColor,
-                                    marginLeft: index_js_1.spacing.md,
-                                    marginRight: index_js_1.spacing.md,
-                                } }), (0, jsx_runtime_1.jsx)(ChainIcon_js_1.ChainIcon, { client: client, size: index_js_1.iconSize.xl, chainIconUrl: chainData.icon?.url })] })) : null, (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", expand: true, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: "primaryText", weight: 700, children: "Price" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(TokenIcon_js_1.TokenIcon, { chain: payUiOptions.transaction.chain, client: props.client, size: "sm", token: transactionCostAndData.token }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "md", weight: 700, children: [String((0, formatNumber_js_1.formatNumber)(Number((0, units_js_1.toTokens)(transactionCostAndData.transactionValueWei, transactionCostAndData.decimals)), 6)), " ", transactionCostAndData.token.symbol] })] }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", expand: true, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", children: "Gas Fees" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: sponsoredTransactionsEnabled ? "success" : "primaryText", size: "xs", children: sponsoredTransactionsEnabled
+                        } })) : activeAccount ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "sm", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", color: "danger", style: { textAlign: "center" }, children: "Insufficient funds" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", style: {
+                                    justifyContent: "space-between",
+                                    padding: index_js_1.spacing.sm,
+                                    marginBottom: index_js_1.spacing.sm,
+                                    borderRadius: index_js_1.spacing.md,
+                                    backgroundColor: theme.colors.tertiaryBg,
+                                    border: `1px solid ${theme.colors.borderColor}`,
+                                }, children: [(0, jsx_runtime_1.jsx)(WalletSelectorButton_js_1.WalletRow, { address: activeAccount?.address, iconSize: "md", client: client }), balanceQuery.data ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "3xs", center: "y", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", weight: 500, children: (0, formatTokenBalance_js_1.formatTokenBalance)(balanceQuery.data, false, 3) }), (0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { token: transactionCostAndData.token, chain: payUiOptions.transaction.chain, size: "xs", color: "secondaryText" })] })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "70px", height: index_js_1.fontSize.xs }))] })] })) : null, (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", expand: true, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: "primaryText", weight: 700, children: "Price" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(TokenIcon_js_1.TokenIcon, { chain: payUiOptions.transaction.chain, client: props.client, size: "sm", token: transactionCostAndData.token }), (0, jsx_runtime_1.jsxs)(text_js_1.Text, { color: "primaryText", size: "md", weight: 700, children: [String((0, formatNumber_js_1.formatNumber)(Number((0, units_js_1.toTokens)(transactionCostAndData.transactionValueWei, transactionCostAndData.decimals)), 6)), " ", transactionCostAndData.token.symbol] })] }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsx)(basic_js_1.Line, {}), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "md" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", expand: true, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", children: "Gas Fees" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { color: sponsoredTransactionsEnabled ? "success" : "primaryText", size: "xs", children: sponsoredTransactionsEnabled
                                             ? "Sponsored"
                                             : `${String((0, formatNumber_js_1.formatNumber)(Number((0, units_js_1.toTokens)(transactionCostAndData.gasCostWei, chainData.nativeCurrency.decimals)), 6))} ${chainData.nativeCurrency.symbol}` }) }) })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", expand: true, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", children: "Network" }) }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { expand: true, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: [(0, jsx_runtime_1.jsx)(ChainIcon_js_1.ChainIcon, { chainIconUrl: chainData.icon?.url, size: "xs", client: props.client }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", style: { textAlign: "right" }, children: chainData.name })] }) })] })] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "xl" }), payerAccount ? ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "accent", fullWidth: true, onClick: () => {
                     let totalCostWei = transactionCostAndData.transactionValueWei;

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionModeScreen.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TransactionModeScreen.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/TransactionModeScreen.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.js

@@ -1,38 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WalletSelectorButton = WalletSelectorButton;
+exports.WalletRowWithBalances = WalletRowWithBalances;
 exports.WalletRow = WalletRow;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
+const styled_1 = require("@emotion/styled");
+const react_1 = require("react");
 const address_js_1 = require("../../../../../../utils/address.js");
 const CustomThemeProvider_js_1 = require("../../../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../../../core/design-system/index.js");
-const useConnectedWallets_js_1 = require("../../../../../core/hooks/wallets/useConnectedWallets.js");
+const useChainQuery_js_1 = require("../../../../../core/hooks/others/useChainQuery.js");
 const wallet_js_1 = require("../../../../../core/utils/wallet.js");
 const Img_js_1 = require("../../../components/Img.js");
+const TokenIcon_js_1 = require("../../../components/TokenIcon.js");
 const WalletImage_js_1 = require("../../../components/WalletImage.js");
 const basic_js_1 = require("../../../components/basic.js");
 const buttons_js_1 = require("../../../components/buttons.js");
 const text_js_1 = require("../../../components/text.js");
-function WalletSelectorButton(props) {
+const Blobbie_js_1 = require("../../Blobbie.js");
+const formatTokenBalance_js_1 = require("../formatTokenBalance.js");
+function WalletRowWithBalances(props) {
     const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    return ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { bg: "tertiaryBg", style: {
+    const [showAll, setShowAll] = (0, react_1.useState)(false);
+    const maxDisplayedBalances = 3;
+    const displayedBalances = showAll
+        ? props.balances
+        : props.balances.slice(0, maxDisplayedBalances);
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", style: {
             borderRadius: index_js_1.radius.lg,
             border: `1px solid ${theme.colors.borderColor}`,
-            ...props.containerStyle,
-        }, children: (0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { fullWidth: true, disabled: props.disabled, onClick: props.onClick, variant: "ghost", style: {
-                justifyContent: "space-between",
-                padding: index_js_1.spacing.sm,
-                backgroundColor: theme.colors.tertiaryBg,
-            }, gap: "sm", children: [(0, jsx_runtime_1.jsx)(WalletRow, { client: props.client, address: props.address }), !props.disableChevron && ((0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm, style: {
-                        color: theme.colors.secondaryText,
-                    } })), props.checked && ((0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: index_js_1.iconSize.md, height: index_js_1.iconSize.md }))] }) }));
+        }, children: [(0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: { padding: index_js_1.spacing.sm }, children: (0, jsx_runtime_1.jsx)(WalletRow, { ...props }) }), (0, jsx_runtime_1.jsx)("div", { style: { borderTop: `1px solid ${theme.colors.borderColor}` } }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", children: props.balances.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [displayedBalances.map((b) => ((0, jsx_runtime_1.jsx)(TokenBalanceRow, { client: props.client, onClick: () => props.onClick(props.wallet, b.token, b.chain), tokenBalance: b, wallet: props.wallet }, `${b.token.address}-${b.chain.id}`))), props.balances.length > maxDisplayedBalances && ((0, jsx_runtime_1.jsx)(StyledButton, { variant: "secondary", onClick: () => setShowAll(!showAll), style: {
+                                justifyContent: "start",
+                            }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", children: showAll ? "Show less" : "Show more" }) }))] })) : ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: { padding: index_js_1.spacing.sm }, children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", color: "secondaryText", children: "Not enough funds" }) })) })] }));
+}
+function TokenBalanceRow(props) {
+    const { tokenBalance, wallet, onClick, client } = props;
+    const chainInfo = (0, useChainQuery_js_1.useChainName)(tokenBalance.chain);
+    return ((0, jsx_runtime_1.jsxs)(StyledButton, { onClick: () => onClick(tokenBalance.token, wallet), variant: "secondary", children: [(0, jsx_runtime_1.jsx)(TokenIcon_js_1.TokenIcon, { token: tokenBalance.token, chain: tokenBalance.chain, size: "md", client: client }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "3xs", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "primaryText", children: tokenBalance.token.symbol }), chainInfo && (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", children: chainInfo.name })] }), (0, jsx_runtime_1.jsx)("div", { style: { flex: 1 } }), (0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "row", center: "y", gap: "3xs", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", children: (0, formatTokenBalance_js_1.formatTokenBalance)(tokenBalance.balance, true, 3) }) })] }));
 }
 function WalletRow(props) {
     const { client, address } = props;
-    const connectedWallets = (0, useConnectedWallets_js_1.useConnectedWallets)();
-    const wallet = connectedWallets.find((x) => x.getAccount()?.address === props.address);
-    const walletId = props.walletId || wallet?.id;
+    const walletId = props.walletId;
+    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
     const ensNameQuery = (0, wallet_js_1.useEnsName)({
         client,
         address,
@@ -42,8 +50,31 @@ function WalletRow(props) {
         client,
         ensName: ensNameQuery.data,
     });
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", center: "y", gap: "sm", color: "secondaryText", children: [ensAvatarQuery.data ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: ensAvatarQuery.data, width: index_js_1.iconSize.md, height: index_js_1.iconSize.md, style: {
-                    borderRadius: index_js_1.radius.sm,
-                }, client: props.client })) : walletId ? ((0, jsx_runtime_1.jsx)(WalletImage_js_1.WalletImage, { id: walletId, size: index_js_1.iconSize.md, client: props.client })) : null, (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", color: "primaryText", children: addressOrENS || (0, address_js_1.shortenAddress)(props.address) })] }));
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", center: "y", gap: "sm", color: "secondaryText", children: [ensAvatarQuery.data ? ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: ensAvatarQuery.data, width: props.iconSize ? index_js_1.iconSize[props.iconSize] : index_js_1.iconSize.md, height: props.iconSize ? index_js_1.iconSize[props.iconSize] : index_js_1.iconSize.md, style: {
+                    borderRadius: "100%",
+                    overflow: "hidden",
+                    border: `1px solid ${theme.colors.borderColor}`,
+                }, client: props.client })) : walletId ? ((0, jsx_runtime_1.jsx)(WalletImage_js_1.WalletImage, { id: walletId, size: props.iconSize || index_js_1.iconSize.md, client: props.client })) : ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { style: {
+                    width: index_js_1.iconSize.md,
+                    height: index_js_1.iconSize.md,
+                    borderRadius: "100%",
+                    overflow: "hidden",
+                    border: `1px solid ${theme.colors.borderColor}`,
+                }, children: (0, jsx_runtime_1.jsx)(Blobbie_js_1.Blobbie, { address: props.address, size: Number(index_js_1.iconSize.md) }) })), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: props.textSize || "sm", color: "primaryText", children: addressOrENS || (0, address_js_1.shortenAddress)(props.address) })] }));
 }
+const StyledButton = /* @__PURE__ */ (0, styled_1.default)(buttons_js_1.Button)((_) => {
+    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
+    return {
+        background: theme.colors.tertiaryBg,
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        padding: index_js_1.spacing.sm,
+        gap: index_js_1.spacing.sm,
+        "&:hover": {
+            background: theme.colors.secondaryButtonBg,
+            transform: "scale(1.01)",
+        },
+        transition: "background 200ms ease, transform 150ms ease",
+    };
+});
 //# sourceMappingURL=WalletSelectorButton.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletSelectorButton.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"WalletSelectorButton.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js

@@ -31,11 +31,9 @@ function useEnabledPaymentMethods(options) {
     const { fiat, swap } = getEnabledPayMethodsForSelectedToken();
     const buyWithFiatEnabled = payOptions.buyWithFiat !== false && fiat;
     const buyWithCryptoEnabled = payOptions.buyWithCrypto !== false && swap;
-    const showPaymentSelection = buyWithFiatEnabled && buyWithCryptoEnabled;
     return {
         buyWithFiatEnabled,
         buyWithCryptoEnabled,
-        showPaymentSelection,
     };
 }
 //# sourceMappingURL=useEnabledPaymentMethods.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEnabledPaymentMethods.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.ts"],"names":[],"mappings":";;AAeA,4DAqDC;AAnED,8EAAmF;AAEnF,yDAA8E;AAY9E,SAAgB,wBAAwB,CAAC,OAKxC;IACC,MAAM,EAAE,UAAU,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAExE,SAAS,oCAAoC;QAI3C,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;gBACL,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;aACZ,CAAC;QACJ,CAAC;QAED,MAAM,cAAc,GAAG,IAAA,8BAAa,EAAC,OAAO,CAAC;YAC3C,CAAC,CAAC,mCAAoB;YACtB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;QAEpB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CACjC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,cAAc,CAAC,WAAW,EAAE,CAChE,CAAC;QAEF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;gBACL,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,IAAI;aACX,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,SAAS,CAAC,kBAAkB;YAClC,IAAI,EAAE,SAAS,CAAC,oBAAoB;SACrC,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,oCAAoC,EAAE,CAAC;IAE9D,MAAM,kBAAkB,GAAG,UAAU,CAAC,WAAW,KAAK,KAAK,IAAI,IAAI,CAAC;IACpE,MAAM,oBAAoB,GAAG,UAAU,CAAC,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC;IAExE,MAAM,oBAAoB,GAAG,kBAAkB,IAAI,oBAAoB,CAAC;IAExE,OAAO;QACL,kBAAkB;QAClB,oBAAoB;QACpB,oBAAoB;KACrB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"useEnabledPaymentMethods.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/main/useEnabledPaymentMethods.ts"],"names":[],"mappings":";;AAcA,4DAkDC;AA/DD,8EAAmF;AAEnF,yDAA8E;AAW9E,SAAgB,wBAAwB,CAAC,OAKxC;IACC,MAAM,EAAE,UAAU,EAAE,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAExE,SAAS,oCAAoC;QAI3C,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;QAC3E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;gBACL,IAAI,EAAE,KAAK;gBACX,IAAI,EAAE,KAAK;aACZ,CAAC;QACJ,CAAC;QAED,MAAM,cAAc,GAAG,IAAA,8BAAa,EAAC,OAAO,CAAC;YAC3C,CAAC,CAAC,mCAAoB;YACtB,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;QAEpB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CACjC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,cAAc,CAAC,WAAW,EAAE,CAChE,CAAC;QAEF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;gBACL,IAAI,EAAE,IAAI;gBACV,IAAI,EAAE,IAAI;aACX,CAAC;QACJ,CAAC;QAED,OAAO;YACL,IAAI,EAAE,SAAS,CAAC,kBAAkB;YAClC,IAAI,EAAE,SAAS,CAAC,oBAAoB;SACrC,CAAC;IACJ,CAAC;IAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,oCAAoC,EAAE,CAAC;IAE9D,MAAM,kBAAkB,GAAG,UAAU,CAAC,WAAW,KAAK,KAAK,IAAI,IAAI,CAAC;IACpE,MAAM,oBAAoB,GAAG,UAAU,CAAC,aAAa,KAAK,KAAK,IAAI,IAAI,CAAC;IAExE,OAAO;QACL,kBAAkB;QAClB,oBAAoB;KACrB,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js

@@ -1,28 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PayWithCrypto = PayWithCrypto;
+exports.PayWithCryptoQuoteInfo = PayWithCryptoQuoteInfo;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
 const formatNumber_js_1 = require("../../../../../../../utils/formatNumber.js");
+const CustomThemeProvider_js_1 = require("../../../../../../core/design-system/CustomThemeProvider.js");
 const index_js_1 = require("../../../../../../core/design-system/index.js");
 const useChainQuery_js_1 = require("../../../../../../core/hooks/others/useChainQuery.js");
 const useWalletBalance_js_1 = require("../../../../../../core/hooks/others/useWalletBalance.js");
 const Skeleton_js_1 = require("../../../../components/Skeleton.js");
 const basic_js_1 = require("../../../../components/basic.js");
-const buttons_js_1 = require("../../../../components/buttons.js");
 const text_js_1 = require("../../../../components/text.js");
 const TokenSymbol_js_1 = require("../../../../components/token/TokenSymbol.js");
-const GenericWalletIcon_js_1 = require("../../../icons/GenericWalletIcon.js");
 const formatTokenBalance_js_1 = require("../../formatTokenBalance.js");
 const nativeToken_js_1 = require("../../nativeToken.js");
 const PayTokenIcon_js_1 = require("../PayTokenIcon.js");
+const WalletSelectorButton_js_1 = require("../WalletSelectorButton.js");
 /**
  * Shows an amount "value" and renders the selected token and chain
  * It also renders the buttons to select the token and chain
  * It also renders the balance of active wallet for the selected token in selected chain
  * @internal
  */
-function PayWithCrypto(props) {
+function PayWithCryptoQuoteInfo(props) {
+    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
     const { name } = (0, useChainQuery_js_1.useChainName)(props.chain);
     const balanceQuery = (0, useWalletBalance_js_1.useWalletBalance)({
         address: props.payerAccount.address,
@@ -30,37 +30,26 @@ function PayWithCrypto(props) {
         tokenAddress: (0, nativeToken_js_1.isNativeToken)(props.token) ? undefined : props.token.address,
         client: props.client,
     });
-    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", borderColor: "borderColor", flex: "row", style: {
-            borderWidth: "1px",
-            borderTopWidth: 0,
-            borderStyle: "solid",
-            flexWrap: "nowrap",
-            justifyContent: "space-between",
-            minHeight: "64px",
-            alignItems: "center",
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { bg: "tertiaryBg", style: {
+            borderRadius: index_js_1.radius.lg,
+            border: `1px solid ${theme.colors.borderColor}`,
             ...(props.swapRequired
-                ? { borderBottom: "none" }
-                : {
-                    borderBottomLeftRadius: index_js_1.radius.md,
-                    borderBottomRightRadius: index_js_1.radius.md,
-                }),
-        }, children: [(0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { variant: "ghost", onClick: props.onSelectToken, gap: "sm", style: {
+                ? {
+                    borderBottom: "none",
+                    borderBottomLeftRadius: 0,
+                    borderBottomRightRadius: 0,
+                }
+                : {}),
+        }, children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "sm", style: {
+                    justifyContent: "space-between",
+                    padding: index_js_1.spacing.sm,
+                    borderBottom: `1px solid ${theme.colors.borderColor}`,
+                }, children: [(0, jsx_runtime_1.jsx)(WalletSelectorButton_js_1.WalletRow, { client: props.client, address: props.payerAccount.address }), balanceQuery.data ? ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "3xs", center: "y", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", weight: 500, children: (0, formatTokenBalance_js_1.formatTokenBalance)(balanceQuery.data, false, 3) }), (0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { token: props.token, chain: props.chain, size: "xs", color: "secondaryText" })] })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "70px", height: index_js_1.fontSize.xs }))] }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "sm", style: {
                     paddingInline: index_js_1.spacing.sm,
                     paddingBlock: index_js_1.spacing.sm,
                     minWidth: "50%",
                     justifyContent: "flex-start",
-                }, disabled: props.freezeChainAndTokenSelection, children: [(0, jsx_runtime_1.jsx)(PayTokenIcon_js_1.PayTokenIcon, { token: props.token, chain: props.chain, size: "md", client: props.client }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "3xs", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xs", center: "y", color: "primaryText", children: [(0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { token: props.token, chain: props.chain, size: "sm" }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { width: index_js_1.iconSize.sm, height: index_js_1.iconSize.sm })] }), name ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", children: name })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "90px", height: index_js_1.fontSize.xs }))] })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                    flexGrow: 1,
-                    flexShrink: 1,
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "flex-end",
-                    gap: index_js_1.spacing.xxs,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    justifyContent: "center",
-                    paddingRight: index_js_1.spacing.sm,
-                }, children: [props.isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "120px", height: index_js_1.fontSize.md, color: "borderColor" })) : ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: props.value ? "primaryText" : "secondaryText", style: {}, children: (0, formatNumber_js_1.formatNumber)(Number(props.value), 6) || "" })), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xxs", center: "y", color: "secondaryText", children: [(0, jsx_runtime_1.jsx)(GenericWalletIcon_js_1.GenericWalletIcon, { size: index_js_1.fontSize.xs }), balanceQuery.data ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", weight: 500, children: (0, formatTokenBalance_js_1.formatTokenBalance)(balanceQuery.data, false) })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "70px", height: index_js_1.fontSize.xs }))] })] })] }));
+                    minHeight: "64px",
+                }, children: [(0, jsx_runtime_1.jsx)(PayTokenIcon_js_1.PayTokenIcon, { token: props.token, chain: props.chain, size: "md", client: props.client }), (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "3xs", children: [props.isLoading ? ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "120px", height: index_js_1.fontSize.md, color: "borderColor" })) : ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "xxs", center: "y", color: "primaryText", children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "md", color: props.value ? "primaryText" : "secondaryText", children: (0, formatNumber_js_1.formatNumber)(Number(props.value), 6) || "" }), (0, jsx_runtime_1.jsx)(TokenSymbol_js_1.TokenSymbol, { token: props.token, chain: props.chain, size: "sm" })] })), name ? ((0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", children: name })) : ((0, jsx_runtime_1.jsx)(Skeleton_js_1.Skeleton, { width: "90px", height: index_js_1.fontSize.xs }))] })] })] }));
 }
 //# sourceMappingURL=PayWithCrypto.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayWithCrypto.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PayWithCrypto.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.tsx"],"names":[],"mappings":";;AA4BA,wDAsGC;;AAhID,gFAA0E;AAE1E,wGAA6F;AAC7F,4EAIuD;AACvD,2FAAoF;AACpF,iGAA2F;AAE3F,oEAA8D;AAC9D,8DAA4D;AAC5D,4DAAsD;AACtD,gFAA0E;AAC1E,uEAAiE;AACjE,yDAAuE;AACvE,wDAAkD;AAClD,wEAAuD;AAEvD;;;;;GAKG;AACH,SAAgB,sBAAsB,CAAC,KAStC;IACC,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,+BAAY,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,IAAA,sCAAgB,EAAC;QACpC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO;QACnC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,YAAY,EAAE,IAAA,8BAAa,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO;QAC1E,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,oBAAS,IACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAE;YACL,YAAY,EAAE,iBAAM,CAAC,EAAE;YACvB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;YAC/C,GAAG,CAAC,KAAK,CAAC,YAAY;gBACpB,CAAC,CAAC;oBACE,YAAY,EAAE,MAAM;oBACpB,sBAAsB,EAAE,CAAC;oBACzB,uBAAuB,EAAE,CAAC;iBAC3B;gBACH,CAAC,CAAC,EAAE,CAAC;SACR,aAGD,wBAAC,oBAAS,IACR,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;oBACL,cAAc,EAAE,eAAe;oBAC/B,OAAO,EAAE,kBAAO,CAAC,EAAE;oBACnB,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;iBACtD,aAED,uBAAC,mCAAS,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,GAAI,EACvE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,aACxC,uBAAC,cAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,EAAC,MAAM,EAAE,GAAG,YAC9C,IAAA,0CAAkB,EAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAC3C,EACP,uBAAC,4BAAW,IACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,GACrB,IACQ,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,sBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,GAAI,CAC/C,IACS,EAEZ,wBAAC,oBAAS,IACR,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;oBACL,aAAa,EAAE,kBAAO,CAAC,EAAE;oBACzB,YAAY,EAAE,kBAAO,CAAC,EAAE;oBACxB,QAAQ,EAAE,KAAK;oBACf,cAAc,EAAE,YAAY;oBAC5B,SAAS,EAAE,MAAM;iBAClB,aAED,uBAAC,8BAAY,IACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAC/B,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,uBAAC,sBAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,EAAE,KAAK,EAAC,aAAa,GAAG,CACpE,CAAC,CAAC,CAAC,CACF,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,aAC5D,uBAAC,cAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,YAEnD,IAAA,8BAAY,EAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,GACtC,EACP,uBAAC,4BAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,IACvD,CACb,EACA,IAAI,CAAC,CAAC,CAAC,CACN,uBAAC,cAAI,IAAC,IAAI,EAAC,IAAI,YAAE,IAAI,GAAQ,CAC9B,CAAC,CAAC,CAAC,CACF,uBAAC,sBAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,mBAAQ,CAAC,EAAE,GAAI,CAC/C,IACS,IACF,IACF,CACb,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PaymentSelectionScreen.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentSelectionScreen = PaymentSelectionScreen;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_icons_1 = require("@radix-ui/react-icons");
+const react_query_1 = require("@tanstack/react-query");
+const utils_js_1 = require("../../../../../../../chains/utils.js");
+const addresses_js_1 = require("../../../../../../../constants/addresses.js");
+const getWalletBalance_js_1 = require("../../../../../../../wallets/utils/getWalletBalance.js");
+const CustomThemeProvider_js_1 = require("../../../../../../core/design-system/CustomThemeProvider.js");
+const index_js_1 = require("../../../../../../core/design-system/index.js");
+const useChainQuery_js_1 = require("../../../../../../core/hooks/others/useChainQuery.js");
+const useActiveAccount_js_1 = require("../../../../../../core/hooks/wallets/useActiveAccount.js");
+const useConnectedWallets_js_1 = require("../../../../../../core/hooks/wallets/useConnectedWallets.js");
+const LoadingScreen_js_1 = require("../../../../../wallets/shared/LoadingScreen.js");
+const Spacer_js_1 = require("../../../../components/Spacer.js");
+const basic_js_1 = require("../../../../components/basic.js");
+const buttons_js_1 = require("../../../../components/buttons.js");
+const text_js_1 = require("../../../../components/text.js");
+const OutlineWalletIcon_js_1 = require("../../../icons/OutlineWalletIcon.js");
+const nativeToken_js_1 = require("../../nativeToken.js");
+const WalletSelectorButton_js_1 = require("../WalletSelectorButton.js");
+function PaymentSelectionScreen(props) {
+    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
+    const connectedWallets = (0, useConnectedWallets_js_1.useConnectedWallets)();
+    // if all wallets are connected and showAll wallets is disabled, hide the connect button
+    const hideConnectButton = !props.showAllWallets &&
+        props.wallets?.every((w) => connectedWallets.includes(w));
+    const chainInfo = (0, useChainQuery_js_1.useChainMetadata)(props.toChain);
+    const activeAccount = (0, useActiveAccount_js_1.useActiveAccount)();
+    const walletsAndBalances = (0, react_query_1.useQuery)({
+        queryKey: [
+            "wallets-and-balances",
+            connectedWallets.map((w) => w.getAccount()?.address),
+            props.sourceSupportedTokens,
+            props.toChain.id,
+            props.toToken,
+            props.tokenAmount,
+            props.mode,
+            activeAccount?.address,
+        ],
+        queryFn: async () => {
+            // in parallel, get the balances of all the wallets on each of the sourceSupportedTokens
+            const walletBalanceMap = new Map();
+            const balancePromises = connectedWallets.flatMap((wallet) => {
+                const account = wallet.getAccount();
+                if (!account)
+                    return [];
+                walletBalanceMap.set(wallet, []);
+                // inject the destination token too since it can be used as well to pay/transfer
+                const toToken = (0, nativeToken_js_1.isNativeToken)(props.toToken)
+                    ? {
+                        address: addresses_js_1.NATIVE_TOKEN_ADDRESS,
+                        name: chainInfo.data?.nativeCurrency.name || "",
+                        symbol: chainInfo.data?.nativeCurrency.symbol || "",
+                        icon: chainInfo.data?.icon?.url,
+                    }
+                    : props.toToken;
+                const tokens = {
+                    ...props.sourceSupportedTokens,
+                    [props.toChain.id]: [
+                        toToken,
+                        ...(props.sourceSupportedTokens?.[props.toChain.id] || []),
+                    ],
+                };
+                return Object.entries(tokens).flatMap(([chainId, tokens]) => {
+                    return tokens.map(async (token) => {
+                        try {
+                            const chain = (0, utils_js_1.getCachedChain)(Number(chainId));
+                            const balance = await (0, getWalletBalance_js_1.getWalletBalance)({
+                                address: account.address,
+                                chain,
+                                tokenAddress: (0, nativeToken_js_1.isNativeToken)(token) ? undefined : token.address,
+                                client: props.client,
+                            });
+                            // show the token if:
+                            // - its not the destination token and balance is greater than 0
+                            // - its the destination token and balance is greater than the token amount AND we the account is not the default account in fund_wallet mode
+                            const shouldInclude = token.address === toToken.address &&
+                                chain.id === props.toChain.id
+                                ? props.mode === "fund_wallet" &&
+                                    account.address === activeAccount?.address
+                                    ? false
+                                    : Number(balance.displayValue) > Number(props.tokenAmount)
+                                : balance.value > 0n;
+                            if (shouldInclude) {
+                                const existingBalances = walletBalanceMap.get(wallet) || [];
+                                existingBalances.push({ balance, chain, token });
+                                existingBalances.sort((a, b) => {
+                                    if (a.chain.id === props.toChain.id &&
+                                        a.token.address === toToken.address)
+                                        return -1;
+                                    if (b.chain.id === props.toChain.id &&
+                                        b.token.address === toToken.address)
+                                        return 1;
+                                    if (a.chain.id === props.toChain.id)
+                                        return -1;
+                                    if (b.chain.id === props.toChain.id)
+                                        return 1;
+                                    return a.chain.id > b.chain.id ? 1 : -1;
+                                });
+                            }
+                        }
+                        catch (error) {
+                            console.error(`Failed to fetch balance for wallet ${wallet.id} on chain ${chainId} for token ${token.symbol}:`, error);
+                        }
+                    });
+                });
+            });
+            await Promise.all(balancePromises);
+            return walletBalanceMap;
+        },
+        enabled: !!props.sourceSupportedTokens && !!chainInfo.data,
+    });
+    if (walletsAndBalances.isLoading || !walletsAndBalances.data) {
+        return (0, jsx_runtime_1.jsx)(LoadingScreen_js_1.LoadingScreen, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(basic_js_1.Container, { children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", gap: "xs", children: [Array.from(walletsAndBalances.data?.entries() || [])
+                        .filter(([w]) => !props.hiddenWallets?.includes(w.id))
+                        .map(([w, balances]) => {
+                        const address = w.getAccount()?.address;
+                        if (!address)
+                            return null;
+                        return ((0, jsx_runtime_1.jsx)(WalletSelectorButton_js_1.WalletRowWithBalances, { wallet: w, balances: balances, client: props.client, address: address, onClick: props.onSelect }, w.id));
+                    }), !hideConnectButton && ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "secondary", fullWidth: true, onClick: props.onConnect, gap: "xs", bg: "tertiaryBg", style: {
+                            borderRadius: index_js_1.radius.lg,
+                            border: `1px solid ${theme.colors.borderColor}`,
+                            padding: index_js_1.spacing.sm,
+                        }, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "sm", center: "y", expand: true, color: "secondaryIconColor", children: [(0, jsx_runtime_1.jsx)(OutlineWalletIcon_js_1.OutlineWalletIcon, { size: index_js_1.iconSize.md }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", color: "primaryText", children: "Pay with another wallet" })] }) })), props.payWithFiatEnabled && ((0, jsx_runtime_1.jsx)(buttons_js_1.Button, { variant: "secondary", fullWidth: true, gap: "xs", bg: "tertiaryBg", onClick: props.onSelectFiat, style: {
+                            borderRadius: index_js_1.radius.lg,
+                            border: `1px solid ${theme.colors.borderColor}`,
+                            padding: index_js_1.spacing.sm,
+                        }, children: (0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "row", gap: "sm", center: "y", expand: true, color: "secondaryIconColor", children: [(0, jsx_runtime_1.jsx)(react_icons_1.IdCardIcon, { style: {
+                                        width: index_js_1.iconSize.md,
+                                        height: index_js_1.iconSize.md,
+                                    } }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "sm", color: "primaryText", children: "Pay with credit card" })] }) }))] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" })] }));
+}
+//# sourceMappingURL=PaymentSelectionScreen.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/PaymentSelectionScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSelectionScreen.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/PaymentSelectionScreen.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.fetchBuySupportedDestinations = fetchBuySupportedDestinations;
 exports.useBuySupportedDestinations = useBuySupportedDestinations;
 exports.useBuySupportedSources = useBuySupportedSources;
 const react_query_1 = require("@tanstack/react-query");

package/dist/cjs/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwapSupportedChains.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.ts"],"names":[],"mappings":";;AAgEA,kEAUC;AAED,wDA+BC;AA3GD,uDAAiD;AAEjD,mEAAmE;AAEnE,kFAGuD;AACvD,kEAAqE;AACrE,kFAA4E;AA2B5E,KAAK,UAAU,6BAA6B,CAC1C,MAAsB,EACtB,UAAoB;IAEpB,OAAO,IAAA,wBAAS,EACd,KAAK,IAAI,EAAE;QACT,MAAM,gBAAgB,GAAG,IAAA,yBAAc,EAAC,MAAM,CAAC,CAAC;QAChD,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAChC,GAAG,IAAA,4CAA2B,GAAE,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1E,CAAC;QACF,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAa,CAAC;QAC5C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,IAAA,sBAAW,EAAC;gBACjB,EAAE,EAAE,IAAI,CAAC,OAAO;aACjB,CAAC;YACF,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC,CAAC;IACN,CAAC,EACD;QACE,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI;KACzB,CACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,2BAA2B,CACzC,MAAsB,EACtB,UAAoB;IAEpB,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC;QACxC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO,6BAA6B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3D,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,sBAAsB,CAAC,OAItC;IACC,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC;QACpC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,gBAAgB,GAAG,IAAA,yBAAc,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,OAAO,GAAG,IAAA,uCAAsB,GAAE,CAAC;YAEzC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC7B,GAAG,CAAC,YAAY,CAAC,MAAM,CACrB,oBAAoB,EACpB,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CACtC,CAAC;YACF,GAAG,CAAC,YAAY,CAAC,MAAM,CACrB,yBAAyB,EACzB,OAAO,CAAC,uBAAuB,CAChC,CAAC;YAEF,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;YACnD,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAa,CAAC;YAC5C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBAChC,KAAK,EAAE,IAAA,sBAAW,EAAC;oBACjB,EAAE,EAAE,IAAI,CAAC,OAAO;iBACjB,CAAC;gBACF,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC,CAAC;QACN,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"useSwapSupportedChains.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.ts"],"names":[],"mappings":";;AAoCA,sEAuBC;AAKD,kEAUC;AAED,wDA+BC;AA3GD,uDAAiD;AAEjD,mEAAmE;AAEnE,kFAGuD;AACvD,kEAAqE;AACrE,kFAA4E;AA2BrE,KAAK,UAAU,6BAA6B,CACjD,MAAsB,EACtB,UAAoB;IAEpB,OAAO,IAAA,wBAAS,EACd,KAAK,IAAI,EAAE;QACT,MAAM,gBAAgB,GAAG,IAAA,yBAAc,EAAC,MAAM,CAAC,CAAC;QAChD,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAChC,GAAG,IAAA,4CAA2B,GAAE,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAC1E,CAAC;QACF,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAa,CAAC;QAC5C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAChC,KAAK,EAAE,IAAA,sBAAW,EAAC;gBACjB,EAAE,EAAE,IAAI,CAAC,OAAO;aACjB,CAAC;YACF,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC,CAAC;IACN,CAAC,EACD;QACE,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI;KACzB,CACF,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,2BAA2B,CACzC,MAAsB,EACtB,UAAoB;IAEpB,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC;QACxC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,OAAO,6BAA6B,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3D,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,sBAAsB,CAAC,OAItC;IACC,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC;QACpC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,gBAAgB,GAAG,IAAA,yBAAc,EAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,OAAO,GAAG,IAAA,uCAAsB,GAAE,CAAC;YAEzC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC7B,GAAG,CAAC,YAAY,CAAC,MAAM,CACrB,oBAAoB,EACpB,OAAO,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CACtC,CAAC;YACF,GAAG,CAAC,YAAY,CAAC,MAAM,CACrB,yBAAyB,EACzB,OAAO,CAAC,uBAAuB,CAChC,CAAC;YAEF,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;YACnD,MAAM,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAa,CAAC;YAC5C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBAChC,KAAK,EAAE,IAAA,sBAAW,EAAC;oBACjB,EAAE,EAAE,IAAI,CAAC,OAAO;iBACjB,CAAC;gBACF,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC,CAAC;QACN,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}

package/dist/cjs/react/web/ui/ConnectWallet/screens/formatTokenBalance.js

@@ -7,8 +7,8 @@ const formatNumber_js_1 = require("../../../../../utils/formatNumber.js");
  * @param balanceData
  * @returns
  */
-function formatTokenBalance(balanceData, showSymbol = true) {
-    return ((0, formatNumber_js_1.formatNumber)(Number(balanceData.displayValue), 5) +
+function formatTokenBalance(balanceData, showSymbol = true, decimals = 5) {
+    return ((0, formatNumber_js_1.formatNumber)(Number(balanceData.displayValue), decimals) +
         (showSymbol ? ` ${balanceData.symbol}` : ""));
 }
 //# sourceMappingURL=formatTokenBalance.js.map

package/dist/cjs/react/web/ui/ConnectWallet/screens/formatTokenBalance.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatTokenBalance.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/screens/formatTokenBalance.ts"],"names":[],"mappings":";;AAOA,gDAaC;AApBD,0EAAoE;AAEpE;;;;GAIG;AACH,SAAgB,kBAAkB,CAChC,WAKC,EACD,UAAU,GAAG,IAAI;IAEjB,OAAO,CACL,IAAA,8BAAY,EAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QACjD,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAC7C,CAAC;AACJ,CAAC"}
+{"version":3,"file":"formatTokenBalance.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/screens/formatTokenBalance.ts"],"names":[],"mappings":";;AAOA,gDAcC;AArBD,0EAAoE;AAEpE;;;;GAIG;AACH,SAAgB,kBAAkB,CAChC,WAKC,EACD,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,CAAC;IAEZ,OAAO,CACL,IAAA,8BAAY,EAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC;QACxD,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAC7C,CAAC;AACJ,CAAC"}

package/dist/cjs/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
-exports.version = "5.64.1";
+exports.version = "5.64.3-nightly-ddec3dadcc260e0d4d0ed2b43c502e0915a14203-20241029000326";
 //# sourceMappingURL=version.js.map