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

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

@@ -6,7 +6,6 @@ const react_1 = require("../../../../global-account/react");
 const debug_1 = require("../../../../shared/utils/debug");
 const react_2 = require("react");
 const react_3 = require("thirdweb/react");
-const TurnkeyAuthModal_1 = require("../TurnkeyAuthModal");
 const SignInWithB3Privy_1 = require("./SignInWithB3Privy");
 const LoginStep_1 = require("./steps/LoginStep");
 const LoginStepCustom_1 = require("./steps/LoginStepCustom");
@@ -25,9 +24,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     const account = (0, react_3.useActiveAccount)();
     const isAuthenticating = (0, react_1.useAuthStore)(state => state.isAuthenticating);
     const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
-    const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
     const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
-    const setIsConnected = (0, react_1.useAuthStore)(state => state.setIsConnected);
     const setJustCompletedLogin = (0, react_1.useAuthStore)(state => state.setJustCompletedLogin);
     const [refetchCount, setRefetchCount] = (0, react_2.useState)(0);
     const [refetchError, setRefetchError] = (0, react_2.useState)(null);
@@ -60,9 +57,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             refetchSigners();
             setRefetchQueued(false);
         }, backoffDelay);
-        // State setters are stable and don't need to be in dependencies
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [refetchCount, refetchSigners, onError, refetchQueued]);
+    }, [refetchCount, refetchSigners, onError, setRefetchQueued, refetchQueued]);
     // Extract the completion flow logic to be reused
     const handlePostTurnkeyFlow = (0, react_2.useCallback)(() => {
         debug("Running post-Turnkey flow logic");
@@ -131,10 +126,6 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         debug("Refetching user after Turnkey success...");
         await refetchUser();
         debug("User refetched successfully");
-        // Set authentication and connection state so UI updates properly
-        setIsAuthenticated(true);
-        setIsConnected(true);
-        setJustCompletedLogin(true);
         // After user data is refreshed, close Turnkey modal and go back to sign-in flow
         debug("Switching back to signInWithB3 modal");
         setB3ModalContentType({
@@ -153,6 +144,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         // The useEffect will re-run with updated user data to complete the sign-in process
     }, [
         refetchUser,
+        setB3ModalContentType,
         strategies,
         onLoginSuccess,
         onSessionKeySuccess,
@@ -163,10 +155,6 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         closeAfterLogin,
         source,
         signersEnabled,
-        setB3ModalContentType,
-        setIsAuthenticated,
-        setIsConnected,
-        setJustCompletedLogin,
     ]);
     // Handle post-login flow after signers are loaded
     (0, react_2.useEffect)(() => {
@@ -184,20 +172,15 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             if (closeAfterLogin) {
                 setJustCompletedLogin(true);
             }
-            // Check if we should show Turnkey login form as SECONDARY option (after wallet connection)
-            // This only applies when:
-            // - enableTurnkey={true} is set on B3Provider
-            // - NEXT_PUBLIC_TURNKEY_PRIMARY is NOT set to true (otherwise Turnkey shows as primary)
-            // - User just logged in AND hasn't completed Turnkey auth in this session
+            // Check if we should show Turnkey login form
+            // Show if enableTurnkey is true AND user just logged in AND hasn't completed Turnkey auth in this session
             // For new users (!turnkeyId): Show email form
             // For returning users (turnkeyId && turnkeyEmail): Auto-skip to OTP
             // Also check that we're not already showing the Turnkey modal
             const hasTurnkeyId = user?.partnerIds?.turnkeyId;
             const hasTurnkeyEmail = !!user?.email;
             const isTurnkeyModalCurrentlyOpen = contentType?.type === "turnkeyAuth";
-            const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
             const shouldShowTurnkeyModal = enableTurnkey &&
-                !isTurnkeyPrimary &&
                 user &&
                 !turnkeyAuthCompleted &&
                 !isTurnkeyModalCurrentlyOpen &&
@@ -224,9 +207,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
             // Normal flow continues after Turnkey auth is complete (or if not needed)
             handlePostTurnkeyFlow();
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
+    }, [
         signers,
         isFetchingSigners,
         partnerId,
@@ -242,10 +223,11 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         isAuthenticating,
         isAuthenticated,
         isOpen,
+        setJustCompletedLogin,
         user,
         enableTurnkey,
         turnkeyAuthCompleted,
-        // handleTurnkeySuccess, // This is causing infinite loops
+        handleTurnkeySuccess,
         contentType,
         handlePostTurnkeyFlow,
     ]);
@@ -262,9 +244,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({
@@ -310,57 +290,21 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     if (refetchError) {
         content = ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)("div", { className: "p-4 text-center text-red-500", children: refetchError }) }));
     }
+    else if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+        content = ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)("div", { className: "my-8 flex min-h-[350px] items-center justify-center", children: (0, jsx_runtime_1.jsx)(react_1.Loading, { variant: "white", size: "lg" }) }) }));
+    }
     else if (step === "login") {
-        // PRIORITY: If NEXT_PUBLIC_TURNKEY_PRIMARY is true, show Turnkey modal FIRST as the primary authentication option
-        // Setting NEXT_PUBLIC_TURNKEY_PRIMARY="true" implicitly enables Turnkey
-        const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
-        const shouldShowTurnkeyFirst = isTurnkeyPrimary && !turnkeyAuthCompleted;
-        if (shouldShowTurnkeyFirst) {
-            // Don't show loading spinner for Turnkey - let the modal handle its own loading state
-            // This prevents the infinite loop where isAuthenticating causes the modal to be replaced
-            debug("Showing Turnkey as primary authentication option", {
-                isTurnkeyPrimary,
-                turnkeyAuthCompleted,
-                isAuthenticated,
-            });
-            // Show Turnkey authentication as primary option
-            content = ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)(TurnkeyAuthModal_1.TurnkeyAuthModal, { onSuccess: async (authenticatedUser) => {
-                        debug("Turnkey authentication successful in primary flow", { authenticatedUser });
-                        setTurnkeyAuthCompleted(true);
-                        // After Turnkey auth, refetch user to get the full user object
-                        await refetchUser();
-                        // User is now authenticated via Turnkey
-                        // Set both isAuthenticated and isConnected to true so UI updates properly
-                        // Wallet connection is optional and can happen later for signing transactions
-                        setIsAuthenticated(true);
-                        setIsConnected(true);
-                        setJustCompletedLogin(true);
-                        // Call the login success callback
-                        onLoginSuccess?.({});
-                    }, onClose: () => {
-                        // If user closes Turnkey modal, they can still use wallet connection as fallback
-                        setTurnkeyAuthCompleted(true);
-                    }, initialEmail: "", skipToOtp: false }) }));
+        // Custom strategy
+        if (strategies?.[0] === "privy") {
+            content = (0, jsx_runtime_1.jsx)(SignInWithB3Privy_1.SignInWithB3Privy, { onSuccess: handleLoginSuccess, chain: chain });
+        }
+        else if (strategies) {
+            // Strategies are explicitly provided
+            content = ((0, jsx_runtime_1.jsx)(LoginStepCustom_1.LoginStepCustom, { strategies: strategies, chain: chain, onSuccess: handleLoginSuccess, onError: onError, automaticallySetFirstEoa: !!automaticallySetFirstEoa }));
         }
         else {
-            // Show loading spinner only if not in Turnkey flow
-            if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
-                content = ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)("div", { className: "my-8 flex min-h-[350px] items-center justify-center", children: (0, jsx_runtime_1.jsx)(react_1.Loading, { variant: "white", size: "lg" }) }) }));
-            }
-            else {
-                // Custom strategy
-                if (strategies?.[0] === "privy") {
-                    content = (0, jsx_runtime_1.jsx)(SignInWithB3Privy_1.SignInWithB3Privy, { onSuccess: handleLoginSuccess, chain: chain });
-                }
-                else if (strategies) {
-                    // Strategies are explicitly provided
-                    content = ((0, jsx_runtime_1.jsx)(LoginStepCustom_1.LoginStepCustom, { strategies: strategies, chain: chain, onSuccess: handleLoginSuccess, onError: onError, automaticallySetFirstEoa: !!automaticallySetFirstEoa }));
-                }
-                else {
-                    // Default to handle all strategies we support
-                    content = (0, jsx_runtime_1.jsx)(LoginStep_1.LoginStep, { chain: chain, onSuccess: handleLoginSuccess, onError: onError });
-                }
-            }
+            // Default to handle all strategies we support
+            content = (0, jsx_runtime_1.jsx)(LoginStep_1.LoginStep, { chain: chain, onSuccess: handleLoginSuccess, onError: onError });
         }
     }
     return content;

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/TurnkeyAuthModal.js

@@ -80,7 +80,5 @@ function TurnkeyAuthModal({ onClose, onSuccess, initialEmail = "", skipToOtp = f
             console.error("Failed to resend OTP:", err);
         }
     };
-    const isTurnkeyPrimary = process.env.NEXT_PUBLIC_TURNKEY_PRIMARY === "true";
-    const walletBrand = isTurnkeyPrimary ? "Smart Wallet" : "AnySpend Wallet";
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "font-neue-montreal p-8", children: [step === "email" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("h2", { className: "mb-6 text-center text-2xl font-bold text-gray-900 dark:text-white", children: ["Setup your ", walletBrand] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-6 space-y-3 text-center text-sm text-gray-600 dark:text-gray-400", children: [(0, jsx_runtime_1.jsxs)("p", { children: [isTurnkeyPrimary ? "We use a secure," : "AnySpend uses a secure,", (0, jsx_runtime_1.jsx)("br", {}), "embedded wallet to fund your workflows."] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Please provide an email address to secure", (0, jsx_runtime_1.jsx)("br", {}), "your wallet."] })] }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleEmailSubmit, className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "email", placeholder: "email", value: email, onChange: e => setEmail(e.target.value), required: true, disabled: isLoading, className: "w-full rounded-lg border border-gray-300 px-4 py-3 text-center text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400", children: error })), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !email, className: "w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-all duration-200 hover:bg-blue-700 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700", children: isLoading ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Sending..."] })) : ("Continue") })] })] })), step === "otp" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-center text-2xl font-bold text-gray-900 dark:text-white", children: "2FA Security" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-6 space-y-3 text-center text-sm text-gray-600 dark:text-gray-400", children: (0, jsx_runtime_1.jsxs)("p", { children: [isTurnkeyPrimary ? "We use a secure," : "AnySpend uses a secure,", (0, jsx_runtime_1.jsx)("br", {}), "embedded wallet to fund your workflows.", (0, jsx_runtime_1.jsx)("br", {}), "Please provide 2FA code sent to your email."] }) }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleOtpSubmit, className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Enter code", value: otpCode, onChange: e => setOtpCode(e.target.value.toUpperCase()), required: true, disabled: isLoading, autoFocus: true, className: "w-full rounded-lg border border-gray-300 px-4 py-3 text-center font-mono text-lg uppercase tracking-wider text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500", maxLength: 20 }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400", children: error })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !otpCode, className: "w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-all duration-200 hover:bg-blue-700 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700", children: isLoading ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Verifying..."] })) : ("Confirm") }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleResendOtp, disabled: isLoading, className: "text-sm text-blue-600 hover:text-blue-700 hover:underline disabled:cursor-not-allowed disabled:text-gray-400 dark:text-blue-400 dark:hover:text-blue-300", children: "Resend code" })] })] })] })), step === "success" && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/20", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) }), (0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold text-gray-900 dark:text-white", children: "Successfully Authenticated!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Redirecting..." })] }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "font-neue-montreal p-8", children: [step === "email" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-6 text-center text-2xl font-bold text-gray-900 dark:text-white", children: "Setup your AnySpend Wallet" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-6 space-y-3 text-center text-sm text-gray-600 dark:text-gray-400", children: [(0, jsx_runtime_1.jsxs)("p", { children: ["AnySpend uses a secure,", (0, jsx_runtime_1.jsx)("br", {}), "embedded wallet to fund your workflows."] }), (0, jsx_runtime_1.jsxs)("p", { children: ["Please provide an email address to secure", (0, jsx_runtime_1.jsx)("br", {}), "your wallet."] })] }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleEmailSubmit, className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "email", placeholder: "email", value: email, onChange: e => setEmail(e.target.value), required: true, disabled: isLoading, className: "w-full rounded-lg border border-gray-300 px-4 py-3 text-center text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500" }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400", children: error })), (0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !email, className: "w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-all duration-200 hover:bg-blue-700 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700", children: isLoading ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Sending..."] })) : ("Continue") })] })] })), step === "otp" && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h2", { className: "mb-4 text-center text-2xl font-bold text-gray-900 dark:text-white", children: "2FA Security" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-6 space-y-3 text-center text-sm text-gray-600 dark:text-gray-400", children: (0, jsx_runtime_1.jsxs)("p", { children: ["AnySpend uses a secure,", (0, jsx_runtime_1.jsx)("br", {}), "embedded wallet to fund your workflows.", (0, jsx_runtime_1.jsx)("br", {}), "Please provide 2FA code sent to your email."] }) }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleOtpSubmit, className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { type: "text", placeholder: "Enter code", value: otpCode, onChange: e => setOtpCode(e.target.value.toUpperCase()), required: true, disabled: isLoading, autoFocus: true, className: "w-full rounded-lg border border-gray-300 px-4 py-3 text-center font-mono text-lg uppercase tracking-wider text-gray-900 placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-500/20 disabled:cursor-not-allowed disabled:bg-gray-50 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:placeholder-gray-500", maxLength: 20 }) }), error && ((0, jsx_runtime_1.jsx)("div", { className: "rounded-md bg-red-50 p-3 text-sm text-red-800 dark:bg-red-900/20 dark:text-red-400", children: error })), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", children: [(0, jsx_runtime_1.jsx)("button", { type: "submit", disabled: isLoading || !otpCode, className: "w-full rounded-lg bg-blue-600 px-6 py-3 font-semibold text-white transition-all duration-200 hover:bg-blue-700 disabled:cursor-not-allowed disabled:bg-gray-300 dark:disabled:bg-gray-700", children: isLoading ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center justify-center gap-2", children: [(0, jsx_runtime_1.jsx)("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Verifying..."] })) : ("Confirm") }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: handleResendOtp, disabled: isLoading, className: "text-sm text-blue-600 hover:text-blue-700 hover:underline disabled:cursor-not-allowed disabled:text-gray-400 dark:text-blue-400 dark:hover:text-blue-300", children: "Resend code" })] })] })] })), step === "success" && ((0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-6 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/20", children: (0, jsx_runtime_1.jsx)("svg", { className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }) }), (0, jsx_runtime_1.jsx)("h2", { className: "mb-2 text-2xl font-bold text-gray-900 dark:text-white", children: "Successfully Authenticated!" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: "Redirecting..." })] }))] }));
 }

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,