@b3dotfun/sdk 0.0.88-alpha.10 → 0.0.88-alpha.3

package/dist/esm/global-account/react/components/B3Provider/B3Provider.js

@@ -1,18 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RelayKitProviderWrapper, TooltipProvider } from "../../../../global-account/react/index.js";
+import { RelayKitProviderWrapper, TooltipProvider, useAuthentication, useAuthStore, } from "../../../../global-account/react/index.js";
+import { useAutoSelectWallet } from "../../../../global-account/react/hooks/useAutoSelectWallet.js";
 import { createWagmiConfig } from "../../../../global-account/react/utils/createWagmiConfig.js";
 import { loadGA4Script } from "../../../../global-account/utils/analytics.js";
 import "@relayprotocol/relay-kit-ui/styles.css";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useEffect, useMemo } from "react";
-import { ThirdwebProvider } from "thirdweb/react";
+import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { WagmiProvider } from "wagmi";
 import { setClientType } from "../../../client-manager.js";
-import { useB3ConfigStore } from "../../stores/configStore.js";
 import { StyleRoot } from "../StyleRoot.js";
 import { setToastContext, ToastProvider, useToastContext } from "../Toast/index.js";
-import AuthenticationProvider from "./AuthenticationProvider.js";
 import { LocalSDKProvider } from "./LocalSDKProvider.js";
+import { B3Context } from "./types.js";
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS = {
+    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
+    nativeTokenLimitPerTransaction: 0.1, // in ETH
+    startDate: new Date(),
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
@@ -20,35 +29,7 @@ const queryClient = new QueryClient();
  */
 export function B3Provider({ theme = "light", children, accountOverride, environment, automaticallySetFirstEoa, simDuneApiKey, 
 // deprecated since v0.0.87
-toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, defaultPermissions, }) {
-    const setConfig = useB3ConfigStore(state => state.setConfig);
-    // Initialize config store on mount
-    useEffect(() => {
-        setConfig({
-            accountOverride,
-            environment: environment ?? "development",
-            automaticallySetFirstEoa: !!automaticallySetFirstEoa,
-            theme,
-            clientType,
-            partnerId,
-            stripePublishableKey,
-            createClientReferenceId,
-            enableTurnkey,
-            defaultPermissions,
-        });
-    }, [
-        accountOverride,
-        environment,
-        automaticallySetFirstEoa,
-        theme,
-        clientType,
-        partnerId,
-        stripePublishableKey,
-        createClientReferenceId,
-        enableTurnkey,
-        defaultPermissions,
-        setConfig,
-    ]); // eslint-disable-line react-hooks/exhaustive-deps
+toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey, onConnect, connectors, overrideDefaultConnectors = false, createClientReferenceId, enableTurnkey = false, }) {
     // Initialize Google Analytics on mount
     useEffect(() => {
         loadGA4Script();
@@ -58,7 +39,50 @@ toaster: _toaster, clientType = "rest", rpcUrls, partnerId, stripePublishableKey
         setClientType(clientType);
     }, [clientType]);
     const wagmiConfig = useMemo(() => createWagmiConfig({ partnerId, rpcUrls, connectors, overrideDefaultConnectors }), [partnerId, rpcUrls, connectors, overrideDefaultConnectors]);
-    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsxs(LocalSDKProvider, { onConnectCallback: onConnect, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] }), _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: !!automaticallySetFirstEoa })] }) }) }) }) }) }));
+    return (_jsx(ThirdwebProvider, { children: _jsx(WagmiProvider, { config: wagmiConfig, reconnectOnMount: false, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(TooltipProvider, { children: _jsx(ToastProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsxs(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, automaticallySetFirstEoa: !!automaticallySetFirstEoa, clientType: clientType, partnerId: partnerId, stripePublishableKey: stripePublishableKey, createClientReferenceId: createClientReferenceId, enableTurnkey: enableTurnkey, children: [_jsx(ToastContextConnector, {}), _jsxs(RelayKitProviderWrapper, { simDuneApiKey: simDuneApiKey, children: [children, _jsx(StyleRoot, { id: "b3-root" })] })] }) }) }) }) }) }) }));
+}
+/**
+ * Inner provider component that provides the actual B3Context
+ */
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, automaticallySetFirstEoa, theme = "light", clientType = "socket", partnerId, stripePublishableKey, createClientReferenceId, enableTurnkey, }) {
+    const activeAccount = useActiveAccount();
+    const isAuthenticated = useAuthStore(state => state.isAuthenticated);
+    //const isConnected = useAuthStore(state => state.isConnected);
+    //const justCompletedLogin = useAuthStore(state => state.justCompletedLogin);
+    // Note: This fixes a bug where useAuthentication is no longer rendered on every page, as of this PR https://github.com/b3-fun/b3/pull/385/files#diff-3ef996931b8fc8e49021ba1b42ddaa97535214681610dc5fdacf63542e261af7
+    // The above PR removes useAuthentication from the overall B3Provider. useAuthentication should be everywhere the provider is, since it sets the overall auth state
+    // By just calling it manually, we fix that issue
+    // As a follow up, we should fix the SDK directly
+    useAuthentication(partnerId);
+    // Use given accountOverride or activeAccount from thirdweb
+    // WOJ: why if isAuthenticated is false, we don't use activeAccount, which should be undefined?
+    // skip isAuthenticated check ?
+    const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
+    // Wrapper to set active wallet via thirdweb
+    // Note: `wallet` in context is deprecated - use useActiveWallet() from thirdweb/react instead
+    // Auto-select first EOA wallet when enabled
+    useAutoSelectWallet({
+        enabled: automaticallySetFirstEoa,
+    });
+    return (_jsx(B3Context.Provider, { value: {
+            account: effectiveAccount,
+            // setWallet,
+            //wallet: undefined, // Deprecated: use useActiveWallet() from thirdweb/react instead
+            //user,
+            //setUser,
+            //refetchUser,
+            initialized: true,
+            ready: !!effectiveAccount,
+            automaticallySetFirstEoa,
+            environment,
+            defaultPermissions,
+            theme,
+            clientType,
+            partnerId: partnerId,
+            stripePublishableKey,
+            createClientReferenceId,
+            enableTurnkey,
+        }, children: children }));
 }
 /**
  * Component to connect the toast context to the global toast API

package/dist/esm/global-account/react/components/B3Provider/B3Provider.native.d.ts

@@ -1,27 +1,27 @@
 import { PermissionsConfig } from "../../../../global-account/types/permissions";
 import { Account, Wallet } from "thirdweb/wallets";
 import { ClientType } from "../../../client-manager";
+import { B3ContextType } from "./types";
 /**
  * Main B3Provider component
  */
-export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, defaultPermissions, }: {
+export declare function B3Provider({ theme, children, accountOverride, environment, clientType, partnerId, rpcUrls, onConnect, }: {
     theme: "light" | "dark";
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     clientType?: ClientType;
     partnerId: string;
     rpcUrls?: Record<number, string>;
     onConnect?: (wallet: Wallet, b3Jwt: string) => void | Promise<void>;
-    defaultPermissions?: PermissionsConfig;
 }): import("react/jsx-runtime").JSX.Element;
 /**
- * Inner provider component for native
+ * Inner provider component that provides the actual B3Context
  */
 export declare function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme, clientType, partnerId, rpcUrls, }: {
     children: React.ReactNode;
     accountOverride?: Account;
-    environment?: "development" | "production";
+    environment: B3ContextType["environment"];
     defaultPermissions?: PermissionsConfig;
     theme: "light" | "dark";
     clientType?: ClientType;

package/dist/esm/global-account/react/components/B3Provider/B3Provider.native.js

@@ -1,50 +1,50 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { useEffect } from "react";
-import { ThirdwebProvider } from "thirdweb/react";
+import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { WagmiProvider } from "wagmi";
-import { useB3ConfigStore } from "../../stores/configStore.js";
 import { createWagmiConfig } from "../../utils/createWagmiConfig.js";
-import AuthenticationProvider from "./AuthenticationProvider.js";
 import { LocalSDKProvider } from "./LocalSDKProvider.js";
+import { B3Context } from "./types.js";
+/**
+ * Default permissions configuration for B3 provider
+ */
+const DEFAULT_PERMISSIONS = {
+    approvedTargets: ["0xa8e42121e318e3D3BeD7f5969AF6D360045317DD"], // Example contract
+    nativeTokenLimitPerTransaction: 0.1, // in ETH
+    startDate: new Date(),
+    endDate: new Date(Date.now() + 1000 * 60 * 60 * 24 * 365), // 1 year from now
+};
 // Create queryClient instance
 const queryClient = new QueryClient();
 /**
  * Main B3Provider component
  */
-export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, defaultPermissions, }) {
-    const setConfig = useB3ConfigStore(state => state.setConfig);
-    // Initialize config store on mount - props are static and never change
-    useEffect(() => {
-        setConfig({
-            accountOverride,
-            environment: environment ?? "development",
-            automaticallySetFirstEoa: false,
-            theme,
-            clientType,
-            partnerId,
-            defaultPermissions,
-        });
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsx(ThirdwebProvider, { children: _jsxs(LocalSDKProvider, { onConnectCallback: onConnect, children: [children, _jsx(AuthenticationProvider, { partnerId: partnerId, automaticallySetFirstEoa: false })] }) }));
+export function B3Provider({ theme = "light", children, accountOverride, environment, clientType = "socket", partnerId, rpcUrls, onConnect, }) {
+    return (_jsx(ThirdwebProvider, { children: _jsx(LocalSDKProvider, { onConnectCallback: onConnect, children: _jsx(InnerProvider, { accountOverride: accountOverride, environment: environment, theme: theme, clientType: clientType, partnerId: partnerId, rpcUrls: rpcUrls, children: children }) }) }));
 }
 /**
- * Inner provider component for native
+ * Inner provider component that provides the actual B3Context
  */
-export function InnerProvider({ children, accountOverride, environment, defaultPermissions, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
-    const setConfig = useB3ConfigStore(state => state.setConfig);
+export function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
+    const activeAccount = useActiveAccount();
+    //const { user, setUser, refetchUser } = useAuthentication(partnerId);
     const wagmiConfig = createWagmiConfig({ partnerId, rpcUrls });
-    // Initialize config store on mount - props are static and never change
-    useEffect(() => {
-        setConfig({
-            accountOverride,
-            environment: environment ?? "development",
-            automaticallySetFirstEoa: false,
-            theme,
-            clientType,
-            partnerId,
-            defaultPermissions,
-        });
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: children }) }));
+    // Use given accountOverride or activeAccount from thirdweb
+    const effectiveAccount = accountOverride || activeAccount;
+    return (_jsx(WagmiProvider, { config: wagmiConfig, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(B3Context.Provider, { value: {
+                    //account: effectiveAccount,
+                    automaticallySetFirstEoa: false,
+                    //setWallet: () => {},
+                    wallet: undefined,
+                    //user,
+                    //setUser,
+                    initialized: true,
+                    ready: !!effectiveAccount,
+                    environment,
+                    defaultPermissions,
+                    theme,
+                    clientType,
+                    partnerId,
+                    //refetchUser,
+                }, children: children }) }) }));
 }

package/dist/esm/global-account/react/components/B3Provider/types.d.ts

@@ -0,0 +1,27 @@
+import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
+import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
+import { PermissionsConfig } from "../../../../global-account/types/permissions";
+import { Account, Wallet } from "thirdweb/wallets";
+import { ClientType } from "../../../client-manager";
+/**
+ * Context type for B3Provider
+ */
+export interface B3ContextType {
+    account?: Account;
+    automaticallySetFirstEoa: boolean;
+    wallet?: Wallet;
+    initialized: boolean;
+    ready: boolean;
+    environment?: "development" | "production";
+    defaultPermissions?: PermissionsConfig;
+    theme: "light" | "dark";
+    clientType: ClientType;
+    partnerId: string;
+    stripePublishableKey?: string;
+    createClientReferenceId?: (params: CreateOrderParams | CreateOnrampOrderParams) => Promise<string>;
+    enableTurnkey?: boolean;
+}
+/**
+ * Context for B3 provider
+ */
+export declare const B3Context: import("react").Context<B3ContextType>;

package/dist/esm/global-account/react/components/B3Provider/types.js

@@ -0,0 +1,21 @@
+import { createContext } from "react";
+/**
+ * Context for B3 provider
+ */
+export const B3Context = createContext({
+    account: undefined,
+    automaticallySetFirstEoa: false,
+    //user: undefined,
+    //setWallet: () => {},
+    wallet: undefined,
+    //setUser: () => {},
+    //refetchUser: async () => {},
+    initialized: false,
+    ready: false,
+    environment: "development",
+    theme: "light",
+    clientType: "rest",
+    partnerId: "",
+    createClientReferenceId: undefined,
+    enableTurnkey: false,
+});

package/dist/esm/global-account/react/components/B3Provider/useB3.d.ts

@@ -1,16 +1,6 @@
 /**
- * Hook to access the B3 configuration
- * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ * @deprecated Use useB3Config or useB3Account instead
  */
-export declare function useB3(): {
-    automaticallySetFirstEoa: boolean;
-    environment: "development" | "production";
-    theme: "light" | "dark";
-    clientType: import("../../../client-manager").ClientType;
-    partnerId: string;
-    createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
-    enableTurnkey: boolean;
-    stripePublishableKey: string | undefined;
-    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
-    accountOverride: import("thirdweb/wallets").Account | undefined;
-};
+export declare function useB3(): import("./types").B3ContextType;

package/dist/esm/global-account/react/components/B3Provider/useB3.js

@@ -1,8 +1,15 @@
-import { useB3Config } from "./useB3Config.js";
+import { useContext, useMemo } from "react";
+import { B3Context } from "./types.js";
 /**
- * Hook to access the B3 configuration
- * @deprecated This is just an alias for useB3Config. Use useB3Config directly instead.
+ * Hook to access the B3 context
+ * @throws Error if used outside a B3Provider
+ * @deprecated Use useB3Config or useB3Account instead
  */
 export function useB3() {
-    return useB3Config();
+    const context = useContext(B3Context);
+    if (!context.initialized) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    // Return a stable reference
+    return useMemo(() => context, [context]);
 }

package/dist/esm/global-account/react/components/B3Provider/useB3Account.js

@@ -1,9 +1,6 @@
 import { useActiveAccount } from "thirdweb/react";
-import { useAuthStore } from "../../stores/useAuthStore.js";
 // Wrapper around useActiveAccount
 export const useB3Account = () => {
-    const isAuthenticated = useAuthStore(state => state.isAuthenticated);
-    const activeAccount = useActiveAccount();
-    const effectiveAccount = isAuthenticated ? activeAccount : undefined;
-    return effectiveAccount;
+    const account = useActiveAccount();
+    return account;
 };

package/dist/esm/global-account/react/components/B3Provider/useB3Config.d.ts

@@ -1,17 +1,9 @@
-/**
- * Hook to access B3 configuration
- * Returns all config values from the Zustand store
- * Since config is static (set once at initialization), destructuring is fine here
- */
 export declare const useB3Config: () => {
     automaticallySetFirstEoa: boolean;
-    environment: "development" | "production";
+    environment: "development" | "production" | undefined;
     theme: "light" | "dark";
     clientType: import("../../../client-manager").ClientType;
     partnerId: string;
     createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
-    enableTurnkey: boolean;
-    stripePublishableKey: string | undefined;
-    defaultPermissions: import("../../../types/permissions").PermissionsConfig;
-    accountOverride: import("thirdweb/wallets").Account | undefined;
+    enableTurnkey: boolean | undefined;
 };

package/dist/esm/global-account/react/components/B3Provider/useB3Config.js

@@ -1,20 +1,19 @@
-import { useB3ConfigStore } from "../../stores/configStore.js";
-/**
- * Hook to access B3 configuration
- * Returns all config values from the Zustand store
- * Since config is static (set once at initialization), destructuring is fine here
- */
+import { useContext, useMemo } from "react";
+import { B3Context } from "./types.js";
 export const useB3Config = () => {
-    return useB3ConfigStore(state => ({
-        automaticallySetFirstEoa: state.automaticallySetFirstEoa,
-        environment: state.environment,
-        theme: state.theme,
-        clientType: state.clientType,
-        partnerId: state.partnerId,
-        createClientReferenceId: state.createClientReferenceId,
-        enableTurnkey: state.enableTurnkey,
-        stripePublishableKey: state.stripePublishableKey,
-        defaultPermissions: state.defaultPermissions,
-        accountOverride: state.accountOverride,
-    }));
+    const context = useContext(B3Context);
+    if (!context) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    const { automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey, } = context;
+    // Return a stable reference
+    return useMemo(() => ({
+        automaticallySetFirstEoa,
+        environment,
+        theme,
+        clientType,
+        partnerId,
+        createClientReferenceId,
+        enableTurnkey,
+    }), [automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey]);
 };

package/dist/esm/global-account/react/components/ManageAccount/ProfileSection.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAccountWallet, useModalStore, useProfile, useSimBalance, useUser, } from "../../../../global-account/react/index.js";
+import { useAccountWallet, useAuthentication, useB3Config, useModalStore, useProfile, useSimBalance, } from "../../../../global-account/react/index.js";
 import { formatUsername } from "../../../../shared/utils/index.js";
 import { formatDisplayNumber } from "../../../../shared/utils/number.js";
 import { Pencil } from "lucide-react";
@@ -15,7 +15,8 @@ const ProfileSection = () => {
         address: eoaAddress || account?.address,
         fresh: true,
     });
-    const { user } = useUser();
+    const { partnerId } = useB3Config();
+    const { user } = useAuthentication(partnerId);
     const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
     const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
     const navigateBack = useModalStore(state => state.navigateBack);

package/dist/esm/global-account/react/components/ManageAccount/channels/DiscordChannel.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
+import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("DiscordChannel");
 export const DiscordChannel = ({ userId, jwtToken, discordChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3Config();
+    const { partnerId } = useB3();
     const [discordId, setDiscordId] = useState("");
     const [isConnecting, setIsConnecting] = useState(false);
     const [showInput, setShowInput] = useState(false);

package/dist/esm/global-account/react/components/ManageAccount/channels/EmailChannel.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
+import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("EmailChannel");
@@ -11,7 +11,7 @@ const validateEmail = (email) => {
     return emailRegex.test(email);
 };
 export const EmailChannel = ({ userId, jwtToken, emailChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3Config();
+    const { partnerId } = useB3();
     const [email, setEmail] = useState("");
     const [emailError, setEmailError] = useState(null);
     const [isConnecting, setIsConnecting] = useState(false);

package/dist/esm/global-account/react/components/ManageAccount/channels/PhoneChannel.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
+import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("PhoneChannel");
 export const PhoneChannel = ({ userId, jwtToken, smsChannel, whatsappChannel, isSMSConnected, isWhatsAppConnected, isOptimisticallySMSConnected, isOptimisticallyWhatsAppConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3Config();
+    const { partnerId } = useB3();
     const [phoneNumber, setPhoneNumber] = useState("");
     const [isConnectingSMS, setIsConnectingSMS] = useState(false);
     const [isConnectingWhatsApp, setIsConnectingWhatsApp] = useState(false);

package/dist/esm/global-account/react/components/ManageAccount/channels/TelegramChannel.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useB3Config } from "../../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../../shared/utils/debug.js";
 import { useState } from "react";
 import { notificationsAPI } from "../../../utils/notificationsAPI.js";
+import { useB3 } from "../../B3Provider/useB3.js";
 import { toast } from "../../Toast/toastApi.js";
 import { NotificationChannel } from "../NotificationChannel.js";
 const debug = debugB3React("TelegramChannel");
 export const TelegramChannel = ({ userId, jwtToken, telegramChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = useB3Config();
+    const { partnerId } = useB3();
     const [isConnecting, setIsConnecting] = useState(false);
     const [status, setStatus] = useState("idle");
     // Detect if we're disconnecting

package/dist/esm/global-account/react/components/RequestPermissions/RequestPermissions.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, PermissionItem, useAddTWSessionKey, useB3Config, useGetAllTWSigners, } from "../../../../global-account/react/index.js";
+import { Button, useB3, useAddTWSessionKey, useGetAllTWSigners, } from "../../../../global-account/react/index.js";
+import { PermissionItem } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { formatAddress } from "../../../../shared/utils/formatAddress.js";
 import { CreditCard, Eye } from "lucide-react";
@@ -14,7 +15,7 @@ const debug = debugB3React("RequestPermissions");
 export function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }) {
     const [isApproving, setIsApproving] = useState(false);
     const account = useActiveAccount();
-    const { defaultPermissions } = useB3Config();
+    const { defaultPermissions } = useB3();
     const DEFAULT_PERMISSIONS = useMemo(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
     const { refetch: refetchSigners } = useGetAllTWSigners({
         chain,

package/dist/esm/global-account/react/components/SignInWithB3/SignIn.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { IPFSMediaRenderer, SignInWithB3, StyleRoot, useAccountWallet, useAuthentication, useB3Config, useIsMobile, } from "../../../../global-account/react/index.js";
+import { IPFSMediaRenderer, SignInWithB3, StyleRoot, useAccountWallet, useAuthentication, useB3, useIsMobile, } from "../../../../global-account/react/index.js";
 import Icon from "../../../../global-account/react/components/custom/Icon.js";
 import { ecosystemWalletId } from "../../../../shared/constants/index.js";
 import { cn, truncateAddress } from "../../../../shared/utils/index.js";
@@ -9,7 +9,7 @@ import { useConnectedWallets, useSetActiveWallet, useWalletImage } from "thirdwe
 import { ManageAccountButton } from "../custom/ManageAccountButton.js";
 export function SignIn(props) {
     const { className } = props;
-    const { automaticallySetFirstEoa, partnerId } = useB3Config();
+    const { automaticallySetFirstEoa, partnerId } = useB3();
     const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = useAccountWallet();
     const { data: walletImage } = useWalletImage(connectedEOAWallet?.id);
     const isMobile = useIsMobile();

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Flow.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Loading, useAuthentication, useAuthStore, useB3Config, useGetAllTWSigners, useModalStore, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
 import { TurnkeyAuthModal } from "../TurnkeyAuthModal.js";
 import { SignInWithB3Privy } from "./SignInWithB3Privy.js";
@@ -29,6 +29,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     const [refetchCount, setRefetchCount] = useState(0);
     const [refetchError, setRefetchError] = useState(null);
     const [turnkeyAuthCompleted, setTurnkeyAuthCompleted] = useState(false);
+    const justCompletedLoginRef = useRef(false);
     const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = useGetAllTWSigners({
         chain,
         accountAddress: account?.address,
@@ -148,8 +149,12 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             signersEnabled,
         });
         // The useEffect will re-run with updated user data to complete the sign-in process
-    }, [
+    }, 
+    // Zustand setters are stable and don't need to be in dependencies:
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
         refetchUser,
+        setB3ModalContentType,
         strategies,
         onLoginSuccess,
         onSessionKeySuccess,
@@ -160,10 +165,8 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         closeAfterLogin,
         source,
         signersEnabled,
-        setB3ModalContentType,
-        setIsAuthenticated,
-        setIsConnected,
-        setJustCompletedLogin,
+        // Zustand setters are stable and don't need to be in dependencies:
+        // setIsAuthenticated, setIsConnected, setJustCompletedLogin
     ]);
     // Handle post-login flow after signers are loaded
     useEffect(() => {
@@ -178,7 +181,9 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         if (isConnected && isAuthenticated && user) {
             // Mark that login just completed BEFORE opening manage account or closing modal
             // This allows Turnkey modal to show (if enableTurnkey is true)
-            if (closeAfterLogin) {
+            // Use ref to prevent setting this multiple times and causing infinite loops
+            if (closeAfterLogin && !justCompletedLoginRef.current) {
+                justCompletedLoginRef.current = true;
                 setJustCompletedLogin(true);
             }
             // Check if we should show Turnkey login form as SECONDARY option (after wallet connection)
@@ -222,6 +227,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
             handlePostTurnkeyFlow();
         }
     }, 
+    // handlePostTurnkeyFlow changes when its dependencies change, causing infinite loops
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
         signers,
@@ -242,9 +248,9 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         user,
         enableTurnkey,
         turnkeyAuthCompleted,
-        // handleTurnkeySuccess, // This is causing infinite loops
+        handleTurnkeySuccess,
         contentType,
-        handlePostTurnkeyFlow,
+        // handlePostTurnkeyFlow - removed because it changes when signers/partnerId/etc change, triggering infinite loops
     ]);
     debug("render", {
         step,
@@ -259,9 +265,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         if (closeAfterLogin && sessionKeyAdded) {
             setB3ModalOpen(false);
         }
-        // setB3ModalOpen is stable
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [closeAfterLogin, sessionKeyAdded]);
+    }, [closeAfterLogin, sessionKeyAdded, setB3ModalOpen]);
     const onSessionKeySuccessEnhanced = useCallback(() => {
         onSessionKeySuccess?.();
         setB3ModalContentType({

package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Privy.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useAuthentication, useAuthStore, useB3Config, useHandleConnectWithPrivy, } from "../../../../global-account/react/index.js";
+import { Loading, useAuthentication, useAuthStore, useB3, useHandleConnectWithPrivy, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useEffect } from "react";
 const debug = debugB3React("SignInWithB3Privy");
 export function SignInWithB3Privy({ onSuccess, onError, chain }) {
-    const { partnerId } = useB3Config();
+    const { partnerId } = useB3();
     const { isLoading, connectTw, fullToken } = useHandleConnectWithPrivy(chain, onSuccess);
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
     const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);