@b3dotfun/sdk 0.0.19-alpha.1 → 0.0.19-alpha.2

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

@@ -9,7 +9,7 @@ const Loading_1 = require("../ui/Loading");
 function SignInWithB3(props) {
     const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_1.useModalStore)();
     const { account } = (0, react_1.useB3)();
-    const { isAuthenticating, isAuthenticated } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
+    const { isAuthenticating, isConnected } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
     const isMobile = (0, react_1.useIsMobile)();
     (0, react_2.useEffect)(() => {
         if (account) {
@@ -24,7 +24,7 @@ function SignInWithB3(props) {
         });
         setB3ModalOpen(true);
     };
-    if (isAuthenticated) {
+    if (isConnected) {
         return (0, jsx_runtime_1.jsx)(ManageAccountButton_1.ManageAccountButton, { ...props });
     }
     if (isAuthenticating) {

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

@@ -19,9 +19,12 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     const { setUser, automaticallySetFirstEoa } = (0, react_1.useB3)();
     const [step, setStep] = (0, react_2.useState)(source === "requestPermissions" ? null : "login");
     const [sessionKeyAdded, setSessionKeyAdded] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
-    const { setB3ModalContentType, setB3ModalOpen } = (0, react_1.useModalStore)();
+    const { setB3ModalContentType, setB3ModalOpen, isOpen } = (0, react_1.useModalStore)();
     const account = (0, react_3.useActiveAccount)();
-    const [loginComplete, setLoginComplete] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
+    const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
+    const isAuthenticating = (0, react_1.useAuthStore)(state => state.isAuthenticating);
+    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
+    const setIsConnected = (0, react_1.useAuthStore)(state => state.setIsConnected);
     const [refetchCount, setRefetchCount] = (0, react_2.useState)(0);
     const [refetchError, setRefetchError] = (0, react_2.useState)(null);
     const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = (0, react_1.useGetAllTWSigners)({
@@ -32,7 +35,6 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         },
     });
     const { authenticate } = (0, react_1.useSiwe)();
-    const [authenticatingWithB3, setAuthenticatingWithB3] = (0, react_2.useState)(false);
     const [refetchQueued, setRefetchQueued] = (0, react_2.useState)(false);
     // Enhanced refetchSigners function that tracks number of attempts
     const handleRefetchSigners = (0, react_2.useCallback)(() => {
@@ -58,11 +60,14 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     // Handle post-login flow after signers are loaded
     (0, react_2.useEffect)(() => {
         debug("@@SignInWithB3Flow:useEffect", {
-            loginComplete,
+            isConnected,
+            isAuthenticating,
             isFetchingSigners,
+            closeAfterLogin,
+            isOpen,
             source,
         });
-        if (loginComplete && !isFetchingSigners) {
+        if (isConnected) {
             // Check if we already have a signer for this partner
             const hasExistingSigner = signers?.some(signer => signer.partner.id === partnerId);
             if (hasExistingSigner) {
@@ -102,7 +107,6 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         signers,
         isFetchingSigners,
         partnerId,
-        loginComplete,
         handleRefetchSigners,
         source,
         closeAfterLogin,
@@ -111,6 +115,9 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         onSessionKeySuccess,
         setB3ModalOpen,
         signersEnabled,
+        isConnected,
+        isAuthenticating,
+        isOpen,
     ]);
     debug("render", {
         step,
@@ -155,16 +162,16 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     ]);
     const handleLoginSuccess = (0, react_2.useCallback)(async (account) => {
         debug("Authenticating with B3 via SIWE");
+        setIsConnected(true);
         if (loginWithSiwe) {
-            setAuthenticatingWithB3(true);
+            setIsAuthenticating(true);
             const userAuth = await authenticate(account, partnerId);
             setUser(userAuth.user);
         }
         debug("handleLoginSuccess:account", account);
         onLoginSuccess?.(account);
-        setLoginComplete(true);
-        setAuthenticatingWithB3(false);
-    }, [authenticate, loginWithSiwe, onLoginSuccess, setUser, partnerId]);
+        setIsAuthenticating(false);
+    }, [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected]);
     (0, react_2.useEffect)(() => {
         if (step === "permissions") {
             setB3ModalContentType({
@@ -180,7 +187,7 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
     if (refetchError) {
         return ((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 }) }));
     }
-    if (authenticatingWithB3 || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+    if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
         return ((0, jsx_runtime_1.jsx)(LoginStep_1.LoginStepContainer, { partnerId: partnerId, children: (0, jsx_runtime_1.jsx)("div", { className: "mt-8 flex items-center justify-center", children: (0, jsx_runtime_1.jsx)(react_1.Loading, { variant: "white", size: "lg" }) }) }));
     }
     if (step === "login") {

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

@@ -6,7 +6,7 @@ const react_1 = require("../../../../global-account/react");
 const utils_1 = require("../../../../shared/utils");
 function ManageAccountButton(props) {
     const { setB3ModalOpen, setB3ModalContentType } = (0, react_1.useModalStore)();
-    const { isAuthenticated } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
+    const { isConnected } = (0, react_1.useAuthentication)(props.partnerId, props.loginWithSiwe);
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,
@@ -14,7 +14,7 @@ function ManageAccountButton(props) {
         });
         setB3ModalOpen(true);
     };
-    if (!isAuthenticated)
+    if (!isConnected)
         return null;
     return ((0, jsx_runtime_1.jsx)(react_1.StyleRoot, { children: (0, jsx_runtime_1.jsxs)(react_1.Button, { onClick: handleClickManageAccount, style: { backgroundColor: "#3368ef" }, className: (0, utils_1.cn)("b3-manage-account-button flex items-center gap-2 text-white", props.className), children: [props.withLogo !== false && ((0, jsx_runtime_1.jsx)("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loggedInButtonText || "Manage Account"] }) }));
 }

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

@@ -4,6 +4,8 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     isAuthenticating: boolean;
     isAuthenticated: boolean;
     isReady: boolean;
+    isConnecting: boolean;
+    isConnected: boolean;
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
     connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;

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

@@ -27,6 +27,10 @@ function useAuthentication(partnerId, loginWithSiwe) {
     const isAuthenticated = (0, react_1.useAuthStore)(state => state.isAuthenticated);
     const setIsAuthenticated = (0, react_1.useAuthStore)(state => state.setIsAuthenticated);
     const setIsAuthenticating = (0, react_1.useAuthStore)(state => state.setIsAuthenticating);
+    const setIsConnecting = (0, react_1.useAuthStore)(state => state.setIsConnecting);
+    const setIsConnected = (0, react_1.useAuthStore)(state => state.setIsConnected);
+    const isConnecting = (0, react_1.useAuthStore)(state => state.isConnecting);
+    const isConnected = (0, react_1.useAuthStore)(state => state.isConnected);
     const { connect } = (0, useConnect_1.useConnect)(partnerId, supported_1.b3MainnetThirdWeb);
     const wallet = (0, wallets_1.ecosystemWallet)(constants_1.ecosystemWalletId, {
         partnerId: partnerId,
@@ -36,6 +40,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
         wallets: [wallet],
         onConnect: async (wallet) => {
             try {
+                setIsConnected(true);
                 if (!loginWithSiwe) {
                     debug("Skipping SIWE login", { loginWithSiwe });
                     setIsAuthenticated(true);
@@ -73,19 +78,22 @@ function useAuthentication(partnerId, loginWithSiwe) {
     (0, react_2.useEffect)(() => {
         if (useAutoConnectLoading) {
             setIsAuthenticating(true);
+            setIsConnecting(true);
         }
         else if (!isAuthenticated) {
             // Only set isAuthenticating to false if we're not authenticated
             // This prevents the flicker state where both isAuthenticating and isAuthenticated are false
             const timeout = setTimeout(() => {
                 setIsAuthenticating(false);
+                setIsConnecting(false);
             }, 100); // Add a small delay to prevent quick flickers
             return () => clearTimeout(timeout);
         }
         else {
             setIsAuthenticating(false);
+            setIsConnecting(false);
         }
-    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating]);
+    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating, setIsConnecting, setIsConnected]);
     const logout = async (callback) => {
         if (activeWallet) {
             debug("@@logout:activeWallet", activeWallet);
@@ -108,6 +116,7 @@ function useAuthentication(partnerId, loginWithSiwe) {
         app_1.default.logout();
         debug("@@logout:loggedOut");
         setIsAuthenticated(false);
+        setIsConnected(false);
         setUser();
         callback?.();
     };
@@ -117,6 +126,8 @@ function useAuthentication(partnerId, loginWithSiwe) {
         isAuthenticating: useAutoConnectLoading || isAuthenticating,
         isAuthenticated,
         isReady,
+        isConnecting,
+        isConnected,
         wallet,
         preAuthenticate: in_app_1.preAuthenticate,
         connect,

package/dist/cjs/global-account/react/stores/useAuthStore.d.ts

@@ -7,10 +7,14 @@ interface AuthState {
     chain?: Chain;
     isAuthenticating: boolean;
     isAuthenticated: boolean;
+    isConnecting: boolean;
+    isConnected: boolean;
     onSuccess?: (account: any) => void;
     onError?: (error: Error) => void;
     setB3ModalOpen: (isOpen: boolean) => void;
     setStep: (step: "login" | "permissions") => void;
+    setIsConnecting: (isConnecting: boolean) => void;
+    setIsConnected: (isConnected: boolean) => void;
     setIsAuthenticating: (isAuthenticating: boolean) => void;
     setIsAuthenticated: (isAuthenticated: boolean) => void;
     startAuth: (params: {

package/dist/cjs/global-account/react/stores/useAuthStore.js

@@ -10,10 +10,14 @@ exports.useAuthStore = (0, zustand_1.create)(set => ({
     chain: undefined,
     isAuthenticating: false,
     isAuthenticated: false,
+    isConnecting: false,
+    isConnected: false,
     onSuccess: undefined,
     onError: undefined,
     setB3ModalOpen: isOpen => set({ isOpen }),
     setStep: step => set({ step }),
+    setIsConnecting: isConnecting => set({ isConnecting }),
+    setIsConnected: isConnected => set({ isConnected }),
     setIsAuthenticating: isAuthenticating => set({ isAuthenticating }),
     setIsAuthenticated: isAuthenticated => set({ isAuthenticated }),
     startAuth: params => set({

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

@@ -6,7 +6,7 @@ import { Loading } from "../ui/Loading.js";
 export function SignInWithB3(props) {
     const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
     const { account } = useB3();
-    const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
+    const { isAuthenticating, isConnected } = useAuthentication(props.partnerId, props.loginWithSiwe);
     const isMobile = useIsMobile();
     useEffect(() => {
         if (account) {
@@ -21,7 +21,7 @@ export function SignInWithB3(props) {
         });
         setB3ModalOpen(true);
     };
-    if (isAuthenticated) {
+    if (isConnected) {
         return _jsx(ManageAccountButton, { ...props });
     }
     if (isAuthenticating) {

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Loading, useB3, useGetAllTWSigners, useModalStore, useSiwe, } from "../../../../global-account/react/index.js";
+import { Loading, useAuthStore, useB3, useGetAllTWSigners, useModalStore, useSiwe, } from "../../../../global-account/react/index.js";
 import { debugB3React } from "../../../../shared/utils/debug.js";
 import { useCallback, useEffect, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
@@ -16,9 +16,12 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     const { setUser, automaticallySetFirstEoa } = useB3();
     const [step, setStep] = useState(source === "requestPermissions" ? null : "login");
     const [sessionKeyAdded, setSessionKeyAdded] = useState(source === "requestPermissions" ? true : false);
-    const { setB3ModalContentType, setB3ModalOpen } = useModalStore();
+    const { setB3ModalContentType, setB3ModalOpen, isOpen } = useModalStore();
     const account = useActiveAccount();
-    const [loginComplete, setLoginComplete] = useState(source === "requestPermissions" ? true : false);
+    const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
+    const isAuthenticating = useAuthStore(state => state.isAuthenticating);
+    const isConnected = useAuthStore(state => state.isConnected);
+    const setIsConnected = useAuthStore(state => state.setIsConnected);
     const [refetchCount, setRefetchCount] = useState(0);
     const [refetchError, setRefetchError] = useState(null);
     const { data: signers, refetch: refetchSigners, isFetching: isFetchingSigners, } = useGetAllTWSigners({
@@ -29,7 +32,6 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         },
     });
     const { authenticate } = useSiwe();
-    const [authenticatingWithB3, setAuthenticatingWithB3] = useState(false);
     const [refetchQueued, setRefetchQueued] = useState(false);
     // Enhanced refetchSigners function that tracks number of attempts
     const handleRefetchSigners = useCallback(() => {
@@ -55,11 +57,14 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     // Handle post-login flow after signers are loaded
     useEffect(() => {
         debug("@@SignInWithB3Flow:useEffect", {
-            loginComplete,
+            isConnected,
+            isAuthenticating,
             isFetchingSigners,
+            closeAfterLogin,
+            isOpen,
             source,
         });
-        if (loginComplete && !isFetchingSigners) {
+        if (isConnected) {
             // Check if we already have a signer for this partner
             const hasExistingSigner = signers?.some(signer => signer.partner.id === partnerId);
             if (hasExistingSigner) {
@@ -99,7 +104,6 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         signers,
         isFetchingSigners,
         partnerId,
-        loginComplete,
         handleRefetchSigners,
         source,
         closeAfterLogin,
@@ -108,6 +112,9 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
         onSessionKeySuccess,
         setB3ModalOpen,
         signersEnabled,
+        isConnected,
+        isAuthenticating,
+        isOpen,
     ]);
     debug("render", {
         step,
@@ -152,16 +159,16 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     ]);
     const handleLoginSuccess = useCallback(async (account) => {
         debug("Authenticating with B3 via SIWE");
+        setIsConnected(true);
         if (loginWithSiwe) {
-            setAuthenticatingWithB3(true);
+            setIsAuthenticating(true);
             const userAuth = await authenticate(account, partnerId);
             setUser(userAuth.user);
         }
         debug("handleLoginSuccess:account", account);
         onLoginSuccess?.(account);
-        setLoginComplete(true);
-        setAuthenticatingWithB3(false);
-    }, [authenticate, loginWithSiwe, onLoginSuccess, setUser, partnerId]);
+        setIsAuthenticating(false);
+    }, [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected]);
     useEffect(() => {
         if (step === "permissions") {
             setB3ModalContentType({
@@ -177,7 +184,7 @@ export function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySucce
     if (refetchError) {
         return (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx("div", { className: "p-4 text-center text-red-500", children: refetchError }) }));
     }
-    if (authenticatingWithB3 || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+    if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
         return (_jsx(LoginStepContainer, { partnerId: partnerId, children: _jsx("div", { className: "mt-8 flex items-center justify-center", children: _jsx(Loading, { variant: "white", size: "lg" }) }) }));
     }
     if (step === "login") {

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

@@ -3,7 +3,7 @@ import { Button, StyleRoot, useAuthentication, useModalStore } from "../../../..
 import { cn } from "../../../../shared/utils/index.js";
 export function ManageAccountButton(props) {
     const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
-    const { isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
+    const { isConnected } = useAuthentication(props.partnerId, props.loginWithSiwe);
     const handleClickManageAccount = () => {
         setB3ModalContentType({
             ...props,
@@ -11,7 +11,7 @@ export function ManageAccountButton(props) {
         });
         setB3ModalOpen(true);
     };
-    if (!isAuthenticated)
+    if (!isConnected)
         return null;
     return (_jsx(StyleRoot, { children: _jsxs(Button, { onClick: handleClickManageAccount, style: { backgroundColor: "#3368ef" }, className: cn("b3-manage-account-button flex items-center gap-2 text-white", props.className), children: [props.withLogo !== false && (_jsx("img", { src: "https://cdn.b3.fun/b3_logo_white.svg", alt: "B3 Logo", className: "h-5 w-5" })), props.loggedInButtonText || "Manage Account"] }) }));
 }

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

@@ -4,6 +4,8 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     isAuthenticating: boolean;
     isAuthenticated: boolean;
     isReady: boolean;
+    isConnecting: boolean;
+    isConnected: boolean;
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
     connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;

package/dist/esm/global-account/react/hooks/useAuthentication.js

@@ -21,6 +21,10 @@ export function useAuthentication(partnerId, loginWithSiwe) {
     const isAuthenticated = useAuthStore(state => state.isAuthenticated);
     const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);
     const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
+    const setIsConnecting = useAuthStore(state => state.setIsConnecting);
+    const setIsConnected = useAuthStore(state => state.setIsConnected);
+    const isConnecting = useAuthStore(state => state.isConnecting);
+    const isConnected = useAuthStore(state => state.isConnected);
     const { connect } = useConnect(partnerId, b3MainnetThirdWeb);
     const wallet = ecosystemWallet(ecosystemWalletId, {
         partnerId: partnerId,
@@ -30,6 +34,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
         wallets: [wallet],
         onConnect: async (wallet) => {
             try {
+                setIsConnected(true);
                 if (!loginWithSiwe) {
                     debug("Skipping SIWE login", { loginWithSiwe });
                     setIsAuthenticated(true);
@@ -67,19 +72,22 @@ export function useAuthentication(partnerId, loginWithSiwe) {
     useEffect(() => {
         if (useAutoConnectLoading) {
             setIsAuthenticating(true);
+            setIsConnecting(true);
         }
         else if (!isAuthenticated) {
             // Only set isAuthenticating to false if we're not authenticated
             // This prevents the flicker state where both isAuthenticating and isAuthenticated are false
             const timeout = setTimeout(() => {
                 setIsAuthenticating(false);
+                setIsConnecting(false);
             }, 100); // Add a small delay to prevent quick flickers
             return () => clearTimeout(timeout);
         }
         else {
             setIsAuthenticating(false);
+            setIsConnecting(false);
         }
-    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating]);
+    }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating, setIsConnecting, setIsConnected]);
     const logout = async (callback) => {
         if (activeWallet) {
             debug("@@logout:activeWallet", activeWallet);
@@ -102,6 +110,7 @@ export function useAuthentication(partnerId, loginWithSiwe) {
         app.logout();
         debug("@@logout:loggedOut");
         setIsAuthenticated(false);
+        setIsConnected(false);
         setUser();
         callback?.();
     };
@@ -111,6 +120,8 @@ export function useAuthentication(partnerId, loginWithSiwe) {
         isAuthenticating: useAutoConnectLoading || isAuthenticating,
         isAuthenticated,
         isReady,
+        isConnecting,
+        isConnected,
         wallet,
         preAuthenticate,
         connect,

package/dist/esm/global-account/react/stores/useAuthStore.d.ts

@@ -7,10 +7,14 @@ interface AuthState {
     chain?: Chain;
     isAuthenticating: boolean;
     isAuthenticated: boolean;
+    isConnecting: boolean;
+    isConnected: boolean;
     onSuccess?: (account: any) => void;
     onError?: (error: Error) => void;
     setB3ModalOpen: (isOpen: boolean) => void;
     setStep: (step: "login" | "permissions") => void;
+    setIsConnecting: (isConnecting: boolean) => void;
+    setIsConnected: (isConnected: boolean) => void;
     setIsAuthenticating: (isAuthenticating: boolean) => void;
     setIsAuthenticated: (isAuthenticated: boolean) => void;
     startAuth: (params: {

package/dist/esm/global-account/react/stores/useAuthStore.js

@@ -7,10 +7,14 @@ export const useAuthStore = create(set => ({
     chain: undefined,
     isAuthenticating: false,
     isAuthenticated: false,
+    isConnecting: false,
+    isConnected: false,
     onSuccess: undefined,
     onError: undefined,
     setB3ModalOpen: isOpen => set({ isOpen }),
     setStep: step => set({ step }),
+    setIsConnecting: isConnecting => set({ isConnecting }),
+    setIsConnected: isConnected => set({ isConnected }),
     setIsAuthenticating: isAuthenticating => set({ isAuthenticating }),
     setIsAuthenticated: isAuthenticated => set({ isAuthenticated }),
     startAuth: params => set({

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

@@ -4,6 +4,8 @@ export declare function useAuthentication(partnerId: string, loginWithSiwe?: boo
     isAuthenticating: boolean;
     isAuthenticated: boolean;
     isReady: boolean;
+    isConnecting: boolean;
+    isConnected: boolean;
     wallet: import("thirdweb/dist/types/wallets/in-app/core/wallet/types").EcosystemWallet;
     preAuthenticate: typeof preAuthenticate;
     connect: (strategyOptions?: import("thirdweb/wallets").SingleStepAuthArgsType) => Promise<import("thirdweb/wallets").Wallet | null>;

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

@@ -7,10 +7,14 @@ interface AuthState {
     chain?: Chain;
     isAuthenticating: boolean;
     isAuthenticated: boolean;
+    isConnecting: boolean;
+    isConnected: boolean;
     onSuccess?: (account: any) => void;
     onError?: (error: Error) => void;
     setB3ModalOpen: (isOpen: boolean) => void;
     setStep: (step: "login" | "permissions") => void;
+    setIsConnecting: (isConnecting: boolean) => void;
+    setIsConnected: (isConnected: boolean) => void;
     setIsAuthenticating: (isAuthenticating: boolean) => void;
     setIsAuthenticated: (isAuthenticated: boolean) => void;
     startAuth: (params: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3dotfun/sdk",
-  "version": "0.0.19-alpha.1",
+  "version": "0.0.19-alpha.2",
   "source": "src/index.ts",
   "main": "./dist/cjs/index.js",
   "react-native": "./dist/cjs/index.native.js",

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

@@ -21,7 +21,7 @@ export type SignInWithB3Props = Omit<SignInWithB3ModalProps, "type" | "showBackB
 export function SignInWithB3(props: SignInWithB3Props) {
   const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = useModalStore();
   const { account } = useB3();
-  const { isAuthenticating, isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
+  const { isAuthenticating, isConnected } = useAuthentication(props.partnerId, props.loginWithSiwe);
   const isMobile = useIsMobile();
 
   useEffect(() => {
@@ -39,7 +39,7 @@ export function SignInWithB3(props: SignInWithB3Props) {
     setB3ModalOpen(true);
   };
 
-  if (isAuthenticated) {
+  if (isConnected) {
     return <ManageAccountButton {...props} />;
   }
 

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

@@ -1,6 +1,7 @@
 import {
   Loading,
   SignInWithB3ModalProps,
+  useAuthStore,
   useB3,
   useGetAllTWSigners,
   useModalStore,
@@ -37,9 +38,12 @@ export function SignInWithB3Flow({
   const { setUser, automaticallySetFirstEoa } = useB3();
   const [step, setStep] = useState<"login" | "permissions" | null>(source === "requestPermissions" ? null : "login");
   const [sessionKeyAdded, setSessionKeyAdded] = useState(source === "requestPermissions" ? true : false);
-  const { setB3ModalContentType, setB3ModalOpen } = useModalStore();
+  const { setB3ModalContentType, setB3ModalOpen, isOpen } = useModalStore();
   const account = useActiveAccount();
-  const [loginComplete, setLoginComplete] = useState(source === "requestPermissions" ? true : false);
+  const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
+  const isAuthenticating = useAuthStore(state => state.isAuthenticating);
+  const isConnected = useAuthStore(state => state.isConnected);
+  const setIsConnected = useAuthStore(state => state.setIsConnected);
   const [refetchCount, setRefetchCount] = useState(0);
   const [refetchError, setRefetchError] = useState<string | null>(null);
   const {
@@ -54,7 +58,6 @@ export function SignInWithB3Flow({
     },
   });
   const { authenticate } = useSiwe();
-  const [authenticatingWithB3, setAuthenticatingWithB3] = useState(false);
   const [refetchQueued, setRefetchQueued] = useState(false);
 
   // Enhanced refetchSigners function that tracks number of attempts
@@ -86,12 +89,15 @@ export function SignInWithB3Flow({
   // Handle post-login flow after signers are loaded
   useEffect(() => {
     debug("@@SignInWithB3Flow:useEffect", {
-      loginComplete,
+      isConnected,
+      isAuthenticating,
       isFetchingSigners,
+      closeAfterLogin,
+      isOpen,
       source,
     });
 
-    if (loginComplete && !isFetchingSigners) {
+    if (isConnected) {
       // Check if we already have a signer for this partner
       const hasExistingSigner = signers?.some(signer => signer.partner.id === partnerId);
       if (hasExistingSigner) {
@@ -128,7 +134,6 @@ export function SignInWithB3Flow({
     signers,
     isFetchingSigners,
     partnerId,
-    loginComplete,
     handleRefetchSigners,
     source,
     closeAfterLogin,
@@ -137,6 +142,9 @@ export function SignInWithB3Flow({
     onSessionKeySuccess,
     setB3ModalOpen,
     signersEnabled,
+    isConnected,
+    isAuthenticating,
+    isOpen,
   ]);
 
   debug("render", {
@@ -186,17 +194,17 @@ export function SignInWithB3Flow({
   const handleLoginSuccess = useCallback(
     async (account: Account) => {
       debug("Authenticating with B3 via SIWE");
+      setIsConnected(true);
       if (loginWithSiwe) {
-        setAuthenticatingWithB3(true);
+        setIsAuthenticating(true);
         const userAuth = await authenticate(account, partnerId);
         setUser(userAuth.user);
       }
       debug("handleLoginSuccess:account", account);
       onLoginSuccess?.(account);
-      setLoginComplete(true);
-      setAuthenticatingWithB3(false);
+      setIsAuthenticating(false);
     },
-    [authenticate, loginWithSiwe, onLoginSuccess, setUser, partnerId],
+    [loginWithSiwe, onLoginSuccess, setIsAuthenticating, authenticate, partnerId, setUser, setIsConnected],
   );
 
   useEffect(() => {
@@ -220,7 +228,7 @@ export function SignInWithB3Flow({
     );
   }
 
-  if (authenticatingWithB3 || (isFetchingSigners && step === "login") || source === "requestPermissions") {
+  if (isAuthenticating || (isFetchingSigners && step === "login") || source === "requestPermissions") {
     return (
       <LoginStepContainer partnerId={partnerId}>
         <div className="mt-8 flex items-center justify-center">

package/src/global-account/react/components/custom/ManageAccountButton.tsx

@@ -4,7 +4,7 @@ import { SignInWithB3Props } from "../SignInWithB3/SignInWithB3";
 
 export function ManageAccountButton(props: SignInWithB3Props & { className?: string }) {
   const { setB3ModalOpen, setB3ModalContentType } = useModalStore();
-  const { isAuthenticated } = useAuthentication(props.partnerId, props.loginWithSiwe);
+  const { isConnected } = useAuthentication(props.partnerId, props.loginWithSiwe);
 
   const handleClickManageAccount = () => {
     setB3ModalContentType({
@@ -14,7 +14,7 @@ export function ManageAccountButton(props: SignInWithB3Props & { className?: str
     setB3ModalOpen(true);
   };
 
-  if (!isAuthenticated) return null;
+  if (!isConnected) return null;
 
   return (
     <StyleRoot>

package/src/global-account/react/hooks/useAuthentication.ts

@@ -23,6 +23,10 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
   const isAuthenticated = useAuthStore(state => state.isAuthenticated);
   const setIsAuthenticated = useAuthStore(state => state.setIsAuthenticated);
   const setIsAuthenticating = useAuthStore(state => state.setIsAuthenticating);
+  const setIsConnecting = useAuthStore(state => state.setIsConnecting);
+  const setIsConnected = useAuthStore(state => state.setIsConnected);
+  const isConnecting = useAuthStore(state => state.isConnecting);
+  const isConnected = useAuthStore(state => state.isConnected);
   const { connect } = useConnect(partnerId, b3MainnetThirdWeb);
 
   const wallet = ecosystemWallet(ecosystemWalletId, {
@@ -34,6 +38,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
     wallets: [wallet],
     onConnect: async wallet => {
       try {
+        setIsConnected(true);
         if (!loginWithSiwe) {
           debug("Skipping SIWE login", { loginWithSiwe });
           setIsAuthenticated(true);
@@ -72,17 +77,20 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
   useEffect(() => {
     if (useAutoConnectLoading) {
       setIsAuthenticating(true);
+      setIsConnecting(true);
     } else if (!isAuthenticated) {
       // Only set isAuthenticating to false if we're not authenticated
       // This prevents the flicker state where both isAuthenticating and isAuthenticated are false
       const timeout = setTimeout(() => {
         setIsAuthenticating(false);
+        setIsConnecting(false);
       }, 100); // Add a small delay to prevent quick flickers
       return () => clearTimeout(timeout);
     } else {
       setIsAuthenticating(false);
+      setIsConnecting(false);
     }
-  }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating]);
+  }, [useAutoConnectLoading, isAuthenticated, setIsAuthenticating, setIsConnecting, setIsConnected]);
 
   const logout = async (callback?: () => void) => {
     if (activeWallet) {
@@ -110,6 +118,7 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
     debug("@@logout:loggedOut");
 
     setIsAuthenticated(false);
+    setIsConnected(false);
     setUser();
     callback?.();
   };
@@ -121,6 +130,8 @@ export function useAuthentication(partnerId: string, loginWithSiwe?: boolean) {
     isAuthenticating: useAutoConnectLoading || isAuthenticating,
     isAuthenticated,
     isReady,
+    isConnecting,
+    isConnected,
     wallet,
     preAuthenticate,
     connect,

package/src/global-account/react/stores/useAuthStore.ts

@@ -9,10 +9,14 @@ interface AuthState {
   chain?: Chain;
   isAuthenticating: boolean;
   isAuthenticated: boolean;
+  isConnecting: boolean;
+  isConnected: boolean;
   onSuccess?: (account: any) => void;
   onError?: (error: Error) => void;
   setB3ModalOpen: (isOpen: boolean) => void;
   setStep: (step: "login" | "permissions") => void;
+  setIsConnecting: (isConnecting: boolean) => void;
+  setIsConnected: (isConnected: boolean) => void;
   setIsAuthenticating: (isAuthenticating: boolean) => void;
   setIsAuthenticated: (isAuthenticated: boolean) => void;
   startAuth: (params: {
@@ -33,10 +37,14 @@ export const useAuthStore = create<AuthState>(set => ({
   chain: undefined,
   isAuthenticating: false,
   isAuthenticated: false,
+  isConnecting: false,
+  isConnected: false,
   onSuccess: undefined,
   onError: undefined,
   setB3ModalOpen: isOpen => set({ isOpen }),
   setStep: step => set({ step }),
+  setIsConnecting: isConnecting => set({ isConnecting }),
+  setIsConnected: isConnected => set({ isConnected }),
   setIsAuthenticating: isAuthenticating => set({ isAuthenticating }),
   setIsAuthenticated: isAuthenticated => set({ isAuthenticated }),
   startAuth: params =>