thirdweb 5.100.2-nightly-88533d9113dc07c97cfaf0162591477c7056e69b-20250522000412 → 5.100.2-nightly-5ab59ff400cc32caa414354855fa07831ed90f3a-20250523000413

package/src/exports/react.ts

@@ -40,10 +40,11 @@ export type { MediaRendererProps } from "../react/web/ui/MediaRenderer/types.js"
 
 // wallet hooks
 export { useActiveWallet } from "../react/core/hooks/wallets/useActiveWallet.js";
-export { useAdminWallet } from "../react/core/hooks/wallets/useAdminWallet.js";
 export { useActiveWalletChain } from "../react/core/hooks/wallets/useActiveWalletChain.js";
 export { useActiveWalletConnectionStatus } from "../react/core/hooks/wallets/useActiveWalletConnectionStatus.js";
 export { useActiveAccount } from "../react/core/hooks/wallets/useActiveAccount.js";
+export { useAdminWallet } from "../react/core/hooks/wallets/useAdminWallet.js";
+export { useAuthToken } from "../react/core/hooks/wallets/useAuthToken.js";
 export { useAutoConnect } from "../react/web/hooks/wallets/useAutoConnect.js";
 export { useConnect } from "../react/core/hooks/wallets/useConnect.js";
 export { useConnectedWallets } from "../react/core/hooks/wallets/useConnectedWallets.js";

package/src/pay/buyWithCrypto/getQuote.ts

@@ -83,6 +83,11 @@ export type GetBuyWithCryptoQuoteParams = {
    * For example, if you want to allow a maximum slippage of 0.5%, you should specify `50` bps.
    */
   maxSlippageBPS?: number;
+
+  /**
+   * @hidden
+   */
+  paymentLinkId?: string;
 } & (
   | {
       /**
@@ -203,6 +208,7 @@ export async function getBuyWithCryptoQuote(
           amount: amount,
           purchaseData: params.purchaseData,
           client: params.client,
+          paymentLinkId: params.paymentLinkId,
         });
       } else if (params.fromAmount) {
         const originTokenContract = getContract({
@@ -224,6 +230,7 @@ export async function getBuyWithCryptoQuote(
           amount: amount,
           purchaseData: params.purchaseData,
           client: params.client,
+          paymentLinkId: params.paymentLinkId,
         });
       }
       throw new Error(

package/src/pay/buyWithCrypto/getTransfer.ts

@@ -60,6 +60,11 @@ export type GetBuyWithCryptoTransferParams = {
    * For direct transfers, specify who will pay for the transfer fee. Can be "sender" or "receiver".
    */
   feePayer?: "sender" | "receiver";
+
+  /**
+   * @hidden
+   */
+  paymentLinkId?: string;
 };
 
 /**
@@ -127,6 +132,7 @@ export async function getBuyWithCryptoTransfer(
       receiver: params.toAddress,
       client: params.client,
       feePayer: params.feePayer,
+      paymentLinkId: params.paymentLinkId,
     });
 
     const firstStep = quote.steps[0];

package/src/pay/buyWithFiat/getPostOnRampQuote.ts

@@ -21,6 +21,11 @@ export type GetPostOnRampQuoteParams = {
    * The "Buy with fiat" transaction status object returned by [`getBuyWithFiatStatus`](https://portal.thirdweb.com/typescript/v5/getBuyWithFiatStatus) function
    */
   buyWithFiatStatus: BuyWithFiatStatus;
+
+  /**
+   * @hidden
+   */
+  paymentLinkId?: string;
 };
 
 /**
@@ -61,6 +66,7 @@ export type GetPostOnRampQuoteParams = {
 export async function getPostOnRampQuote({
   client,
   buyWithFiatStatus,
+  paymentLinkId,
 }: GetPostOnRampQuoteParams): Promise<BuyWithCryptoQuote> {
   if (buyWithFiatStatus.status === "NOT_FOUND") {
     throw new Error("Invalid buyWithFiatStatus");
@@ -77,5 +83,6 @@ export async function getPostOnRampQuote({
     toChainId: buyWithFiatStatus.quote.toToken.chainId,
     toTokenAddress: buyWithFiatStatus.quote.toToken.tokenAddress,
     toAmount: buyWithFiatStatus.quote.estimatedToTokenAmount,
+    paymentLinkId: paymentLinkId,
   });
 }

package/src/pay/buyWithFiat/getQuote.ts

@@ -95,6 +95,11 @@ export type GetBuyWithFiatQuoteParams = {
    * By default, we choose a recommended provider based on the location of the user, KYC status, and currency.
    */
   preferredProvider?: FiatProvider;
+
+  /**
+   * @hidden
+   */
+  paymentLinkId?: string;
 };
 
 /**
@@ -321,6 +326,7 @@ export async function getBuyWithFiatQuote(
       currency: params.fromCurrencySymbol,
       maxSteps: 2,
       onrampTokenAddress: NATIVE_TOKEN_ADDRESS, // force onramp to native token to avoid missing gas issues
+      paymentLinkId: params.paymentLinkId,
     });
 
     // Determine tokens based on steps rules

package/src/react/core/hooks/wallets/useAuthToken.ts

@@ -0,0 +1,41 @@
+import { useActiveAccount } from "./useActiveAccount.js";
+import { useActiveWallet } from "./useActiveWallet.js";
+
+/**
+ * A hook that returns the authentication token (JWT) for the currently active wallet.
+ * This token can be used to authorize API calls to your backend server.
+ *
+ * @returns The JWT string if the active wallet is an in-app wallet and matches the active account, null otherwise
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const authToken = useAuthToken();
+ *
+ *   const fetchData = async () => {
+ *     const response = await fetch('https://api.example.com/data', {
+ *       headers: {
+ *         'Authorization': `Bearer ${authToken}`
+ *       }
+ *     });
+ *     // ... handle response
+ *   };
+ * }
+ * ```
+ *
+ * @wallet
+ */
+export function useAuthToken() {
+  const activeWallet = useActiveWallet();
+  const activeAccount = useActiveAccount();
+  // if the active wallet is an in-app wallet and the active account is the same as the active wallet's account, return the auth token for the in-app wallet
+  if (
+    activeWallet?.getAuthToken &&
+    activeAccount &&
+    activeAccount.address === activeWallet.getAccount()?.address
+  ) {
+    return activeWallet.getAuthToken();
+  }
+  // all other wallets don't expose an auth token for now
+  return null;
+}

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

@@ -83,6 +83,7 @@ export type BuyScreenProps = {
   connectOptions: PayEmbedConnectOptions | undefined;
   hiddenWallets?: WalletId[];
   isEmbed: boolean;
+  paymentLinkId?: string;
 };
 
 /**
@@ -151,6 +152,7 @@ type BuyScreenContentProps = {
   hiddenWallets?: WalletId[];
   connectOptions: PayEmbedConnectOptions | undefined;
   isEmbed: boolean;
+  paymentLinkId?: string;
 };
 
 /**
@@ -347,6 +349,7 @@ function BuyScreenContent(props: BuyScreenContentProps) {
       <OnRampScreen
         title={props.title}
         transactionMode={payOptions.mode === "transaction"}
+        paymentLinkId={props.paymentLinkId}
         quote={screen.quote}
         onBack={() => {
           setScreen({
@@ -395,6 +398,7 @@ function BuyScreenContent(props: BuyScreenContentProps) {
           });
         }}
         onSuccess={onSwapSuccess}
+        paymentLinkId={props.paymentLinkId}
       />
     );
   }
@@ -530,6 +534,7 @@ function BuyScreenContent(props: BuyScreenContentProps) {
               {screen.id === "buy-with-crypto" && activeAccount && (
                 <SwapScreenContent
                   setScreen={setScreen}
+                  paymentLinkId={props.paymentLinkId}
                   tokenAmount={deferredTokenAmount}
                   toChain={toChain}
                   toToken={toToken}
@@ -585,6 +590,7 @@ function BuyScreenContent(props: BuyScreenContentProps) {
                   payer={payer}
                   setTokenAmount={setTokenAmount}
                   setHasEditedAmount={setHasEditedAmount}
+                  paymentLinkId={props.paymentLinkId}
                 />
               )}
 

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

@@ -85,7 +85,7 @@ export function PayWithCreditCard(props: {
             {props.value
               ? `${props.currency.symbol}${formatNumber(
                   Number(props.value),
-                  6,
+                  2,
                 )}`
               : "--"}
           </Text>

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

@@ -5,7 +5,6 @@ import type { Chain } from "../../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../../constants/addresses.js";
 import type { FiatProvider } from "../../../../../../../pay/utils/commonTypes.js";
-import { formatNumber } from "../../../../../../../utils/formatNumber.js";
 import {
   type Theme,
   iconSize,
@@ -25,7 +24,6 @@ import { Spinner } from "../../../../components/Spinner.js";
 import { Container } from "../../../../components/basic.js";
 import { Button } from "../../../../components/buttons.js";
 import { Text } from "../../../../components/text.js";
-import { TokenSymbol } from "../../../../components/token/TokenSymbol.js";
 import { type ERC20OrNativeToken, isNativeToken } from "../../nativeToken.js";
 import { EstimatedTimeAndFees } from "../EstimatedTimeAndFees.js";
 import { PayWithCreditCard } from "../PayWIthCreditCard.js";
@@ -50,6 +48,7 @@ export function FiatScreenContent(props: {
   payer: PayerInfo;
   setTokenAmount: (amount: string) => void;
   setHasEditedAmount: (hasEdited: boolean) => void;
+  paymentLinkId: undefined | string;
 }) {
   const {
     toToken,
@@ -60,6 +59,7 @@ export function FiatScreenContent(props: {
     toChain,
     showCurrencySelector,
     selectedCurrency,
+    paymentLinkId,
   } = props;
   const defaultRecipientAddress = (
     props.payOptions as Extract<PayUIOptions, { mode: "direct_payment" }>
@@ -99,6 +99,7 @@ export function FiatScreenContent(props: {
           purchaseData: props.payOptions.purchaseData,
           fromAddress: payer.account.address,
           preferredProvider: preferredProvider,
+          paymentLinkId: paymentLinkId,
         }
       : undefined,
   );
@@ -227,77 +228,43 @@ export function FiatScreenContent(props: {
         {/* Error message */}
         {errorMsg && (
           <div>
-            {errorMsg.data?.minimumAmountEth ? (
-              <Text color="danger" size="sm" center multiline>
-                Minimum amount is{" "}
-                {formatNumber(Number(errorMsg.data.minimumAmountEth), 6)}{" "}
-                <TokenSymbol
-                  token={toToken}
-                  chain={toChain}
-                  size="sm"
-                  inline
-                  color="danger"
-                />
-              </Text>
-            ) : (
-              <div>
-                <Text color="danger" size="xs" center multiline>
-                  {errorMsg.title}
-                </Text>
-                <Text size="xs" center multiline>
-                  {errorMsg.message}
-                </Text>
-              </div>
-            )}
+            <Text color="danger" size="xs" center multiline>
+              {errorMsg.title}
+            </Text>
+            <Text size="xs" center multiline>
+              {errorMsg.message}
+            </Text>
           </div>
         )}
       </Container>
 
-      {errorMsg?.data?.minimumAmountEth ? (
-        <Button
-          variant="accent"
-          fullWidth
-          onClick={() => {
-            props.setTokenAmount(
-              formatNumber(
-                Number(errorMsg.data?.minimumAmountEth),
-                6,
-              ).toString(),
-            );
-            props.setHasEditedAmount(true);
-          }}
-        >
-          Set Minimum
-        </Button>
-      ) : (
-        <Button
-          variant={disableSubmit ? "outline" : "accent"}
-          data-disabled={disableSubmit}
-          disabled={disableSubmit}
-          fullWidth
-          onClick={() => {
-            trackPayEvent({
-              event: "confirm_onramp_quote",
-              client: client,
-              walletAddress: payer.account.address,
-              walletType: payer.wallet.id,
-              toChainId: toChain.id,
-              toToken: isNativeToken(toToken) ? undefined : toToken.address,
-            });
-            handleSubmit();
-          }}
-          gap="xs"
-        >
-          {fiatQuoteQuery.isLoading ? (
-            <>
-              Getting price quote
-              <Spinner size="sm" color="accentButtonText" />
-            </>
-          ) : (
-            "Continue"
-          )}
-        </Button>
-      )}
+      <Button
+        variant={disableSubmit ? "outline" : "accent"}
+        data-disabled={disableSubmit}
+        disabled={disableSubmit}
+        fullWidth
+        onClick={() => {
+          trackPayEvent({
+            event: "confirm_onramp_quote",
+            client: client,
+            walletAddress: payer.account.address,
+            walletType: payer.wallet.id,
+            toChainId: toChain.id,
+            toToken: isNativeToken(toToken) ? undefined : toToken.address,
+          });
+          handleSubmit();
+        }}
+        gap="xs"
+      >
+        {fiatQuoteQuery.isLoading ? (
+          <>
+            Getting price quote
+            <Spinner size="sm" color="accentButtonText" />
+          </>
+        ) : (
+          "Continue"
+        )}
+      </Button>
     </Container>
   );
 }

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

@@ -71,6 +71,7 @@ export function OnRampScreen(props: {
   payer: PayerInfo;
   onSuccess: (status: BuyWithFiatStatus) => void;
   receiverAddress: string;
+  paymentLinkId?: string;
 }) {
   const connectedWallets = useConnectedWallets();
   const isAutoMode = isInAppSigner({
@@ -85,6 +86,7 @@ export function OnRampScreen(props: {
     payer: props.payer,
     theme: props.theme,
     isAutoMode,
+    paymentLinkId: props.paymentLinkId,
   });
   const firstStepChainId = state.steps[0]?.step.token.chainId;
   return (
@@ -288,6 +290,7 @@ function useOnRampScreenState(props: {
   payer: PayerInfo;
   theme: "light" | "dark";
   isAutoMode?: boolean;
+  paymentLinkId?: string;
 }): OnRampScreenState {
   const onRampSteps = getOnRampSteps(props.quote);
   const [currentStepIndex, setCurrentStepIndex] = useState(0);
@@ -322,6 +325,7 @@ function useOnRampScreenState(props: {
     client: props.client,
     payer: props.payer,
     isFiatFlow: true,
+    paymentLinkId: props.paymentLinkId,
   });
 
   // Track swap status
@@ -615,6 +619,7 @@ function useSwapMutation(props: {
   client: ThirdwebClient;
   payer: PayerInfo;
   isFiatFlow: boolean;
+  paymentLinkId?: string;
 }) {
   const queryClient = useQueryClient();
   return useMutation({
@@ -646,6 +651,7 @@ function useSwapMutation(props: {
         toTokenAddress: toToken.tokenAddress,
         fromAddress: account.address,
         toAddress: account.address,
+        paymentLinkId: props.paymentLinkId,
         client: props.client,
       });
 

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

@@ -8,7 +8,6 @@ import { NATIVE_TOKEN_ADDRESS } from "../../../../../../../constants/addresses.j
 import { getContract } from "../../../../../../../contract/contract.js";
 import { allowance } from "../../../../../../../extensions/erc20/__generated__/IERC20/read/allowance.js";
 import type { GetBuyWithCryptoQuoteParams } from "../../../../../../../pay/buyWithCrypto/getQuote.js";
-import { formatNumber } from "../../../../../../../utils/formatNumber.js";
 import type { Account } from "../../../../../../../wallets/interfaces/wallet.js";
 import type { PayUIOptions } from "../../../../../../core/hooks/connection/ConnectButtonProps.js";
 import { useWalletBalance } from "../../../../../../core/hooks/others/useWalletBalance.js";
@@ -55,6 +54,7 @@ export function SwapScreenContent(props: {
   setTokenAmount: (amount: string) => void;
   setHasEditedAmount: (hasEdited: boolean) => void;
   disableTokenSelection: boolean;
+  paymentLinkId: undefined | string;
 }) {
   const {
     setScreen,
@@ -121,6 +121,7 @@ export function SwapScreenContent(props: {
           toAmount: tokenAmount,
           client,
           purchaseData: payOptions.purchaseData,
+          paymentLinkId: props.paymentLinkId,
         }
       : undefined;
 
@@ -286,28 +287,14 @@ export function SwapScreenContent(props: {
         {/* Error message */}
         {errorMsg && (
           <div>
-            {errorMsg.data?.minimumAmountEth ? (
+            <div>
               <Text color="danger" size="xs" center multiline>
-                Minimum amount is{" "}
-                {formatNumber(Number(errorMsg.data.minimumAmountEth), 6)}{" "}
-                <TokenSymbol
-                  token={toToken}
-                  chain={toChain}
-                  size="sm"
-                  inline
-                  color="danger"
-                />
+                {errorMsg.title}
               </Text>
-            ) : (
-              <div>
-                <Text color="danger" size="xs" center multiline>
-                  {errorMsg.title}
-                </Text>
-                <Text size="xs" center multiline>
-                  {errorMsg.message}
-                </Text>
-              </div>
-            )}
+              <Text size="xs" center multiline>
+                {errorMsg.message}
+              </Text>
+            </div>
           </div>
         )}
 
@@ -324,23 +311,7 @@ export function SwapScreenContent(props: {
       </Container>
 
       {/* Button */}
-      {errorMsg?.data?.minimumAmountEth ? (
-        <Button
-          variant="accent"
-          fullWidth
-          onClick={() => {
-            props.setTokenAmount(
-              formatNumber(
-                Number(errorMsg.data?.minimumAmountEth),
-                6,
-              ).toString(),
-            );
-            props.setHasEditedAmount(true);
-          }}
-        >
-          Set Minimum
-        </Button>
-      ) : isNotEnoughBalance || errorMsg ? (
+      {isNotEnoughBalance || errorMsg ? (
         <Button
           variant="accent"
           fullWidth

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

@@ -52,6 +52,7 @@ type TransferConfirmationScreenProps = {
   transactionMode?: boolean;
   payOptions?: PayUIOptions;
   onSuccess: ((status: BuyWithCryptoStatus) => void) | undefined;
+  paymentLinkId: undefined | string;
 };
 
 export function TransferConfirmationScreen(
@@ -70,6 +71,7 @@ export function TransferConfirmationScreen(
     transactionMode,
     setTransactionHash,
     payOptions,
+    paymentLinkId,
   } = props;
   const [step, setStep] = useState<"approve" | "transfer" | "execute">(
     "transfer",
@@ -105,6 +107,7 @@ export function TransferConfirmationScreen(
           payOptions?.mode === "direct_payment"
             ? payOptions.paymentInfo.feePayer
             : undefined,
+        paymentLinkId: paymentLinkId,
       });
       return transferResponse;
     },

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

@@ -23,6 +23,7 @@ type TransferFlowProps = {
   tokenAmount: string;
   transactionMode?: boolean;
   payOptions?: PayUIOptions;
+  paymentLinkId: undefined | string;
 };
 
 export function TransferFlow(props: TransferFlowProps) {

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

@@ -36,7 +36,7 @@ async function fetchBuySupportedDestinations({
         originTokenAddress,
         maxSteps: 1,
         sortBy: "popularity",
-        limit: 1000000,
+        limit: 1_000_000,
       });
       const tokens = new Set<string>();
       const chains = new Set<number>();

package/src/react/web/ui/PayEmbed.tsx

@@ -144,6 +144,11 @@ export type PayEmbedProps = {
   style?: React.CSSProperties;
 
   className?: string;
+
+  /**
+   * @hidden
+   */
+  paymentLinkId?: string;
 };
 
 /**
@@ -365,6 +370,7 @@ export function PayEmbed(props: PayEmbedProps) {
             client={props.client}
             connectLocale={localeQuery.data}
             hiddenWallets={props.hiddenWallets}
+            paymentLinkId={props.paymentLinkId}
             payOptions={
               props.payOptions || {
                 mode: "fund_wallet",

package/src/react/web/utils/errors.ts

@@ -1,17 +1,21 @@
-type ApiError = {
+import { ApiError } from "../../../bridge/types/Errors.js";
+
+type UiError = {
   code: string;
   title: string;
   message: string;
-  data?: {
-    minimumAmountUSDCents?: string;
-    requestedAmountUSDCents?: string;
-    minimumAmountWei?: string;
-    minimumAmountEth?: string;
-  };
 };
 
 // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-export function getErrorMessage(err: any): ApiError {
+export function getErrorMessage(err: any): UiError {
+  if (err instanceof ApiError) {
+    return {
+      code: err.code,
+      title: "Failed to Find Quote",
+      message: getErrorMessageFromBridgeApiError(err),
+    };
+  }
+
   if (typeof err.error === "object" && err.error.code) {
     if (err.error.code === "MINIMUM_PURCHASE_AMOUNT") {
       return {
@@ -29,6 +33,18 @@ export function getErrorMessage(err: any): ApiError {
     code: "UNABLE_TO_GET_PRICE_QUOTE",
     title: "Failed to Find Quote",
     message:
+      err.message ||
       "We couldn't get a quote for this token pair. Select another token or pay with card.",
   };
 }
+
+function getErrorMessageFromBridgeApiError(err: ApiError) {
+  let msg = err.message;
+  if (msg.includes("Details")) {
+    msg = msg.substring(0, msg.indexOf("Details"));
+  }
+  if (msg.includes("{")) {
+    msg = msg.substring(0, msg.indexOf("{"));
+  }
+  return msg;
+}

package/src/utils/ens/avatar.ts

@@ -74,7 +74,7 @@ async function isImageUri(options: ParseAvatarOptions): Promise<boolean> {
       return false;
     }
     // fail in NodeJS, since the error is not cors but any other network issue
-    if (Object.hasOwn(globalThis, "Image")) {
+    if (!Object.hasOwn(globalThis, "Image")) {
       return false;
     }
     // in case of cors, use image api to validate if given url is an actual image

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.100.2-nightly-88533d9113dc07c97cfaf0162591477c7056e69b-20250522000412";
+export const version = "5.100.2-nightly-5ab59ff400cc32caa414354855fa07831ed90f3a-20250523000413";

package/src/wallets/in-app/core/interfaces/connector.ts

@@ -1,5 +1,6 @@
 import type { SocialAuthOption } from "../../../../wallets/types.js";
 import type { Account } from "../../../interfaces/wallet.js";
+import type { ClientScopedStorage } from "../authentication/client-scoped-storage.js";
 import type {
   AuthArgsType,
   AuthLoginReturnType,
@@ -38,4 +39,5 @@ export interface InAppConnector {
   linkProfile(args: AuthArgsType): Promise<Profile[]>;
   unlinkProfile(args: Profile): Promise<Profile[]>;
   getProfiles(): Promise<Profile[]>;
+  storage: ClientScopedStorage;
 }

package/src/wallets/in-app/core/wallet/in-app-core.ts

@@ -55,9 +55,11 @@ export function createInAppWallet(args: {
   let adminAccount: Account | undefined = undefined; // Admin account if smartAccountOptions were provided with connection
   let chain: Chain | undefined = undefined;
   let client: ThirdwebClient | undefined;
+  let authToken: string | null = null;
 
   return {
     id: walletId,
+    getAuthToken: () => authToken,
     subscribe: emitter.subscribe,
     getChain() {
       if (!chain) {
@@ -114,6 +116,12 @@ export function createInAppWallet(args: {
       account = connectedAccount;
       adminAccount = _adminAccount;
       chain = connectedChain;
+      try {
+        authToken = await connector.storage.getAuthCookie();
+      } catch (error) {
+        console.error("Failed to retrieve auth token:", error);
+        authToken = null;
+      }
       trackConnect({
         client: options.client,
         ecosystem,
@@ -168,6 +176,12 @@ export function createInAppWallet(args: {
       account = connectedAccount;
       adminAccount = _adminAccount;
       chain = connectedChain;
+      try {
+        authToken = await connector.storage.getAuthCookie();
+      } catch (error) {
+        console.error("Failed to retrieve auth token:", error);
+        authToken = null;
+      }
       trackConnect({
         client: options.client,
         ecosystem,
@@ -194,6 +208,7 @@ export function createInAppWallet(args: {
       account = undefined;
       adminAccount = undefined;
       chain = undefined;
+      authToken = null;
       emitter.emit("disconnect", undefined);
     },
     switchChain: async (newChain) => {