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

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.B3Context = void 0;
+const react_1 = require("react");
+/**
+ * Context for B3 provider
+ */
+exports.B3Context = (0, react_1.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/cjs/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/cjs/global-account/react/components/B3Provider/useB3.js

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3 = useB3;
-const useB3Config_1 = require("./useB3Config");
+const react_1 = require("react");
+const types_1 = require("./types");
 /**
- * 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
  */
 function useB3() {
-    return (0, useB3Config_1.useB3Config)();
+    const context = (0, react_1.useContext)(types_1.B3Context);
+    if (!context.initialized) {
+        throw new Error("useB3 must be used within a B3Provider");
+    }
+    // Return a stable reference
+    return (0, react_1.useMemo)(() => context, [context]);
 }

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

@@ -2,12 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3Account = void 0;
 const react_1 = require("thirdweb/react");
-const useAuthStore_1 = require("../../stores/useAuthStore");
 // Wrapper around useActiveAccount
 const useB3Account = () => {
-    const isAuthenticated = (0, useAuthStore_1.useAuthStore)(state => state.isAuthenticated);
-    const activeAccount = (0, react_1.useActiveAccount)();
-    const effectiveAccount = isAuthenticated ? activeAccount : undefined;
-    return effectiveAccount;
+    const account = (0, react_1.useActiveAccount)();
+    return account;
 };
 exports.useB3Account = useB3Account;

package/dist/cjs/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/cjs/global-account/react/components/B3Provider/useB3Config.js

@@ -1,24 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useB3Config = void 0;
-const configStore_1 = require("../../stores/configStore");
-/**
- * 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
- */
+const react_1 = require("react");
+const types_1 = require("./types");
 const useB3Config = () => {
-    return (0, configStore_1.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 = (0, react_1.useContext)(types_1.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 (0, react_1.useMemo)(() => ({
+        automaticallySetFirstEoa,
+        environment,
+        theme,
+        clientType,
+        partnerId,
+        createClientReferenceId,
+        enableTurnkey,
+    }), [automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey]);
 };
 exports.useB3Config = useB3Config;

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

@@ -17,7 +17,8 @@ const ProfileSection = () => {
         address: eoaAddress || account?.address,
         fresh: true,
     });
-    const { user } = (0, react_1.useUser)();
+    const { partnerId } = (0, react_1.useB3Config)();
+    const { user } = (0, react_1.useAuthentication)(partnerId);
     const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
     const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
     const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);

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

@@ -2,18 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DiscordChannel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../../global-account/react");
 const debug_1 = require("../../../../../shared/utils/debug");
-const react_2 = require("react");
+const react_1 = require("react");
 const notificationsAPI_1 = require("../../../utils/notificationsAPI");
+const useB3_1 = require("../../B3Provider/useB3");
 const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("DiscordChannel");
 const DiscordChannel = ({ userId, jwtToken, discordChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3Config)();
-    const [discordId, setDiscordId] = (0, react_2.useState)("");
-    const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
-    const [showInput, setShowInput] = (0, react_2.useState)(false);
+    const { partnerId } = (0, useB3_1.useB3)();
+    const [discordId, setDiscordId] = (0, react_1.useState)("");
+    const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
+    const [showInput, setShowInput] = (0, react_1.useState)(false);
     // Detect if we're disconnecting
     const isDisconnecting = isConnected && !isOptimisticallyConnected;
     const handleConnect = async () => {

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmailChannel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../../global-account/react");
 const debug_1 = require("../../../../../shared/utils/debug");
-const react_2 = require("react");
+const react_1 = require("react");
 const notificationsAPI_1 = require("../../../utils/notificationsAPI");
+const useB3_1 = require("../../B3Provider/useB3");
 const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("EmailChannel");
@@ -14,11 +14,11 @@ const validateEmail = (email) => {
     return emailRegex.test(email);
 };
 const EmailChannel = ({ userId, jwtToken, emailChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3Config)();
-    const [email, setEmail] = (0, react_2.useState)("");
-    const [emailError, setEmailError] = (0, react_2.useState)(null);
-    const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
-    const [showInput, setShowInput] = (0, react_2.useState)(false);
+    const { partnerId } = (0, useB3_1.useB3)();
+    const [email, setEmail] = (0, react_1.useState)("");
+    const [emailError, setEmailError] = (0, react_1.useState)(null);
+    const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
+    const [showInput, setShowInput] = (0, react_1.useState)(false);
     // Detect if we're disconnecting by comparing real vs optimistic state
     const isDisconnecting = isConnected && !isOptimisticallyConnected;
     const handleConnect = async () => {

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

@@ -2,19 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneChannel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../../global-account/react");
 const debug_1 = require("../../../../../shared/utils/debug");
-const react_2 = require("react");
+const react_1 = require("react");
 const notificationsAPI_1 = require("../../../utils/notificationsAPI");
+const useB3_1 = require("../../B3Provider/useB3");
 const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("PhoneChannel");
 const PhoneChannel = ({ userId, jwtToken, smsChannel, whatsappChannel, isSMSConnected, isWhatsAppConnected, isOptimisticallySMSConnected, isOptimisticallyWhatsAppConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3Config)();
-    const [phoneNumber, setPhoneNumber] = (0, react_2.useState)("");
-    const [isConnectingSMS, setIsConnectingSMS] = (0, react_2.useState)(false);
-    const [isConnectingWhatsApp, setIsConnectingWhatsApp] = (0, react_2.useState)(false);
-    const [showInput, setShowInput] = (0, react_2.useState)(false);
+    const { partnerId } = (0, useB3_1.useB3)();
+    const [phoneNumber, setPhoneNumber] = (0, react_1.useState)("");
+    const [isConnectingSMS, setIsConnectingSMS] = (0, react_1.useState)(false);
+    const [isConnectingWhatsApp, setIsConnectingWhatsApp] = (0, react_1.useState)(false);
+    const [showInput, setShowInput] = (0, react_1.useState)(false);
     // Detect if we're disconnecting
     const isDisconnecting = (isSMSConnected && !isOptimisticallySMSConnected) || (isWhatsAppConnected && !isOptimisticallyWhatsAppConnected);
     const handleConnectSMS = async () => {

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

@@ -2,17 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TelegramChannel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("../../../../../global-account/react");
 const debug_1 = require("../../../../../shared/utils/debug");
-const react_2 = require("react");
+const react_1 = require("react");
 const notificationsAPI_1 = require("../../../utils/notificationsAPI");
+const useB3_1 = require("../../B3Provider/useB3");
 const toastApi_1 = require("../../Toast/toastApi");
 const NotificationChannel_1 = require("../NotificationChannel");
 const debug = (0, debug_1.debugB3React)("TelegramChannel");
 const TelegramChannel = ({ userId, jwtToken, telegramChannel, isConnected, isOptimisticallyConnected, onConnectionChange, onToggle, }) => {
-    const { partnerId } = (0, react_1.useB3Config)();
-    const [isConnecting, setIsConnecting] = (0, react_2.useState)(false);
-    const [status, setStatus] = (0, react_2.useState)("idle");
+    const { partnerId } = (0, useB3_1.useB3)();
+    const [isConnecting, setIsConnecting] = (0, react_1.useState)(false);
+    const [status, setStatus] = (0, react_1.useState)("idle");
     // Detect if we're disconnecting
     const isDisconnecting = isConnected && !isOptimisticallyConnected;
     const handleConnect = async () => {

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

@@ -6,22 +6,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RequestPermissions = RequestPermissions;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
+const react_2 = require("../../../../global-account/react");
 const debug_1 = require("../../../../shared/utils/debug");
 const formatAddress_1 = require("../../../../shared/utils/formatAddress");
 const lucide_react_1 = require("lucide-react");
-const react_2 = require("react");
+const react_3 = require("react");
 const react_timeago_1 = __importDefault(require("react-timeago"));
-const react_3 = require("thirdweb/react");
+const react_4 = require("thirdweb/react");
 const debug = (0, debug_1.debugB3React)("RequestPermissions");
 /**
  * Component for requesting permissions to access user accounts and contracts
  * Allows users to approve session keys with specific permission settings
  */
 function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, permissions, }) {
-    const [isApproving, setIsApproving] = (0, react_2.useState)(false);
-    const account = (0, react_3.useActiveAccount)();
-    const { defaultPermissions } = (0, react_1.useB3Config)();
-    const DEFAULT_PERMISSIONS = (0, react_2.useMemo)(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
+    const [isApproving, setIsApproving] = (0, react_3.useState)(false);
+    const account = (0, react_4.useActiveAccount)();
+    const { defaultPermissions } = (0, react_1.useB3)();
+    const DEFAULT_PERMISSIONS = (0, react_3.useMemo)(() => permissions ?? defaultPermissions, [defaultPermissions, permissions]);
     const { refetch: refetchSigners } = (0, react_1.useGetAllTWSigners)({
         chain,
         accountAddress: account?.address,
@@ -40,7 +41,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
         },
         chain,
     });
-    const handleApprove = (0, react_2.useCallback)(async () => {
+    const handleApprove = (0, react_3.useCallback)(async () => {
         debug("@@handleApprove");
         try {
             setIsApproving(true);
@@ -70,7 +71,7 @@ function RequestPermissions({ onSuccess, onError, chain, sessionKeyAddress, perm
             timeStyle: "short",
         }).format(date);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold", children: "Allow Access" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-muted-foreground opacity-70", children: "This app would like permission to:" })] }), (0, jsx_runtime_1.jsx)(react_1.PermissionItem, { title: "Make transactions on your behalf", description: (0, jsx_runtime_1.jsxs)("span", { children: ["Up to", " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-primary font-medium", children: [DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction, " ETH"] }), " ", "per transaction"] }), icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsx)(react_1.PermissionItem, { title: "View your account", description: "See your wallet address and balance", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Approved Contracts" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: DEFAULT_PERMISSIONS.approvedTargets.map((target) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background text-b3-react-muted-foreground rounded-md border px-3 py-2 font-mono text-sm", children: (0, formatAddress_1.formatAddress)(target) }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-muted-foreground text-sm", children: "\u2022 Game Contract" })] }, target))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Permission" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-b3-react-muted-foreground", children: [(0, jsx_runtime_1.jsx)("span", { children: `Valid for ` }), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(react_timeago_1.default, { date: DEFAULT_PERMISSIONS.endDate, live: false, formatter: (value, unit) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold", children: "Allow Access" }), (0, jsx_runtime_1.jsx)("p", { className: "text-b3-react-muted-foreground opacity-70", children: "This app would like permission to:" })] }), (0, jsx_runtime_1.jsx)(react_2.PermissionItem, { title: "Make transactions on your behalf", description: (0, jsx_runtime_1.jsxs)("span", { children: ["Up to", " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-b3-react-primary font-medium", children: [DEFAULT_PERMISSIONS.nativeTokenLimitPerTransaction, " ETH"] }), " ", "per transaction"] }), icon: (0, jsx_runtime_1.jsx)(lucide_react_1.CreditCard, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsx)(react_2.PermissionItem, { title: "View your account", description: "See your wallet address and balance", icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Eye, { className: "h-5 w-5" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Approved Contracts" }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-2", children: DEFAULT_PERMISSIONS.approvedTargets.map((target) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "bg-b3-react-background text-b3-react-muted-foreground rounded-md border px-3 py-2 font-mono text-sm", children: (0, formatAddress_1.formatAddress)(target) }), (0, jsx_runtime_1.jsx)("span", { className: "text-b3-react-muted-foreground text-sm", children: "\u2022 Game Contract" })] }, target))) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-card rounded-lg border p-5 py-4", children: [(0, jsx_runtime_1.jsx)("h3", { className: "mb-2 text-base font-medium", children: "Permission" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-1 text-sm", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-b3-react-muted-foreground", children: [(0, jsx_runtime_1.jsx)("span", { children: `Valid for ` }), (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(react_timeago_1.default, { date: DEFAULT_PERMISSIONS.endDate, live: false, formatter: (value, unit) => {
                                                 if (unit === "year") {
                                                     return "1 year";
                                                 }

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

@@ -15,7 +15,7 @@ const react_4 = require("thirdweb/react");
 const ManageAccountButton_1 = require("../custom/ManageAccountButton");
 function SignIn(props) {
     const { className } = props;
-    const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3Config)();
+    const { automaticallySetFirstEoa, partnerId } = (0, react_1.useB3)();
     const { address: globalAddress, ensName, connectedSmartWallet, connectedEOAWallet, isActiveSmartWallet, isActiveEOAWallet, smartWalletIcon, } = (0, react_1.useAccountWallet)();
     const { data: walletImage } = (0, react_4.useWalletImage)(connectedEOAWallet?.id);
     const isMobile = (0, react_1.useIsMobile)();

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

@@ -32,6 +32,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     const [refetchCount, setRefetchCount] = (0, react_2.useState)(0);
     const [refetchError, setRefetchError] = (0, react_2.useState)(null);
     const [turnkeyAuthCompleted, setTurnkeyAuthCompleted] = (0, react_2.useState)(false);
+    const justCompletedLoginRef = (0, react_2.useRef)(false);
     const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = (0, react_1.useGetAllTWSigners)({
         chain,
         accountAddress: account?.address,
@@ -151,8 +152,12 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             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,
@@ -163,10 +168,8 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         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
     (0, react_2.useEffect)(() => {
@@ -181,7 +184,9 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         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)
@@ -225,6 +230,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             handlePostTurnkeyFlow();
         }
     }, 
+    // handlePostTurnkeyFlow changes when its dependencies change, causing infinite loops
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
         signers,
@@ -245,9 +251,9 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         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,
@@ -262,9 +268,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         if (closeAfterLogin && sessionKeyAdded) {
             setB3ModalOpen(false);
         }
-        // setB3ModalOpen is stable
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [closeAfterLogin, sessionKeyAdded]);
+    }, [closeAfterLogin, sessionKeyAdded, setB3ModalOpen]);
     const onSessionKeySuccessEnhanced = (0, react_2.useCallback)(() => {
         onSessionKeySuccess?.();
         setB3ModalContentType({

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

@@ -7,7 +7,7 @@ const debug_1 = require("../../../../shared/utils/debug");
 const react_2 = require("react");
 const debug = (0, debug_1.debugB3React)("SignInWithB3Privy");
 function SignInWithB3Privy({ onSuccess, onError, chain }) {
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     const { isLoading, connectTw, fullToken } = (0, react_1.useHandleConnectWithPrivy)(chain, onSuccess);
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);

package/dist/cjs/global-account/react/components/SignInWithB3/steps/LoginStep.js

@@ -19,7 +19,7 @@ function LoginStepContainer({ children, partnerId }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "bg-b3-react-background flex flex-col items-center justify-center pt-6", children: [partnerLogo && ((0, jsx_runtime_1.jsx)("img", { src: partnerLogo, alt: "Partner Logo", className: "partner-logo mb-6 h-12 w-auto object-contain" })), children] }));
 }
 function LoginStep({ onSuccess, chain }) {
-    const { partnerId, theme } = (0, react_1.useB3Config)();
+    const { partnerId, theme } = (0, react_1.useB3)();
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {
         partnerId: partnerId,
     });

package/dist/cjs/global-account/react/components/SignInWithB3/steps/LoginStepCustom.js

@@ -10,7 +10,7 @@ const react_3 = require("thirdweb/react");
 const wallets_1 = require("thirdweb/wallets");
 const debug = (0, debug_1.debugB3React)("LoginStepCustom");
 function LoginStepCustom({ onSuccess, onError, chain, strategies, maxInitialWallets = 2, automaticallySetFirstEoa, }) {
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     const [isLoading, setIsLoading] = (0, react_2.useState)(false);
     const [showAllWallets, setShowAllWallets] = (0, react_2.useState)(false);
     const { connect } = (0, react_1.useConnect)(partnerId, chain);

package/dist/cjs/global-account/react/components/StyleRoot.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyleRoot = StyleRoot;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const useB3Config_1 = require("./B3Provider/useB3Config");
+const useB3_1 = require("./B3Provider/useB3");
 function StyleRoot({ children, id }) {
-    const { theme } = (0, useB3Config_1.useB3Config)();
-    return ((0, jsx_runtime_1.jsx)("div", { className: "b3-root", id: id, "data-theme": theme, children: children }));
+    const { theme: b3Theme } = (0, useB3_1.useB3)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: "b3-root", id: id, "data-theme": b3Theme, children: children }));
 }

package/dist/cjs/global-account/react/components/custom/ManageAccountButton.js

@@ -5,8 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 function ManageAccountButton(props) {
+    const { partnerId } = (0, react_1.useB3)();
     const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
-    const { isConnected } = (0, react_1.useUser)();
+    const { isConnected } = (0, react_1.useAuthentication)(partnerId);
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,

package/dist/cjs/global-account/react/components/index.d.ts

@@ -1,6 +1,7 @@
 export { B3DynamicModal } from "./B3DynamicModal";
-export { B3Provider } from "./B3Provider/B3Provider";
+export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
 export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper";
+export { B3Context, type B3ContextType } from "./B3Provider/types";
 export { useB3 } from "./B3Provider/useB3";
 export { useB3Account } from "./B3Provider/useB3Account";
 export { useB3Config } from "./B3Provider/useB3Config";

package/dist/cjs/global-account/react/components/index.js

@@ -3,17 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.RelayKitProviderWrapper = exports.B3Provider = exports.B3DynamicModal = void 0;
-exports.toast = exports.AnimatedLottie = exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = void 0;
-exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = void 0;
+exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.B3Context = exports.RelayKitProviderWrapper = exports.InnerProvider = exports.B3Provider = exports.B3DynamicModal = void 0;
+exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = void 0;
+exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = exports.toast = exports.AnimatedLottie = void 0;
 // TODO woj: Barrel file for all components, this might be reason of bundle size issues
 // Core Components
 var B3DynamicModal_1 = require("./B3DynamicModal");
 Object.defineProperty(exports, "B3DynamicModal", { enumerable: true, get: function () { return B3DynamicModal_1.B3DynamicModal; } });
 var B3Provider_1 = require("./B3Provider/B3Provider");
 Object.defineProperty(exports, "B3Provider", { enumerable: true, get: function () { return B3Provider_1.B3Provider; } });
+Object.defineProperty(exports, "InnerProvider", { enumerable: true, get: function () { return B3Provider_1.InnerProvider; } });
 var RelayKitProviderWrapper_1 = require("./B3Provider/RelayKitProviderWrapper");
 Object.defineProperty(exports, "RelayKitProviderWrapper", { enumerable: true, get: function () { return RelayKitProviderWrapper_1.RelayKitProviderWrapper; } });
+var types_1 = require("./B3Provider/types");
+Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return types_1.B3Context; } });
 var useB3_1 = require("./B3Provider/useB3");
 Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return useB3_1.useB3; } });
 var useB3Account_1 = require("./B3Provider/useB3Account");

package/dist/cjs/global-account/react/hooks/index.d.ts

@@ -43,4 +43,3 @@ export { useTokensFromAddress } from "./useTokensFromAddress";
 export { useTurnkeyAuth } from "./useTurnkeyAuth";
 export { useUnifiedChainSwitchAndExecute } from "./useUnifiedChainSwitchAndExecute";
 export { useURLParams } from "./useURLParams";
-export { useUser } from "./useUser";

package/dist/cjs/global-account/react/hooks/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useUser = exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
+exports.useURLParams = exports.useUnifiedChainSwitchAndExecute = exports.useTurnkeyAuth = exports.useTokensFromAddress = exports.useTokenPriceWithFallback = exports.useTokenPrice = exports.useTokenFromUrl = exports.useTokenData = exports.useTokenBalancesByChain = exports.useTokenBalanceDirect = exports.useTokenBalance = exports.useSiwe = exports.useSimSvmBalance = exports.useSimBalance = exports.useSearchParamsSSR = exports.useRouter = exports.useRemoveSessionKey = exports.useQueryBSMNT = exports.useQueryB3 = exports.useProfileSettings = exports.useProfilePreference = exports.useProfile = exports.useDisplayName = exports.useOneBalance = exports.useNotifications = exports.useNativeBalanceFromRPC = exports.useNativeBalance = exports.useMediaQuery = exports.useIsomorphicLayoutEffect = exports.useIsMobile = exports.useHasMounted = exports.useHandleConnectWithPrivy = exports.useGlobalAccount = exports.useGetGeo = exports.useGetAllTWSigners = exports.useFirstEOA = exports.useExchangeRate = exports.useConnect = exports.useClient = exports.useChainSwitchWithAction = exports.useB3EnsName = exports.useB3BalanceFromAddresses = exports.useAuthentication = exports.useAuth = exports.useAnalytics = exports.useAddTWSessionKey = exports.useAccountWallet = exports.useAccountAssets = exports.createWagmiConfig = void 0;
 var createWagmiConfig_1 = require("../utils/createWagmiConfig");
 Object.defineProperty(exports, "createWagmiConfig", { enumerable: true, get: function () { return createWagmiConfig_1.createWagmiConfig; } });
 var useAccountAssets_1 = require("./useAccountAssets");
@@ -109,5 +109,3 @@ var useUnifiedChainSwitchAndExecute_1 = require("./useUnifiedChainSwitchAndExecu
 Object.defineProperty(exports, "useUnifiedChainSwitchAndExecute", { enumerable: true, get: function () { return useUnifiedChainSwitchAndExecute_1.useUnifiedChainSwitchAndExecute; } });
 var useURLParams_1 = require("./useURLParams");
 Object.defineProperty(exports, "useURLParams", { enumerable: true, get: function () { return useURLParams_1.useURLParams; } });
-var useUser_1 = require("./useUser");
-Object.defineProperty(exports, "useUser", { enumerable: true, get: function () { return useUser_1.useUser; } });

package/dist/cjs/global-account/react/hooks/useAuth.js

@@ -17,6 +17,7 @@ const wallets_1 = require("thirdweb/wallets");
 const in_app_1 = require("thirdweb/wallets/in-app");
 const wagmi_1 = require("wagmi");
 const LocalSDKProvider_1 = require("../components/B3Provider/LocalSDKProvider");
+const useB3_1 = require("../components/B3Provider/useB3");
 const createWagmiConfig_1 = require("../utils/createWagmiConfig");
 const useSearchParamsSSR_1 = require("./useSearchParamsSSR");
 const useUserQuery_1 = require("./useUserQuery");
@@ -44,7 +45,7 @@ function useAuth() {
     const hasStartedConnecting = (0, react_1.useAuthStore)(state => state.hasStartedConnecting);
     const useAutoConnectLoadingPrevious = (0, react_2.useRef)(false);
     const referralCode = (0, useSearchParamsSSR_1.useSearchParam)("referralCode");
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, useB3_1.useB3)();
     const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId });
     const { connect } = (0, wagmi_1.useConnect)();
     const activeWagmiAccount = (0, wagmi_1.useAccount)();

package/dist/cjs/global-account/react/hooks/useClient.js

@@ -8,7 +8,7 @@ const client_manager_1 = require("../../client-manager");
  * Hook to access the current FeathersJS client and client management utilities
  */
 function useClient() {
-    const { clientType } = (0, react_1.useB3Config)();
+    const { clientType } = (0, react_1.useB3)();
     const getCurrentClient = (0, react_2.useCallback)(() => {
         return (0, client_manager_1.getClient)();
     }, []);

package/dist/cjs/global-account/react/hooks/useHandleConnectWithPrivy.js

@@ -11,7 +11,7 @@ const debug = (0, debug_1.debugB3React)("@@b3:useHandleConnectWithPrivy");
  * Currently, this is for the basement-privy strategy
  */
 function useHandleConnectWithPrivy(chain, onSuccess) {
-    const { partnerId } = (0, react_1.useB3Config)();
+    const { partnerId } = (0, react_1.useB3)();
     if (!chain) {
         throw new Error("Chain is required");
     }