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

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

@@ -32,7 +32,6 @@ 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,
@@ -152,12 +151,8 @@ 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,
@@ -168,8 +163,10 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         closeAfterLogin,
         source,
         signersEnabled,
-        // Zustand setters are stable and don't need to be in dependencies:
-        // setIsAuthenticated, setIsConnected, setJustCompletedLogin
+        setB3ModalContentType,
+        setIsAuthenticated,
+        setIsConnected,
+        setJustCompletedLogin,
     ]);
     // Handle post-login flow after signers are loaded
     (0, react_2.useEffect)(() => {
@@ -184,9 +181,7 @@ 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)
-            // Use ref to prevent setting this multiple times and causing infinite loops
-            if (closeAfterLogin && !justCompletedLoginRef.current) {
-                justCompletedLoginRef.current = true;
+            if (closeAfterLogin) {
                 setJustCompletedLogin(true);
             }
             // Check if we should show Turnkey login form as SECONDARY option (after wallet connection)
@@ -230,7 +225,6 @@ 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,
@@ -251,9 +245,9 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         user,
         enableTurnkey,
         turnkeyAuthCompleted,
-        handleTurnkeySuccess,
+        // handleTurnkeySuccess, // This is causing infinite loops
         contentType,
-        // handlePostTurnkeyFlow - removed because it changes when signers/partnerId/etc change, triggering infinite loops
+        handlePostTurnkeyFlow,
     ]);
     debug("render", {
         step,
@@ -268,7 +262,9 @@ function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onE
         if (closeAfterLogin && sessionKeyAdded) {
             setB3ModalOpen(false);
         }
-    }, [closeAfterLogin, sessionKeyAdded, setB3ModalOpen]);
+        // setB3ModalOpen is stable
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [closeAfterLogin, sessionKeyAdded]);
     const onSessionKeySuccessEnhanced = (0, react_2.useCallback)(() => {
         onSessionKeySuccess?.();
         setB3ModalContentType({

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

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

package/package.json

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

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

@@ -8,7 +8,7 @@ import {
   useModalStore,
 } from "@b3dotfun/sdk/global-account/react";
 import { debugB3React } from "@b3dotfun/sdk/shared/utils/debug";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useActiveAccount } from "thirdweb/react";
 import { Account } from "thirdweb/wallets";
 import { TurnkeyAuthModal } from "../TurnkeyAuthModal";
@@ -51,7 +51,6 @@ export function SignInWithB3Flow({
   const [refetchCount, setRefetchCount] = useState(0);
   const [refetchError, setRefetchError] = useState<string | null>(null);
   const [turnkeyAuthCompleted, setTurnkeyAuthCompleted] = useState(false);
-  const justCompletedLoginRef = useRef(false);
   const {
     data: signers,
     refetch: refetchSigners,
@@ -185,11 +184,8 @@ export function SignInWithB3Flow({
       });
       // 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,
@@ -200,8 +196,10 @@ export function SignInWithB3Flow({
       closeAfterLogin,
       source,
       signersEnabled,
-      // Zustand setters are stable and don't need to be in dependencies:
-      // setIsAuthenticated, setIsConnected, setJustCompletedLogin
+      setB3ModalContentType,
+      setIsAuthenticated,
+      setIsConnected,
+      setJustCompletedLogin,
     ],
   );
 
@@ -220,9 +218,7 @@ export function SignInWithB3Flow({
       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)
-        // Use ref to prevent setting this multiple times and causing infinite loops
-        if (closeAfterLogin && !justCompletedLoginRef.current) {
-          justCompletedLoginRef.current = true;
+        if (closeAfterLogin) {
           setJustCompletedLogin(true);
         }
 
@@ -271,7 +267,6 @@ export function SignInWithB3Flow({
         handlePostTurnkeyFlow();
       }
     },
-    // handlePostTurnkeyFlow changes when its dependencies change, causing infinite loops
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       signers,
@@ -292,9 +287,9 @@ export function SignInWithB3Flow({
       user,
       enableTurnkey,
       turnkeyAuthCompleted,
-      handleTurnkeySuccess,
+      // handleTurnkeySuccess, // This is causing infinite loops
       contentType,
-      // handlePostTurnkeyFlow - removed because it changes when signers/partnerId/etc change, triggering infinite loops
+      handlePostTurnkeyFlow,
     ],
   );
 
@@ -312,7 +307,9 @@ export function SignInWithB3Flow({
     if (closeAfterLogin && sessionKeyAdded) {
       setB3ModalOpen(false);
     }
-  }, [closeAfterLogin, sessionKeyAdded, setB3ModalOpen]);
+    // setB3ModalOpen is stable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [closeAfterLogin, sessionKeyAdded]);
 
   const onSessionKeySuccessEnhanced = useCallback(() => {
     onSessionKeySuccess?.();