thirdweb 5.88.4 → 5.88.5-nightly-0574eac02c832c382972fd545df79c36e11796e1-20250217000342

package/src/react/web/ui/ConnectWallet/screens/SignatureScreen.tsx

@@ -69,7 +69,7 @@ export const SignatureScreen: React.FC<{
     }
   }, [onDone, siweAuth]);
 
-  if (!wallet) {
+  if (!wallet || siweAuth.isLoading) {
     return <LoadingScreen data-testid="loading-screen" />;
   }
 

package/src/react/web/ui/components/buttons.tsx

@@ -93,6 +93,7 @@ export const Button = /* @__PURE__ */ StyledButton((props: ButtonProps) => {
           border: `1px solid ${theme.colors.borderColor}`,
           "&:hover": {
             borderColor: theme.colors.accentText,
+            transform: "scale(1.01)",
           },
           '&[aria-selected="true"]': {
             borderColor: theme.colors.accentText,
@@ -105,6 +106,15 @@ export const Button = /* @__PURE__ */ StyledButton((props: ButtonProps) => {
           border: "1px solid transparent",
           "&:hover": {
             borderColor: theme.colors.accentText,
+            transform: "scale(1.01)",
+          },
+        };
+      }
+
+      if (props.variant === "accent") {
+        return {
+          "&:hover": {
+            transform: "scale(1.01)",
           },
         };
       }
@@ -113,6 +123,7 @@ export const Button = /* @__PURE__ */ StyledButton((props: ButtonProps) => {
         return {
           "&:hover": {
             background: theme.colors.secondaryButtonHoverBg,
+            transform: "scale(1.01)",
           },
         };
       }
@@ -122,6 +133,7 @@ export const Button = /* @__PURE__ */ StyledButton((props: ButtonProps) => {
           padding: 0,
           "&:hover": {
             color: theme.colors.primaryText,
+            transform: "scale(1.01)",
           },
         };
       }

package/src/react/web/ui/components/token/TokenRow.tsx

@@ -0,0 +1,111 @@
+import styled from "@emotion/styled";
+import { ChevronDownIcon } from "@radix-ui/react-icons";
+import type { Chain } from "../../../../../chains/types.js";
+import type { ThirdwebClient } from "../../../../../client/client.js";
+import { formatNumber } from "../../../../../utils/formatNumber.js";
+import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
+import {
+  fontSize,
+  iconSize,
+  spacing,
+} from "../../../../core/design-system/index.js";
+import { useChainName } from "../../../../core/hooks/others/useChainQuery.js";
+import type { ERC20OrNativeToken } from "../../ConnectWallet/screens/nativeToken.js";
+import { Skeleton } from "../Skeleton.js";
+import { TokenIcon } from "../TokenIcon.js";
+import { Container } from "../basic.js";
+import { Button } from "../buttons.js";
+import { Text } from "../text.js";
+import { TokenSymbol } from "./TokenSymbol.js";
+
+export function TokenRow(props: {
+  token: ERC20OrNativeToken;
+  chain: Chain;
+  client: ThirdwebClient;
+  onSelectToken: () => void;
+  freezeChainAndToken?: boolean;
+  value?: string;
+  isLoading?: boolean;
+  style?: React.CSSProperties;
+}) {
+  const { name } = useChainName(props.chain);
+  return (
+    <TokenButton
+      variant="secondary"
+      fullWidth
+      style={{
+        fontSize: fontSize.sm,
+        ...props.style,
+      }}
+      gap="xxs"
+      onClick={props.onSelectToken}
+      disabled={props.freezeChainAndToken}
+    >
+      <Container flex="row" center="y" gap="sm">
+        <TokenIcon
+          token={props.token}
+          chain={props.chain}
+          size="md"
+          client={props.client}
+        />
+
+        <Container
+          flex="column"
+          style={{
+            gap: "4px",
+          }}
+        >
+          {/* Token Symbol */}
+          <Container flex="column" gap="3xs">
+            {props.isLoading ? (
+              <Skeleton
+                width="120px"
+                height={fontSize.md}
+                color="borderColor"
+              />
+            ) : props.value ? (
+              <Container flex="row" gap="xxs" center="y" color="primaryText">
+                <Text
+                  size="md"
+                  color={props.value ? "primaryText" : "secondaryText"}
+                >
+                  {formatNumber(Number(props.value), 6) || ""}
+                </Text>
+                <TokenSymbol
+                  token={props.token}
+                  chain={props.chain}
+                  size="sm"
+                />
+              </Container>
+            ) : (
+              <TokenSymbol token={props.token} chain={props.chain} size="sm" />
+            )}
+          </Container>
+
+          {/* Network Name */}
+          {name ? (
+            <Text size="xs" color="secondaryText">
+              {name}
+            </Text>
+          ) : (
+            <Skeleton width="90px" height={fontSize.xs} />
+          )}
+        </Container>
+      </Container>
+      <Container color="primaryText">
+        <ChevronDownIcon width={iconSize.sm} height={iconSize.sm} />
+      </Container>
+    </TokenButton>
+  );
+}
+
+const TokenButton = /* @__PURE__ */ styled(Button)(() => {
+  const theme = useCustomTheme();
+  return {
+    background: theme.colors.tertiaryBg,
+    border: `1px solid ${theme.colors.borderColor}`,
+    justifyContent: "space-between",
+    transition: "background 0.3s",
+    padding: spacing.sm,
+  };
+});

package/src/utils/abi/normalizeFunctionParams.test.ts

@@ -56,7 +56,7 @@ describe("normalizeFunctionParams", () => {
   });
 
   it("should throw an error if a parameter name is missing", () => {
-    const abiFunction: AbiFunction = {
+    let abiFunction: AbiFunction = {
       inputs: [{ name: undefined, type: "uint256" }],
       type: "function",
       stateMutability: "pure",
@@ -67,6 +67,31 @@ describe("normalizeFunctionParams", () => {
     expect(() => normalizeFunctionParams(abiFunction, {})).toThrow(
       "Missing named parameter for test at index 0",
     );
+
+    abiFunction = {
+      inputs: [{ name: "", type: "uint256" }],
+      type: "function",
+      stateMutability: "pure",
+      name: "test",
+      outputs: [],
+    };
+
+    expect(() => normalizeFunctionParams(abiFunction, {})).toThrow(
+      "Missing named parameter for test at index 0",
+    );
+
+    abiFunction = {
+      inputs: [{ name: undefined, type: "uint256" }],
+      type: "function",
+      stateMutability: "pure",
+      name: "test",
+      outputs: [],
+    };
+
+    const normalized = normalizeFunctionParams(abiFunction, { "*": 123 });
+
+    expect(normalized.length).to.eq(1);
+    expect(normalized[0]).to.eq(123);
   });
 
   it("should throw an error if a parameter value is missing", () => {

package/src/utils/abi/normalizeFunctionParams.ts

@@ -13,10 +13,15 @@ export function normalizeFunctionParams(
     abiFunction.inputs.map((i) => i.type),
     abiFunction.inputs.map((input, index) => {
       const value = input.name;
-      if (value === undefined) {
-        throw new Error(
-          `Missing named parameter for ${"name" in abiFunction ? abiFunction.name : "constructor"} at index ${index}`,
-        );
+      if (value === undefined || value.length === 0) {
+        // TODO: Handle multiple unnamed params
+        if (!params["*"]) {
+          throw new Error(
+            `Missing named parameter for ${"name" in abiFunction ? abiFunction.name : "constructor"} at index ${index}`,
+          );
+        }
+
+        return params["*"];
       }
       const valueWithoutUnderscore = value.replace(/^_+/, "");
       const normalizedValue =

package/src/utils/ens/namehash.ts

@@ -20,7 +20,10 @@ export function namehash(name: string) {
     const hashed = hashFromEncodedLabel
       ? toBytes(hashFromEncodedLabel)
       : keccak256(stringToBytes(item), "bytes");
-    result = keccak256(concat([result, hashed]), "bytes");
+    result = keccak256(
+      concat([result, hashed]),
+      "bytes",
+    ) as Uint8Array<ArrayBuffer>;
   }
 
   return bytesToHex(result);

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.88.4";
+export const version = "5.88.5-nightly-0574eac02c832c382972fd545df79c36e11796e1-20250217000342";

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

@@ -1,85 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WalletRowWithBalances = WalletRowWithBalances;
-exports.WalletRow = WalletRow;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = require("@emotion/styled");
-const react_icons_1 = require("@radix-ui/react-icons");
-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 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");
-const Blobbie_js_1 = require("../../Blobbie.js");
-const formatTokenBalance_js_1 = require("../formatTokenBalance.js");
-const FiatValue_js_1 = require("./swap/FiatValue.js");
-function WalletRowWithBalances(props) {
-    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    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}`,
-        }, 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.jsxs)(basic_js_1.Container, { flex: "row", center: "y", gap: "md", 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.jsxs)(basic_js_1.Container, { flex: "row", center: "y", gap: "3xs", color: "secondaryText", children: [(0, jsx_runtime_1.jsxs)(basic_js_1.Container, { flex: "column", color: "secondaryText", gap: "3xs", style: {
-                            justifyContent: "flex-end",
-                            alignItems: "flex-end",
-                        }, children: [(0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "primaryText", children: (0, formatTokenBalance_js_1.formatTokenBalance)(tokenBalance.balance, true, 2) }), (0, jsx_runtime_1.jsx)(FiatValue_js_1.FiatValue, { tokenAmount: tokenBalance.balance.displayValue, token: tokenBalance.token, chain: tokenBalance.chain, client: client, size: "xs" })] }), (0, jsx_runtime_1.jsx)(react_icons_1.ChevronRightIcon, { width: index_js_1.iconSize.md, height: index_js_1.iconSize.md })] })] }));
-}
-function WalletRow(props) {
-    const { client, address } = props;
-    const walletId = props.walletId;
-    const theme = (0, CustomThemeProvider_js_1.useCustomTheme)();
-    const ensNameQuery = (0, wallet_js_1.useEnsName)({
-        client,
-        address,
-    });
-    const addressOrENS = ensNameQuery.data || (0, address_js_1.shortenAddress)(address);
-    const ensAvatarQuery = (0, wallet_js_1.useEnsAvatar)({
-        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: 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: index_js_1.radius.sm,
-                    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: index_js_1.radius.sm,
-                    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: "space-between",
-        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 +0,0 @@
-{"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/swap/PaymentSelectionScreen.js

@@ -1,142 +0,0 @@
-"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, {});
-    }
-    const filteredWallets = Array.from(walletsAndBalances.data?.entries() || [])
-        .filter(([w]) => !props.hiddenWallets?.includes(w.id))
-        .filter(([, balances]) => {
-        const hasEnoughBalance = balances.some((b) => b.balance.value > 0);
-        return hasEnoughBalance;
-    });
-    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: [filteredWallets.length === 0 && ((0, jsx_runtime_1.jsx)(basic_js_1.Container, { flex: "column", gap: "xs", py: "md", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { size: "xs", color: "secondaryText", center: true, children: (0, jsx_runtime_1.jsx)("i", { children: "Insufficient funds in connected wallets" }) }) })), filteredWallets.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

@@ -1 +0,0 @@
-{"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/WalletSelectorButton.js

@@ -1,81 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from "@emotion/styled";
-import { ChevronRightIcon } from "@radix-ui/react-icons";
-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 { 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";
-import { Blobbie } from "../../Blobbie.js";
-import { formatTokenBalance } from "../formatTokenBalance.js";
-import { FiatValue } from "./swap/FiatValue.js";
-export function WalletRowWithBalances(props) {
-    const theme = useCustomTheme();
-    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}`,
-        }, 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: [_jsxs(Container, { flex: "row", center: "y", gap: "md", 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 })] })] }), _jsxs(Container, { flex: "row", center: "y", gap: "3xs", color: "secondaryText", children: [_jsxs(Container, { flex: "column", color: "secondaryText", gap: "3xs", style: {
-                            justifyContent: "flex-end",
-                            alignItems: "flex-end",
-                        }, children: [_jsx(Text, { size: "xs", color: "primaryText", children: formatTokenBalance(tokenBalance.balance, true, 2) }), _jsx(FiatValue, { tokenAmount: tokenBalance.balance.displayValue, token: tokenBalance.token, chain: tokenBalance.chain, client: client, size: "xs" })] }), _jsx(ChevronRightIcon, { width: iconSize.md, height: iconSize.md })] })] }));
-}
-export function WalletRow(props) {
-    const { client, address } = props;
-    const walletId = props.walletId;
-    const theme = useCustomTheme();
-    const ensNameQuery = useEnsName({
-        client,
-        address,
-    });
-    const addressOrENS = ensNameQuery.data || shortenAddress(address);
-    const ensAvatarQuery = useEnsAvatar({
-        client,
-        ensName: ensNameQuery.data,
-    });
-    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: radius.sm,
-                    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: radius.sm,
-                    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: "space-between",
-        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 +0,0 @@
-{"version":3,"file":"WalletSelectorButton.js","sourceRoot":"","sources":["../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/WalletSelectorButton.tsx"],"names":[],"mappings":"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"}