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

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NFTName = NFTName;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_js_1 = require("./hooks.js");
+const provider_js_1 = require("./provider.js");
+/**
+ * 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
+ *
+ * @component
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { NFTProvider, NFTName } from "thirdweb/react";
+ *
+ * <NFTProvider>
+ *   <NFTName />
+ * </NFTProvider>
+ * ```
+ *
+ * ### Show a loading sign while the name is being fetched
+ * ```tsx
+ * import { NFTProvider, NFTName } from "thirdweb/react";
+ *
+ * <NFTProvider>
+ *   <NFTName loadingComponent={<YourLoadingSign />} />
+ * </NFTProvider>
+ * ```
+ *
+ * ### Show something in case the name failed to resolve
+ * ```tsx
+ * import { NFTProvider, NFTName } from "thirdweb/react";
+ *
+ * <NFTProvider>
+ *   <NFTName fallbackComponent={<span>Failed to load name</span>} />
+ * </NFTProvider>
+ * ```
+ *
+ * ### Custom query options for useQuery (tanstack-query)
+ * ```tsx
+ * import { NFTProvider, NFTName } from "thirdweb/react";
+ *
+ * <NFTProvider>
+ *   <NFTName queryOptions={{ retry: 3, enabled: false, }} />
+ * </NFTProvider>
+ * ```
+ *
+ * @nft
+ * @beta
+ */
+function NFTName({ loadingComponent, fallbackComponent, queryOptions, ...restProps }) {
+    const { contract, tokenId } = (0, provider_js_1.useNFTContext)();
+    const nftQuery = (0, hooks_js_1.useNftInfo)({
+        contract,
+        tokenId,
+        queryOptions,
+    });
+    if (nftQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (!nftQuery.data?.metadata?.name) {
+        return fallbackComponent || null;
+    }
+    return (0, jsx_runtime_1.jsx)("span", { ...restProps, children: nftQuery.data.metadata.name });
+}
+//# sourceMappingURL=name.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"name.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/prebuilt/NFT/name.tsx"],"names":[],"mappings":";;AA8DA,0BAsBC;;AAjFD,yCAAwC;AACxC,+CAA8C;AAY9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,SAAgB,OAAO,CAAC,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,GAAG,SAAS,EACC;IACb,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,2BAAa,GAAE,CAAC;IAE9C,MAAM,QAAQ,GAAG,IAAA,qBAAU,EAAC;QAC1B,QAAQ;QACR,OAAO;QACP,YAAY;KACb,CAAC,CAAC;IAEH,IAAI,QAAQ,CAAC,SAAS,EAAE,CAAC;QACvB,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QACnC,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IACD,OAAO,oCAAU,SAAS,YAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAQ,CAAC;AACnE,CAAC"}

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

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NFTProviderContext = void 0;
+exports.useNFTContext = useNFTContext;
+exports.NFTProvider = NFTProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+/**
+ * @internal
+ */
+exports.NFTProviderContext = (0, react_1.createContext)(undefined);
+/**
+ * @internal
+ */
+function useNFTContext() {
+    const ctx = (0, react_1.useContext)(exports.NFTProviderContext);
+    if (!ctx) {
+        throw new Error("NFTProviderContext not found. Make sure you are using NFTMedia, NFTDescription, etc. inside a <NFTProvider /> component");
+    }
+    return ctx;
+}
+/**
+ * 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.
+ *
+ *
+ * @param {React.PropsWithChildren<NFTProviderProps>} props - The props for the NFT provider
+ *
+ * @example
+ * ```tsx
+ * import { getContract } from "thirdweb";
+ * import { NFTProvider, NFTMedia, NFTDescription, NFTName } from "thirdweb/react";
+ *
+ * const contract = getContract({
+ *   address: "0x...",
+ *   chain: ethereum,
+ *   client: yourThirdwebClient,
+ * });
+ *
+ * <NFTProvider contract={contract} tokenId={0n}>
+ *    <NFTMedia />
+ *    <NFTDescription />
+ *    <NFTName />
+ * </NFTProvider>
+ * ```
+ * @component
+ * @nft
+ * @beta
+ */
+function NFTProvider(props) {
+    return ((0, jsx_runtime_1.jsx)(exports.NFTProviderContext.Provider, { value: props, children: props.children }));
+}
+//# sourceMappingURL=provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/prebuilt/NFT/provider.tsx"],"names":[],"mappings":";;;AA4BA,sCAQC;AAgCD,kCAMC;;AA1ED,iCAAkD;AAkBlD;;GAEG;AACU,QAAA,kBAAkB,GAAmB,IAAA,qBAAa,EAE7D,SAAS,CAAC,CAAC;AAEb;;GAEG;AACH,SAAgB,aAAa;IAC3B,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,0BAAkB,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,yHAAyH,CAC1H,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAgB,WAAW,CAAC,KAAgD;IAC1E,OAAO,CACL,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,KAAK,CAAC,QAAQ,GACa,CAC/B,CAAC;AACJ,CAAC"}

package/dist/cjs/react/web/ui/prebuilt/Token/icon.js

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenIcon = TokenIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 contract_js_1 = require("../../../../../contract/contract.js");
+const getContractMetadata_js_1 = require("../../../../../extensions/common/read/getContractMetadata.js");
+const ipfs_js_1 = require("../../../../../utils/ipfs.js");
+const provider_js_1 = require("./provider.js");
+/**
+ * This component tries to resolve the icon of a given token, then return an image.
+ * @returns an <img /> with the src of the token icon
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { TokenProvider, TokenIcon } from "thirdweb/react";
+ *
+ * <TokenProvider address="0x-token-address" chain={chain} client={client}>
+ *   <TokenIcon />
+ * </TokenProvider>
+ * ```
+ *
+ * Result: An <img /> component with the src of the icon
+ * ```html
+ * <img src="token-icon.png" />
+ * ```
+ *
+ * ### Override the icon with the `iconResolver` prop
+ * If you already have the icon url, you can skip the network requests and pass it directly to the TokenIcon
+ * ```tsx
+ * <TokenIcon iconResolver="/usdc.png" />
+ * ```
+ *
+ * You can also pass in your own custom (async) function that retrieves the icon url
+ * ```tsx
+ * const getIcon = async () => {
+ *   const icon = getIconFromCoinMarketCap(tokenAddress, etc);
+ *   return icon;
+ * };
+ *
+ * <TokenIcon iconResolver={getIcon} />
+ * ```
+ *
+ * ### Show a loading sign while the icon is being loaded
+ * ```tsx
+ * <TokenIcon loadingComponent={<Spinner />} />
+ * ```
+ *
+ * ### Fallback to a dummy image if the token icon fails to resolve
+ * ```tsx
+ * <TokenIcon fallbackComponent={<img src="blank-image.png" />} />
+ * ```
+ *
+ * ### Usage with queryOptions
+ * TokenIcon uses useQuery() from tanstack query internally.
+ * It allows you to pass a custom queryOptions of your choice for more control of the internal fetching logic
+ * ```tsx
+ * <TokenIcon queryOptions={{ enabled: someLogic, retry: 3, }} />
+ * ```
+ *
+ * @component
+ * @token
+ * @beta
+ */
+function TokenIcon({ iconResolver, loadingComponent, fallbackComponent, queryOptions, ...restProps }) {
+    const { address, client, chain } = (0, provider_js_1.useTokenContext)();
+    const iconQuery = (0, react_query_1.useQuery)({
+        queryKey: ["_internal_token_icon_", chain.id, address],
+        queryFn: async () => {
+            if (typeof iconResolver === "string") {
+                return iconResolver;
+            }
+            if (typeof iconResolver === "function") {
+                return iconResolver();
+            }
+            if (address.toLowerCase() === addresses_js_1.NATIVE_TOKEN_ADDRESS.toLowerCase()) {
+                const possibleUrl = await (0, utils_js_1.getChainMetadata)(chain).then((data) => data.icon?.url);
+                if (!possibleUrl) {
+                    throw new Error("Failed to resolve icon for native token");
+                }
+                return (0, ipfs_js_1.resolveScheme)({ uri: possibleUrl, client });
+            }
+            // Try to get the icon from the contractURI
+            const contractMetadata = await (0, getContractMetadata_js_1.getContractMetadata)({
+                contract: (0, contract_js_1.getContract)({
+                    address,
+                    chain,
+                    client,
+                }),
+            });
+            if (!contractMetadata.image ||
+                typeof contractMetadata.image !== "string") {
+                throw new Error("Failed to resolve token icon from contract metadata");
+            }
+            return (0, ipfs_js_1.resolveScheme)({
+                uri: contractMetadata.image,
+                client,
+            });
+        },
+        ...queryOptions,
+    });
+    if (iconQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (!iconQuery.data) {
+        return fallbackComponent || null;
+    }
+    return (0, jsx_runtime_1.jsx)("img", { src: iconQuery.data, alt: restProps.alt });
+}
+//# sourceMappingURL=icon.js.map

package/dist/cjs/react/web/ui/prebuilt/Token/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/prebuilt/Token/icon.tsx"],"names":[],"mappings":";;AAuGA,8BA4DC;;AAnKD,uDAAuE;AAEvE,6DAAkE;AAClE,wEAA6E;AAC7E,qEAAkE;AAClE,yGAAmG;AACnG,0DAA6D;AAC7D,+CAAgD;AAwChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,GAAG,SAAS,EACG;IACf,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,6BAAe,GAAE,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,sBAAQ,EAAC;QACzB,QAAQ,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAU;QAC/D,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;gBACrC,OAAO,YAAY,CAAC;YACtB,CAAC;YACD,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE,CAAC;gBACvC,OAAO,YAAY,EAAE,CAAC;YACxB,CAAC;YACD,IAAI,OAAO,CAAC,WAAW,EAAE,KAAK,mCAAoB,CAAC,WAAW,EAAE,EAAE,CAAC;gBACjE,MAAM,WAAW,GAAG,MAAM,IAAA,2BAAgB,EAAC,KAAK,CAAC,CAAC,IAAI,CACpD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CACzB,CAAC;gBACF,IAAI,CAAC,WAAW,EAAE,CAAC;oBACjB,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;gBAC7D,CAAC;gBACD,OAAO,IAAA,uBAAa,EAAC,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC;YACrD,CAAC;YAED,2CAA2C;YAC3C,MAAM,gBAAgB,GAAG,MAAM,IAAA,4CAAmB,EAAC;gBACjD,QAAQ,EAAE,IAAA,yBAAW,EAAC;oBACpB,OAAO;oBACP,KAAK;oBACL,MAAM;iBACP,CAAC;aACH,CAAC,CAAC;YAEH,IACE,CAAC,gBAAgB,CAAC,KAAK;gBACvB,OAAO,gBAAgB,CAAC,KAAK,KAAK,QAAQ,EAC1C,CAAC;gBACD,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;YACzE,CAAC;YAED,OAAO,IAAA,uBAAa,EAAC;gBACnB,GAAG,EAAE,gBAAgB,CAAC,KAAK;gBAC3B,MAAM;aACP,CAAC,CAAC;QACL,CAAC;QACD,GAAG,YAAY;KAChB,CAAC,CAAC;IAEH,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,OAAO,gCAAK,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,GAAI,CAAC;AAC1D,CAAC"}

package/dist/cjs/react/web/ui/prebuilt/Token/name.js

@@ -0,0 +1,137 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenName = TokenName;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 contract_js_1 = require("../../../../../contract/contract.js");
+const getContractMetadata_js_1 = require("../../../../../extensions/common/read/getContractMetadata.js");
+const name_js_1 = require("../../../../../extensions/common/read/name.js");
+const provider_js_1 = require("./provider.js");
+/**
+ * This component fetches then shows the name of a token. For ERC20 tokens, it calls the `name` 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, TokenName } from "thirdweb/react";
+ * import { ethereum } from "thirdweb/chains";
+ *
+ * <TokenProvider {...props}>
+ *   <TokenName  />
+ * </TokenProvider>
+ * ```
+ * Result:
+ * ```html
+ * <span>Ether</span>
+ * ```
+ *
+ * ### Custom name resolver
+ * By default TokenName will call the `name` method of the token contract.
+ * However if you have a different way to fetch the name, you can pass the function to the `nameResolver` prop.
+ * Note: nameResolver should either be a string or a function (async) that returns a string.
+ * ```tsx
+ * async function fetchNameMethod() {
+ *   // your own fetching logic
+ *   return "the token name";
+ * }
+ *
+ * <TokenName nameResolver={fetchNameMethod} />
+ * ```
+ *
+ * Alternatively you can also pass in a string directly:
+ * ```tsx
+ * <TokenName nameResolver="USD Coin Circle" />
+ * ```
+ *
+ *
+ * ### Format the name (capitalize, truncate, etc.)
+ * The TokenName component accepts a `formatFn` which takes in a string and outputs a string
+ * The function is used to modify the name of the token
+ *
+ * ```tsx
+ * const concatStr = (str: string):string => str + "Token"
+ *
+ * <TokenName formatFn={concatStr} />
+ * ```
+ *
+ * Result:
+ * ```html
+ * <span>Ether Token</span>
+ * ```
+ *
+ * ### Show a loading sign when the name is being fetched
+ * ```tsx
+ * import { TokenProvider, TokenName } from "thirdweb/react";
+ *
+ * <TokenProvider address="0x...">
+ *   <TokenName loadingComponent={<Spinner />} />
+ * </TokenProvider>
+ * ```
+ *
+ * ### Fallback to something when the name fails to resolve
+ * ```tsx
+ * <TokenProvider address="0x...">
+ *   <TokenName 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
+ * <TokenName
+ *   queryOptions={{
+ *     enabled: isEnabled,
+ *     retry: 4,
+ *   }}
+ * />
+ * ```
+ *
+ * @component
+ * @token
+ * @beta
+ */
+function TokenName({ nameResolver, formatFn, loadingComponent, fallbackComponent, queryOptions, ...restProps }) {
+    const { address, client, chain } = (0, provider_js_1.useTokenContext)();
+    const nameQuery = (0, react_query_1.useQuery)({
+        queryKey: ["_internal_token_name_", chain.id, address],
+        queryFn: async () => {
+            if (typeof nameResolver === "string") {
+                return nameResolver;
+            }
+            if (typeof nameResolver === "function") {
+                return nameResolver();
+            }
+            if (address.toLowerCase() === addresses_js_1.NATIVE_TOKEN_ADDRESS.toLowerCase()) {
+                // Don't wanna use `getChainNativeCurrencyName` because it has some side effect (it catches error and defaults to "ETH")
+                return (0, utils_js_1.getChainMetadata)(chain).then((data) => data.nativeCurrency.name);
+            }
+            // Try to fetch the name from both the `name()` function and the contract metadata
+            // then prioritize the `name()`
+            const contract = (0, contract_js_1.getContract)({ address, client, chain });
+            const [_name, contractMetadata] = await Promise.all([
+                (0, name_js_1.name)({ contract }),
+                (0, getContractMetadata_js_1.getContractMetadata)({ contract }),
+            ]);
+            if (!_name && !contractMetadata.name) {
+                throw new Error("Failed to resolve name from both name() and contract metadata");
+            }
+            return _name || contractMetadata.name;
+        },
+        ...queryOptions,
+    });
+    if (nameQuery.isLoading) {
+        return loadingComponent || null;
+    }
+    if (!nameQuery.data) {
+        return fallbackComponent || null;
+    }
+    const displayValue = formatFn ? formatFn(nameQuery.data) : nameQuery.data;
+    return (0, jsx_runtime_1.jsx)("span", { ...restProps, children: displayValue });
+}
+//# sourceMappingURL=name.js.map

package/dist/cjs/react/web/ui/prebuilt/Token/name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"name.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/prebuilt/Token/name.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAqJb,8BAmDC;;AAtMD,uDAAuE;AAGvE,6DAAkE;AAClE,wEAA6E;AAC7E,qEAAkE;AAClE,yGAAmG;AACnG,2EAAqE;AACrE,+CAAgD;AAqDhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AACH,SAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,GAAG,SAAS,EACG;IACf,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,6BAAe,GAAE,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,sBAAQ,EAAC;QACzB,QAAQ,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAU;QAC/D,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;gBACrC,OAAO,YAAY,CAAC;YACtB,CAAC;YACD,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE,CAAC;gBACvC,OAAO,YAAY,EAAE,CAAC;YACxB,CAAC;YACD,IAAI,OAAO,CAAC,WAAW,EAAE,KAAK,mCAAoB,CAAC,WAAW,EAAE,EAAE,CAAC;gBACjE,wHAAwH;gBACxH,OAAO,IAAA,2BAAgB,EAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAC1E,CAAC;YACD,kFAAkF;YAClF,+BAA+B;YAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACzD,MAAM,CAAC,KAAK,EAAE,gBAAgB,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBAClD,IAAA,cAAI,EAAC,EAAE,QAAQ,EAAE,CAAC;gBAClB,IAAA,4CAAmB,EAAC,EAAE,QAAQ,EAAE,CAAC;aAClC,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;YACJ,CAAC;YAED,OAAO,KAAK,IAAI,gBAAgB,CAAC,IAAI,CAAC;QACxC,CAAC;QACD,GAAG,YAAY;KAChB,CAAC,CAAC;IAEH,IAAI,SAAS,CAAC,SAAS,EAAE,CAAC;QACxB,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;QACpB,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IAE1E,OAAO,oCAAU,SAAS,YAAG,YAAY,GAAQ,CAAC;AACpD,CAAC"}

package/dist/cjs/react/web/ui/prebuilt/Token/provider.js

@@ -0,0 +1,54 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenProvider = TokenProvider;
+exports.useTokenContext = useTokenContext;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const TokenProviderContext = /* @__PURE__ */ (0, react_1.createContext)(undefined);
+/**
+ * A React context provider component that supplies Token-related data to its child components.
+ *
+ * This component serves as a wrapper around the `TokenProviderContext.Provider` and passes
+ * the provided token data down to all of its child components through the context API.
+ *
+ * @example
+ * ### Basic usage
+ * ```tsx
+ * import { TokenProvider, TokenIcon, TokenName  } from "thirdweb/react";
+ * import { ethereum } from "thirdweb/chains";
+ *
+ * <TokenProvider address="0x..." client={...} chain={ethereum}>
+ *   <TokenIcon />
+ *   <TokenName />
+ * </TokenProvider>
+ * ```
+ *
+ * ### This component also works with native token!
+ * ```tsx
+ * import { NATIVE_TOKEN_ADDRESS} from "thirdweb";
+ * import { ethereum } from "thirdweb/chains";
+ *
+ * <TokenProvider address={NATIVE_TOKEN_ADDRESS} chain={ethereum} client={client}>
+ *   <TokenSymbol /> // "ETH"
+ * </TokenProvider>
+ * ```
+ *
+ * @component
+ * @token
+ * @beta
+ */
+function TokenProvider(props) {
+    return ((0, jsx_runtime_1.jsx)(TokenProviderContext.Provider, { value: props, children: props.children }));
+}
+/**
+ * @internal
+ */
+function useTokenContext() {
+    const ctx = (0, react_1.useContext)(TokenProviderContext);
+    if (!ctx) {
+        throw new Error("TokenProviderContext not found. Make sure you are using TokenName, TokenIcon, TokenSymbol etc. inside a <TokenProvider /> component");
+    }
+    return ctx;
+}
+//# sourceMappingURL=provider.js.map

package/dist/cjs/react/web/ui/prebuilt/Token/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/prebuilt/Token/provider.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgEb,sCAQC;AAKD,0CAQC;;AAjFD,iCAAkD;AAwBlD,MAAM,oBAAoB,GAAG,eAAe,CAAC,IAAA,qBAAa,EAExD,SAAS,CAAC,CAAC;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,SAAgB,aAAa,CAC3B,KAAkD;IAElD,OAAO,CACL,uBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,QAAQ,GACe,CACjC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAgB,eAAe;IAC7B,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,oBAAoB,CAAC,CAAC;IAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,qIAAqI,CACtI,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/cjs/react/web/ui/prebuilt/Token/symbol.js

@@ -0,0 +1,134 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenSymbol = TokenSymbol;
+const jsx_runtime_1 = require("react/jsx-runtime");
+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 contract_js_1 = require("../../../../../contract/contract.js");
+const getContractMetadata_js_1 = require("../../../../../extensions/common/read/getContractMetadata.js");
+const symbol_js_1 = require("../../../../../extensions/common/read/symbol.js");
+const provider_js_1 = require("./provider.js");
+/**
+ * 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
+ */
+function TokenSymbol({ symbolResolver, formatFn, loadingComponent, fallbackComponent, queryOptions, ...restProps }) {
+    const { address, client, chain } = (0, provider_js_1.useTokenContext)();
+    const symbolQuery = (0, react_query_1.useQuery)({
+        queryKey: ["_internal_token_symbol_", chain.id, address],
+        queryFn: async () => {
+            if (typeof symbolResolver === "string") {
+                return symbolResolver;
+            }
+            if (typeof symbolResolver === "function") {
+                return symbolResolver();
+            }
+            if (address.toLowerCase() === addresses_js_1.NATIVE_TOKEN_ADDRESS.toLowerCase()) {
+                // Don't wanna use `getChainSymbol` because it has some side effect (it catches error and defaults to "ETH")
+                return (0, utils_js_1.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 = (0, contract_js_1.getContract)({ address, client, chain });
+            const [_symbol, contractMetadata] = await Promise.all([
+                (0, symbol_js_1.symbol)({ contract }),
+                (0, getContractMetadata_js_1.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 (0, jsx_runtime_1.jsx)("span", { ...restProps, children: displayValue });
+}
+//# sourceMappingURL=symbol.js.map

package/dist/cjs/react/web/ui/prebuilt/Token/symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbol.js","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/prebuilt/Token/symbol.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAkJb,kCAsDC;;AAtMD,uDAAuE;AAGvE,6DAAkE;AAClE,wEAA6E;AAC7E,qEAAkE;AAClE,yGAAmG;AACnG,+EAAyE;AACzE,+CAAgD;AAqDhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkFG;AACH,SAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,GAAG,SAAS,EACK;IACjB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,6BAAe,GAAE,CAAC;IACrD,MAAM,WAAW,GAAG,IAAA,sBAAQ,EAAC;QAC3B,QAAQ,EAAE,CAAC,yBAAyB,EAAE,KAAK,CAAC,EAAE,EAAE,OAAO,CAAU;QACjE,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;gBACvC,OAAO,cAAc,CAAC;YACxB,CAAC;YACD,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;gBACzC,OAAO,cAAc,EAAE,CAAC;YAC1B,CAAC;YACD,IAAI,OAAO,CAAC,WAAW,EAAE,KAAK,mCAAoB,CAAC,WAAW,EAAE,EAAE,CAAC;gBACjE,4GAA4G;gBAC5G,OAAO,IAAA,2BAAgB,EAAC,KAAK,CAAC,CAAC,IAAI,CACjC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CACrC,CAAC;YACJ,CAAC;YAED,oFAAoF;YACpF,iCAAiC;YACjC,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACzD,MAAM,CAAC,OAAO,EAAE,gBAAgB,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;gBACpD,IAAA,kBAAM,EAAC,EAAE,QAAQ,EAAE,CAAC;gBACpB,IAAA,4CAAmB,EAAC,EAAE,QAAQ,EAAE,CAAC;aAClC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;gBACzC,MAAM,IAAI,KAAK,CACb,mEAAmE,CACpE,CAAC;YACJ,CAAC;YAED,OAAO,OAAO,IAAI,gBAAgB,CAAC,MAAM,CAAC;QAC5C,CAAC;QACD,GAAG,YAAY;KAChB,CAAC,CAAC;IAEH,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC;QAC1B,OAAO,gBAAgB,IAAI,IAAI,CAAC;IAClC,CAAC;IAED,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACtB,OAAO,iBAAiB,IAAI,IAAI,CAAC;IACnC,CAAC;IAED,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC;IAE9E,OAAO,oCAAU,SAAS,YAAG,YAAY,GAAQ,CAAC;AACpD,CAAC"}

package/dist/cjs/react/web/ui/prebuilt/thirdweb/BuyDirectListingButton/index.js

@@ -41,6 +41,7 @@ const index_js_1 = require("../../../TransactionButton/index.js");
  * For error handling & callbacks on transaction-sent and transaction-confirmed,
  * please refer to the TransactionButton docs.
  * @component
+ * @transaction
  */
 function BuyDirectListingButton(props) {
     const { contractAddress, listingId, children, chain, client, quantity, payModal, } = props;

package/dist/cjs/react/web/ui/prebuilt/thirdweb/BuyDirectListingButton/index.js.map

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

package/dist/cjs/react/web/ui/prebuilt/thirdweb/ClaimButton/index.js

@@ -98,6 +98,7 @@ const index_js_1 = require("../../../TransactionButton/index.js");
  *
  * For error handling & callbacks on transaction-sent and transaction-confirmed,
  * please refer to the TransactionButton docs.
+ * @transaction
  */
 function ClaimButton(props) {
     const { children, contractAddress, client, chain, claimParams, payModal } = props;

package/dist/cjs/react/web/ui/prebuilt/thirdweb/ClaimButton/index.js.map

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

package/dist/cjs/react/web/ui/prebuilt/thirdweb/CreateDirectListingButton/index.js

@@ -40,6 +40,7 @@ const index_js_1 = require("../../../TransactionButton/index.js");
  * For error handling & callbacks on transaction-sent and transaction-confirmed,
  * please refer to the TransactionButton docs.
  * @component
+ * @transaction
  */
 function CreateDirectListingButton(props) {
     const { contractAddress, chain, client, children, payModal, assetContractAddress, tokenId, } = props;