@umituz/react-native-auth 4.3.42 → 4.3.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "4.3.42",
+  "version": "4.3.44",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design with dependency injection, configurable validation, and comprehensive error handling.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/hooks/registerForm/registerFormHandlers.ts

@@ -18,7 +18,7 @@ export function useRegisterFormHandlers(
       clearFieldError(setFieldErrors, "displayName");
       clearLocalError();
     },
-    [updateField, clearLocalError]
+    [updateField, clearLocalError, setFieldErrors]
   );
 
   const handleEmailChange = useCallback(
@@ -27,7 +27,7 @@ export function useRegisterFormHandlers(
       clearFieldError(setFieldErrors, "email");
       clearLocalError();
     },
-    [updateField, clearLocalError]
+    [updateField, clearLocalError, setFieldErrors]
   );
 
   const handlePasswordChange = useCallback(
@@ -36,7 +36,7 @@ export function useRegisterFormHandlers(
       clearFieldErrors(setFieldErrors, ["password", "confirmPassword"]);
       clearLocalError();
     },
-    [updateField, clearLocalError]
+    [updateField, clearLocalError, setFieldErrors]
   );
 
   const handleConfirmPasswordChange = useCallback(
@@ -45,7 +45,7 @@ export function useRegisterFormHandlers(
       clearFieldError(setFieldErrors, "confirmPassword");
       clearLocalError();
     },
-    [updateField, clearLocalError]
+    [updateField, clearLocalError, setFieldErrors]
   );
 
   return {

package/src/presentation/navigation/AuthNavigator.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { StackNavigator, type StackNavigatorConfig, type StackScreenProps } from "@umituz/react-native-design-system/molecules";
 import { storageRepository, unwrap } from "@umituz/react-native-design-system/storage";
@@ -52,15 +52,19 @@ export const AuthNavigator: React.FC<AuthNavigatorProps> = ({
     void checkInitialRoute();
   }, []);
 
+  // Memoize nested translation objects to prevent screen wrapper recreation
+  const loginTranslations = useMemo(() => translations.login, [translations.login]);
+  const registerTranslations = useMemo(() => translations.register, [translations.register]);
+
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const LoginScreenWrapper = useCallback(
     (props: any) => (
       <LoginScreen
         {...props}
-        translations={translations.login}
+        translations={loginTranslations}
       />
     ),
-    [translations.login]
+    [loginTranslations]
   );
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -68,14 +72,14 @@ export const AuthNavigator: React.FC<AuthNavigatorProps> = ({
     (props: any) => (
       <RegisterScreen
         {...props}
-        translations={translations.register}
+        translations={registerTranslations}
         termsUrl={termsUrl}
         privacyUrl={privacyUrl}
         onTermsPress={onTermsPress}
         onPrivacyPress={onPrivacyPress}
       />
     ),
-    [translations.register, termsUrl, privacyUrl, onTermsPress, onPrivacyPress]
+    [registerTranslations, termsUrl, privacyUrl, onTermsPress, onPrivacyPress]
   );
 
   if (initialRouteName === undefined) {

package/src/presentation/utils/authTransition.util.ts

@@ -28,6 +28,10 @@ export function useAuthTransitions(
   const prevIsAnonymousRef = useRef(state.isAnonymous);
   const prevIsVisibleRef = useRef(state.isVisible);
   const cleanupRef = useRef<(() => void) | null>(null);
+  const onTransitionRef = useRef(onTransition);
+
+  // Keep ref in sync without adding to effect deps
+  onTransitionRef.current = onTransition;
 
   useEffect(() => {
     const justAuthenticated = !prevIsAuthenticatedRef.current && state.isAuthenticated;
@@ -45,7 +49,7 @@ export function useAuthTransitions(
     // Call previous cleanup before running new transition
     cleanupRef.current?.();
 
-    const cleanup = onTransition?.(result);
+    const cleanup = onTransitionRef.current?.(result);
     cleanupRef.current = (typeof cleanup === 'function' ? cleanup : null);
 
     prevIsAuthenticatedRef.current = state.isAuthenticated;
@@ -57,7 +61,7 @@ export function useAuthTransitions(
       cleanupRef.current?.();
       cleanupRef.current = null;
     };
-  }, [state.isAuthenticated, state.isVisible, state.isAnonymous, onTransition]);
+  }, [state.isAuthenticated, state.isVisible, state.isAnonymous]);
 }
 
 /**

package/src/presentation/utils/form/useFormField.hook.ts

@@ -3,7 +3,7 @@
  * Provides reusable form field state management with automatic error clearing
  */
 
-import { useCallback, useState } from "react";
+import { useCallback, useRef, useState } from "react";
 
 interface UseFormFieldOptions {
   clearLocalError?: () => void;
@@ -24,18 +24,25 @@ export function useFormFields<T extends Record<string, string>>(
 
   const [fields, setFields] = useState<T>(initialFields);
 
+  // Capture the initial fields only once so resetFields has a stable dep
+  const initialFieldsRef = useRef(initialFields);
+
+  // Use the function ref directly to avoid re-creating updateField when options object reference changes
+  const clearLocalErrorRef = useRef(options?.clearLocalError);
+  clearLocalErrorRef.current = options?.clearLocalError;
+
   const updateField = useCallback(
     (field: FieldKey, value: string) => {
       setFields((prev) => ({ ...prev, [field]: value }));
       // Note: setFieldErrors is handled externally by form hooks
-      options?.clearLocalError?.();
+      clearLocalErrorRef.current?.();
     },
-    [options]
+    [] // No deps - uses refs internally
   );
 
   const resetFields = useCallback(() => {
-    setFields(initialFields);
-  }, [initialFields]);
+    setFields(initialFieldsRef.current);
+  }, []); // No deps - always resets to original initial values
 
   return {
     fields,