@umituz/react-native-auth 2.7.2 → 2.7.5

package/src/presentation/hooks/mutations/useAuthMutations.ts

@@ -0,0 +1,50 @@
+/**
+ * Auth Mutations
+ * TanStack Query mutations for auth operations
+ */
+
+import { useMutation } from "@umituz/react-native-tanstack";
+import { getAuthService } from "../../../infrastructure/services/AuthService";
+import type { SignUpParams, SignInParams } from "../../../application/ports/IAuthService";
+import type { AuthUser } from "../../../domain/entities/AuthUser";
+
+export const useSignUpMutation = () => {
+    return useMutation({
+        mutationFn: async (params: SignUpParams): Promise<AuthUser> => {
+            const service = getAuthService();
+            if (!service) throw new Error("Auth Service not initialized");
+            // Access repository directly
+            return service.getRepository().signUp(params);
+        },
+    });
+};
+
+export const useSignInMutation = () => {
+    return useMutation({
+        mutationFn: async (params: SignInParams): Promise<AuthUser> => {
+            const service = getAuthService();
+            if (!service) throw new Error("Auth Service not initialized");
+            return service.getRepository().signIn(params);
+        },
+    });
+};
+
+export const useSignOutMutation = () => {
+    return useMutation({
+        mutationFn: async (): Promise<void> => {
+            const service = getAuthService();
+            if (!service) throw new Error("Auth Service not initialized");
+            return service.getRepository().signOut();
+        },
+    });
+};
+
+export const useGuestModeMutation = () => {
+    return useMutation({
+        mutationFn: async (): Promise<void> => {
+            const service = getAuthService();
+            if (!service) throw new Error("Auth Service not initialized");
+            return service.setGuestMode();
+        },
+    });
+};

package/src/presentation/hooks/useAccountManagement.ts

@@ -4,8 +4,10 @@
  * Generic hook - reauthentication is handled via callback from calling app
  */
 
+/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument */
 import { useCallback, useState } from "react";
 import { useAuth } from "./useAuth";
+// @ts-expect-error - Module def issue in node_modules vs types
 import { deleteCurrentUser } from "@umituz/react-native-firebase";
 
 export interface UseAccountManagementOptions {

package/src/presentation/hooks/useAuthActions.ts

@@ -1,11 +1,11 @@
-/**
- * useAuthActions Hook
- * Single Responsibility: Handle authentication actions
- */
-
 import { useCallback } from "react";
-import { getAuthService } from "../../infrastructure/services/AuthService";
 import type { UseAuthStateResult } from "./useAuthState";
+import {
+  useSignInMutation,
+  useSignUpMutation,
+  useSignOutMutation,
+  useGuestModeMutation,
+} from "./mutations/useAuthMutations";
 
 export interface UseAuthActionsResult {
   signUp: (email: string, password: string, displayName?: string) => Promise<void>;
@@ -17,18 +17,17 @@ export interface UseAuthActionsResult {
 export function useAuthActions(state: UseAuthStateResult): UseAuthActionsResult {
   const { isGuest, setIsGuest, setLoading, setError } = state;
 
+  const signInMutation = useSignInMutation();
+  const signUpMutation = useSignUpMutation();
+  const signOutMutation = useSignOutMutation();
+  const guestModeMutation = useGuestModeMutation();
+
   const signUp = useCallback(
     async (email: string, password: string, displayName?: string) => {
-      const service = getAuthService();
-      if (!service) {
-        const err = "Auth service is not initialized";
-        setError(err);
-        throw new Error(err);
-      }
       try {
         setLoading(true);
         setError(null);
-        await service.signUp({ email, password, displayName });
+        await signUpMutation.mutateAsync({ email, password, displayName });
         if (isGuest) {
           setIsGuest(false);
         }
@@ -40,21 +39,15 @@ export function useAuthActions(state: UseAuthStateResult): UseAuthActionsResult
         setLoading(false);
       }
     },
-    [isGuest, setIsGuest, setLoading, setError],
+    [isGuest, setIsGuest, setLoading, setError, signUpMutation],
   );
 
   const signIn = useCallback(
     async (email: string, password: string) => {
-      const service = getAuthService();
-      if (!service) {
-        const err = "Auth service is not initialized";
-        setError(err);
-        throw new Error(err);
-      }
       try {
         setLoading(true);
         setError(null);
-        await service.signIn({ email, password });
+        await signInMutation.mutateAsync({ email, password });
         if (isGuest) {
           setIsGuest(false);
         }
@@ -66,38 +59,29 @@ export function useAuthActions(state: UseAuthStateResult): UseAuthActionsResult
         setLoading(false);
       }
     },
-    [isGuest, setIsGuest, setLoading, setError],
+    [isGuest, setIsGuest, setLoading, setError, signInMutation],
   );
 
   const signOut = useCallback(async () => {
-    const service = getAuthService();
-    if (!service) return;
-
     try {
       setLoading(true);
-      await service.signOut();
+      await signOutMutation.mutateAsync();
     } finally {
       setLoading(false);
     }
-  }, [setLoading]);
+  }, [setLoading, signOutMutation]);
 
   const continueAsGuest = useCallback(async () => {
-    const service = getAuthService();
-    if (!service) {
-      setIsGuest(true);
-      return;
-    }
-
     try {
       setLoading(true);
-      await service.setGuestMode();
+      await guestModeMutation.mutateAsync();
       setIsGuest(true);
     } catch {
       setIsGuest(true);
     } finally {
       setLoading(false);
     }
-  }, [setIsGuest, setLoading]);
+  }, [setIsGuest, setLoading, guestModeMutation]);
 
   return {
     signUp,

package/src/presentation/hooks/useAuthState.ts

@@ -3,9 +3,11 @@
  * Single Responsibility: Manage authentication state
  */
 
+/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument */
 import { useState, useEffect, useRef, useMemo } from "react";
 import { DeviceEventEmitter } from "react-native";
 import { getAuthService } from "../../infrastructure/services/AuthService";
+// @ts-expect-error - Module def issue in node_modules vs types
 import { useFirebaseAuth } from "@umituz/react-native-firebase";
 import { mapToAuthUser } from "../../infrastructure/utils/UserMapper";
 import type { AuthUser } from "../../domain/entities/AuthUser";
@@ -101,13 +103,14 @@ export function useAuthState(): UseAuthStateResult {
 
     const errorSubscription = DeviceEventEmitter.addListener(
       "auth-error",
-      (payload: any) => {
+      (payload: { error?: string }) => {
         if (payload?.error) {
           setError(payload.error);
         }
       }
     );
 
+
     return () => {
       guestSubscription.remove();
       authSubscription.remove();

package/src/presentation/hooks/useLoginForm.ts

@@ -7,7 +7,7 @@ import { useState, useCallback } from "react";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAuth } from "./useAuth";
 import { getAuthErrorLocalizationKey } from "../utils/getAuthErrorMessage";
-import { validateEmail } from "../../infrastructure/utils/AuthValidation";
+import { validateEmail, validatePasswordForLogin } from "../../infrastructure/utils/AuthValidation";
 
 export interface UseLoginFormResult {
   email: string;
@@ -59,16 +59,14 @@ export function useLoginForm(): UseLoginFormResult {
     let hasError = false;
 
     const emailResult = validateEmail(email.trim());
-    if (!emailResult.isValid) {
-      setEmailError(t("auth.errors.invalidEmail"));
+    if (!emailResult.isValid && emailResult.error) {
+      setEmailError(t(emailResult.error));
       hasError = true;
     }
 
-    if (!password.trim()) {
-      setPasswordError(t("auth.errors.weakPassword"));
-      hasError = true;
-    } else if (password.length < 6) {
-      setPasswordError(t("auth.errors.weakPassword"));
+    const passwordResult = validatePasswordForLogin(password);
+    if (!passwordResult.isValid && passwordResult.error) {
+      setPasswordError(t(passwordResult.error));
       hasError = true;
     }
 

package/src/presentation/hooks/useProfileUpdate.ts

@@ -16,22 +16,21 @@ export interface UseProfileUpdateReturn {
 
 export const useProfileUpdate = (): UseProfileUpdateReturn => {
     const { user } = useAuth();
-    const [isUpdating, setIsUpdating] = useState(false);
-    const [error, setError] = useState<string | null>(null);
+    const [isUpdating] = useState(false);
+    const [error] = useState<string | null>(null);
 
     const updateProfile = useCallback(
-        async (params: UpdateProfileParams) => {
+        (_params: UpdateProfileParams) => {
             if (!user) {
-                throw new Error("No user logged in");
+                return Promise.reject(new Error("No user logged in"));
             }
 
             if (user.isAnonymous) {
-                throw new Error("Anonymous users cannot update profile");
+                return Promise.reject(new Error("Anonymous users cannot update profile"));
             }
 
             // Note: App should implement this via Firebase SDK
-            // Example: auth().currentUser?.updateProfile({ displayName, photoURL })
-            throw new Error("Profile update should be implemented by app");
+            return Promise.reject(new Error("Profile update should be implemented by app"));
         },
         [user],
     );
@@ -42,3 +41,4 @@ export const useProfileUpdate = (): UseProfileUpdateReturn => {
         error,
     };
 };
+

package/src/presentation/hooks/useRegisterForm.ts

@@ -5,7 +5,6 @@
 
 import { useState, useCallback, useMemo } from "react";
 import { useLocalization } from "@umituz/react-native-localization";
-import { batchValidate } from "@umituz/react-native-validation";
 import {
   validateEmail,
   validatePasswordForRegister,
@@ -85,8 +84,8 @@ export function useRegisterForm(): UseRegisterFormResult {
       }
       return next;
     });
-    if (localError) setLocalError(null);
-  }, [localError]);
+    setLocalError(null);
+  }, []);
 
   const handleEmailChange = useCallback((text: string) => {
     setEmail(text);
@@ -97,8 +96,8 @@ export function useRegisterForm(): UseRegisterFormResult {
       }
       return next;
     });
-    if (localError) setLocalError(null);
-  }, [localError]);
+    setLocalError(null);
+  }, []);
 
   const handlePasswordChange = useCallback((text: string) => {
     setPassword(text);
@@ -112,8 +111,8 @@ export function useRegisterForm(): UseRegisterFormResult {
       }
       return next;
     });
-    if (localError) setLocalError(null);
-  }, [localError]);
+    setLocalError(null);
+  }, []);
 
   const handleConfirmPasswordChange = useCallback((text: string) => {
     setConfirmPassword(text);
@@ -124,29 +123,28 @@ export function useRegisterForm(): UseRegisterFormResult {
       }
       return next;
     });
-    if (localError) setLocalError(null);
-  }, [localError]);
+    setLocalError(null);
+  }, []);
 
   const handleSignUp = useCallback(async () => {
     setLocalError(null);
     setFieldErrors({});
 
-    // Manual validation since batchValidate is not available
     const emailResult = validateEmail(email.trim());
-    if (!emailResult.isValid) {
-      setFieldErrors((prev) => ({ ...prev, email: emailResult.error }));
+    if (!emailResult.isValid && emailResult.error) {
+      setFieldErrors((prev) => ({ ...prev, email: t(emailResult.error as string) }));
       return;
     }
 
     const passwordResult = validatePasswordForRegister(password, DEFAULT_PASSWORD_CONFIG);
-    if (!passwordResult.isValid) {
-      setFieldErrors((prev) => ({ ...prev, password: passwordResult.error }));
+    if (!passwordResult.isValid && passwordResult.error) {
+      setFieldErrors((prev) => ({ ...prev, password: t(passwordResult.error as string) }));
       return;
     }
 
     const confirmResult = validatePasswordConfirmation(password, confirmPassword);
-    if (!confirmResult.isValid) {
-      setFieldErrors((prev) => ({ ...prev, confirmPassword: confirmResult.error }));
+    if (!confirmResult.isValid && confirmResult.error) {
+      setFieldErrors((prev) => ({ ...prev, confirmPassword: t(confirmResult.error as string) }));
       return;
     }
 
@@ -156,7 +154,7 @@ export function useRegisterForm(): UseRegisterFormResult {
         password,
         displayName.trim() || undefined,
       );
-    } catch (err: any) {
+    } catch (err: unknown) {
       const localizationKey = getAuthErrorLocalizationKey(err);
       const errorMessage = t(localizationKey);
       setLocalError(errorMessage);
@@ -184,3 +182,4 @@ export function useRegisterForm(): UseRegisterFormResult {
   };
 }
 
+

package/src/presentation/hooks/useUserProfile.ts

@@ -9,7 +9,7 @@ import { useAuth } from "./useAuth";
 import { generateGuestName, type GuestNameConfig } from "../../domain/utils/guestNameGenerator";
 
 export interface UserProfileData {
-    displayName: string;
+    displayName?: string;
     userId?: string;
     isAnonymous: boolean;
     avatarUrl?: string;
@@ -27,8 +27,8 @@ export const useUserProfile = (
 ): UserProfileData | undefined => {
     const { user } = useAuth();
 
-    const guestName = params?.guestDisplayName || "Guest";
-    const accountRoute = params?.accountRoute || "Account";
+    const guestName = params?.guestDisplayName;
+    const accountRoute = params?.accountRoute;
     const nameConfig = params?.guestNameConfig;
 
     return useMemo(() => {

package/src/presentation/navigation/AuthNavigator.tsx

@@ -4,7 +4,7 @@
  */
 
 import React, { useEffect, useState } from "react";
-import { createStackNavigator } from "@react-navigation/stack";
+import { createStackNavigator, StackScreenProps } from "@react-navigation/stack";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { storageRepository } from "@umituz/react-native-storage";
 import { unwrap } from "@umituz/react-native-storage";
@@ -16,7 +16,7 @@ export type AuthStackParamList = {
   Register: undefined;
 };
 
-const AuthStack = createStackNavigator();
+const AuthStack = createStackNavigator<AuthStackParamList>();
 
 const SHOW_REGISTER_KEY = "auth_show_register";
 
@@ -51,15 +51,18 @@ export const AuthNavigator: React.FC<AuthNavigatorProps> = ({
   >(undefined);
 
   useEffect(() => {
-    storageRepository.getString(SHOW_REGISTER_KEY, "false").then((result) => {
+    const checkInitialRoute = async () => {
+      const result = await storageRepository.getString(SHOW_REGISTER_KEY, "false");
       const value = unwrap(result, "false");
       if (value === "true") {
         setInitialRouteName("Register");
-        storageRepository.removeItem(SHOW_REGISTER_KEY);
+        void storageRepository.removeItem(SHOW_REGISTER_KEY);
       } else {
         setInitialRouteName("Login");
       }
-    });
+    };
+
+    void checkInitialRoute();
   }, []);
 
   if (initialRouteName === undefined) {
@@ -76,7 +79,7 @@ export const AuthNavigator: React.FC<AuthNavigatorProps> = ({
     >
       <AuthStack.Screen name="Login" component={LoginScreen} />
       <AuthStack.Screen name="Register">
-        {(props: any) => (
+        {(props: StackScreenProps<AuthStackParamList, "Register">) => (
           <RegisterScreen
             {...props}
             termsUrl={termsUrl}
@@ -90,3 +93,4 @@ export const AuthNavigator: React.FC<AuthNavigatorProps> = ({
   );
 };
 
+

package/src/presentation/screens/AccountScreen.tsx

@@ -7,6 +7,7 @@
 import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
+
 import { ProfileSection, type ProfileSectionConfig } from "../components/ProfileSection";
 import { AccountActions, type AccountActionsConfig } from "../components/AccountActions";
 
@@ -23,6 +24,12 @@ export interface AccountScreenProps {
 export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
     const tokens = useAppDesignTokens();
 
+    const handleLogout = () => {
+        if (config.accountActions?.onLogout) {
+            void config.accountActions.onLogout();
+        }
+    };
+
     return (
         <ScrollView
             style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}
@@ -30,7 +37,7 @@ export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
         >
             <ProfileSection
                 profile={config.profile}
-                onSignIn={config.profile.isAnonymous ? config.accountActions?.onLogout : undefined}
+                onSignIn={config.profile.isAnonymous ? handleLogout : undefined}
             />
 
             {!config.isAnonymous && config.accountActions && (
@@ -54,3 +61,4 @@ const styles = StyleSheet.create({
         height: 24,
     },
 });
+