thirdweb 5.64.2 → 5.64.3-nightly-ddec3dadcc260e0d4d0ed2b43c502e0915a14203-20241029000326

package/src/react/web/ui/ConnectWallet/screens/Buy/swap/PaymentSelectionScreen.tsx

@@ -0,0 +1,251 @@
+import { IdCardIcon } from "@radix-ui/react-icons";
+import { useQuery } from "@tanstack/react-query";
+import type { Chain } from "../../../../../../../chains/types.js";
+import { getCachedChain } from "../../../../../../../chains/utils.js";
+import type { ThirdwebClient } from "../../../../../../../client/client.js";
+import { NATIVE_TOKEN_ADDRESS } from "../../../../../../../constants/addresses.js";
+import type { Wallet } from "../../../../../../../wallets/interfaces/wallet.js";
+import {
+  type GetWalletBalanceResult,
+  getWalletBalance,
+} from "../../../../../../../wallets/utils/getWalletBalance.js";
+import type { WalletId } from "../../../../../../../wallets/wallet-types.js";
+import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
+import {
+  iconSize,
+  radius,
+  spacing,
+} from "../../../../../../core/design-system/index.js";
+import type { PayUIOptions } from "../../../../../../core/hooks/connection/ConnectButtonProps.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 type {
+  SupportedTokens,
+  TokenInfo,
+} from "../../../../../../core/utils/defaultTokens.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 { type ERC20OrNativeToken, isNativeToken } from "../../nativeToken.js";
+import { WalletRowWithBalances } from "../WalletSelectorButton.js";
+
+export type TokenBalance = {
+  balance: GetWalletBalanceResult;
+  chain: Chain;
+  token: TokenInfo;
+};
+
+export function PaymentSelectionScreen(props: {
+  client: ThirdwebClient;
+  mode: PayUIOptions["mode"];
+  showAllWallets: boolean;
+  sourceSupportedTokens: SupportedTokens | undefined;
+  toChain: Chain;
+  toToken: ERC20OrNativeToken;
+  tokenAmount: string;
+  wallets: Wallet[] | undefined;
+  onSelect: (wallet: Wallet, token: TokenInfo, chain: Chain) => void;
+  onSelectFiat: () => void;
+  onBack: () => void;
+  onConnect: () => void;
+  hiddenWallets?: WalletId[];
+  payWithFiatEnabled: boolean;
+}) {
+  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<Wallet, TokenBalance[]>();
+
+      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 <LoadingScreen />;
+  }
+
+  return (
+    <Container>
+      <Container flex="column" gap="xs">
+        {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 (
+              <WalletRowWithBalances
+                key={w.id}
+                wallet={w}
+                balances={balances}
+                client={props.client}
+                address={address}
+                onClick={props.onSelect}
+              />
+            );
+          })}
+        {!hideConnectButton && (
+          <Button
+            variant="secondary"
+            fullWidth
+            onClick={props.onConnect}
+            gap="xs"
+            bg="tertiaryBg"
+            style={{
+              borderRadius: radius.lg,
+              border: `1px solid ${theme.colors.borderColor}`,
+              padding: spacing.sm,
+            }}
+          >
+            <Container
+              flex="row"
+              gap="sm"
+              center="y"
+              expand
+              color="secondaryIconColor"
+            >
+              <OutlineWalletIcon size={iconSize.md} />
+              <Text size="sm" color="primaryText">
+                Pay with another wallet
+              </Text>
+            </Container>
+          </Button>
+        )}
+        {props.payWithFiatEnabled && (
+          <Button
+            variant="secondary"
+            fullWidth
+            gap="xs"
+            bg="tertiaryBg"
+            onClick={props.onSelectFiat}
+            style={{
+              borderRadius: radius.lg,
+              border: `1px solid ${theme.colors.borderColor}`,
+              padding: spacing.sm,
+            }}
+          >
+            <Container
+              flex="row"
+              gap="sm"
+              center="y"
+              expand
+              color="secondaryIconColor"
+            >
+              <IdCardIcon
+                style={{
+                  width: iconSize.md,
+                  height: iconSize.md,
+                }}
+              />
+              <Text size="sm" color="primaryText">
+                Pay with credit card
+              </Text>
+            </Container>
+          </Button>
+        )}
+      </Container>
+      <Spacer y="sm" />
+    </Container>
+  );
+}

package/src/react/web/ui/ConnectWallet/screens/Buy/swap/useSwapSupportedChains.ts

@@ -34,7 +34,7 @@ export type SupportedChainAndTokens = Array<{
   }>;
 }>;
 
-async function fetchBuySupportedDestinations(
+export async function fetchBuySupportedDestinations(
   client: ThirdwebClient,
   isTestMode?: boolean,
 ): Promise<SupportedChainAndTokens> {

package/src/react/web/ui/ConnectWallet/screens/formatTokenBalance.ts

@@ -13,9 +13,10 @@ export function formatTokenBalance(
     displayValue: string;
   },
   showSymbol = true,
+  decimals = 5,
 ) {
   return (
-    formatNumber(Number(balanceData.displayValue), 5) +
+    formatNumber(Number(balanceData.displayValue), decimals) +
     (showSymbol ? ` ${balanceData.symbol}` : "")
   );
 }

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

@@ -15,7 +15,7 @@ import { Text } from "../text.js";
 export function TokenSymbol(props: {
   token: ERC20OrNativeToken;
   chain: Chain;
-  size: "sm" | "md" | "lg";
+  size: "xs" | "sm" | "md" | "lg";
   color?: keyof Theme["colors"];
   inline?: boolean;
 }) {
@@ -43,7 +43,7 @@ export function TokenSymbol(props: {
 
 function NativeTokenSymbol(props: {
   chain: Chain;
-  size: "sm" | "md" | "lg";
+  size: "xs" | "sm" | "md" | "lg";
   color?: keyof Theme["colors"];
   inline?: boolean;
 }) {

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.64.2";
+export const version = "5.64.3-nightly-ddec3dadcc260e0d4d0ed2b43c502e0915a14203-20241029000326";

package/src/wallets/smart/lib/bundler.ts

@@ -84,7 +84,10 @@ export async function estimateUserOpGas(args: {
   // add gas buffer for managed account factory delegate calls
   return {
     preVerificationGas: hexToBigInt(res.preVerificationGas),
-    verificationGas: hexToBigInt(res.verificationGas),
+    verificationGas:
+      res.verificationGas !== undefined
+        ? hexToBigInt(res.verificationGas)
+        : undefined,
     verificationGasLimit: hexToBigInt(res.verificationGasLimit),
     callGasLimit: hexToBigInt(res.callGasLimit) + MANAGED_ACCOUNT_GAS_BUFFER,
     paymasterVerificationGasLimit:

package/src/wallets/smart/smart-wallet-dev.test.ts

@@ -1,10 +1,12 @@
 import { beforeAll, describe, expect, it } from "vitest";
 import { TEST_CLIENT } from "../../../test/src/test-clients.js";
-import { arbitrumSepolia } from "../../chains/chain-definitions/arbitrum-sepolia.js";
+import { zkSyncSepolia } from "../../chains/chain-definitions/zksync-sepolia.js";
 import { type ThirdwebContract, getContract } from "../../contract/contract.js";
 import { balanceOf } from "../../extensions/erc1155/__generated__/IERC1155/read/balanceOf.js";
 import { claimTo } from "../../extensions/erc1155/drops/write/claimTo.js";
 import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-confirm-transaction.js";
+import { sendTransaction } from "../../transaction/actions/send-transaction.js";
+import { prepareTransaction } from "../../transaction/prepare-transaction.js";
 import type { Address } from "../../utils/address.js";
 import { isContractDeployed } from "../../utils/bytecode/is-contract-deployed.js";
 import { setThirdwebDomains } from "../../utils/domains.js";
@@ -18,7 +20,7 @@ let smartWalletAddress: Address;
 let personalAccount: Account;
 let accountContract: ThirdwebContract;
 
-const chain = arbitrumSepolia;
+const chain = zkSyncSepolia;
 const client = TEST_CLIENT;
 const contract = getContract({
   client,
@@ -61,13 +63,30 @@ describe.runIf(process.env.TW_SECRET_KEY).skip.sequential(
       expect(smartWalletAddress).toHaveLength(42);
     });
 
-    it("can sign a msg", async () => {
+    it.skip("can sign a msg", async () => {
       await smartAccount.signMessage({ message: "hello world" });
       const isDeployed = await isContractDeployed(accountContract);
       expect(isDeployed).toEqual(true);
     });
 
-    it("can execute a tx", async () => {
+    it("should send a transaction", async () => {
+      const tx = prepareTransaction({
+        client,
+        chain,
+        to: smartAccount.address,
+        value: 0n,
+      });
+
+      console.log("Sending transaction...");
+      const receipt = await sendTransaction({
+        transaction: tx,
+        account: smartAccount,
+      });
+      console.log("Transaction sent:", receipt.transactionHash);
+      expect(receipt.transactionHash).toBeDefined();
+    });
+
+    it.skip("can execute a tx", async () => {
       const tx = await sendAndConfirmTransaction({
         transaction: claimTo({
           contract,

package/src/wallets/smart/types.ts

@@ -172,7 +172,7 @@ export type PaymasterResult = {
 
 export type EstimationResult = {
   preVerificationGas: bigint;
-  verificationGas: bigint;
+  verificationGas?: bigint;
   verificationGasLimit: bigint;
   callGasLimit: bigint;
   // v0.7 types

package/dist/cjs/react/web/ui/ConnectWallet/icons/GenericWalletIcon.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GenericWalletIcon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/**
- * @internal
- */
-const GenericWalletIcon = (props) => {
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 18", width: props.size, height: props.size, role: "presentation", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M15.6 4.6H1.85v-.55l12.1-.968v.968h1.65V2.4c0-1.21-.98-2.059-2.177-1.888L2.378 2.089C1.18 2.26.2 3.39.2 4.6v11a2.2 2.2 0 002.2 2.2h13.2a2.2 2.2 0 002.2-2.2V6.8a2.2 2.2 0 00-2.2-2.2zm-1.65 7.707a1.65 1.65 0 01-.63-3.176 1.65 1.65 0 11.63 3.176z" }) }));
-};
-exports.GenericWalletIcon = GenericWalletIcon;
-//# sourceMappingURL=GenericWalletIcon.js.map

package/dist/cjs/react/web/ui/ConnectWallet/icons/GenericWalletIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenericWalletIcon.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/icons/GenericWalletIcon.tsx"],"names":[],"mappings":";;;;AAEA;;GAEG;AACI,MAAM,iBAAiB,GAAW,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,gCACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,IAAI,EAAC,cAAc,YAEnB,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qPAAqP,GACvP,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,iBAAiB,qBAgB5B"}

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WalletSwitcherDrawerContent = WalletSwitcherDrawerContent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
-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 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 WalletSelectorButton_js_1 = require("../WalletSelectorButton.js");
-function WalletSwitcherDrawerContent(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));
-    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: [connectedWallets
-                        .filter((w) => !props.hiddenWallets?.includes(w.id))
-                        .map((w) => {
-                        const address = w.getAccount()?.address;
-                        return ((0, jsx_runtime_1.jsx)(WalletSelectorButton_js_1.WalletSelectorButton, { walletId: w.id, client: props.client, address: address || "", onClick: () => {
-                                props.onSelect(w);
-                                props.onBack();
-                            }, disableChevron: true, checked: false }, 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, children: [(0, jsx_runtime_1.jsx)(react_icons_1.PlusIcon, { 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: "Add Another Wallet" })] }) }))] }), (0, jsx_runtime_1.jsx)(Spacer_js_1.Spacer, { y: "sm" })] }));
-}
-//# sourceMappingURL=WalletSwitcherDrawerContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletSwitcherDrawerContent.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletSwitcherDrawerContent.tsx"],"names":[],"mappings":";;AAiBA,kEAiEC;;AAlFD,uDAAiD;AAIjD,wGAA6F;AAC7F,4EAIuD;AACvD,wGAAkG;AAClG,gEAA0D;AAC1D,8DAA4D;AAC5D,kEAA2D;AAC3D,4DAAsD;AACtD,wEAAkE;AAElE,SAAgB,2BAA2B,CAAC,KAS3C;IACC,MAAM,KAAK,GAAG,IAAA,uCAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAA,4CAAmB,GAAE,CAAC;IAE/C,wFAAwF;IACxF,MAAM,iBAAiB,GACrB,CAAC,KAAK,CAAC,cAAc;QACrB,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,wBAAC,oBAAS,eACR,wBAAC,oBAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,gBAAgB;yBACd,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;yBACnD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACT,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;wBACxC,OAAO,CACL,uBAAC,8CAAoB,IAEnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,KAAK,CAAC,MAAM,EAAE,CAAC;4BACjB,CAAC,EACD,cAAc,QACd,OAAO,EAAE,KAAK,IATT,CAAC,CAAC,EAAE,CAUT,CACH,CAAC;oBACJ,CAAC,CAAC,EACH,CAAC,iBAAiB,IAAI,CACrB,uBAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,SAAS,QACT,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAE;4BACL,YAAY,EAAE,iBAAM,CAAC,EAAE;4BACvB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;4BAC/C,OAAO,EAAE,kBAAO,CAAC,EAAE;yBACpB,YAED,wBAAC,oBAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,mBAC9C,uBAAC,sBAAQ,IAAC,KAAK,EAAE,mBAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,mBAAQ,CAAC,EAAE,GAAI,EACrD,uBAAC,cAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,mCAE5B,IACG,GACL,CACV,IACS,EACZ,uBAAC,kBAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IACP,CACb,CAAC;AACJ,CAAC"}

package/dist/esm/react/web/ui/ConnectWallet/icons/GenericWalletIcon.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @internal
- */
-export const GenericWalletIcon = (props) => {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 18", width: props.size, height: props.size, role: "presentation", children: _jsx("path", { fill: "currentColor", d: "M15.6 4.6H1.85v-.55l12.1-.968v.968h1.65V2.4c0-1.21-.98-2.059-2.177-1.888L2.378 2.089C1.18 2.26.2 3.39.2 4.6v11a2.2 2.2 0 002.2 2.2h13.2a2.2 2.2 0 002.2-2.2V6.8a2.2 2.2 0 00-2.2-2.2zm-1.65 7.707a1.65 1.65 0 01-.63-3.176 1.65 1.65 0 11.63 3.176z" }) }));
-};
-//# sourceMappingURL=GenericWalletIcon.js.map

package/dist/esm/react/web/ui/ConnectWallet/icons/GenericWalletIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenericWalletIcon.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/icons/GenericWalletIcon.tsx"],"names":[],"mappings":";AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAW,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,IAAI,EACjB,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,IAAI,EAAC,cAAc,YAEnB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,qPAAqP,GACvP,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PlusIcon } from "@radix-ui/react-icons";
-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 { Spacer } from "../../../../components/Spacer.js";
-import { Container } from "../../../../components/basic.js";
-import { Button } from "../../../../components/buttons.js";
-import { Text } from "../../../../components/text.js";
-import { WalletSelectorButton } from "../WalletSelectorButton.js";
-export function WalletSwitcherDrawerContent(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));
-    return (_jsxs(Container, { children: [_jsxs(Container, { flex: "column", gap: "xs", children: [connectedWallets
-                        .filter((w) => !props.hiddenWallets?.includes(w.id))
-                        .map((w) => {
-                        const address = w.getAccount()?.address;
-                        return (_jsx(WalletSelectorButton, { walletId: w.id, client: props.client, address: address || "", onClick: () => {
-                                props.onSelect(w);
-                                props.onBack();
-                            }, disableChevron: true, checked: false }, 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, children: [_jsx(PlusIcon, { width: iconSize.md, height: iconSize.md }), _jsx(Text, { size: "sm", color: "primaryText", children: "Add Another Wallet" })] }) }))] }), _jsx(Spacer, { y: "sm" })] }));
-}
-//# sourceMappingURL=WalletSwitcherDrawerContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WalletSwitcherDrawerContent.js","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletSwitcherDrawerContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjD,OAAO,EAAE,cAAc,EAAE,MAAM,6DAA6D,CAAC;AAC7F,OAAO,EACL,QAAQ,EACR,MAAM,EACN,OAAO,GACR,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAClG,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,UAAU,2BAA2B,CAAC,KAS3C;IACC,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,wFAAwF;IACxF,MAAM,iBAAiB,GACrB,CAAC,KAAK,CAAC,cAAc;QACrB,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5D,OAAO,CACL,MAAC,SAAS,eACR,MAAC,SAAS,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,IAAI,aAC9B,gBAAgB;yBACd,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;yBACnD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;wBACT,MAAM,OAAO,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,OAAO,CAAC;wBACxC,OAAO,CACL,KAAC,oBAAoB,IAEnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,OAAO,EAAE,GAAG,EAAE;gCACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,KAAK,CAAC,MAAM,EAAE,CAAC;4BACjB,CAAC,EACD,cAAc,QACd,OAAO,EAAE,KAAK,IATT,CAAC,CAAC,EAAE,CAUT,CACH,CAAC;oBACJ,CAAC,CAAC,EACH,CAAC,iBAAiB,IAAI,CACrB,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,SAAS,QACT,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,GAAG,EAAC,IAAI,EACR,EAAE,EAAC,YAAY,EACf,KAAK,EAAE;4BACL,YAAY,EAAE,MAAM,CAAC,EAAE;4BACvB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE;4BAC/C,OAAO,EAAE,OAAO,CAAC,EAAE;yBACpB,YAED,MAAC,SAAS,IAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,MAAM,mBAC9C,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAI,EACrD,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,mCAE5B,IACG,GACL,CACV,IACS,EACZ,KAAC,MAAM,IAAC,CAAC,EAAC,IAAI,GAAG,IACP,CACb,CAAC;AACJ,CAAC"}

package/dist/types/react/web/ui/ConnectWallet/icons/GenericWalletIcon.d.ts

@@ -1,6 +0,0 @@
-import type { IconFC } from "./types.js";
-/**
- * @internal
- */
-export declare const GenericWalletIcon: IconFC;
-//# sourceMappingURL=GenericWalletIcon.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/icons/GenericWalletIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GenericWalletIcon.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/icons/GenericWalletIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAgB/B,CAAC"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletSwitcherDrawerContent.d.ts

@@ -1,14 +0,0 @@
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { Wallet } from "../../../../../../../wallets/interfaces/wallet.js";
-import type { WalletId } from "../../../../../../../wallets/wallet-types.js";
-export declare function WalletSwitcherDrawerContent(props: {
-    client: ThirdwebClient;
-    showAllWallets: boolean;
-    wallets: Wallet[] | undefined;
-    onSelect: (wallet: Wallet) => void;
-    onBack: () => void;
-    onConnect: () => void;
-    selectedAddress: string;
-    hiddenWallets?: WalletId[];
-}): import("react/jsx-runtime.js").JSX.Element;
-//# sourceMappingURL=WalletSwitcherDrawerContent.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletSwitcherDrawerContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WalletSwitcherDrawerContent.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletSwitcherDrawerContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mDAAmD,CAAC;AAChF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAc7E,wBAAgB,2BAA2B,CAAC,KAAK,EAAE;IACjD,MAAM,EAAE,cAAc,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,QAAQ,EAAE,CAAC;CAC5B,8CAwDA"}

package/src/react/web/ui/ConnectWallet/icons/GenericWalletIcon.tsx

@@ -1,22 +0,0 @@
-import type { IconFC } from "./types.js";
-
-/**
- * @internal
- */
-export const GenericWalletIcon: IconFC = (props) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 18 18"
-      width={props.size}
-      height={props.size}
-      role="presentation"
-    >
-      <path
-        fill="currentColor"
-        d="M15.6 4.6H1.85v-.55l12.1-.968v.968h1.65V2.4c0-1.21-.98-2.059-2.177-1.888L2.378 2.089C1.18 2.26.2 3.39.2 4.6v11a2.2 2.2 0 002.2 2.2h13.2a2.2 2.2 0 002.2-2.2V6.8a2.2 2.2 0 00-2.2-2.2zm-1.65 7.707a1.65 1.65 0 01-.63-3.176 1.65 1.65 0 11.63 3.176z"
-      />
-    </svg>
-  );
-};

package/src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletSwitcherDrawerContent.tsx

@@ -1,83 +0,0 @@
-import { PlusIcon } from "@radix-ui/react-icons";
-import type { ThirdwebClient } from "../../../../../../../client/client.js";
-import type { Wallet } from "../../../../../../../wallets/interfaces/wallet.js";
-import type { WalletId } from "../../../../../../../wallets/wallet-types.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 { Spacer } from "../../../../components/Spacer.js";
-import { Container } from "../../../../components/basic.js";
-import { Button } from "../../../../components/buttons.js";
-import { Text } from "../../../../components/text.js";
-import { WalletSelectorButton } from "../WalletSelectorButton.js";
-
-export function WalletSwitcherDrawerContent(props: {
-  client: ThirdwebClient;
-  showAllWallets: boolean;
-  wallets: Wallet[] | undefined;
-  onSelect: (wallet: Wallet) => void;
-  onBack: () => void;
-  onConnect: () => void;
-  selectedAddress: string;
-  hiddenWallets?: WalletId[];
-}) {
-  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));
-
-  return (
-    <Container>
-      <Container flex="column" gap="xs">
-        {connectedWallets
-          .filter((w) => !props.hiddenWallets?.includes(w.id))
-          .map((w) => {
-            const address = w.getAccount()?.address;
-            return (
-              <WalletSelectorButton
-                key={w.id}
-                walletId={w.id}
-                client={props.client}
-                address={address || ""}
-                onClick={() => {
-                  props.onSelect(w);
-                  props.onBack();
-                }}
-                disableChevron
-                checked={false}
-              />
-            );
-          })}
-        {!hideConnectButton && (
-          <Button
-            variant="secondary"
-            fullWidth
-            onClick={props.onConnect}
-            gap="xs"
-            bg="tertiaryBg"
-            style={{
-              borderRadius: radius.lg,
-              border: `1px solid ${theme.colors.borderColor}`,
-              padding: spacing.sm,
-            }}
-          >
-            <Container flex="row" gap="sm" center="y" expand>
-              <PlusIcon width={iconSize.md} height={iconSize.md} />
-              <Text size="sm" color="primaryText">
-                Add Another Wallet
-              </Text>
-            </Container>
-          </Button>
-        )}
-      </Container>
-      <Spacer y="sm" />
-    </Container>
-  );
-}