thirdweb 5.64.6-nightly-f40d2474e6cc1227a8d05151210ef4793beb6142-20241101000357 → 5.65.0-nightly-06604162a11d99ff119bbf427a24b9a7d82c1575-20241103000408

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thirdweb",
-  "version": "5.64.6-nightly-f40d2474e6cc1227a8d05151210ef4793beb6142-20241101000357",
+  "version": "5.65.0-nightly-06604162a11d99ff119bbf427a24b9a7d82c1575-20241103000408",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thirdweb-dev/js.git#main"

package/src/analytics/track/index.ts

@@ -1,10 +1,9 @@
 import type { ThirdwebClient } from "../../client/client.js";
+import { getThirdwebBaseUrl } from "../../utils/domains.js";
 import { getClientFetch } from "../../utils/fetch.js";
 import { stringify } from "../../utils/json.js";
 import type { Ecosystem } from "../../wallets/in-app/core/wallet/types.js";
 
-const ANALYTICS_ENDPOINT = "https://c.thirdweb.com/event";
-
 /**
  * @internal
  */
@@ -23,7 +22,7 @@ export async function track({
     ...data,
   };
 
-  return fetch(ANALYTICS_ENDPOINT, {
+  return fetch(`${getThirdwebBaseUrl("analytics")}/event`, {
     method: "POST",
     body: stringify(event),
   }).catch(() => {});

package/src/auth/core/verify-jwt.ts

@@ -1,3 +1,4 @@
+import { stringify } from "../../utils/json.js";
 import { decodeJWT } from "../../utils/jwt/decode-jwt.js";
 import type { JWTPayload } from "../../utils/jwt/types.js";
 import { verifyEOASignature } from "../verify-signature.js";
@@ -82,7 +83,7 @@ export function verifyJWT(options: AuthOptions) {
     }
 
     const verified = await verifyEOASignature({
-      message: JSON.stringify(payload),
+      message: stringify(payload),
       signature,
       address: issuerAddress,
     });

package/src/extensions/erc1155/drop1155.test.ts

@@ -16,6 +16,7 @@ import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-co
 import { resolvePromisedValue } from "../../utils/promise/resolve-promised-value.js";
 import { toEther } from "../../utils/units.js";
 import { generateMerkleTreeInfoERC1155 } from "../airdrop/write/merkleInfoERC1155.js";
+import { name } from "../common/read/name.js";
 import { deployERC20Contract } from "../prebuilts/deploy-erc20.js";
 import { deployERC1155Contract } from "../prebuilts/deploy-erc1155.js";
 import { balanceOf } from "./__generated__/IERC1155/read/balanceOf.js";
@@ -45,12 +46,22 @@ describe.runIf(process.env.TW_SECRET_KEY)(
         chain: ANVIL_CHAIN,
         client: TEST_CLIENT,
         params: {
-          name: "Test DropERC1155",
+          name: "EditionDrop",
           contractURI: TEST_CONTRACT_URI,
         },
         type: "DropERC1155",
       });
 
+      expect(contractAddress).toBeDefined();
+      const deployedName = await name({
+        contract: getContract({
+          client: TEST_CLIENT,
+          chain: ANVIL_CHAIN,
+          address: contractAddress,
+        }),
+      });
+      expect(deployedName).toBe("EditionDrop");
+
       contract = getContract({
         address: contractAddress,
         chain: ANVIL_CHAIN,

package/src/extensions/erc1155/token1155.test.ts

@@ -11,6 +11,7 @@ import {
 import { resolveContractAbi } from "../../contract/actions/resolve-abi.js";
 import { type ThirdwebContract, getContract } from "../../contract/contract.js";
 import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-confirm-transaction.js";
+import { name } from "../common/read/name.js";
 import { deployERC1155Contract } from "../prebuilts/deploy-erc1155.js";
 import { balanceOf } from "./__generated__/IERC1155/read/balanceOf.js";
 import { totalSupply } from "./__generated__/IERC1155/read/totalSupply.js";
@@ -37,12 +38,22 @@ describe.runIf(process.env.TW_SECRET_KEY)("TokenERC1155", () => {
       chain: ANVIL_CHAIN,
       client: TEST_CLIENT,
       params: {
-        name: "Test TokenERC1155",
+        name: "Edition",
         contractURI: TEST_CONTRACT_URI,
       },
       type: "TokenERC1155",
     });
 
+    expect(contractAddress).toBeDefined();
+    const deployedName = await name({
+      contract: getContract({
+        client: TEST_CLIENT,
+        chain: ANVIL_CHAIN,
+        address: contractAddress,
+      }),
+    });
+    expect(deployedName).toBe("Edition");
+
     contract = getContract({
       address: contractAddress,
       chain: ANVIL_CHAIN,

package/src/extensions/erc1155/write/mintAdditionalSupplyToBatch.test.ts

@@ -1,4 +1,3 @@
-import {} from "viem";
 import { describe, expect, it } from "vitest";
 import { TEST_ACCOUNT_C } from "~test/test-wallets.js";
 import { optimizeMintBatchContent } from "./mintAdditionalSupplyToBatch.js";

package/src/extensions/erc20/drop20.test.ts

@@ -1,5 +1,4 @@
 import { beforeAll, describe, expect, it } from "vitest";
-import { TEST_CONTRACT_URI } from "~test/ipfs-uris.js";
 import { VITALIK_WALLET } from "../../../test/src/addresses.js";
 import { ANVIL_CHAIN } from "../../../test/src/chains.js";
 import { TEST_CLIENT } from "../../../test/src/test-clients.js";
@@ -13,6 +12,7 @@ import { type ThirdwebContract, getContract } from "../../contract/contract.js";
 import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-confirm-transaction.js";
 import { resolvePromisedValue } from "../../utils/promise/resolve-promised-value.js";
 import { toEther } from "../../utils/units.js";
+import { name } from "../common/read/name.js";
 import { deployERC20Contract } from "../prebuilts/deploy-erc20.js";
 import { getClaimConditions } from "./drops/read/getClaimConditions.js";
 import { claimTo } from "./drops/write/claimTo.js";
@@ -35,11 +35,20 @@ describe.runIf(process.env.TW_SECRET_KEY)(
         client: TEST_CLIENT,
         params: {
           name: "Test DropERC20",
-          contractURI: TEST_CONTRACT_URI,
         },
         type: "DropERC20",
       });
 
+      expect(contractAddress).toBeDefined();
+      const deployedName = await name({
+        contract: getContract({
+          client: TEST_CLIENT,
+          chain: ANVIL_CHAIN,
+          address: contractAddress,
+        }),
+      });
+      expect(deployedName).toBe("Test DropERC20");
+
       contract = getContract({
         address: contractAddress,
         chain: ANVIL_CHAIN,

package/src/extensions/erc721/drop721.test.ts

@@ -13,6 +13,7 @@ import { type ThirdwebContract, getContract } from "../../contract/contract.js";
 import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-confirm-transaction.js";
 import { resolvePromisedValue } from "../../utils/promise/resolve-promised-value.js";
 import { toEther } from "../../utils/units.js";
+import { name } from "../common/read/name.js";
 import { deployERC20Contract } from "../prebuilts/deploy-erc20.js";
 import { deployERC721Contract } from "../prebuilts/deploy-erc721.js";
 import { balanceOf } from "./__generated__/IERC721A/read/balanceOf.js";
@@ -40,11 +41,19 @@ describe.runIf(process.env.TW_SECRET_KEY)(
         client: TEST_CLIENT,
         params: {
           name: "Test DropERC721",
-          contractURI: TEST_CONTRACT_URI,
         },
         type: "DropERC721",
       });
 
+      contract = getContract({
+        address: contractAddress,
+        chain: ANVIL_CHAIN,
+        client: TEST_CLIENT,
+      });
+
+      const deployedName = await name({ contract });
+      expect(deployedName).toBe("Test DropERC721");
+
       const erc20ContractAddress = await deployERC20Contract({
         account: TEST_ACCOUNT_A,
         chain: ANVIL_CHAIN,
@@ -61,12 +70,6 @@ describe.runIf(process.env.TW_SECRET_KEY)(
         chain: ANVIL_CHAIN,
         client: TEST_CLIENT,
       });
-
-      contract = getContract({
-        address: contractAddress,
-        chain: ANVIL_CHAIN,
-        client: TEST_CLIENT,
-      });
       // this deploys a contract, it may take some time
     }, 120_000);
 

package/src/extensions/erc721/drops/write/claimToBatch.ts

@@ -59,17 +59,15 @@ export function claimToBatch(
 async function getClaimToBatchParams(
   options: BaseTransactionOptions<ClaimToBatchParams>,
 ) {
-  const errorIndexTo = options.content.findIndex((o) => !o.to);
-  if (errorIndexTo !== -1) {
-    throw new Error(
-      `Error: Item at index ${errorIndexTo} is missing recipient address ("to")`,
-    );
-  }
-  const errorIndexQuantity = options.content.findIndex((o) => !o.quantity);
-  if (errorIndexQuantity !== -1) {
-    throw new Error(
-      `Error: Item at index ${errorIndexQuantity} is missing claim quantity`,
-    );
+  for (let i = 0; i < options.content.length; i++) {
+    if (!options.content[i]?.quantity) {
+      throw new Error(`Error: Item at index ${i} is missing claim quantity`);
+    }
+    if (!options.content[i]?.to) {
+      throw new Error(
+        `Error: Item at index ${i} is missing recipient address ("to")`,
+      );
+    }
   }
   const content = optimizeClaimContent(options.content);
   const data = await Promise.all(
@@ -89,6 +87,7 @@ async function getClaimToBatchParams(
         pricePerToken: claimParams.pricePerToken,
         allowlistProof: claimParams.allowlistProof,
         data: claimParams.data,
+        overrides: claimParams.overrides,
       });
     }),
   );

package/src/extensions/erc721/read/getNFT.test.ts

@@ -1,16 +1,5 @@
 import { describe, expect, it } from "vitest";
-
-import { ANVIL_CHAIN } from "~test/chains.js";
-import { TEST_CONTRACT_URI } from "~test/ipfs-uris.js";
-import { TEST_CLIENT } from "~test/test-clients.js";
 import { DOODLES_CONTRACT } from "~test/test-contracts.js";
-import { TEST_ACCOUNT_A } from "~test/test-wallets.js";
-import { getContract } from "../../../contract/contract.js";
-import { deployERC721Contract } from "../../../extensions/prebuilts/deploy-erc721.js";
-import { sendAndConfirmTransaction } from "../../../transaction/actions/send-and-confirm-transaction.js";
-import { parseNFT } from "../../../utils/nft/parseNft.js";
-import { setTokenURI } from "../__generated__/INFTMetadata/write/setTokenURI.js";
-import { mintTo } from "../write/mintTo.js";
 import { getNFT } from "./getNFT.js";
 
 describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFT", () => {
@@ -99,60 +88,4 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFT", () => {
       }
     `);
   });
-
-  it("should return a default value if the URI of the token doesn't exist", async () => {
-    /**
-     * To create this test scenario, we first deploy an NFTCollection/Edition contract,
-     * mint a token, then purposefully change that token's URI to an empty string, using setTokenURI
-     */
-    const contract = getContract({
-      address: await deployERC721Contract({
-        chain: ANVIL_CHAIN,
-        client: TEST_CLIENT,
-        account: TEST_ACCOUNT_A,
-        type: "TokenERC721",
-        params: {
-          name: "",
-          contractURI: TEST_CONTRACT_URI,
-        },
-      }),
-      chain: ANVIL_CHAIN,
-      client: TEST_CLIENT,
-    });
-
-    await sendAndConfirmTransaction({
-      transaction: mintTo({
-        contract,
-        nft: { name: "token 0" },
-        to: TEST_ACCOUNT_A.address,
-      }),
-      account: TEST_ACCOUNT_A,
-    });
-
-    await sendAndConfirmTransaction({
-      transaction: setTokenURI({
-        contract,
-        tokenId: 0n,
-        // Need to have some spaces because NFTMetadata.sol does not allow to update an empty valud
-        uri: "  ",
-      }),
-      account: TEST_ACCOUNT_A,
-    });
-
-    expect(await getNFT({ contract, tokenId: 0n })).toStrictEqual(
-      parseNFT(
-        {
-          id: 0n,
-          type: "ERC721",
-          uri: "",
-        },
-        {
-          tokenId: 0n,
-          tokenUri: "",
-          type: "ERC721",
-          owner: null,
-        },
-      ),
-    );
-  });
 });

package/src/extensions/erc721/read/getNFTs.test.ts

@@ -1,17 +1,8 @@
-import { type Abi, toFunctionSelector } from "viem";
 import { describe, expect, it } from "vitest";
-import { ANVIL_CHAIN } from "~test/chains.js";
-import { TEST_CONTRACT_URI } from "~test/ipfs-uris.js";
-import { TEST_CLIENT } from "~test/test-clients.js";
 import {
   DOODLES_CONTRACT,
   UNISWAPV3_FACTORY_CONTRACT,
 } from "~test/test-contracts.js";
-import { TEST_ACCOUNT_B } from "~test/test-wallets.js";
-import { resolveContractAbi } from "../../../contract/actions/resolve-abi.js";
-import { getContract } from "../../../contract/contract.js";
-import { deployERC721Contract } from "../../../extensions/prebuilts/deploy-erc721.js";
-import { isGetNFTSupported } from "./getNFT.js";
 import { getNFTs } from "./getNFTs.js";
 
 describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
@@ -197,29 +188,6 @@ describe.runIf(process.env.TW_SECRET_KEY)("erc721.getNFTs", () => {
     // TODO find a contract that we can use that has "1 indexed" NFTs, then re-enable this test
   });
 
-  it("isGetNFTsSupported should work", async () => {
-    const contract = getContract({
-      address: await deployERC721Contract({
-        chain: ANVIL_CHAIN,
-        client: TEST_CLIENT,
-        type: "TokenERC721",
-        params: {
-          name: "",
-          contractURI: TEST_CONTRACT_URI,
-        },
-        account: TEST_ACCOUNT_B,
-      }),
-      chain: ANVIL_CHAIN,
-      client: TEST_CLIENT,
-    });
-
-    const abi = await resolveContractAbi<Abi>(contract);
-    const selectors = abi
-      .filter((f) => f.type === "function")
-      .map((f) => toFunctionSelector(f));
-    expect(isGetNFTSupported(selectors)).toBe(true);
-  });
-
   it("should throw error if totalSupply and nextTokenIdToMint are not supported", async () => {
     await expect(() =>
       getNFTs({ contract: UNISWAPV3_FACTORY_CONTRACT }),

package/src/extensions/erc721/token721.test.ts

@@ -0,0 +1,115 @@
+import { type Abi, toFunctionSelector } from "viem";
+import { describe, expect, it } from "vitest";
+import { ANVIL_CHAIN } from "~test/chains.js";
+import { TEST_CONTRACT_URI } from "~test/ipfs-uris.js";
+import { TEST_CLIENT } from "~test/test-clients.js";
+import { TEST_ACCOUNT_B } from "~test/test-wallets.js";
+import { resolveContractAbi } from "../../contract/actions/resolve-abi.js";
+import { type ThirdwebContract, getContract } from "../../contract/contract.js";
+import { name } from "../../extensions/common/read/name.js";
+import { sendAndConfirmTransaction } from "../../transaction/actions/send-and-confirm-transaction.js";
+import { parseNFT } from "../../utils/nft/parseNft.js";
+import { deployERC721Contract } from "../prebuilts/deploy-erc721.js";
+import { tokenURI } from "./__generated__/IERC721A/read/tokenURI.js";
+import { setTokenURI } from "./__generated__/INFTMetadata/write/setTokenURI.js";
+import { getNFT, isGetNFTSupported } from "./read/getNFT.js";
+import { mintTo } from "./write/mintTo.js";
+
+const client = TEST_CLIENT;
+const chain = ANVIL_CHAIN;
+const account = TEST_ACCOUNT_B;
+
+let token721Contract: ThirdwebContract;
+
+describe.runIf(process.env.TW_SECRET_KEY)("deployERC721", () => {
+  it("should deploy ERC721 token", async () => {
+    const address = await deployERC721Contract({
+      client,
+      chain,
+      account,
+      type: "TokenERC721",
+      params: {
+        name: "NFTCollection",
+        contractURI: TEST_CONTRACT_URI,
+      },
+    });
+    expect(address).toBeDefined();
+    token721Contract = getContract({
+      client: TEST_CLIENT,
+      chain: ANVIL_CHAIN,
+      address,
+    });
+    const deployedName = await name({ contract: token721Contract });
+    expect(deployedName).toBe("NFTCollection");
+  });
+
+  it("should mint an nft when passed an object", async () => {
+    const transaction = mintTo({
+      contract: token721Contract,
+      nft: { name: "token 0" },
+      to: account.address,
+    });
+    await sendAndConfirmTransaction({
+      transaction,
+      account,
+    });
+
+    const nft = await getNFT({ contract: token721Contract, tokenId: 0n });
+    expect(nft.metadata.name).toBe("token 0");
+  });
+
+  it("should mint an nft when passed a string", async () => {
+    const transaction = mintTo({
+      contract: token721Contract,
+      nft: "ipfs://fake-token-uri",
+      to: account.address,
+    });
+    await sendAndConfirmTransaction({
+      transaction,
+      account,
+    });
+    const _uri = await tokenURI({ contract: token721Contract, tokenId: 1n });
+    expect(_uri).toBe("ipfs://fake-token-uri");
+  });
+
+  it("isGetNFTsSupported should work", async () => {
+    const abi = await resolveContractAbi<Abi>(token721Contract);
+    const selectors = abi
+      .filter((f) => f.type === "function")
+      .map((f) => toFunctionSelector(f));
+    expect(isGetNFTSupported(selectors)).toBe(true);
+  });
+
+  it("should return a default value if the URI of the token doesn't exist", async () => {
+    /**
+     * mint a token, then purposefully change that token's URI to an empty string, using setTokenURI
+     */
+    await sendAndConfirmTransaction({
+      transaction: setTokenURI({
+        contract: token721Contract,
+        tokenId: 1n,
+        // Need to have some spaces because NFTMetadata.sol does not allow to update an empty value
+        uri: "  ",
+      }),
+      account,
+    });
+
+    expect(
+      await getNFT({ contract: token721Contract, tokenId: 1n }),
+    ).toStrictEqual(
+      parseNFT(
+        {
+          id: 1n,
+          type: "ERC721",
+          uri: "",
+        },
+        {
+          tokenId: 1n,
+          tokenUri: "",
+          type: "ERC721",
+          owner: null,
+        },
+      ),
+    );
+  });
+});

package/src/extensions/prebuilts/deploy-erc721.test.ts

@@ -11,48 +11,6 @@ const account = TEST_ACCOUNT_B;
 // skip this test suite if there is no secret key available to test with
 // TODO: remove reliance on secret key during unit tests entirely
 describe.runIf(process.env.TW_SECRET_KEY)("deployERC721", () => {
-  it("should deploy ERC721 drop", async () => {
-    const address = await deployERC721Contract({
-      client: TEST_CLIENT,
-      chain: ANVIL_CHAIN,
-      account,
-      type: "DropERC721",
-      params: {
-        name: "NFTDrop",
-      },
-    });
-    expect(address).toBeDefined();
-    const deployedName = await name({
-      contract: getContract({
-        client: TEST_CLIENT,
-        chain: ANVIL_CHAIN,
-        address,
-      }),
-    });
-    expect(deployedName).toBe("NFTDrop");
-  });
-
-  it("should deploy ERC721 token", async () => {
-    const address = await deployERC721Contract({
-      client: TEST_CLIENT,
-      chain: ANVIL_CHAIN,
-      account,
-      type: "TokenERC721",
-      params: {
-        name: "NFTCollection",
-      },
-    });
-    expect(address).toBeDefined();
-    const deployedName = await name({
-      contract: getContract({
-        client: TEST_CLIENT,
-        chain: ANVIL_CHAIN,
-        address,
-      }),
-    });
-    expect(deployedName).toBe("NFTCollection");
-  });
-
   it("should deploy ERC721 open edition", async () => {
     const address = await deployERC721Contract({
       client: TEST_CLIENT,

package/src/pay/buyWithCrypto/getQuote.ts

@@ -5,6 +5,7 @@ import { getContract } from "../../contract/contract.js";
 import { approve } from "../../extensions/erc20/write/approve.js";
 import type { PrepareTransactionOptions } from "../../transaction/prepare-transaction.js";
 import { getClientFetch } from "../../utils/fetch.js";
+import { stringify } from "../../utils/json.js";
 import { getPayBuyWithCryptoQuoteEndpoint } from "../utils/definitions.js";
 import type {
   QuoteApprovalInfo,
@@ -223,7 +224,7 @@ export async function getBuyWithCryptoQuote(
         Accept: "application/json",
         "Content-Type": "application/json",
       },
-      body: JSON.stringify({
+      body: stringify({
         fromAddress: params.fromAddress,
         toAddress: params.toAddress,
         fromChainId: params.fromChainId.toString(),

package/src/pay/buyWithCrypto/getTransfer.ts

@@ -6,6 +6,7 @@ import { approve } from "../../extensions/erc20/write/approve.js";
 import type { PrepareTransactionOptions } from "../../transaction/prepare-transaction.js";
 import type { Address } from "../../utils/address.js";
 import { getClientFetch } from "../../utils/fetch.js";
+import { stringify } from "../../utils/json.js";
 import { getPayBuyWithCryptoTransferEndpoint } from "../utils/definitions.js";
 import type {
   QuoteApprovalInfo,
@@ -129,7 +130,7 @@ export async function getBuyWithCryptoTransfer(
         Accept: "application/json",
         "Content-Type": "application/json",
       },
-      body: JSON.stringify({
+      body: stringify({
         fromAddress: params.fromAddress,
         toAddress: params.toAddress,
         chainId: params.chainId,

package/src/pay/buyWithFiat/getQuote.ts

@@ -1,5 +1,6 @@
 import type { ThirdwebClient } from "../../client/client.js";
 import { getClientFetch } from "../../utils/fetch.js";
+import { stringify } from "../../utils/json.js";
 import type { FiatProvider } from "../utils/commonTypes.js";
 import { getPayBuyWithFiatQuoteEndpoint } from "../utils/definitions.js";
 
@@ -299,7 +300,7 @@ export async function getBuyWithFiatQuote(
         Accept: "application/json",
         "Content-Type": "application/json",
       },
-      body: JSON.stringify({
+      body: stringify({
         toAddress: params.toAddress,
         fromCurrencySymbol: params.fromCurrencySymbol,
         toChainId: params.toChainId.toString(),

package/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -3,6 +3,7 @@ import type { ThirdwebClient } from "../../../../client/client.js";
 import type { BuyWithCryptoStatus } from "../../../../pay/buyWithCrypto/getStatus.js";
 import type { BuyWithFiatStatus } from "../../../../pay/buyWithFiat/getStatus.js";
 import type { FiatProvider } from "../../../../pay/utils/commonTypes.js";
+import type { AssetTabs } from "../../../../react/web/ui/ConnectWallet/screens/ViewAssets.js";
 import type { PreparedTransaction } from "../../../../transaction/prepare-transaction.js";
 import type { Prettify } from "../../../../utils/type-utils.js";
 import type { Account, Wallet } from "../../../../wallets/interfaces/wallet.js";
@@ -311,6 +312,13 @@ export type ConnectButton_detailsModalOptions = {
    * All wallet IDs included in this array will be hidden from wallet selection when connected.
    */
   hiddenWallets?: WalletId[];
+
+  /**
+   * When you click on "View Assets", by default the "Tokens" tab is shown first.
+   * If you want to show the "NFTs" tab first, change the order of the asset tabs to: ["nft", "token"]
+   * Note: If an empty array is passed, the [View Funds] button will be hidden
+   */
+  assetTabs?: AssetTabs[];
 };
 
 /**

package/src/react/web/ui/ConnectWallet/ConnectButton.tsx

@@ -247,6 +247,20 @@ const TW_CONNECT_WALLET = "tw-connect-wallet";
  * />
  * ```
  *
+ * ### Customizing the orders of the tabs in the [View Funds] screen
+ * When you click on "View Assets", by default the "Tokens" tab is shown first.
+ * If you want to show the "NFTs" tab first, change the order of the asset tabs to: ["nft", "token"]
+ * Note: If an empty array is passed, the [View Funds] button will be hidden
+ *
+ * ```tsx
+ * <ConnectButton
+ *   client={client}
+ *   detailsModal={{
+ *     assetTabs: ["nft", "token"],
+ *   }}
+ * />
+ * ```
+ *
  * @param props
  * Props for the `ConnectButton` component
  *