thirdweb 5.64.1 → 5.64.3-nightly-ddec3dadcc260e0d4d0ed2b43c502e0915a14203-20241029000326

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

@@ -4,20 +4,26 @@ import { NATIVE_TOKEN_ADDRESS } from "../../../../../../constants/addresses.js";
 import { formatNumber } from "../../../../../../utils/formatNumber.js";
 import { toTokens } from "../../../../../../utils/units.js";
 import { useCustomTheme } from "../../../../../core/design-system/CustomThemeProvider.js";
-import { iconSize, spacing } from "../../../../../core/design-system/index.js";
+import { fontSize, spacing } from "../../../../../core/design-system/index.js";
 import { useChainMetadata } from "../../../../../core/hooks/others/useChainQuery.js";
+import { useWalletBalance } from "../../../../../core/hooks/others/useWalletBalance.js";
+import { useActiveAccount } from "../../../../../core/hooks/wallets/useActiveAccount.js";
 import { useActiveWallet } from "../../../../../core/hooks/wallets/useActiveWallet.js";
 import { hasSponsoredTransactionsEnabled } from "../../../../../core/utils/wallet.js";
 import { LoadingScreen } from "../../../../wallets/shared/LoadingScreen.js";
 import { ChainIcon } from "../../../components/ChainIcon.js";
 import { Img } from "../../../components/Img.js";
+import { Skeleton } from "../../../components/Skeleton.js";
 import { Spacer } from "../../../components/Spacer.js";
 import { TokenIcon } from "../../../components/TokenIcon.js";
-import { WalletImage } from "../../../components/WalletImage.js";
 import { Container, Line, ModalHeader } from "../../../components/basic.js";
 import { Button } from "../../../components/buttons.js";
 import { Text } from "../../../components/text.js";
+import { TokenSymbol } from "../../../components/token/TokenSymbol.js";
 import { ConnectButton } from "../../ConnectButton.js";
+import { formatTokenBalance } from "../formatTokenBalance.js";
+import { NATIVE_TOKEN, isNativeToken, } from "../nativeToken.js";
+import { WalletRow } from "./WalletSelectorButton.js";
 import { useTransactionCostAndData } from "./main/useBuyTxStates.js";
 export function TransactionModeScreen(props) {
     const { payUiOptions, client, payerAccount, supportedDestinations, onContinue, } = props;
@@ -30,26 +36,34 @@ export function TransactionModeScreen(props) {
     });
     const theme = useCustomTheme();
     const activeWallet = useActiveWallet();
+    const activeAccount = useActiveAccount();
     const sponsoredTransactionsEnabled = hasSponsoredTransactionsEnabled(activeWallet);
+    const balanceQuery = useWalletBalance({
+        address: activeAccount?.address,
+        chain: payUiOptions.transaction.chain,
+        tokenAddress: isNativeToken(transactionCostAndData?.token || NATIVE_TOKEN)
+            ? undefined
+            : transactionCostAndData?.token.address,
+        client: props.client,
+    }, {
+        enabled: !!transactionCostAndData,
+    });
     if (!transactionCostAndData || !chainData) {
         return _jsx(LoadingScreen, {});
     }
     return (_jsxs(Container, { p: "lg", children: [_jsx(ModalHeader, { title: metadata?.name || "Transaction" }), _jsx(Spacer, { y: "lg" }), _jsxs(Container, { children: [metadata?.image ? (_jsx(Img, { client: client, src: metadata?.image, style: {
                             width: "100%",
                             borderRadius: spacing.md,
+                            border: `1px solid ${theme.colors.borderColor}`,
                             backgroundColor: theme.colors.tertiaryBg,
-                        } })) : activeWallet ? (_jsxs(Container, { flex: "row", center: "both", style: {
-                            padding: spacing.md,
-                            marginBottom: spacing.md,
-                            borderRadius: spacing.md,
-                            backgroundColor: theme.colors.tertiaryBg,
-                        }, children: [_jsx(WalletImage, { size: iconSize.xl, id: activeWallet.id, client: client }), _jsx("div", { style: {
-                                    flexGrow: 1,
-                                    borderBottom: "6px dotted",
-                                    borderColor: theme.colors.secondaryIconColor,
-                                    marginLeft: spacing.md,
-                                    marginRight: spacing.md,
-                                } }), _jsx(ChainIcon, { client: client, size: iconSize.xl, chainIconUrl: chainData.icon?.url })] })) : null, _jsx(Spacer, { y: "md" }), _jsxs(Container, { flex: "row", children: [_jsx(Container, { flex: "column", expand: true, children: _jsx(Text, { size: "md", color: "primaryText", weight: 700, children: "Price" }) }), _jsx(Container, { expand: true, children: _jsxs(Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: [_jsx(TokenIcon, { chain: payUiOptions.transaction.chain, client: props.client, size: "sm", token: transactionCostAndData.token }), _jsxs(Text, { color: "primaryText", size: "md", weight: 700, children: [String(formatNumber(Number(toTokens(transactionCostAndData.transactionValueWei, transactionCostAndData.decimals)), 6)), " ", transactionCostAndData.token.symbol] })] }) })] }), _jsx(Spacer, { y: "md" }), _jsx(Line, {}), _jsx(Spacer, { y: "md" }), _jsxs(Container, { flex: "row", children: [_jsx(Container, { flex: "column", expand: true, children: _jsx(Text, { size: "xs", color: "secondaryText", children: "Gas Fees" }) }), _jsx(Container, { expand: true, children: _jsx(Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: _jsx(Text, { color: sponsoredTransactionsEnabled ? "success" : "primaryText", size: "xs", children: sponsoredTransactionsEnabled
+                        } })) : activeAccount ? (_jsxs(Container, { flex: "column", gap: "sm", children: [_jsx(Text, { size: "sm", color: "danger", style: { textAlign: "center" }, children: "Insufficient funds" }), _jsxs(Container, { flex: "row", style: {
+                                    justifyContent: "space-between",
+                                    padding: spacing.sm,
+                                    marginBottom: spacing.sm,
+                                    borderRadius: spacing.md,
+                                    backgroundColor: theme.colors.tertiaryBg,
+                                    border: `1px solid ${theme.colors.borderColor}`,
+                                }, children: [_jsx(WalletRow, { address: activeAccount?.address, iconSize: "md", client: client }), balanceQuery.data ? (_jsxs(Container, { flex: "row", gap: "3xs", center: "y", children: [_jsx(Text, { size: "xs", color: "secondaryText", weight: 500, children: formatTokenBalance(balanceQuery.data, false, 3) }), _jsx(TokenSymbol, { token: transactionCostAndData.token, chain: payUiOptions.transaction.chain, size: "xs", color: "secondaryText" })] })) : (_jsx(Skeleton, { width: "70px", height: fontSize.xs }))] })] })) : null, _jsx(Spacer, { y: "md" }), _jsxs(Container, { flex: "row", children: [_jsx(Container, { flex: "column", expand: true, children: _jsx(Text, { size: "md", color: "primaryText", weight: 700, children: "Price" }) }), _jsx(Container, { expand: true, children: _jsxs(Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: [_jsx(TokenIcon, { chain: payUiOptions.transaction.chain, client: props.client, size: "sm", token: transactionCostAndData.token }), _jsxs(Text, { color: "primaryText", size: "md", weight: 700, children: [String(formatNumber(Number(toTokens(transactionCostAndData.transactionValueWei, transactionCostAndData.decimals)), 6)), " ", transactionCostAndData.token.symbol] })] }) })] }), _jsx(Spacer, { y: "md" }), _jsx(Line, {}), _jsx(Spacer, { y: "md" }), _jsxs(Container, { flex: "row", children: [_jsx(Container, { flex: "column", expand: true, children: _jsx(Text, { size: "xs", color: "secondaryText", children: "Gas Fees" }) }), _jsx(Container, { expand: true, children: _jsx(Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: _jsx(Text, { color: sponsoredTransactionsEnabled ? "success" : "primaryText", size: "xs", children: sponsoredTransactionsEnabled
                                             ? "Sponsored"
                                             : `${String(formatNumber(Number(toTokens(transactionCostAndData.gasCostWei, chainData.nativeCurrency.decimals)), 6))} ${chainData.nativeCurrency.symbol}` }) }) })] }), _jsx(Spacer, { y: "sm" }), _jsxs(Container, { flex: "row", children: [_jsx(Container, { flex: "column", expand: true, children: _jsx(Text, { size: "xs", color: "secondaryText", children: "Network" }) }), _jsx(Container, { expand: true, children: _jsxs(Container, { flex: "row", gap: "xs", center: "y", style: { justifyContent: "right" }, children: [_jsx(ChainIcon, { chainIconUrl: chainData.icon?.url, size: "xs", client: props.client }), _jsx(Text, { size: "xs", color: "secondaryText", style: { textAlign: "right" }, children: chainData.name })] }) })] })] }), _jsx(Spacer, { y: "xl" }), payerAccount ? (_jsx(Button, { variant: "accent", fullWidth: true, onClick: () => {
                     let totalCostWei = transactionCostAndData.transactionValueWei;

package/dist/esm/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/esm/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.js

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

package/dist/esm/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":";AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC1F,OAAO,EACL,QAAQ,EACR,MAAM,EACN,OAAO,GACR,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,MAAM,UAAU,oBAAoB,CAAC,KASpC;IACC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAE;YACL,YAAY,EAAE,MAAM,CAAC,EAAE;YACvB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;YAC/C,GAAG,KAAK,CAAC,cAAc;SACxB,YAED,MAAC,MAAM,IACL,SAAS,QACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE;gBACL,cAAc,EAAE,eAAe;gBAC/B,OAAO,EAAE,OAAO,CAAC,EAAE;gBACnB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;aACzC,EACD,GAAG,EAAC,IAAI,aAER,KAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI,EAC1D,CAAC,KAAK,CAAC,cAAc,IAAI,CACxB,KAAC,eAAe,IACd,KAAK,EAAE,QAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,QAAQ,CAAC,EAAE,EACnB,KAAK,EAAE;wBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa;qBAClC,GACD,CACH,EAEA,KAAK,CAAC,OAAO,IAAI,CAChB,KAAC,SAAS,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAI,CACvD,IACM,GACC,CACb,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAIzB;IACC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,MAAM,GAAG,gBAAgB,CAAC,IAAI,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,KAAK,KAAK,CAAC,OAAO,CACjD,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,MAAM;QACN,OAAO;KACR,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,YAAY,CAAC;QAClC,MAAM;QACN,OAAO,EAAE,YAAY,CAAC,IAAI;KAC3B,CAAC,CAAC;IACH,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,aAC5D,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,KAAC,GAAG,IACF,GAAG,EAAE,cAAc,CAAC,IAAI,EACxB,KAAK,EAAE,QAAQ,CAAC,EAAE,EAClB,MAAM,EAAE,QAAQ,CAAC,EAAE,EACnB,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM,CAAC,EAAE;iBACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACvE,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,YAChC,YAAY,IAAI,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,GACzC,IACG,CACb,CAAC;AACJ,CAAC"}
+{"version":3,"file":"WalletSelectorButton.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAGpE,OAAO,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAC;AAC1F,OAAO,EAEL,QAAQ,EACR,MAAM,EACN,OAAO,GACR,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG9D,MAAM,UAAU,qBAAqB,CAAC,KAMrC;IACC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,oBAAoB,GAAG,CAAC,CAAC;IAC/B,MAAM,iBAAiB,GAAG,OAAO;QAC/B,CAAC,CAAC,KAAK,CAAC,QAAQ;QAChB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,SAAS,IACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAE;YACL,YAAY,EAAE,MAAM,CAAC,EAAE;YACvB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;SAChD,aAED,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,YACvC,KAAC,SAAS,OAAK,KAAK,GAAI,GACd,EACZ,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,EAAE,GAAI,EACtE,KAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,YACrB,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,8BACG,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC5B,KAAC,eAAe,IACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAE5D,YAAY,EAAE,CAAC,EACf,MAAM,EAAE,KAAK,CAAC,MAAM,IAFf,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,CAGvC,CACH,CAAC,EACD,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,oBAAoB,IAAI,CAC/C,KAAC,YAAY,IACX,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EACnC,KAAK,EAAE;gCACL,cAAc,EAAE,OAAO;6BACxB,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAAQ,GAC/C,CAChB,IACA,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,YACvC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,iCAE9B,GACG,CACb,GACS,IACF,CACb,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,KAKxB;IACC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACxD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,CACL,MAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,EAClD,OAAO,EAAC,WAAW,aAEnB,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,MAAM,GACd,EACF,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAChC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,YAChC,YAAY,CAAC,KAAK,CAAC,MAAM,GACrB,EACN,SAAS,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,SAAS,CAAC,IAAI,GAAQ,IAC3C,EACZ,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAI,EAC3B,KAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,YACxC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,YAClC,kBAAkB,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,GAC7C,GACG,IACC,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAMzB;IACC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAChC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,UAAU,CAAC;QAC9B,MAAM;QACN,OAAO;KACR,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,YAAY,CAAC;QAClC,MAAM;QACN,OAAO,EAAE,YAAY,CAAC,IAAI;KAC3B,CAAC,CAAC;IACH,OAAO,CACL,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,aAC5D,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,KAAC,GAAG,IACF,GAAG,EAAE,cAAc,CAAC,IAAI,EACxB,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAC9D,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,EAC/D,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;iBAChD,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IACV,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,EAAE,EACnC,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IACR,KAAK,EAAE;oBACL,KAAK,EAAE,QAAQ,CAAC,EAAE;oBAClB,MAAM,EAAE,QAAQ,CAAC,EAAE;oBACnB,YAAY,EAAE,MAAM;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;iBAChD,YAED,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAI,GACpD,CACb,EAED,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI,EAAE,KAAK,EAAC,aAAa,YACpD,YAAY,IAAI,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,GACzC,IACG,CACb,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;IACxD,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO;QACL,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACnC,cAAc,EAAE,YAAY;QAC5B,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,OAAO,CAAC,EAAE;QACnB,GAAG,EAAE,OAAO,CAAC,EAAE;QACf,SAAS,EAAE;YACT,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,iBAAiB;YAC1C,SAAS,EAAE,aAAa;SACzB;QACD,UAAU,EAAE,6CAA6C;KAC1D,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -28,11 +28,9 @@ export 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/esm/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":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAA2B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAY9E,MAAM,UAAU,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,aAAa,CAAC,OAAO,CAAC;YAC3C,CAAC,CAAC,oBAAoB;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,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAEnF,OAAO,EAA2B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAW9E,MAAM,UAAU,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,aAAa,CAAC,OAAO,CAAC;YAC3C,CAAC,CAAC,oBAAoB;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/esm/react/web/ui/ConnectWallet/screens/Buy/swap/PayWithCrypto.js

@@ -1,25 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronDownIcon } from "@radix-ui/react-icons";
 import { formatNumber } from "../../../../../../../utils/formatNumber.js";
-import { fontSize, iconSize, radius, spacing, } from "../../../../../../core/design-system/index.js";
+import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
+import { fontSize, radius, spacing, } from "../../../../../../core/design-system/index.js";
 import { useChainName } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { useWalletBalance } from "../../../../../../core/hooks/others/useWalletBalance.js";
 import { Skeleton } from "../../../../components/Skeleton.js";
 import { Container } from "../../../../components/basic.js";
-import { Button } from "../../../../components/buttons.js";
 import { Text } from "../../../../components/text.js";
 import { TokenSymbol } from "../../../../components/token/TokenSymbol.js";
-import { GenericWalletIcon } from "../../../icons/GenericWalletIcon.js";
 import { formatTokenBalance } from "../../formatTokenBalance.js";
 import { isNativeToken } from "../../nativeToken.js";
 import { PayTokenIcon } from "../PayTokenIcon.js";
+import { WalletRow } from "../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
  */
-export function PayWithCrypto(props) {
+export function PayWithCryptoQuoteInfo(props) {
+    const theme = useCustomTheme();
     const { name } = useChainName(props.chain);
     const balanceQuery = useWalletBalance({
         address: props.payerAccount.address,
@@ -27,37 +27,26 @@ export function PayWithCrypto(props) {
         tokenAddress: isNativeToken(props.token) ? undefined : props.token.address,
         client: props.client,
     });
-    return (_jsxs(Container, { bg: "tertiaryBg", borderColor: "borderColor", flex: "row", style: {
-            borderWidth: "1px",
-            borderTopWidth: 0,
-            borderStyle: "solid",
-            flexWrap: "nowrap",
-            justifyContent: "space-between",
-            minHeight: "64px",
-            alignItems: "center",
+    return (_jsxs(Container, { bg: "tertiaryBg", style: {
+            borderRadius: radius.lg,
+            border: `1px solid ${theme.colors.borderColor}`,
             ...(props.swapRequired
-                ? { borderBottom: "none" }
-                : {
-                    borderBottomLeftRadius: radius.md,
-                    borderBottomRightRadius: radius.md,
-                }),
-        }, children: [_jsxs(Button, { variant: "ghost", onClick: props.onSelectToken, gap: "sm", style: {
+                ? {
+                    borderBottom: "none",
+                    borderBottomLeftRadius: 0,
+                    borderBottomRightRadius: 0,
+                }
+                : {}),
+        }, children: [_jsxs(Container, { flex: "row", gap: "sm", style: {
+                    justifyContent: "space-between",
+                    padding: spacing.sm,
+                    borderBottom: `1px solid ${theme.colors.borderColor}`,
+                }, children: [_jsx(WalletRow, { client: props.client, address: props.payerAccount.address }), balanceQuery.data ? (_jsxs(Container, { flex: "row", gap: "3xs", center: "y", children: [_jsx(Text, { size: "xs", color: "secondaryText", weight: 500, children: formatTokenBalance(balanceQuery.data, false, 3) }), _jsx(TokenSymbol, { token: props.token, chain: props.chain, size: "xs", color: "secondaryText" })] })) : (_jsx(Skeleton, { width: "70px", height: fontSize.xs }))] }), _jsxs(Container, { flex: "row", gap: "sm", style: {
                     paddingInline: spacing.sm,
                     paddingBlock: spacing.sm,
                     minWidth: "50%",
                     justifyContent: "flex-start",
-                }, disabled: props.freezeChainAndTokenSelection, children: [_jsx(PayTokenIcon, { token: props.token, chain: props.chain, size: "md", client: props.client }), _jsxs(Container, { flex: "column", gap: "3xs", children: [_jsxs(Container, { flex: "row", gap: "xs", center: "y", color: "primaryText", children: [_jsx(TokenSymbol, { token: props.token, chain: props.chain, size: "sm" }), _jsx(ChevronDownIcon, { width: iconSize.sm, height: iconSize.sm })] }), name ? (_jsx(Text, { size: "xs", children: name })) : (_jsx(Skeleton, { width: "90px", height: fontSize.xs }))] })] }), _jsxs("div", { style: {
-                    flexGrow: 1,
-                    flexShrink: 1,
-                    display: "flex",
-                    flexDirection: "column",
-                    alignItems: "flex-end",
-                    gap: spacing.xxs,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    justifyContent: "center",
-                    paddingRight: spacing.sm,
-                }, children: [props.isLoading ? (_jsx(Skeleton, { width: "120px", height: fontSize.md, color: "borderColor" })) : (_jsx(Text, { size: "md", color: props.value ? "primaryText" : "secondaryText", style: {}, children: formatNumber(Number(props.value), 6) || "" })), _jsxs(Container, { flex: "row", gap: "xxs", center: "y", color: "secondaryText", children: [_jsx(GenericWalletIcon, { size: fontSize.xs }), balanceQuery.data ? (_jsx(Text, { size: "xs", color: "secondaryText", weight: 500, children: formatTokenBalance(balanceQuery.data, false) })) : (_jsx(Skeleton, { width: "70px", height: fontSize.xs }))] })] })] }));
+                    minHeight: "64px",
+                }, children: [_jsx(PayTokenIcon, { token: props.token, chain: props.chain, size: "md", client: props.client }), _jsxs(Container, { flex: "column", gap: "3xs", children: [props.isLoading ? (_jsx(Skeleton, { width: "120px", height: fontSize.md, color: "borderColor" })) : (_jsxs(Container, { flex: "row", gap: "xxs", center: "y", color: "primaryText", children: [_jsx(Text, { size: "md", color: props.value ? "primaryText" : "secondaryText", children: formatNumber(Number(props.value), 6) || "" }), _jsx(TokenSymbol, { token: props.token, chain: props.chain, size: "sm" })] })), name ? (_jsx(Text, { size: "xs", children: name })) : (_jsx(Skeleton, { width: "90px", height: fontSize.xs }))] })] })] }));
 }
 //# sourceMappingURL=PayWithCrypto.js.map

package/dist/esm/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":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAC7F,OAAO,EACL,QAAQ,EACR,MAAM,EACN,OAAO,GACR,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAoB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,UAAU,sBAAsB,CAAC,KAStC;IACC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,YAAY,GAAG,gBAAgB,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO;QACnC,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,YAAY,EAAE,aAAa,CAAC,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,MAAC,SAAS,IACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAE;YACL,YAAY,EAAE,MAAM,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,MAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;oBACL,cAAc,EAAE,eAAe;oBAC/B,OAAO,EAAE,OAAO,CAAC,EAAE;oBACnB,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;iBACtD,aAED,KAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,GAAI,EACvE,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CACnB,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,aACxC,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,eAAe,EAAC,MAAM,EAAE,GAAG,YAC9C,kBAAkB,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,GAC3C,EACP,KAAC,WAAW,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,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAI,CAC/C,IACS,EAEZ,MAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,GAAG,EAAC,IAAI,EACR,KAAK,EAAE;oBACL,aAAa,EAAE,OAAO,CAAC,EAAE;oBACzB,YAAY,EAAE,OAAO,CAAC,EAAE;oBACxB,QAAQ,EAAE,KAAK;oBACf,cAAc,EAAE,YAAY;oBAC5B,SAAS,EAAE,MAAM;iBAClB,aAED,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,aAC/B,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,EAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAC,aAAa,GAAG,CACpE,CAAC,CAAC,CAAC,CACF,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,aAC5D,KAAC,IAAI,IACH,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,YAEnD,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,GACtC,EACP,KAAC,WAAW,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,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,YAAE,IAAI,GAAQ,CAC9B,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAI,CAC/C,IACS,IACF,IACF,CACb,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IdCardIcon } from "@radix-ui/react-icons";
+import { useQuery } from "@tanstack/react-query";
+import { getCachedChain } from "../../../../../../../chains/utils.js";
+import { NATIVE_TOKEN_ADDRESS } from "../../../../../../../constants/addresses.js";
+import { getWalletBalance, } from "../../../../../../../wallets/utils/getWalletBalance.js";
+import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
+import { iconSize, radius, spacing, } from "../../../../../../core/design-system/index.js";
+import { useChainMetadata } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useActiveAccount } from "../../../../../../core/hooks/wallets/useActiveAccount.js";
+import { useConnectedWallets } from "../../../../../../core/hooks/wallets/useConnectedWallets.js";
+import { LoadingScreen } from "../../../../../wallets/shared/LoadingScreen.js";
+import { Spacer } from "../../../../components/Spacer.js";
+import { Container } from "../../../../components/basic.js";
+import { Button } from "../../../../components/buttons.js";
+import { Text } from "../../../../components/text.js";
+import { OutlineWalletIcon } from "../../../icons/OutlineWalletIcon.js";
+import { isNativeToken } from "../../nativeToken.js";
+import { WalletRowWithBalances } from "../WalletSelectorButton.js";
+export function PaymentSelectionScreen(props) {
+    const theme = useCustomTheme();
+    const connectedWallets = 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 = useChainMetadata(props.toChain);
+    const activeAccount = useActiveAccount();
+    const walletsAndBalances = 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 = isNativeToken(props.toToken)
+                    ? {
+                        address: 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 = getCachedChain(Number(chainId));
+                            const balance = await getWalletBalance({
+                                address: account.address,
+                                chain,
+                                tokenAddress: 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 _jsx(LoadingScreen, {});
+    }
+    return (_jsxs(Container, { children: [_jsxs(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 (_jsx(WalletRowWithBalances, { wallet: w, balances: balances, client: props.client, address: address, onClick: props.onSelect }, w.id));
+                    }), !hideConnectButton && (_jsx(Button, { variant: "secondary", fullWidth: true, onClick: props.onConnect, gap: "xs", bg: "tertiaryBg", style: {
+                            borderRadius: radius.lg,
+                            border: `1px solid ${theme.colors.borderColor}`,
+                            padding: spacing.sm,
+                        }, children: _jsxs(Container, { flex: "row", gap: "sm", center: "y", expand: true, color: "secondaryIconColor", children: [_jsx(OutlineWalletIcon, { size: iconSize.md }), _jsx(Text, { size: "sm", color: "primaryText", children: "Pay with another wallet" })] }) })), props.payWithFiatEnabled && (_jsx(Button, { variant: "secondary", fullWidth: true, gap: "xs", bg: "tertiaryBg", onClick: props.onSelectFiat, style: {
+                            borderRadius: radius.lg,
+                            border: `1px solid ${theme.colors.borderColor}`,
+                            padding: spacing.sm,
+                        }, children: _jsxs(Container, { flex: "row", gap: "sm", center: "y", expand: true, color: "secondaryIconColor", children: [_jsx(IdCardIcon, { style: {
+                                        width: iconSize.md,
+                                        height: iconSize.md,
+                                    } }), _jsx(Text, { size: "sm", color: "primaryText", children: "Pay with credit card" })] }) }))] }), _jsx(Spacer, { y: "sm" })] }));
+}
+//# sourceMappingURL=PaymentSelectionScreen.js.map

package/dist/esm/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/esm/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.js

@@ -3,7 +3,7 @@ import { defineChain } from "../../../../../../../chains/utils.js";
 import { getPaySupportedDestinations, getPaySupportedSources, } from "../../../../../../../pay/utils/definitions.js";
 import { getClientFetch } from "../../../../../../../utils/fetch.js";
 import { withCache } from "../../../../../../../utils/promise/withCache.js";
-async function fetchBuySupportedDestinations(client, isTestMode) {
+export async function fetchBuySupportedDestinations(client, isTestMode) {
     return withCache(async () => {
         const fetchWithHeaders = getClientFetch(client);
         const res = await fetchWithHeaders(`${getPaySupportedDestinations()}${isTestMode ? "?isTestMode=true" : ""}`);

package/dist/esm/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":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AA2B5E,KAAK,UAAU,6BAA6B,CAC1C,MAAsB,EACtB,UAAoB;IAEpB,OAAO,SAAS,CACd,KAAK,IAAI,EAAE;QACT,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAChC,GAAG,2BAA2B,EAAE,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,WAAW,CAAC;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,MAAM,UAAU,2BAA2B,CACzC,MAAsB,EACtB,UAAoB;IAEpB,OAAO,QAAQ,CAAC;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,MAAM,UAAU,sBAAsB,CAAC,OAItC;IACC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC;QACpC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,OAAO,GAAG,sBAAsB,EAAE,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,WAAW,CAAC;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":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,OAAO,EACL,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AA2B5E,MAAM,CAAC,KAAK,UAAU,6BAA6B,CACjD,MAAsB,EACtB,UAAoB;IAEpB,OAAO,SAAS,CACd,KAAK,IAAI,EAAE;QACT,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;QAChD,MAAM,GAAG,GAAG,MAAM,gBAAgB,CAChC,GAAG,2BAA2B,EAAE,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,WAAW,CAAC;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,MAAM,UAAU,2BAA2B,CACzC,MAAsB,EACtB,UAAoB;IAEpB,OAAO,QAAQ,CAAC;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,MAAM,UAAU,sBAAsB,CAAC,OAItC;IACC,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC;QACpC,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACxD,MAAM,OAAO,GAAG,sBAAsB,EAAE,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,WAAW,CAAC;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/esm/react/web/ui/ConnectWallet/screens/formatTokenBalance.js

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

package/dist/esm/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":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,WAKC,EACD,UAAU,GAAG,IAAI;IAEjB,OAAO,CACL,YAAY,CAAC,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":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,WAKC,EACD,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,CAAC;IAEZ,OAAO,CACL,YAAY,CAAC,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/esm/version.js

@@ -1,2 +1,2 @@
-export const version = "5.64.1";
+export const version = "5.64.3-nightly-ddec3dadcc260e0d4d0ed2b43c502e0915a14203-20241029000326";
 //# sourceMappingURL=version.js.map

package/dist/esm/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,wEAAwE,CAAC"}