thirdweb 5.69.1-nightly-f368793375d099eec53569330af7a083e558e483-20241120000334 → 5.70.0-nightly-ecaa304a812188da3c81888bb52ca6064093c139-20241121000332

package/src/react/web/ui/prebuilt/Token/symbol.tsx

@@ -0,0 +1,201 @@
+"use client";
+
+import { type UseQueryOptions, useQuery } from "@tanstack/react-query";
+import type React from "react";
+import type { JSX } from "react";
+import { getChainMetadata } from "../../../../../chains/utils.js";
+import { NATIVE_TOKEN_ADDRESS } from "../../../../../constants/addresses.js";
+import { getContract } from "../../../../../contract/contract.js";
+import { getContractMetadata } from "../../../../../extensions/common/read/getContractMetadata.js";
+import { symbol } from "../../../../../extensions/common/read/symbol.js";
+import { useTokenContext } from "./provider.js";
+
+/**
+ * Props for the TokenSymbol component
+ * @component
+ * @token
+ */
+export interface TokenSymbolProps
+  extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+  /**
+   * This prop can be a string or a (async) function that resolves to a string, representing the symbol of the token
+   * This is particularly useful if you already have a way to fetch the token symbol.
+   */
+  symbolResolver?: string | (() => string) | (() => Promise<string>);
+  /**
+   * A function to format the symbol's value
+   * Particularly useful to avoid overflowing-UI issues
+   *
+   * ```tsx
+   * <TokenSymbol formatFn={(str: string) => doSomething()} />
+   * ```
+   */
+  formatFn?: (str: string) => string;
+  /**
+   * This component will be shown while the symbol of the token is being fetched
+   * If not passed, the component will return `null`.
+   *
+   * You can/should pass a loading sign or spinner to this prop.
+   * @example
+   * ```tsx
+   * <TokenSymbol loadingComponent={<Spinner />} />
+   * ```
+   */
+  loadingComponent?: JSX.Element;
+  /**
+   * This component will be shown if the symbol fails to be retreived
+   * If not passed, the component will return `null`.
+   *
+   * You can/should pass a descriptive text/component to this prop, indicating that the
+   * symbol was not fetched succesfully
+   * @example
+   * ```tsx
+   * <TokenSymbol fallbackComponent={"Failed to load"}
+   * />
+   * ```
+   */
+  fallbackComponent?: JSX.Element;
+  /**
+   * Optional `useQuery` params
+   */
+  queryOptions?: Omit<UseQueryOptions<string>, "queryFn" | "queryKey">;
+}
+
+/**
+ * This component fetches then shows the symbol of a token. For ERC20 tokens, it calls the `symbol` function in the ERC20 contract.
+ * It inherits all the attributes of a HTML <span> component, hence you can style it just like how you would style a normal <span>
+ *
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { TokenProvider, TokenSymbol } from "thirdweb/react";
+ * import { ethereum } from "thirdweb/chains";
+ *
+ * <TokenProvider {...props}>
+ *   <TokenSymbol  />
+ * </TokenProvider>
+ * ```
+ * Result:
+ * ```html
+ * <span>ETH</span>
+ * ```
+ *
+ * ### Custom symbol resolver
+ * By default, TokenSymbol calls the `symbol` function of your contract,
+ * however, if your token as an unconventional way to fetch the symbol, you can pass the custom logic to the `symbolResolver` prop.
+ * It can either be a string or a function (async) that returns or resolves to a string.
+ * ```tsx
+ * async function getSymbol() {
+ *   // your own fetching logic
+ *   return "the symbol";
+ * }
+ *
+ * <TokenSymbol symbolResolver={getSymbol} />
+ * ```
+ * Alternatively, you can pass in a string directly:
+ * ```tsx
+ * <TokenSymbol symbolResolver="USDC.e" />
+ * ```
+ *
+ * ### Format the symbol (capitalize, truncate, etc.)
+ * The TokenSymbol component accepts a `formatFn` which takes in a string and outputs a string
+ * The function is used to modify the symbol of the token
+ *
+ * ```tsx
+ * const concatStr = (str: string):string => str + "Token"
+ *
+ * <TokenSymbol formatFn={concatStr} />
+ * ```
+ *
+ * Result:
+ * ```html
+ * <span>Ether Token</span>
+ * ```
+ *
+ * ### Show a loading sign when the symbol is being fetched
+ * ```tsx
+ * import { TokenProvider, TokenSymbol } from "thirdweb/react";
+ *
+ * <TokenProvider address="0x...">
+ *   <TokenSymbol loadingComponent={<Spinner />} />
+ * </TokenProvider>
+ * ```
+ *
+ * ### Fallback to something when the symbol fails to resolve
+ * ```tsx
+ * <TokenProvider address="0x...">
+ *   <TokenSymbol fallbackComponent={"Failed to load"} />
+ * </TokenProvider>
+ * ```
+ *
+ * ### Custom query options for useQuery
+ * This component uses `@tanstack-query`'s useQuery internally.
+ * You can use the `queryOptions` prop for more fine-grained control
+ * ```tsx
+ * <TokenSymbol queryOptions={{
+ *     enabled: isEnabled,
+ *     retry: 4,
+ *   }}
+ * />
+ * ```
+ *
+ * @component
+ * @token
+ * @beta
+ */
+export function TokenSymbol({
+  symbolResolver,
+  formatFn,
+  loadingComponent,
+  fallbackComponent,
+  queryOptions,
+  ...restProps
+}: TokenSymbolProps) {
+  const { address, client, chain } = useTokenContext();
+  const symbolQuery = useQuery({
+    queryKey: ["_internal_token_symbol_", chain.id, address] as const,
+    queryFn: async () => {
+      if (typeof symbolResolver === "string") {
+        return symbolResolver;
+      }
+      if (typeof symbolResolver === "function") {
+        return symbolResolver();
+      }
+      if (address.toLowerCase() === NATIVE_TOKEN_ADDRESS.toLowerCase()) {
+        // Don't wanna use `getChainSymbol` because it has some side effect (it catches error and defaults to "ETH")
+        return getChainMetadata(chain).then(
+          (data) => data.nativeCurrency.symbol,
+        );
+      }
+
+      // Try to fetch the symbol from both the `symbol` function and the contract metadata
+      // then prioritize the `symbol()`
+      const contract = getContract({ address, client, chain });
+      const [_symbol, contractMetadata] = await Promise.all([
+        symbol({ contract }),
+        getContractMetadata({ contract }),
+      ]);
+      if (!_symbol && !contractMetadata.symbol) {
+        throw new Error(
+          "Failed to resolve symbol from both symbol() and contract metadata",
+        );
+      }
+
+      return _symbol || contractMetadata.symbol;
+    },
+    ...queryOptions,
+  });
+
+  if (symbolQuery.isLoading) {
+    return loadingComponent || null;
+  }
+
+  if (!symbolQuery.data) {
+    return fallbackComponent || null;
+  }
+
+  const displayValue = formatFn ? formatFn(symbolQuery.data) : symbolQuery.data;
+
+  return <span {...restProps}>{displayValue}</span>;
+}

package/src/react/web/ui/prebuilt/thirdweb/BuyDirectListingButton/index.tsx

@@ -79,6 +79,7 @@ export type BuyDirectListingButtonProps = Omit<
  * For error handling & callbacks on transaction-sent and transaction-confirmed,
  * please refer to the TransactionButton docs.
  * @component
+ * @transaction
  */
 export function BuyDirectListingButton(props: BuyDirectListingButtonProps) {
   const {

package/src/react/web/ui/prebuilt/thirdweb/ClaimButton/index.tsx

@@ -106,6 +106,7 @@ import type {
  *
  * For error handling & callbacks on transaction-sent and transaction-confirmed,
  * please refer to the TransactionButton docs.
+ * @transaction
  */
 export function ClaimButton(props: ClaimButtonProps) {
   const { children, contractAddress, client, chain, claimParams, payModal } =

package/src/react/web/ui/prebuilt/thirdweb/CreateDirectListingButton/index.tsx

@@ -55,6 +55,7 @@ export type CreateDirectListingButtonProps = Omit<
  * For error handling & callbacks on transaction-sent and transaction-confirmed,
  * please refer to the TransactionButton docs.
  * @component
+ * @transaction
  */
 export function CreateDirectListingButton(
   props: CreateDirectListingButtonProps,

package/src/storage/unpin.ts

@@ -9,7 +9,7 @@ export type UnpinOptions = {
 
 /**
  * Unpins a file from IPFS.
- * @note For security purposes, this method requires a secret key to be set in the ThirdwebClient instance.
+ *  For security purposes, this method requires a secret key to be set in the ThirdwebClient instance.
  * @param options - The options for unpinning the file.
  * @param options.client - The Thirdweb client instance.
  * @param options.cid - The content identifier (CID) of the file to unpin.

package/src/storage/upload.ts

@@ -49,6 +49,7 @@ type UploadReturnType<TFiles extends UploadableFile[]> = TFiles extends {
  *    },
  *  ],
  * });
+ * ```
  *
  * ### Uploading files
  *

package/src/transaction/actions/to-serializable-transaction.ts

@@ -25,7 +25,7 @@ export type ToSerializableTransactionOptions = {
  * @param options - The transaction and additional options for conversion
  * @returns A serializable transaction for inspection or submission to an account.
  *
- * @note For easier transaction sending, {@see sendTransaction}
+ *  For easier transaction sending, {@see sendTransaction}
  * @example
  * ```ts
  * import { prepareTransaction, toSerializableTransaction } from "thirdweb";

package/src/transaction/actions/zksync/send-eip712-transaction.ts

@@ -84,6 +84,11 @@ export async function signEip712Transaction(options: {
   });
 }
 
+/**
+ * Populate a prepared transaction to be serialized as a EIP712 transaction
+ * @param options
+ * @internal
+ */
 export async function populateEip712Transaction(
   options: SendEip712TransactionOptions,
 ): Promise<EIP721TransactionSerializable> {

package/src/utils/any-evm/zksync/isZkSyncChain.ts

@@ -1,5 +1,10 @@
 import type { Chain } from "../../../chains/types.js";
 
+/**
+ * Checks whether the given chain is part of the zksync stack
+ * @param chain
+ * @chain
+ */
 export async function isZkSyncChain(chain: Chain) {
   if (chain.id === 1337 || chain.id === 31337) {
     return false;

package/src/utils/config.ts

@@ -8,6 +8,9 @@ let transactionDecorator:
     }) => Promise<{ account: Account; transaction: PreparedTransaction }>)
   | null = null;
 
+/**
+ * @internal
+ */
 export function setTransactionDecorator(
   decoratorFunction: (args: {
     account: Account;
@@ -17,10 +20,16 @@ export function setTransactionDecorator(
   transactionDecorator = decoratorFunction;
 }
 
+/**
+ * @internal
+ */
 export function clearTransactionDecorator() {
   transactionDecorator = null;
 }
 
+/**
+ * @internal
+ */
 export function getTransactionDecorator() {
   return transactionDecorator;
 }

package/src/utils/json.ts

@@ -14,7 +14,13 @@
  * ```
  * @utils
  */
-export const stringify: typeof JSON.stringify = (value, replacer, space) => {
+export function stringify(
+  // biome-ignore lint/suspicious/noExplicitAny: JSON.stringify signature
+  value: any,
+  // biome-ignore lint/suspicious/noExplicitAny: JSON.stringify signature
+  replacer?: ((this: any, key: string, value: any) => any) | null,
+  space?: string | number,
+) {
   const res = JSON.stringify(
     value,
     (key, value_) => {
@@ -24,4 +30,4 @@ export const stringify: typeof JSON.stringify = (value, replacer, space) => {
     space,
   );
   return res;
-};
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.69.1-nightly-f368793375d099eec53569330af7a083e558e483-20241120000334";
+export const version = "5.70.0-nightly-ecaa304a812188da3c81888bb52ca6064093c139-20241121000332";

package/src/wallets/eip5792/get-calls-status.ts

@@ -16,7 +16,7 @@ export type GetCallsStatusOptions = {
 /**
  * Get the status of an [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) bundle.
  *
- * @note This function is dependent on the wallet's support for EIP-5792 and could fail.
+ *  This function is dependent on the wallet's support for EIP-5792 and could fail.
  *
  * @param {GetCallsStatusOptions} options
  * @param {Wallet} options.wallet - The wallet that send the original calls.

package/src/wallets/eip5792/get-capabilities.ts

@@ -19,7 +19,7 @@ export type GetCapabilitiesResult = Prettify<
 /**
  * Get the capabilities of a wallet based on the [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) specification.
  *
- * @note This function is dependent on the wallet's support for EIP-5792, but will not throw.
+ *  This function is dependent on the wallet's support for EIP-5792, but will not throw.
  * **The returned object contains a `message` field detailing any issues with the wallet's support for EIP-5792.**
  *
  * @param {GetCapabilitiesOptions} options

package/src/wallets/eip5792/send-calls.ts

@@ -59,7 +59,7 @@ export type SendCallsResult = WalletSendCallsId;
  * This function works with all Thirdweb wallets (in-app and smart) and certain injected wallets that already support EIP-5792.
  * Transactions will be bundled and sponsored when those capabilities are supported, otherwise they will be sent as individual transactions.
  *
- * @note This function is dependent on the wallet's support for EIP-5792 and could fail.
+ *  This function is dependent on the wallet's support for EIP-5792 and could fail.
  *
  * @param {SendCallsOptions} options
  * @param {Wallet} options.wallet - The wallet to send the calls to.
@@ -109,7 +109,7 @@ export type SendCallsResult = WalletSendCallsId;
  *     }
  *   }
  * });
- * @note We recommend proxying any paymaster calls via an API route you setup and control.
+ *  We recommend proxying any paymaster calls via an API route you setup and control.
  * ```
  * @extension EIP5792
  */

package/src/wallets/eip5792/wait-for-bundle.ts

@@ -21,7 +21,7 @@ export type WaitForBundleOptions = Prettify<{
 /**
  * Waits for the [EIP-5792](https://eips.ethereum.org/EIPS/eip-5792) bundle to be confirmed.
  *
- * @note This function is dependent on the wallet's support for EIP-5792 and could fail.
+ *  This function is dependent on the wallet's support for EIP-5792 and could fail.
  *
  * @param options - The options for waiting for the bundle.
  * By default, the max wait time is 100 blocks.

package/src/wallets/in-app/core/users/getUser.ts

@@ -16,7 +16,7 @@ export type GetUserResult = {
 
 /**
  * Gets user based on the provided query parameters.
- * @note This function is only available on the server (a secret key is required in the client).
+ *  This function is only available on the server (a secret key is required in the client).
  *
  * @param options - The options for the get user function.
  * @param options.client - The Thirdweb client with a secret key included.

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

@@ -83,6 +83,7 @@ import { getDefaultAccountFactory } from "./lib/constants.js";
  *  sponsorGas: true, // enable sponsored transactions
  *  factoryAddress: "0x...", // custom factory address
  * });
+ * ```
  *
  * ## Using v0.7 Entrypoint
  *

package/dist/cjs/react/web/ui/prebuilt/NFT/NFT.js

@@ -1,217 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NFTProviderContext = void 0;
-exports.NFT = NFT;
-exports.getNFTInfo = getNFTInfo;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_query_1 = require("@tanstack/react-query");
-const react_1 = require("react");
-const getNFT_js_1 = require("../../../../../extensions/erc721/read/getNFT.js");
-const getNFT_js_2 = require("../../../../../extensions/erc1155/read/getNFT.js");
-const MediaRenderer_js_1 = require("../../MediaRenderer/MediaRenderer.js");
-/**
- * @internal
- */
-exports.NFTProviderContext = (0, react_1.createContext)(undefined);
-/**
- * A React context provider component that supplies NFT-related data to its child components.
- *
- * This component serves as a wrapper around the `NFTProviderContext.Provider` and passes
- * the provided NFT data down to all of its child components through the context API.
- *
- *
- * @component
- * @param {React.PropsWithChildren<NFTProviderProps>} props - The props for the NFT provider
- *
- * @example
- * ```tsx
- * import { getContract } from "thirdweb";
- * import { NFT } from "thirdweb/react";
- *
- * const contract = getContract({
- *   address: "0x...",
- *   chain: ethereum,
- *   client: yourThirdwebClient,
- * });
- *
- * <NFT contract={contract} tokenId={0n}>
- *   <Suspense fallback={"Loading media..."}>
- *     <NFT.Media />
- *     <NFT.Description />
- *   </Suspense>
- * </NFT>
- * ```
- */
-function NFT(props) {
-    return ((0, jsx_runtime_1.jsx)(exports.NFTProviderContext.Provider, { value: props, children: props.children }));
-}
-/**
- * @internal
- */
-function useNFTContext() {
-    const ctx = (0, react_1.useContext)(exports.NFTProviderContext);
-    if (!ctx) {
-        throw new Error("NFTProviderContext not found. Make sure you are using NFT.Media, NFT.Description, etc. inside a <NFT /> component");
-    }
-    return ctx;
-}
-/**
- * This component fetches and displays an NFT's media. It uses thirdweb [`MediaRenderer`](https://portal.thirdweb.com/react/v5/components/MediaRenderer) under the hood
- * so you can style it just like how you would style a MediaRenderer.
- * @returns A MediaRenderer component
- *
- * Since this component has an internal loading state (for when the NFT media is being fetched),
- * you must wrap it with React.Suspense to make it work.
- *
- * @component
- * @example
- * ### Basic usage
- * ```tsx
- * import { getContract } from "thirdweb";
- * import { NFT } from "thirdweb/react";
- *
- * const nftContract = getContract({
- *   address: "0x...",
- *   chain: ethereum,
- *   client: yourThirdwebClient,
- * });
- *
- * <NFT contract={nftContract} tokenId={0n}>
- *   This will show the media for tokenId #0 from the `nftContract` collection
- *   <Suspense fallback={"Loading media..."}>
- *     <NFT.Media />
- *   </Suspense>
- * </NFT>
- * ```
- *
- * ### Basic stylings
- * You can style NFT.Media with the `style` and `className` props.
- * ```tsx
- * <NFT.Media style={{ borderRadius: "8px" }} className="mx-auto" />
- * ```
- */
-NFT.Media = (props) => {
-    const { contract, tokenId } = useNFTContext();
-    const nftQuery = (0, react_query_1.useSuspenseQuery)({
-        queryKey: [
-            "__nft_info_internal__",
-            contract.chain.id,
-            contract.address,
-            tokenId.toString(),
-        ],
-        queryFn: () => getNFTInfo({ contract, tokenId }),
-    });
-    const animation_url = nftQuery.data?.metadata.animation_url;
-    const image = nftQuery.data?.metadata.image || nftQuery.data?.metadata.image_url;
-    return ((0, jsx_runtime_1.jsx)(MediaRenderer_js_1.MediaRenderer, { client: contract.client, src: animation_url || image, poster: image, ...props }));
-};
-/**
- * This component fetches and displays an NFT's name. It takes in a `className` and `style` props
- * so you can style it just like how you would style a <span> element.
- * @returns A <span> element containing the name of the NFT
- *
- * Since this component has an internal loading state (for when the NFT media is being fetched),
- * you must wrap it with React.Suspense to make it work.
- *
- * @component
- * @example
- * ### Basic usage
- * ```tsx
- * import { getContract } from "thirdweb";
- * import { NFT } from "thirdweb/react";
- *
- * const nftContract = getContract({
- *   address: "0x...",
- *   chain: ethereum,
- *   client: yourThirdwebClient,
- * });
- *
- * <NFT contract={nftContract} tokenId={0n}>
- *   This will show the name for tokenId #0 from the `nftContract` collection
- *   <Suspense fallback={"Loading nft name..."}>
- *     <NFT.Name className="mx-auto" style={{ color: "red" }} />
- *   </Suspense>
- * </NFT>
- * ```
- */
-NFT.Name = (props) => {
-    const { contract, tokenId } = useNFTContext();
-    const nftQuery = (0, react_query_1.useSuspenseQuery)({
-        queryKey: [
-            "__nft_info_internal__",
-            contract.chain.id,
-            contract.address,
-            tokenId.toString(),
-        ],
-        queryFn: () => getNFTInfo({ contract, tokenId }),
-    });
-    const name = nftQuery.data?.metadata.name || "";
-    return (0, jsx_runtime_1.jsx)("span", { ...props, children: name });
-};
-/**
- * This component fetches and displays an NFT's description. It takes in a `className` and `style` props
- * so you can style it just like how you would style a <span> element.
- * @returns A <span> element containing the description of the NFT
- *
- * Since this component has an internal loading state (for when the NFT media is being fetched),
- * you must wrap it with React.Suspense to make it work.
- *
- * @component
- * @example
- * ### Basic usage
- * ```tsx
- * import { getContract } from "thirdweb";
- * import { NFT } from "thirdweb/react";
- *
- * const nftContract = getContract({
- *   address: "0x...",
- *   chain: ethereum,
- *   client: yourThirdwebClient,
- * });
- *
- * <NFT contract={nftContract} tokenId={0n}>
- *   This will show the description for tokenId #0 from the `nftContract` collection
- *   <Suspense fallback={"Loading description..."}>
- *     <NFT.Description className="mx-auto" style={{ color: "red" }} />
- *   </Suspense>
- * </NFT>
- * ```
- */
-NFT.Description = (props) => {
-    const { contract, tokenId } = useNFTContext();
-    const nftQuery = (0, react_query_1.useSuspenseQuery)({
-        queryKey: [
-            "__nft_info_internal__",
-            contract.chain.id,
-            contract.address,
-            tokenId.toString(),
-        ],
-        queryFn: () => getNFTInfo({ contract, tokenId }),
-    });
-    const description = nftQuery.data?.metadata.description || "";
-    return (0, jsx_runtime_1.jsx)("span", { ...props, children: description });
-};
-/**
- * @internal
- */
-async function getNFTInfo(options) {
-    const nft = await Promise.allSettled([
-        (0, getNFT_js_1.getNFT)(options),
-        (0, getNFT_js_2.getNFT)(options),
-    ]).then(([possibleNFT721, possibleNFT1155]) => {
-        // getNFT extension always return an NFT object
-        // so we need to check if the tokenURI exists
-        if (possibleNFT721.status === "fulfilled" &&
-            possibleNFT721.value.tokenURI) {
-            return possibleNFT721.value;
-        }
-        if (possibleNFT1155.status === "fulfilled" &&
-            possibleNFT1155.value.tokenURI) {
-            return possibleNFT1155.value;
-        }
-        throw new Error("Failed to load NFT metadata");
-    });
-    return nft;
-}
-//# sourceMappingURL=NFT.js.map

package/dist/cjs/react/web/ui/prebuilt/NFT/NFT.js.map

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