@b3dotfun/sdk 0.0.47-alpha.0 → 0.0.47-test.4

package/dist/types/global-account/react/components/SignInWithB3/SignInWithB3Privy.d.ts

@@ -4,8 +4,7 @@ interface SignInWithB3PrivyProps {
     onError?: (error: Error) => Promise<void>;
     onSuccess: (account: Account) => Promise<void>;
     accessToken?: string;
-    partnerId: string;
     chain: Chain;
 }
-export declare function SignInWithB3Privy({ onSuccess, onError, partnerId, chain }: SignInWithB3PrivyProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignInWithB3Privy({ onSuccess, onError, chain }: SignInWithB3PrivyProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/global-account/react/components/SignInWithB3/steps/LoginStep.d.ts

@@ -9,7 +9,6 @@ interface LoginStepProps {
     /** Optional callback function called when an error occurs */
     onError?: (error: Error) => Promise<void>;
     /** Partner ID used for authentication */
-    partnerId: string;
     /** Blockchain chain information */
     chain: Chain;
     /** Optional authentication strategy options */
@@ -20,5 +19,5 @@ interface LoginStepContainerProps {
     partnerId?: string;
 }
 export declare function LoginStepContainer({ children, partnerId }: LoginStepContainerProps): import("react/jsx-runtime").JSX.Element;
-export declare function LoginStep({ onSuccess, onError, partnerId, chain }: LoginStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginStep({ onSuccess, chain }: LoginStepProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/global-account/react/components/SignInWithB3/steps/LoginStepCustom.d.ts

@@ -5,10 +5,9 @@ interface LoginStepCustomProps {
     automaticallySetFirstEoa: boolean;
     onSuccess: (account: Account) => Promise<void>;
     onError?: (error: Error) => Promise<void>;
-    partnerId: string;
     chain: Chain;
     strategies: AllowedStrategy[];
     maxInitialWallets?: number;
 }
-export declare function LoginStepCustom({ onSuccess, onError, partnerId, chain, strategies, maxInitialWallets, automaticallySetFirstEoa, }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginStepCustom({ onSuccess, onError, chain, strategies, maxInitialWallets, automaticallySetFirstEoa, }: LoginStepCustomProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/global-account/react/hooks/useAuthentication.d.ts

@@ -1,5 +1,6 @@
+import { Wallet } from "thirdweb/wallets";
 import { preAuthenticate } from "thirdweb/wallets/in-app";
-export declare function useAuthentication(partnerId: string, loginWithSiwe?: boolean): {
+export declare function useAuthentication(partnerId: string): {
     logout: (callback?: () => void) => Promise<void>;
     isAuthenticated: boolean;
     isReady: boolean;
@@ -7,6 +8,54 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     isConnected: boolean;
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
-    connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;
+    connect: (wallet: Wallet) => Promise<void>;
     isAuthenticating: boolean;
+    onConnect: (wallet: Wallet) => Promise<void>;
+    user: {
+        email?: string | undefined;
+        username?: string | undefined;
+        telNumber?: string | undefined;
+        ens?: string | undefined;
+        avatar?: string | undefined;
+        preferences?: {} | undefined;
+        referredBy?: string | {} | undefined;
+        sourceApp?: string | undefined;
+        referralCode?: string | undefined;
+        userGroups?: number[] | undefined;
+        isMigratedFromBSMNT?: boolean | undefined;
+        privyLinkedAccounts?: {
+            name?: string | undefined;
+            address?: string | undefined;
+            email?: string | undefined;
+            chain_type?: string | undefined;
+            lv?: number | undefined;
+            wallet_client_type?: string | undefined;
+            smart_wallet_type?: string | undefined;
+            subject?: string | undefined;
+            type: string;
+        }[] | undefined;
+        twProfiles?: {
+            type: string;
+            details: {
+                id?: string | undefined;
+                name?: string | undefined;
+                address?: string | undefined;
+                email?: string | undefined;
+                phone?: string | undefined;
+                username?: string | undefined;
+                fid?: string | undefined;
+            };
+        }[] | undefined;
+        _id: string | {};
+        userId: string;
+        smartAccountAddress: string;
+        createdAt: number;
+        updatedAt: number;
+        partnerIds: {
+            privyId?: string | undefined;
+            thirdwebId?: string | undefined;
+        };
+    } | undefined;
+    refetchUser: (wallet?: Wallet) => Promise<void>;
+    setUser: (newUser?: import("@b3dotfun/b3-api").Users) => void;
 };

package/dist/types/global-account/react/hooks/useHandleConnectWithPrivy.d.ts

@@ -4,7 +4,7 @@ import { Account } from "thirdweb/wallets";
  * This essentially wraps our useConnect hook to handle the Privy auth flow.
  * Currently, this is for the basement-privy strategy
  */
-export declare function useHandleConnectWithPrivy(partnerId: string, chain?: Chain, onSuccess?: (account: Account) => void): {
+export declare function useHandleConnectWithPrivy(chain?: Chain, onSuccess?: (account: Account) => void): {
     connectTw: () => Promise<import("thirdweb/wallets").Wallet | null | undefined>;
     isLoading: boolean;
     fullToken: string | null;

package/dist/types/global-account/react/hooks/useUserQuery.d.ts

@@ -0,0 +1,58 @@
+import { Users } from "@b3dotfun/b3-api";
+/**
+ * NOTE: THIS IS ONLY MEANT FOR INTERNAL USE, from useOnConnect
+ *
+ * Custom hook to manage user state with react-query
+ * This allows for invalidation and refetching of user data
+ */
+export declare function useUserQuery(): {
+    user: {
+        email?: string | undefined;
+        username?: string | undefined;
+        telNumber?: string | undefined;
+        ens?: string | undefined;
+        avatar?: string | undefined;
+        preferences?: {} | undefined;
+        referredBy?: string | {} | undefined;
+        sourceApp?: string | undefined;
+        referralCode?: string | undefined;
+        userGroups?: number[] | undefined;
+        isMigratedFromBSMNT?: boolean | undefined;
+        privyLinkedAccounts?: {
+            name?: string | undefined;
+            address?: string | undefined;
+            email?: string | undefined;
+            chain_type?: string | undefined;
+            lv?: number | undefined;
+            wallet_client_type?: string | undefined;
+            smart_wallet_type?: string | undefined;
+            subject?: string | undefined;
+            type: string;
+        }[] | undefined;
+        twProfiles?: {
+            type: string;
+            details: {
+                id?: string | undefined;
+                name?: string | undefined;
+                address?: string | undefined;
+                email?: string | undefined;
+                phone?: string | undefined;
+                username?: string | undefined;
+                fid?: string | undefined;
+            };
+        }[] | undefined;
+        _id: string | {};
+        userId: string;
+        smartAccountAddress: string;
+        createdAt: number;
+        updatedAt: number;
+        partnerIds: {
+            privyId?: string | undefined;
+            thirdwebId?: string | undefined;
+        };
+    } | undefined;
+    setUser: (newUser?: Users) => void;
+    refetchUser: () => Promise<void>;
+    clearUser: () => void;
+    queryKey: string[];
+};

package/dist/types/global-account/react/hooks/useWagmiConfig.d.ts

@@ -0,0 +1,13 @@
+export declare function useWagmiConfig(partnerId: string, rpcUrls?: Record<number, string>): import("wagmi").Config<readonly [import("viem").Chain, ...import("viem").Chain[]], {
+    [k: string]: import("viem").HttpTransport<undefined, false>;
+}, readonly [import("wagmi").CreateConnectorFn<import("thirdweb/dist/types/adapters/eip1193").EIP1193Provider | undefined, {
+    connect<withCapabilities extends boolean = false>(parameters?: import("@thirdweb-dev/wagmi-adapter").ConnectionOptions<withCapabilities> | undefined): Promise<{
+        accounts: withCapabilities extends true ? readonly {
+            address: `0x${string}`;
+            capabilities: Record<string, unknown>;
+        }[] : readonly `0x${string}`[];
+        chainId: number;
+    }>;
+}, {
+    "thirdweb:lastChainId": number;
+}>]>;

package/dist/types/global-account/react/stores/useModalStore.d.ts

@@ -32,8 +32,6 @@ export interface SignInWithB3ModalProps extends BaseModalProps {
     sessionKeyAddress?: Address;
     /** Unique identifier for the partner application */
     partnerId: string;
-    /** Whether to authenticate with Sign In With Ethereum */
-    loginWithSiwe?: boolean;
     /** Whether to close the modal after successful login */
     closeAfterLogin?: boolean;
     /** Source of the sign-in request */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.47-alpha.0",
+  "version": "0.0.47-test.4",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",
@@ -281,7 +281,7 @@
     "@solana/web3.js": "^1.98.2",
     "@stripe/react-stripe-js": "^3.7.0",
     "@stripe/stripe-js": "^7.3.1",
-    "@thirdweb-dev/wagmi-adapter": "^0.2.141",
+    "@thirdweb-dev/wagmi-adapter": "0.2.159",
     "@web3icons/react": "3.16.0",
     "big.js": "^7.0.1",
     "class-variance-authority": "0.7.0",
@@ -354,7 +354,7 @@
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-native-mmkv": "^3.2.0",
-    "thirdweb": "5.106.0",
+    "thirdweb": "5.108.9",
     "three": "^0.175.0",
     "viem": "^2.28.1",
     "wagmi": "^2.14.15"

package/src/global-account/react/components/B3Provider/B3Provider.native.tsx

@@ -1,12 +1,13 @@
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useState } from "react";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { Account } from "thirdweb/wallets";
 
-import { Users } from "@b3dotfun/b3-api";
 import { ClientType } from "../../../client-manager";
 
+import { WagmiProvider } from "wagmi";
+import { useAuthentication } from "../../hooks/useAuthentication";
+import { useWagmiConfig } from "../../hooks/useWagmiConfig";
 import { B3Context, B3ContextType } from "./types";
 
 /**
@@ -31,28 +32,32 @@ export function B3Provider({
   accountOverride,
   environment,
   clientType = "socket",
+  partnerId,
+  rpcUrls,
 }: {
   theme: "light" | "dark";
   children: React.ReactNode;
   accountOverride?: Account;
   environment: B3ContextType["environment"];
   clientType?: ClientType;
+  partnerId: string;
+  rpcUrls?: Record<number, string>;
 }) {
   return (
-    <QueryClientProvider client={queryClient}>
-      <ThirdwebProvider>
-        <InnerProvider
-          accountOverride={accountOverride}
-          environment={environment}
-          theme={theme}
-          clientType={clientType}
-        >
-          {/* <RelayKitProviderWrapper> */}
-          {children}
-          {/* </RelayKitProviderWrapper> */}
-        </InnerProvider>
-      </ThirdwebProvider>
-    </QueryClientProvider>
+    <ThirdwebProvider>
+      <InnerProvider
+        accountOverride={accountOverride}
+        environment={environment}
+        theme={theme}
+        clientType={clientType}
+        partnerId={partnerId}
+        rpcUrls={rpcUrls}
+      >
+        {/* <RelayKitProviderWrapper> */}
+        {children}
+        {/* </RelayKitProviderWrapper> */}
+      </InnerProvider>
+    </ThirdwebProvider>
   );
 }
 
@@ -66,6 +71,8 @@ export function InnerProvider({
   defaultPermissions = DEFAULT_PERMISSIONS,
   theme = "light",
   clientType = "socket",
+  partnerId,
+  rpcUrls,
 }: {
   children: React.ReactNode;
   accountOverride?: Account;
@@ -73,31 +80,40 @@ export function InnerProvider({
   defaultPermissions?: PermissionsConfig;
   theme: "light" | "dark";
   clientType?: ClientType;
+  partnerId: string;
+  rpcUrls?: Record<number, string>;
 }) {
   const activeAccount = useActiveAccount();
-  const [user, setUser] = useState<Users | undefined>(undefined);
+  const { user, setUser, refetchUser } = useAuthentication(partnerId);
+  const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
 
   // Use given accountOverride or activeAccount from thirdweb
   const effectiveAccount = accountOverride || activeAccount;
 
   return (
-    <B3Context.Provider
-      value={{
-        account: effectiveAccount,
-        automaticallySetFirstEoa: false,
-        setWallet: () => {},
-        wallet: undefined,
-        user,
-        setUser,
-        initialized: true,
-        ready: !!effectiveAccount,
-        environment,
-        defaultPermissions,
-        theme,
-        clientType,
-      }}
-    >
-      {children}
-    </B3Context.Provider>
+    <WagmiProvider config={wagmiConfig}>
+      <QueryClientProvider client={queryClient}>
+        <B3Context.Provider
+          value={{
+            account: effectiveAccount,
+            automaticallySetFirstEoa: false,
+            setWallet: () => {},
+            wallet: undefined,
+            user,
+            setUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            environment,
+            defaultPermissions,
+            theme,
+            clientType,
+            partnerId,
+            refetchUser,
+          }}
+        >
+          {children}
+        </B3Context.Provider>
+      </QueryClientProvider>
+    </WagmiProvider>
   );
 }

package/src/global-account/react/components/B3Provider/B3Provider.tsx

@@ -1,15 +1,16 @@
-import { Users } from "@b3dotfun/b3-api";
-import { RelayKitProviderWrapper, TooltipProvider, useAuthStore } from "@b3dotfun/sdk/global-account/react";
+import {
+  RelayKitProviderWrapper,
+  TooltipProvider,
+  useAuthentication,
+  useAuthStore,
+} from "@b3dotfun/sdk/global-account/react";
+import { useWagmiConfig } from "@b3dotfun/sdk/global-account/react/hooks/useWagmiConfig";
 import { PermissionsConfig } from "@b3dotfun/sdk/global-account/types/permissions";
 import { loadGA4Script } from "@b3dotfun/sdk/global-account/utils/analytics";
-import { ecosystemWalletId } from "@b3dotfun/sdk/shared/constants";
-import { supportedChains } from "@b3dotfun/sdk/shared/constants/chains/supported";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import { client } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import "@reservoir0x/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { inAppWalletConnector } from "@thirdweb-dev/wagmi-adapter";
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Toaster } from "sonner";
 import {
   getLastAuthProvider,
@@ -19,7 +20,7 @@ import {
   useSetActiveWallet,
 } from "thirdweb/react";
 import { Account, Wallet } from "thirdweb/wallets";
-import { createConfig, http, WagmiProvider } from "wagmi";
+import { WagmiProvider } from "wagmi";
 import { ClientType, setClientType } from "../../../client-manager";
 import { StyleRoot } from "../StyleRoot";
 import { B3Context, B3ContextType } from "./types";
@@ -66,7 +67,7 @@ export function B3Provider({
   };
   clientType?: ClientType;
   rpcUrls?: Record<number, string>;
-  partnerId?: string;
+  partnerId: string;
 }) {
   // Initialize Google Analytics on mount
   useEffect(() => {
@@ -77,45 +78,11 @@ export function B3Provider({
   useEffect(() => {
     setClientType(clientType);
   }, [clientType]);
-
-  const ecocystemConfig = useMemo(() => {
-    if (!partnerId) return undefined;
-
-    return {
-      ecosystemId: ecosystemWalletId,
-      partnerId: partnerId,
-      client,
-    };
-  }, [partnerId]);
-
-  // Stringify rpcUrls for stable comparison to prevent wagmiConfig recreation
-  // when parent component passes new object references with same content
-  const rpcUrlsString = useMemo(() => (rpcUrls ? JSON.stringify(rpcUrls) : undefined), [rpcUrls]);
-
-  /**
-   * Creates wagmi config with optional custom RPC URLs
-   * @param rpcUrls - Optional mapping of chain IDs to RPC URLs
-   */
-  const wagmiConfig = useMemo(() => {
-    const parsedRpcUrls = rpcUrlsString ? JSON.parse(rpcUrlsString) : undefined;
-
-    return createConfig({
-      chains: [supportedChains[0], ...supportedChains.slice(1)],
-      transports: Object.fromEntries(supportedChains.map(chain => [chain.id, http(parsedRpcUrls?.[chain.id])])),
-      connectors: [
-        inAppWalletConnector({
-          ...(ecocystemConfig || {}),
-          client,
-        }),
-        // injected(),
-        // coinbaseWallet({ appName: "HypeDuel" }),
-      ],
-    });
-  }, [ecocystemConfig, rpcUrlsString]);
+  const wagmiConfig = useWagmiConfig(partnerId, rpcUrls);
 
   return (
     <ThirdwebProvider>
-      <WagmiProvider config={wagmiConfig}>
+      <WagmiProvider config={wagmiConfig} reconnectOnMount={false}>
         <QueryClientProvider client={queryClient}>
           <TooltipProvider>
             <InnerProvider
@@ -124,6 +91,7 @@ export function B3Provider({
               theme={theme}
               automaticallySetFirstEoa={!!automaticallySetFirstEoa}
               clientType={clientType}
+              partnerId={partnerId}
             >
               <RelayKitProviderWrapper simDuneApiKey={simDuneApiKey}>
                 {children}
@@ -150,6 +118,7 @@ export function InnerProvider({
   automaticallySetFirstEoa,
   theme = "light",
   clientType = "socket",
+  partnerId,
 }: {
   children: React.ReactNode;
   accountOverride?: Account;
@@ -158,42 +127,23 @@ export function InnerProvider({
   automaticallySetFirstEoa: boolean;
   theme: "light" | "dark";
   clientType?: ClientType;
+  partnerId: string;
 }) {
   const activeAccount = useActiveAccount();
   const [manuallySelectedWallet, setManuallySelectedWallet] = useState<Wallet | undefined>(undefined);
   const wallets = useConnectedWallets();
-  const setActiveWallet = useSetActiveWallet();
   const isAuthenticated = useAuthStore(state => state.isAuthenticated);
-  debug("@@wallets", wallets);
+  const isConnected = useAuthStore(state => state.isConnected);
+  const setActiveWallet = useSetActiveWallet();
+  const { user, setUser, refetchUser } = useAuthentication(partnerId);
 
-  const [user, setUser] = useState<Users | undefined>(() => {
-    // Try to restore user from localStorage on initialization
-    if (typeof window !== "undefined") {
-      try {
-        const storedUser = localStorage.getItem("b3-user");
-        return storedUser ? JSON.parse(storedUser) : undefined;
-      } catch (error) {
-        console.warn("Failed to restore user from localStorage:", error);
-        return undefined;
-      }
-    }
-    return undefined;
-  });
+  debug("@@B3Provider:isConnected", isConnected);
+  debug("@@wallets", wallets);
+  debug("@@B3Provider:user", user);
 
   // Use given accountOverride or activeAccount from thirdweb
   const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
 
-  // Persist user to localStorage when it changes
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      if (user) {
-        localStorage.setItem("b3-user", JSON.stringify(user));
-      } else {
-        localStorage.removeItem("b3-user");
-      }
-    }
-  }, [user]);
-
   const setWallet = useCallback(
     (wallet: Wallet) => {
       setManuallySelectedWallet(wallet);
@@ -237,6 +187,7 @@ export function InnerProvider({
         wallet: manuallySelectedWallet,
         user,
         setUser,
+        refetchUser,
         initialized: true,
         ready: !!effectiveAccount,
         automaticallySetFirstEoa,
@@ -244,9 +195,14 @@ export function InnerProvider({
         defaultPermissions,
         theme,
         clientType,
+        partnerId: partnerId,
       }}
     >
-      {children}
+      <InnerProvider2>{children}</InnerProvider2>
     </B3Context.Provider>
   );
 }
+
+const InnerProvider2 = ({ children }: { children: React.ReactNode }) => {
+  return <>{children}</>;
+};

package/src/global-account/react/components/B3Provider/types.ts

@@ -14,12 +14,14 @@ export interface B3ContextType {
   setWallet: (wallet: Wallet) => void;
   wallet?: Wallet;
   setUser: (user?: Users) => void;
+  refetchUser: () => Promise<any>;
   initialized: boolean;
   ready: boolean;
   environment?: "development" | "production";
   defaultPermissions?: PermissionsConfig;
   theme: "light" | "dark";
   clientType: ClientType;
+  partnerId: string;
 }
 
 /**
@@ -32,9 +34,11 @@ export const B3Context = createContext<B3ContextType>({
   setWallet: () => {},
   wallet: undefined,
   setUser: () => {},
+  refetchUser: async () => {},
   initialized: false,
   ready: false,
   environment: "development",
   theme: "light",
   clientType: "rest",
+  partnerId: "",
 });

package/src/global-account/react/components/ManageAccount/BalanceContent.tsx

@@ -23,7 +23,6 @@ import { TokenBalanceRow } from "./TokenBalanceRow";
 
 interface BalanceContentProps {
   onLogout?: () => void;
-  partnerId: string;
   showDeposit?: boolean;
   showSwap?: boolean;
 }
@@ -33,14 +32,14 @@ function centerTruncate(str: string, length = 4) {
   return `${str.slice(0, length)}...${str.slice(-length)}`;
 }
 
-export function BalanceContent({ onLogout, partnerId, showDeposit = true, showSwap = true }: BalanceContentProps) {
+export function BalanceContent({ onLogout, showDeposit = true, showSwap = true }: BalanceContentProps) {
   const account = useActiveAccount();
   const { address: eoaAddress, info: eoaInfo } = useFirstEOA();
   const { data: profile } = useProfile({
     address: eoaAddress || account?.address,
     fresh: true,
   });
-  const { user } = useB3();
+  const { user, partnerId } = useB3();
   const { setB3ModalOpen, setB3ModalContentType, navigateBack } = useModalStore();
   const { logout } = useAuthentication(partnerId);
   const [logoutLoading, setLogoutLoading] = useState(false);

package/src/global-account/react/components/ManageAccount/ManageAccount.tsx

@@ -604,7 +604,7 @@ export function ManageAccount({
           </div>
 
           <TabsContentPrimitive value="overview" className="px-4 pb-4 pt-2">
-            <BalanceContent onLogout={onLogout} partnerId={partnerId} showDeposit={showDeposit} showSwap={showSwap} />
+            <BalanceContent onLogout={onLogout} showDeposit={showDeposit} showSwap={showSwap} />
           </TabsContentPrimitive>
 
           <TabsContentPrimitive value="tokens" className="px-4 pb-4 pt-2">

package/src/global-account/react/components/SignInWithB3/SignIn.tsx

@@ -29,7 +29,7 @@ type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackButton">
 
 export function SignIn(props: SignInWithB3Props) {
   const { className } = props;
-  const { automaticallySetFirstEoa } = useB3();
+  const { automaticallySetFirstEoa, partnerId } = useB3();
   const {
     wallet,
     address: globalAddress,
@@ -43,7 +43,7 @@ export function SignIn(props: SignInWithB3Props) {
   } = useAccountWallet();
 
   const isMobile = useIsMobile();
-  const { logout } = useAuthentication(String(process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID));
+  const { logout } = useAuthentication(partnerId);
   const onDisconnect = async () => {
     await logout();
   };

package/src/global-account/react/components/SignInWithB3/SignInWithB3.tsx

@@ -2,7 +2,7 @@ import {
   Button,
   SignInWithB3ModalProps,
   StyleRoot,
-  useAuthentication,
+  useAuthStore,
   useB3,
   useIsMobile,
   useModalStore,
@@ -21,7 +21,7 @@ export type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackB
 export function SignInWithB3(props: SignInWithB3Props) {
   const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
   const { account } = useB3();
-  const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
+  const { isAuthenticating, isAuthenticated } = useAuthStore();
   const isMobile = useIsMobile();
 
   useEffect(() => {