@umituz/react-native-auth 1.6.9 → 1.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "1.6.9",
+  "version": "1.7.1",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design supports Firebase Auth and can be adapted for Supabase or other providers.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/infrastructure/services/AuthService.ts

@@ -14,119 +14,17 @@ import {
 } from "firebase/auth";
 import type { IAuthService, SignUpParams, SignInParams } from "../../application/ports/IAuthService";
 import {
-  AuthError,
   AuthInitializationError,
-  AuthConfigurationError,
   AuthValidationError,
   AuthWeakPasswordError,
   AuthInvalidEmailError,
-  AuthEmailAlreadyInUseError,
-  AuthWrongPasswordError,
-  AuthUserNotFoundError,
-  AuthNetworkError,
 } from "../../domain/errors/AuthError";
 import type { AuthConfig } from "../../domain/value-objects/AuthConfig";
 import { DEFAULT_AUTH_CONFIG } from "../../domain/value-objects/AuthConfig";
-import { DeviceEventEmitter } from "react-native";
-import { storageRepository } from "@umituz/react-native-storage";
-
-const GUEST_MODE_KEY = "@auth_guest_mode";
-
-/**
- * Validate email format
- */
-function validateEmail(email: string): boolean {
-  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-  return emailRegex.test(email.trim());
-}
-
-/**
- * Validate password strength
- */
-function validatePassword(
-  password: string,
-  config: Required<Omit<AuthConfig, "onUserCreated" | "onUserUpdated" | "onSignOut">>
-): { valid: boolean; error?: string } {
-  if (password.length < config.minPasswordLength) {
-    return {
-      valid: false,
-      error: `Password must be at least ${config.minPasswordLength} characters long`,
-    };
-  }
-
-  if (config.requireUppercase && !/[A-Z]/.test(password)) {
-    return {
-      valid: false,
-      error: "Password must contain at least one uppercase letter",
-    };
-  }
-
-  if (config.requireLowercase && !/[a-z]/.test(password)) {
-    return {
-      valid: false,
-      error: "Password must contain at least one lowercase letter",
-    };
-  }
-
-  if (config.requireNumbers && !/[0-9]/.test(password)) {
-    return {
-      valid: false,
-      error: "Password must contain at least one number",
-    };
-  }
-
-  if (config.requireSpecialChars && !/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
-    return {
-      valid: false,
-      error: "Password must contain at least one special character",
-    };
-  }
-
-  return { valid: true };
-}
-
-/**
- * Map Firebase Auth errors to domain errors
- */
-function mapFirebaseAuthError(error: any): Error {
-  // Extract error code and message
-  const code = error?.code || "";
-  const message = error?.message || "Authentication failed";
-
-  // Firebase Auth error codes
-  if (code === "auth/email-already-in-use") {
-    return new AuthEmailAlreadyInUseError();
-  }
-  if (code === "auth/invalid-email") {
-    return new AuthInvalidEmailError();
-  }
-  if (code === "auth/weak-password") {
-    return new AuthWeakPasswordError();
-  }
-  if (code === "auth/user-disabled") {
-    return new AuthError("User account has been disabled", "AUTH_USER_DISABLED");
-  }
-  if (code === "auth/user-not-found") {
-    return new AuthUserNotFoundError();
-  }
-  if (code === "auth/wrong-password") {
-    return new AuthWrongPasswordError();
-  }
-  if (code === "auth/network-request-failed") {
-    return new AuthNetworkError();
-  }
-  if (code === "auth/too-many-requests") {
-    return new AuthError("Too many requests. Please try again later.", "AUTH_TOO_MANY_REQUESTS");
-  }
-  if (code === "auth/configuration-not-found" || code === "auth/app-not-authorized") {
-    return new AuthConfigurationError("Authentication is not properly configured. Please contact support.");
-  }
-  if (code === "auth/operation-not-allowed") {
-    return new AuthConfigurationError("Email/password authentication is not enabled. Please contact support.");
-  }
-
-  return new AuthError(message, code);
-}
+import { validateEmail, validatePassword } from "../utils/AuthValidation";
+import { mapFirebaseAuthError } from "../utils/AuthErrorMapper";
+import { emitUserAuthenticated, emitGuestModeEnabled } from "../utils/AuthEventEmitter";
+import { loadGuestMode, saveGuestMode, clearGuestMode } from "../storage/GuestModeStorage";
 
 export class AuthService implements IAuthService {
   private auth: Auth | null = null;
@@ -146,15 +44,7 @@ export class AuthService implements IAuthService {
       throw new AuthInitializationError("Auth instance is required");
     }
     this.auth = auth;
-    
-    // Restore guest mode from storage
-    try {
-      const guestModeValue = await storageRepository.getString(GUEST_MODE_KEY, "false");
-      this.isGuestMode = guestModeValue === "true";
-    } catch (error) {
-      // If storage fails, default to false
-      this.isGuestMode = false;
-    }
+    this.isGuestMode = await loadGuestMode();
   }
 
   /**
@@ -218,15 +108,10 @@ export class AuthService implements IAuthService {
       // Clear guest mode when user signs up
       if (this.isGuestMode) {
         this.isGuestMode = false;
-        try {
-          await storageRepository.removeItem(GUEST_MODE_KEY);
-        } catch (error) {
-          // Ignore storage errors
-        }
+        await clearGuestMode();
       }
 
-      // Emit event for AppNavigator to handle navigation
-      DeviceEventEmitter.emit("user-authenticated", { userId: userCredential.user.uid });
+      emitUserAuthenticated(userCredential.user.uid);
 
       return userCredential.user;
     } catch (error: any) {
@@ -276,23 +161,10 @@ export class AuthService implements IAuthService {
       // Clear guest mode when user signs in
       if (this.isGuestMode) {
         this.isGuestMode = false;
-        try {
-          await storageRepository.removeItem(GUEST_MODE_KEY);
-          /* eslint-disable-next-line no-console */
-          if (__DEV__) {
-            console.log("[AuthService] Guest mode cleared from storage");
-          }
-        } catch (error) {
-          // Ignore storage errors
-        }
+        await clearGuestMode();
       }
 
-      // Emit event for AppNavigator to handle navigation
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[AuthService] Emitting user-authenticated event");
-      }
-      DeviceEventEmitter.emit("user-authenticated", { userId: userCredential.user.uid });
+      emitUserAuthenticated(userCredential.user.uid);
 
       return userCredential.user;
     } catch (error: any) {
@@ -310,20 +182,13 @@ export class AuthService implements IAuthService {
   async signOut(): Promise<void> {
     const auth = this.getAuth();
     if (!auth) {
-      // If auth is not initialized, just clear guest mode
       this.isGuestMode = false;
-      try {
-        await storageRepository.removeItem(GUEST_MODE_KEY);
-      } catch (error) {
-        // Ignore storage errors
-      }
+      await clearGuestMode();
       return;
     }
 
     try {
       await firebaseSignOut(auth);
-      // Don't clear guest mode on sign out - user might want to continue as guest
-      // Guest mode will be cleared when user signs in or signs up
     } catch (error: any) {
       throw mapFirebaseAuthError(error);
     }
@@ -340,41 +205,17 @@ export class AuthService implements IAuthService {
     const auth = this.getAuth();
 
     // Sign out from Firebase if logged in
-    if (auth && auth.currentUser) {
+    if (auth?.currentUser) {
       try {
         await firebaseSignOut(auth);
-      } catch (error) {
+      } catch {
         // Ignore sign out errors when switching to guest mode
       }
     }
 
     this.isGuestMode = true;
-    /* eslint-disable-next-line no-console */
-    if (__DEV__) {
-      console.log("[AuthService] isGuestMode set to true");
-    }
-
-    // Persist guest mode to storage
-    try {
-      await storageRepository.setString(GUEST_MODE_KEY, "true");
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[AuthService] Guest mode persisted to storage");
-      }
-    } catch (error) {
-      // Ignore storage errors - guest mode will still work in memory
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.warn("[AuthService] Failed to persist guest mode to storage:", error);
-      }
-    }
-
-    // Emit event for AppNavigator to handle navigation
-    /* eslint-disable-next-line no-console */
-    if (__DEV__) {
-      console.log("[AuthService] Emitting guest-mode-enabled event");
-    }
-    DeviceEventEmitter.emit("guest-mode-enabled");
+    await saveGuestMode(true);
+    emitGuestModeEnabled();
   }
 
   /**

package/src/infrastructure/storage/GuestModeStorage.ts

@@ -0,0 +1,55 @@
+/**
+ * Guest Mode Storage
+ * Single Responsibility: Manage guest mode persistence
+ */
+
+import { storageRepository, unwrap } from "@umituz/react-native-storage";
+
+const GUEST_MODE_KEY = "@auth_guest_mode";
+
+/**
+ * Load guest mode from storage
+ */
+export async function loadGuestMode(): Promise<boolean> {
+  try {
+    const result = await storageRepository.getString(GUEST_MODE_KEY, "false");
+    const guestModeValue = unwrap(result, "false");
+    return guestModeValue === "true";
+  } catch {
+    return false;
+  }
+}
+
+/**
+ * Save guest mode to storage
+ */
+export async function saveGuestMode(isGuest: boolean): Promise<void> {
+  try {
+    if (isGuest) {
+      await storageRepository.setString(GUEST_MODE_KEY, "true");
+      /* eslint-disable-next-line no-console */
+      if (__DEV__) {
+        console.log("[GuestModeStorage] Guest mode persisted to storage");
+      }
+    } else {
+      await storageRepository.removeItem(GUEST_MODE_KEY);
+    }
+  } catch (error) {
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) {
+      console.warn("[GuestModeStorage] Failed to persist guest mode:", error);
+    }
+  }
+}
+
+/**
+ * Clear guest mode from storage
+ */
+export async function clearGuestMode(): Promise<void> {
+  try {
+    await storageRepository.removeItem(GUEST_MODE_KEY);
+  } catch {
+    // Ignore storage errors
+  }
+}
+

package/src/infrastructure/utils/AuthErrorMapper.ts

@@ -0,0 +1,57 @@
+/**
+ * Auth Error Mapper
+ * Single Responsibility: Map Firebase Auth errors to domain errors
+ */
+
+import {
+  AuthError,
+  AuthConfigurationError,
+  AuthEmailAlreadyInUseError,
+  AuthInvalidEmailError,
+  AuthWeakPasswordError,
+  AuthUserNotFoundError,
+  AuthWrongPasswordError,
+  AuthNetworkError,
+} from "../../domain/errors/AuthError";
+
+/**
+ * Map Firebase Auth errors to domain errors
+ */
+export function mapFirebaseAuthError(error: any): Error {
+  const code = error?.code || "";
+  const message = error?.message || "Authentication failed";
+
+  if (code === "auth/email-already-in-use") {
+    return new AuthEmailAlreadyInUseError();
+  }
+  if (code === "auth/invalid-email") {
+    return new AuthInvalidEmailError();
+  }
+  if (code === "auth/weak-password") {
+    return new AuthWeakPasswordError();
+  }
+  if (code === "auth/user-disabled") {
+    return new AuthError("User account has been disabled", "AUTH_USER_DISABLED");
+  }
+  if (code === "auth/user-not-found") {
+    return new AuthUserNotFoundError();
+  }
+  if (code === "auth/wrong-password") {
+    return new AuthWrongPasswordError();
+  }
+  if (code === "auth/network-request-failed") {
+    return new AuthNetworkError();
+  }
+  if (code === "auth/too-many-requests") {
+    return new AuthError("Too many requests. Please try again later.", "AUTH_TOO_MANY_REQUESTS");
+  }
+  if (code === "auth/configuration-not-found" || code === "auth/app-not-authorized") {
+    return new AuthConfigurationError("Authentication is not properly configured. Please contact support.");
+  }
+  if (code === "auth/operation-not-allowed") {
+    return new AuthConfigurationError("Email/password authentication is not enabled. Please contact support.");
+  }
+
+  return new AuthError(message, code);
+}
+

package/src/infrastructure/utils/AuthEventEmitter.ts

@@ -0,0 +1,29 @@
+/**
+ * Auth Event Emitter
+ * Single Responsibility: Emit auth-related events
+ */
+
+import { DeviceEventEmitter } from "react-native";
+
+/**
+ * Emit user authenticated event
+ */
+export function emitUserAuthenticated(userId: string): void {
+  /* eslint-disable-next-line no-console */
+  if (__DEV__) {
+    console.log("[AuthEventEmitter] Emitting user-authenticated event");
+  }
+  DeviceEventEmitter.emit("user-authenticated", { userId });
+}
+
+/**
+ * Emit guest mode enabled event
+ */
+export function emitGuestModeEnabled(): void {
+  /* eslint-disable-next-line no-console */
+  if (__DEV__) {
+    console.log("[AuthEventEmitter] Emitting guest-mode-enabled event");
+  }
+  DeviceEventEmitter.emit("guest-mode-enabled");
+}
+

package/src/infrastructure/utils/AuthValidation.ts

@@ -0,0 +1,60 @@
+/**
+ * Auth Validation Utilities
+ * Single Responsibility: Email and password validation
+ */
+
+import type { AuthConfig } from "../../domain/value-objects/AuthConfig";
+
+/**
+ * Validate email format
+ */
+export function validateEmail(email: string): boolean {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(email.trim());
+}
+
+/**
+ * Validate password strength
+ */
+export function validatePassword(
+  password: string,
+  config: Required<Omit<AuthConfig, "onUserCreated" | "onUserUpdated" | "onSignOut">>
+): { valid: boolean; error?: string } {
+  if (password.length < config.minPasswordLength) {
+    return {
+      valid: false,
+      error: `Password must be at least ${config.minPasswordLength} characters long`,
+    };
+  }
+
+  if (config.requireUppercase && !/[A-Z]/.test(password)) {
+    return {
+      valid: false,
+      error: "Password must contain at least one uppercase letter",
+    };
+  }
+
+  if (config.requireLowercase && !/[a-z]/.test(password)) {
+    return {
+      valid: false,
+      error: "Password must contain at least one lowercase letter",
+    };
+  }
+
+  if (config.requireNumbers && !/[0-9]/.test(password)) {
+    return {
+      valid: false,
+      error: "Password must contain at least one number",
+    };
+  }
+
+  if (config.requireSpecialChars && !/[!@#$%^&*(),.?":{}|<>]/.test(password)) {
+    return {
+      valid: false,
+      error: "Password must contain at least one special character",
+    };
+  }
+
+  return { valid: true };
+}
+

package/src/presentation/components/LoginForm.tsx

@@ -1,17 +1,16 @@
 /**
  * Login Form Component
- * Form fields and actions for login
+ * Single Responsibility: Render login form UI
  */
 
-import React, { useState } from "react";
+import React from "react";
 import { View, StyleSheet } from "react-native";
 import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system-atoms";
 import { useLocalization } from "@umituz/react-native-localization";
-import { useAuth } from "../hooks/useAuth";
+import { useLoginForm } from "../hooks/useLoginForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthDivider } from "./AuthDivider";
 import { AuthLink } from "./AuthLink";
-import { getAuthErrorLocalizationKey } from "../utils/getAuthErrorMessage";
 
 interface LoginFormProps {
   onNavigateToRegister: () => void;
@@ -21,124 +20,18 @@ export const LoginForm: React.FC<LoginFormProps> = ({
   onNavigateToRegister,
 }) => {
   const { t } = useLocalization();
-  const { signIn, loading, error, continueAsGuest } = useAuth();
-
-  const [email, setEmail] = useState("");
-  const [password, setPassword] = useState("");
-  const [emailError, setEmailError] = useState<string | null>(null);
-  const [passwordError, setPasswordError] = useState<string | null>(null);
-  const [localError, setLocalError] = useState<string | null>(null);
-
-  const validateEmail = (emailValue: string): boolean => {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(emailValue);
-  };
-
-  const handleEmailChange = (text: string) => {
-    setEmail(text);
-    if (emailError) setEmailError(null);
-    if (localError) setLocalError(null);
-  };
-
-  const handlePasswordChange = (text: string) => {
-    setPassword(text);
-    if (passwordError) setPasswordError(null);
-    if (localError) setLocalError(null);
-  };
-
-  const handleSignIn = async () => {
-    /* eslint-disable-next-line no-console */
-    if (__DEV__) {
-      console.log("[LoginForm] handleSignIn called");
-    }
-    setEmailError(null);
-    setPasswordError(null);
-    setLocalError(null);
-
-    let hasError = false;
-
-    if (!email.trim()) {
-      setEmailError(t("auth.errors.invalidEmail"));
-      hasError = true;
-    } else if (!validateEmail(email.trim())) {
-      setEmailError(t("auth.errors.invalidEmail"));
-      hasError = true;
-    }
-
-    if (!password.trim()) {
-      setPasswordError(t("auth.errors.weakPassword"));
-      hasError = true;
-    } else if (password.length < 6) {
-      setPasswordError(t("auth.errors.weakPassword"));
-      hasError = true;
-    }
-
-    if (hasError) {
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[LoginForm] Validation errors, returning early");
-      }
-      return;
-    }
-
-    try {
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[LoginForm] Calling signIn with email:", email.trim());
-      }
-      await signIn(email.trim(), password);
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[LoginForm] signIn completed successfully");
-      }
-    } catch (err: any) {
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.error("[LoginForm] signIn error:", err);
-      }
-      const localizationKey = getAuthErrorLocalizationKey(err);
-      const errorMessage = t(localizationKey);
-      setLocalError(errorMessage);
-    }
-  };
-
-  const handleContinueAsGuest = async () => {
-    /* eslint-disable-next-line no-console */
-    if (__DEV__) {
-      console.log("========================================");
-      console.log("[LoginForm] 🎯 Continue as Guest button PRESSED");
-      console.log("[LoginForm] Current loading state:", loading);
-      console.log("[LoginForm] Current error state:", error);
-      console.log("========================================");
-    }
-    
-    try {
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[LoginForm] Calling continueAsGuest() function...");
-      }
-      
-      await continueAsGuest();
-      
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.log("[LoginForm] ✅ continueAsGuest() completed successfully");
-        console.log("[LoginForm] Current loading state after:", loading);
-      }
-    } catch (err) {
-      /* eslint-disable-next-line no-console */
-      if (__DEV__) {
-        console.error("[LoginForm] ❌ ERROR in continueAsGuest:", err);
-        console.error("[LoginForm] Error details:", {
-          message: err instanceof Error ? err.message : String(err),
-          stack: err instanceof Error ? err.stack : undefined,
-        });
-      }
-      // Error handling is done in the hook
-    }
-  };
-
-  const displayError = localError || error;
+  const {
+    email,
+    password,
+    emailError,
+    passwordError,
+    loading,
+    handleEmailChange,
+    handlePasswordChange,
+    handleSignIn,
+    handleContinueAsGuest,
+    displayError,
+  } = useLoginForm();
 
   return (
     <>
@@ -189,14 +82,7 @@ export const LoginForm: React.FC<LoginFormProps> = ({
       <View style={styles.buttonContainer}>
         <AtomicButton
           variant="outline"
-          onPress={() => {
-            /* eslint-disable-next-line no-console */
-            if (__DEV__) {
-              console.log("[LoginForm] 🔘 AtomicButton onPress triggered for Continue as Guest");
-              console.log("[LoginForm] Button disabled state:", loading);
-            }
-            handleContinueAsGuest();
-          }}
+          onPress={handleContinueAsGuest}
           disabled={loading}
           fullWidth
           style={styles.guestButton}