thirdweb 5.32.0 → 5.32.1

package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx

@@ -15,10 +15,7 @@ import {
   spacing,
 } from "../../../../../core/design-system/index.js";
 import type { PayUIOptions } from "../../../../../core/hooks/connection/ConnectButtonProps.js";
-import {
-  useChainQuery,
-  useChainsQuery,
-} from "../../../../../core/hooks/others/useChainQuery.js";
+import { useChainName } from "../../../../../core/hooks/others/useChainQuery.js";
 import { useWalletBalance } from "../../../../../core/hooks/others/useWalletBalance.js";
 import { useBuyWithCryptoQuote } from "../../../../../core/hooks/pay/useBuyWithCryptoQuote.js";
 import { useBuyWithFiatQuote } from "../../../../../core/hooks/pay/useBuyWithFiatQuote.js";
@@ -159,9 +156,6 @@ function BuyScreenContent(props: BuyScreenContentProps) {
   const account = useActiveAccount();
   const activeChain = useActiveWalletChain();
 
-  // prefetch chains metadata for destination chains
-  useChainsQuery(supportedDestinations.map((x) => x.chain) || [], 50);
-
   // screen
   const {
     screen,
@@ -1162,7 +1156,7 @@ function BuyForTxUI(props: {
   buyForTx: BuyForTx;
   client: ThirdwebClient;
 }) {
-  const chainQuery = useChainQuery(props.buyForTx.tx.chain);
+  const chainNameQuery = useChainName(props.buyForTx.tx.chain);
 
   return (
     <Container>
@@ -1192,8 +1186,8 @@ function BuyForTxUI(props: {
             />
           </Container>
           <Spacer y="xxs" />
-          {chainQuery.data ? (
-            <Text size="sm"> {chainQuery.data.name}</Text>
+          {chainNameQuery.name ? (
+            <Text size="sm">{chainNameQuery.name}</Text>
           ) : (
             <Skeleton height={fontSize.sm} width="50px" />
           )}

package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx

@@ -17,7 +17,10 @@ import {
   radius,
   spacing,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import {
+  useChainExplorers,
+  useChainName,
+} from "../../../../../../core/hooks/others/useChainQuery.js";
 import type { TokenInfo } from "../../../../../../core/utils/defaultTokens.js";
 import { Spacer } from "../../../../components/Spacer.js";
 import { Spinner } from "../../../../components/Spinner.js";
@@ -151,10 +154,11 @@ export function FiatSteps(props: {
     return tokenInfo;
   }, [onRampTokenMeta]);
 
-  const onRampChainMetaQuery = useChainQuery(onRampChain);
-  const toChainMetaQuery = useChainQuery(toChain);
-
-  const destinationChainMetaQuery = useChainQuery(destinationChain);
+  const onRampName = useChainName(onRampChain);
+  const onRampExplorers = useChainExplorers(onRampChain);
+  const toChainName = useChainName(toChain);
+  const toChainExplorers = useChainExplorers(toChain);
+  const destinationName = useChainName(destinationChain);
 
   const onRampTokenInfo = (
     <div>
@@ -185,9 +189,7 @@ export function FiatSteps(props: {
     />
   );
 
-  const onRampChainInfo = (
-    <Text size="xs">{onRampChainMetaQuery.data?.name}</Text>
-  );
+  const onRampChainInfo = <Text size="xs">{onRampName.name}</Text>;
 
   const partialSuccessToTokenInfo =
     props.status?.status === "CRYPTO_SWAP_FALLBACK" &&
@@ -247,16 +249,16 @@ export function FiatSteps(props: {
             textDecoration: "line-through",
           }}
         >
-          {toChainMetaQuery.data?.name}
+          {toChainName.name}
         </Text>{" "}
         <Text size="xs" inline>
-          {destinationChainMetaQuery.data?.name}
+          {destinationName.name}
         </Text>
       </div>
     ) : null;
 
   const toTokehChainInfo = partialSuccessToChainInfo || (
-    <Text size="xs">{toChainMetaQuery.data?.name}</Text>
+    <Text size="xs">{toChainName.name}</Text>
   );
 
   const onRampTxHash =
@@ -339,10 +341,10 @@ export function FiatSteps(props: {
         }}
         state={getStep1State()}
         explorer={
-          onRampChainMetaQuery.data?.explorers?.[0]?.url && onRampTxHash
+          onRampExplorers.explorers[0]?.url && onRampTxHash
             ? {
                 label: "View on Explorer",
-                url: `${onRampChainMetaQuery.data.explorers[0].url}/tx/${onRampTxHash}`,
+                url: `${onRampExplorers.explorers[0]?.url}/tx/${onRampTxHash}`,
               }
             : undefined
         }
@@ -376,10 +378,10 @@ export function FiatSteps(props: {
         }}
         state={getStep2State()}
         explorer={
-          toChainMetaQuery.data?.explorers?.[0]?.url && toTokenTxHash
+          toChainExplorers.explorers[0]?.url && toTokenTxHash
             ? {
                 label: "View on Explorer",
-                url: `${toChainMetaQuery.data.explorers[0].url}/tx/${toTokenTxHash}`,
+                url: `${toChainExplorers.explorers[0].url}/tx/${toTokenTxHash}`,
               }
             : undefined
         }

package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatTxDetailsTable.tsx

@@ -6,7 +6,7 @@ import {
   fontSize,
   iconSize,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useChainExplorers } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { Spacer } from "../../../../components/Spacer.js";
 import { Container, Line } from "../../../../components/basic.js";
 import { ButtonLink } from "../../../../components/buttons.js";
@@ -38,7 +38,9 @@ export function OnRampTxDetailsTable(props: {
     txHash?: string;
   };
 }) {
-  const onRampChainQuery = useChainQuery(getCachedChain(props.token.chainId));
+  const onRampExplorers = useChainExplorers(
+    getCachedChain(props.token.chainId),
+  );
   const onrampTxHash = props.statusMeta?.txHash;
   const currencyMeta = getCurrencyMeta(props.fiat.currencySymbol);
 
@@ -113,14 +115,14 @@ export function OnRampTxDetailsTable(props: {
       {lineSpacer}
 
       {/* Transaction Hash link */}
-      {onrampTxHash && onRampChainQuery.data?.explorers?.[0]?.url && (
+      {onrampTxHash && onRampExplorers.explorers?.[0]?.url && (
         <>
           <Spacer y="md" />
           <ButtonLink
             fullWidth
             variant="outline"
             href={`${
-              onRampChainQuery.data.explorers[0].url || ""
+              onRampExplorers.explorers[0].url || ""
             }/tx/${onrampTxHash}`}
             target="_blank"
             gap="xs"

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

@@ -8,7 +8,7 @@ import {
   iconSize,
   spacing,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useChainName } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { Skeleton } from "../../../../components/Skeleton.js";
 import { Spacer } from "../../../../components/Spacer.js";
 import { TokenIcon } from "../../../../components/TokenIcon.js";
@@ -34,7 +34,7 @@ export function BuyTokenInput(props: {
   freezeAmount?: boolean;
   freezeChainAndToken?: boolean;
 }) {
-  const chainQuery = useChainQuery(props.chain);
+  const { name } = useChainName(props.chain);
 
   const getWidth = () => {
     let chars = props.value.replace(".", "").length;
@@ -160,9 +160,9 @@ export function BuyTokenInput(props: {
                   />
 
                   {/* Network Name */}
-                  {chainQuery.data?.name ? (
+                  {name ? (
                     <Text size="xs" color="secondaryText">
-                      {chainQuery.data.name}
+                      {name}
                     </Text>
                   ) : (
                     <Skeleton width="90px" height={fontSize.xs} />

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

@@ -10,7 +10,7 @@ import {
   fontSize,
   iconSize,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useChainName } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { useSendTransactionCore } from "../../../../../../core/hooks/transaction/useSendTransaction.js";
 import { useActiveWallet } from "../../../../../hooks/wallets/useActiveWallet.js";
 import { useActiveWalletChain } from "../../../../../hooks/wallets/useActiveWalletChain.js";
@@ -259,7 +259,7 @@ function RenderTokenInfo(props: {
   symbol: string;
   client: ThirdwebClient;
 }) {
-  const chainQuery = useChainQuery(props.chain);
+  const { name } = useChainName(props.chain);
   return (
     <Container
       flex="column"
@@ -280,8 +280,8 @@ function RenderTokenInfo(props: {
         />
       </Container>
 
-      {chainQuery.data ? (
-        <Text size="sm">{chainQuery.data.name}</Text>
+      {name ? (
+        <Text size="sm">{name}</Text>
       ) : (
         <Skeleton width={"100px"} height={fontSize.sm} />
       )}

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

@@ -8,7 +8,7 @@ import {
   radius,
   spacing,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useChainName } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { useWalletBalance } from "../../../../../../core/hooks/others/useWalletBalance.js";
 import type { TokenInfo } from "../../../../../../core/utils/defaultTokens.js";
 import { useActiveAccount } from "../../../../../hooks/wallets/useActiveAccount.js";
@@ -37,7 +37,7 @@ export function PayWithCrypto(props: {
   client: ThirdwebClient;
   freezeChainAndTokenSelection?: boolean;
 }) {
-  const chainQuery = useChainQuery(props.chain);
+  const { name } = useChainName(props.chain);
   const activeAccount = useActiveAccount();
 
   const balanceQuery = useWalletBalance({
@@ -89,8 +89,8 @@ export function PayWithCrypto(props: {
             <TokenSymbol token={props.token} chain={props.chain} size="sm" />
             <ChevronDownIcon width={iconSize.sm} height={iconSize.sm} />
           </Container>
-          {chainQuery.data?.name ? (
-            <Text size="xs"> {chainQuery.data.name}</Text>
+          {name ? (
+            <Text size="xs"> {name}</Text>
           ) : (
             <Skeleton width="90px" height={fontSize.xs} />
           )}

package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/BuyTxHistory.tsx

@@ -11,7 +11,7 @@ import {
   iconSize,
   spacing,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useChainExplorers } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { useActiveAccount } from "../../../../../hooks/wallets/useActiveAccount.js";
 import { useActiveWalletChain } from "../../../../../hooks/wallets/useActiveWalletChain.js";
 import { Skeleton } from "../../../../components/Skeleton.js";
@@ -76,7 +76,7 @@ export function BuyTxHistoryList(props: {
   } = useBuyTransactionsToShow(props.client);
 
   const activeChain = useActiveWalletChain();
-  const chainQuery = useChainQuery(activeChain);
+  const chainExplorers = useChainExplorers(activeChain);
   const activeAccount = useActiveAccount();
 
   const noTransactions = txInfosToShow.length === 0;
@@ -207,7 +207,7 @@ export function BuyTxHistoryList(props: {
         <ButtonLink
           fullWidth
           variant="outline"
-          href={`${chainQuery.data?.explorers?.[0]?.url}/address/${activeAccount?.address}`}
+          href={`${chainExplorers.explorers[0]?.url}/address/${activeAccount?.address}`}
           target="_blank"
           as="a"
           gap="xs"

package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/SwapDetailsScreen.tsx

@@ -8,7 +8,10 @@ import {
   iconSize,
   spacing,
 } from "../../../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import {
+  useChainExplorers,
+  useChainName,
+} from "../../../../../../core/hooks/others/useChainQuery.js";
 import { useBuyWithCryptoStatus } from "../../../../../../core/hooks/pay/useBuyWithCryptoStatus.js";
 import { Spacer } from "../../../../components/Spacer.js";
 import { Container, Line, ModalHeader } from "../../../../components/basic.js";
@@ -166,8 +169,10 @@ export function SwapTxDetailsTable(
   const fromChainId = fromToken.chainId;
   const toChainId = toToken.chainId;
 
-  const fromChainQuery = useChainQuery(getCachedChain(fromChainId));
-  const toChainQuery = useChainQuery(getCachedChain(toChainId));
+  const fromChainName = useChainName(getCachedChain(fromChainId));
+  const fromChainExplorers = useChainExplorers(getCachedChain(fromChainId));
+  const toChainName = useChainName(getCachedChain(toChainId));
+  const toChainExplorers = useChainExplorers(getCachedChain(toChainId));
 
   const lineSpacer = (
     <>
@@ -268,11 +273,11 @@ export function SwapTxDetailsTable(
       {lineSpacer}
 
       {/* source chain Tx hash link */}
-      {fromChainQuery.data?.explorers?.[0]?.url && sourceTxHash && (
+      {fromChainExplorers.explorers?.[0]?.url && sourceTxHash && (
         <ButtonLink
           fullWidth
           variant="outline"
-          href={`${fromChainQuery.data.explorers[0].url}/tx/${sourceTxHash}`}
+          href={`${fromChainExplorers.explorers[0].url}/tx/${sourceTxHash}`}
           target="_blank"
           gap="xs"
           style={{
@@ -280,7 +285,7 @@ export function SwapTxDetailsTable(
             padding: spacing.sm,
           }}
         >
-          View on {fromChainQuery.data.name} Explorer
+          View on {fromChainName.name} Explorer
           <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
         </ButtonLink>
       )}
@@ -288,13 +293,13 @@ export function SwapTxDetailsTable(
       {/* destination chain tx hash link */}
       {destinationTxHash &&
         sourceTxHash !== destinationTxHash &&
-        toChainQuery.data?.explorers?.[0]?.url && (
+        toChainExplorers?.explorers?.[0]?.url && (
           <>
             <Spacer y="sm" />
             <ButtonLink
               fullWidth
               variant="outline"
-              href={`${toChainQuery.data.explorers[0].url}/tx/${destinationTxHash}`}
+              href={`${toChainExplorers.explorers[0].url}/tx/${destinationTxHash}`}
               target="_blank"
               gap="xs"
               style={{
@@ -302,7 +307,7 @@ export function SwapTxDetailsTable(
                 padding: spacing.sm,
               }}
             >
-              View on {toChainQuery.data.name} Explorer
+              View on {toChainName.name} Explorer
               <ExternalLinkIcon width={iconSize.sm} height={iconSize.sm} />
             </ButtonLink>
           </>

package/src/react/web/ui/ConnectWallet/screens/Buy/tx-history/TokenInfoRow.tsx

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { getCachedChain } from "../../../../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import { formatNumber } from "../../../../../../../utils/formatNumber.js";
-import { useChainQuery } from "../../../../../../core/hooks/others/useChainQuery.js";
+import { useChainName } from "../../../../../../core/hooks/others/useChainQuery.js";
 import { Container } from "../../../../components/basic.js";
 import { Text } from "../../../../components/text.js";
 import { PayTokenIcon } from "../PayTokenIcon.js";
@@ -19,7 +19,7 @@ export function TokenInfoRow(props: {
     () => getCachedChain(props.chainId),
     [props.chainId],
   );
-  const chainQuery = useChainQuery(chainObj);
+  const { name } = useChainName(chainObj);
 
   return (
     <Container
@@ -49,8 +49,7 @@ export function TokenInfoRow(props: {
             {formatNumber(Number(props.tokenAmount), 4)} {props.tokenSymbol}
           </Text>
         </Container>
-
-        <Text size="sm">{chainQuery.data?.name}</Text>
+        <Text size="sm">{name}</Text>
       </Container>
     </Container>
   );

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

@@ -12,7 +12,10 @@ import {
   iconSize,
   spacing,
 } from "../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../core/hooks/others/useChainQuery.js";
+import {
+  useChainIconUrl,
+  useChainName,
+} from "../../../../core/hooks/others/useChainQuery.js";
 import { useTokenInfo } from "../../../../core/hooks/others/useTokenInfo.js";
 import type { TokenInfo } from "../../../../core/utils/defaultTokens.js";
 import { useActiveAccount } from "../../../hooks/wallets/useActiveAccount.js";
@@ -57,7 +60,9 @@ export function TokenSelector(props: {
   const [screen, setScreen] = useState<"base" | "select-chain">("base");
   const [input, setInput] = useState("");
   const chain = props.chain;
-  const chainQuery = useChainQuery(chain);
+
+  const chainNameQuery = useChainName(chain);
+  const chainIconQuery = useChainIconUrl(chain);
 
   // if input is undefined, it loads the native token
   // otherwise it loads the token with given address
@@ -162,15 +167,14 @@ export function TokenSelector(props: {
                 }}
               >
                 <ChainIcon
-                  chainIcon={chainQuery.data?.icon}
+                  chainIconUrl={chainIconQuery.url}
                   size={iconSize.lg}
                   client={props.client}
                 />
 
-                {chainQuery.data ? (
+                {chainNameQuery.name ? (
                   <Text color="primaryText" size="sm">
-                    {" "}
-                    {chainQuery.data.name}
+                    {chainNameQuery.name}
                   </Text>
                 ) : (
                   <Skeleton height={fontSize.md} />

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

@@ -1,4 +1,3 @@
-import type { ChainMetadata } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { resolveScheme } from "../../../../utils/ipfs.js";
 import { StyledDiv } from "../design-system/elements.js";
@@ -12,7 +11,7 @@ export const fallbackChainIcon =
  * @internal
  */
 export const ChainIcon: React.FC<{
-  chainIcon?: ChainMetadata["icon"];
+  chainIconUrl?: string;
   size: string;
   active?: boolean;
   className?: string;
@@ -20,7 +19,7 @@ export const ChainIcon: React.FC<{
   client: ThirdwebClient;
 }> = (props) => {
   const getSrc = () => {
-    const url = props.chainIcon?.url;
+    const url = props.chainIconUrl;
     if (!url) {
       return fallbackChainIcon;
     }

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

@@ -1,7 +1,7 @@
 import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { fontSize } from "../../../core/design-system/index.js";
-import { useChainQuery } from "../../../core/hooks/others/useChainQuery.js";
+import { useChainName } from "../../../core/hooks/others/useChainQuery.js";
 import { Skeleton } from "./Skeleton.js";
 import { Text } from "./text.js";
 
@@ -14,14 +14,12 @@ export const ChainName: React.FC<{
   client: ThirdwebClient;
   short?: boolean;
 }> = (props) => {
-  const chainQuery = useChainQuery(props.chain);
+  const { name } = useChainName(props.chain);
 
-  if (chainQuery.data) {
+  if (name) {
     return (
       <Text size={props.size}>
-        {props.short
-          ? shorterChainName(chainQuery.data.name)
-          : chainQuery.data.name}
+        {props.short ? shorterChainName(name) : name}
       </Text>
     );
   }

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

@@ -4,7 +4,7 @@ import type { Chain } from "../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../constants/addresses.js";
 import { iconSize } from "../../../core/design-system/index.js";
-import { useChainQuery } from "../../../core/hooks/others/useChainQuery.js";
+import { useChainIconUrl } from "../../../core/hooks/others/useChainQuery.js";
 import { genericTokenIcon } from "../../../core/utils/socialIcons.js";
 import {
   type NativeToken,
@@ -28,17 +28,17 @@ export function TokenIcon(props: {
   size: keyof typeof iconSize;
   client: ThirdwebClient;
 }) {
-  const chainQuery = useChainQuery(props.chain);
+  const chainIconQuery = useChainIconUrl(props.chain);
 
   const tokenImage = useMemo(() => {
     if (
       isNativeToken(props.token) ||
       props.token.address === NATIVE_TOKEN_ADDRESS
     ) {
-      return chainQuery.data?.icon?.url;
+      return chainIconQuery.url;
     }
     return props.token.icon;
-  }, [props.token, chainQuery.data]);
+  }, [props.token, chainIconQuery.url]);
 
   return (
     <Img

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

@@ -1,7 +1,7 @@
 "use client";
 import type { Chain } from "../../../../../chains/types.js";
 import { type Theme, fontSize } from "../../../../core/design-system/index.js";
-import { useChainQuery } from "../../../../core/hooks/others/useChainQuery.js";
+import { useChainSymbol } from "../../../../core/hooks/others/useChainQuery.js";
 import {
   type ERC20OrNativeToken,
   isNativeToken,
@@ -47,9 +47,9 @@ function NativeTokenSymbol(props: {
   color?: keyof Theme["colors"];
   inline?: boolean;
 }) {
-  const chainQuery = useChainQuery(props.chain);
+  const chainSymbolQuery = useChainSymbol(props.chain);
 
-  if (!chainQuery.isFetched) {
+  if (chainSymbolQuery.isLoading) {
     return <Skeleton width="70px" height={fontSize[props.size]} />;
   }
 
@@ -59,7 +59,7 @@ function NativeTokenSymbol(props: {
       color={props.color || "primaryText"}
       inline={props.inline}
     >
-      {chainQuery.data?.nativeCurrency.symbol ?? "ETH"}
+      {chainSymbolQuery.symbol ?? "ETH"}
     </Text>
   );
 }

package/src/react/web/wallets/ecosystem/EcosystemWalletFormUI.tsx

@@ -54,16 +54,12 @@ export function EcosystemWalletFormUIScreen(props: EcosystemWalletFormUIProps) {
         minHeight: "250px",
       }}
     >
-      {isCompact ? (
-        <>
-          <EcosystemWalletHeader
-            client={props.client}
-            onBack={onBack}
-            wallet={props.wallet}
-          />
-          <Spacer y="lg" />
-        </>
-      ) : null}
+      <EcosystemWalletHeader
+        client={props.client}
+        onBack={isCompact ? onBack : undefined}
+        wallet={props.wallet}
+      />
+      <Spacer y="lg" />
 
       <Container
         expand

package/src/utils/extensions/drops/get-claim-params.ts

@@ -59,6 +59,8 @@ export async function getClaimParams(options: GetClaimParamsOptions) {
     });
   })();
 
+  const tokenDecimals = options.type === "erc20" ? options.tokenDecimals : 0; // nfts have no decimals
+
   // compute the allowListProof in an iife
   const allowlistProof = await (async () => {
     // early exit if no merkle root is set
@@ -79,7 +81,7 @@ export async function getClaimParams(options: GetClaimParamsOptions) {
       contract: options.contract,
       claimer: options.from || options.to, // receiver and claimer can be different, always prioritize the claimer for allowlists
       merkleRoot: cc.merkleRoot,
-      tokenDecimals: options.type === "erc20" ? options.tokenDecimals : 0, // nfts have no decimals
+      tokenDecimals,
     });
     // if no proof is found, we'll try the empty proof
     if (!allowListProof) {
@@ -116,7 +118,7 @@ export async function getClaimParams(options: GetClaimParamsOptions) {
     data: "0x" as Hex,
     overrides: {
       value: isNativeTokenAddress(currency)
-        ? pricePerToken * BigInt(options.quantity)
+        ? (pricePerToken * options.quantity) / BigInt(10 ** tokenDecimals)
         : 0n,
     },
   };

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.32.0";
+export const version = "5.32.1";

package/src/wallets/in-app/web/ecosystem.ts

@@ -23,23 +23,12 @@ import { createEcosystemWallet } from "../core/wallet/ecosystem-core.js";
  * });
  * ```
  *
- * Enable smart accounts and sponsor gas for your users:
+ * Connect to a restricted ecosystem wallet with your designated partner ID
+ * @note The parnter ID will be provided to you by the ecosystem with which you're integrating.
  * ```ts
  * import { ecosystemWallet } from "thirdweb/wallets";
  * const wallet = ecosystemWallet("ecosystem.hooli", {
- *  smartAccount: {
- *   chain: sepolia,
- *   sponsorGas: true,
- * },
- * });
- * ```
- *
- * Connect to a restricted ecosystem wallet with your designated integrator ID
- * @note The integrator ID will be provided to you by the ecosystem with which you're integrating.
- * ```ts
- * import { ecosystemWallet } from "thirdweb/wallets";
- * const wallet = ecosystemWallet("ecosystem.hooli", {
- *  integratorId: "..."
+ *  partnerId: "..."
  * });
  * ```
  * @wallet