@umituz/react-native-auth 3.6.73 → 3.6.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.6.73",
+  "version": "3.6.75",
   "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/domain/value-objects/AuthConfig.ts

@@ -7,9 +7,6 @@ export interface PasswordConfig {
   minLength: number;
 }
 
-/**
- * Social authentication provider configuration
- */
 export interface SocialProviderConfig {
   enabled: boolean;
 }
@@ -20,21 +17,13 @@ export interface GoogleAuthConfig extends SocialProviderConfig {
   androidClientId?: string;
 }
 
-export interface AppleAuthConfig extends SocialProviderConfig {
-  // Apple Sign In doesn't require additional config for basic usage
-}
+export interface AppleAuthConfig extends SocialProviderConfig {}
 
-/**
- * Social authentication configuration
- */
 export interface SocialAuthConfig {
   google?: GoogleAuthConfig;
   apple?: AppleAuthConfig;
 }
 
-/**
- * Supported social auth providers
- */
 export type SocialAuthProvider = "google" | "apple";
 
 export interface AuthConfig {
@@ -42,23 +31,16 @@ export interface AuthConfig {
   social?: SocialAuthConfig;
 }
 
-export const DEFAULT_PASSWORD_CONFIG: PasswordConfig = {
-  minLength: 6,
-};
-
+export const DEFAULT_PASSWORD_CONFIG: PasswordConfig = { minLength: 6 };
 export const DEFAULT_SOCIAL_CONFIG: SocialAuthConfig = {
   google: { enabled: false },
   apple: { enabled: false },
 };
-
 export const DEFAULT_AUTH_CONFIG: AuthConfig = {
   password: DEFAULT_PASSWORD_CONFIG,
   social: DEFAULT_SOCIAL_CONFIG,
 };
 
-/**
- * Configuration validation error
- */
 export class AuthConfigValidationError extends Error {
   constructor(message: string, public readonly field: string) {
     super(message);
@@ -66,58 +48,29 @@ export class AuthConfigValidationError extends Error {
   }
 }
 
-/**
- * Validate authentication configuration
- * @throws {AuthConfigValidationError} if configuration is invalid
- */
 export function validateAuthConfig(config: Partial<AuthConfig>): void {
-  // Validate password config
   if (config.password) {
     if (typeof config.password.minLength !== "number") {
-      throw new AuthConfigValidationError(
-        "Password minLength must be a number",
-        "password.minLength"
-      );
+      throw new AuthConfigValidationError("Password minLength must be a number", "password.minLength");
     }
     if (config.password.minLength < 4) {
-      throw new AuthConfigValidationError(
-        "Password minLength must be at least 4 characters",
-        "password.minLength"
-      );
+      throw new AuthConfigValidationError("Password minLength must be at least 4 characters", "password.minLength");
     }
     if (config.password.minLength > 128) {
-      throw new AuthConfigValidationError(
-        "Password minLength must not exceed 128 characters",
-        "password.minLength"
-      );
+      throw new AuthConfigValidationError("Password minLength must not exceed 128 characters", "password.minLength");
     }
   }
 
-  // Validate social auth config
-  if (config.social) {
-    if (config.social.google) {
-      const googleConfig = config.social.google;
-      if (googleConfig.enabled) {
-        // At least one client ID should be provided if enabled
-        if (!googleConfig.webClientId && !googleConfig.iosClientId && !googleConfig.androidClientId) {
-          throw new AuthConfigValidationError(
-            "At least one Google client ID (web, iOS, or Android) must be provided when Google Sign-In is enabled",
-            "social.google"
-          );
-        }
-      }
+  if (config.social?.google?.enabled) {
+    const googleConfig = config.social.google;
+    if (!googleConfig.webClientId && !googleConfig.iosClientId && !googleConfig.androidClientId) {
+      throw new AuthConfigValidationError("At least one Google client ID must be provided when Google Sign-In is enabled", "social.google");
     }
   }
 }
 
-/**
- * Sanitize and merge auth config with defaults
- * Ensures valid configuration values
- */
 export function sanitizeAuthConfig(config: Partial<AuthConfig> = {}): AuthConfig {
-  // Validate first
   validateAuthConfig(config);
-
   return {
     password: {
       minLength: config.password?.minLength ?? DEFAULT_PASSWORD_CONFIG.minLength,

package/src/index.ts

@@ -10,97 +10,30 @@
 // =============================================================================
 
 export type { AuthUser, AuthProviderType } from './domain/entities/AuthUser';
-export {
-  AuthError,
-  AuthInitializationError,
-  AuthConfigurationError,
-  AuthValidationError,
-  AuthNetworkError,
-  AuthUserNotFoundError,
-  AuthWrongPasswordError,
-  AuthEmailAlreadyInUseError,
-  AuthWeakPasswordError,
-  AuthInvalidEmailError,
-} from './domain/errors/AuthError';
-
-export type {
-  AuthConfig,
-  PasswordConfig,
-  SocialAuthConfig,
-  SocialProviderConfig,
-  GoogleAuthConfig,
-  AppleAuthConfig,
-  SocialAuthProvider,
-} from './domain/value-objects/AuthConfig';
-export {
-  DEFAULT_AUTH_CONFIG,
-  DEFAULT_PASSWORD_CONFIG,
-  DEFAULT_SOCIAL_CONFIG,
-} from './domain/value-objects/AuthConfig';
-
 export type { UserProfile, UpdateProfileParams } from './domain/entities/UserProfile';
+export { AuthError, AuthInitializationError, AuthConfigurationError, AuthValidationError, AuthNetworkError, AuthUserNotFoundError, AuthWrongPasswordError, AuthEmailAlreadyInUseError, AuthWeakPasswordError, AuthInvalidEmailError } from './domain/errors/AuthError';
+export type { AuthConfig, PasswordConfig, SocialAuthConfig, SocialProviderConfig, GoogleAuthConfig, AppleAuthConfig, SocialAuthProvider } from './domain/value-objects/AuthConfig';
+export { DEFAULT_AUTH_CONFIG, DEFAULT_PASSWORD_CONFIG, DEFAULT_SOCIAL_CONFIG } from './domain/value-objects/AuthConfig';
 
 // =============================================================================
 // APPLICATION LAYER
 // =============================================================================
 
-export type {
-  IAuthProvider,
-  AuthCredentials,
-  SignUpCredentials,
-  SocialSignInResult,
-} from './application/ports/IAuthProvider';
+export type { IAuthProvider, AuthCredentials, SignUpCredentials, SocialSignInResult } from './application/ports/IAuthProvider';
 
 // =============================================================================
 // INFRASTRUCTURE LAYER
 // =============================================================================
 
 export { FirebaseAuthProvider } from './infrastructure/providers/FirebaseAuthProvider';
-export {
-  AuthService,
-  initializeAuthService,
-  getAuthService,
-  resetAuthService,
-} from './infrastructure/services/AuthService';
+export { AuthService, initializeAuthService, getAuthService, resetAuthService } from './infrastructure/services/AuthService';
 export type { IStorageProvider } from './infrastructure/types/Storage.types';
-export {
-  createStorageProvider,
-  StorageProviderAdapter,
-} from './infrastructure/adapters/StorageProviderAdapter';
-export {
-  initializeAuth,
-  isAuthInitialized,
-  resetAuthInitialization,
-} from './infrastructure/services/initializeAuth';
+export { createStorageProvider, StorageProviderAdapter } from './infrastructure/adapters/StorageProviderAdapter';
+export { initializeAuth, isAuthInitialized, resetAuthInitialization } from './infrastructure/services/initializeAuth';
 export type { InitializeAuthOptions } from './infrastructure/services/initializeAuth';
-
-// =============================================================================
-// VALIDATION
-// =============================================================================
-
-export {
-  validateEmail,
-  validatePasswordForLogin,
-  validatePasswordForRegister,
-  validatePasswordConfirmation,
-  validateDisplayName,
-} from './infrastructure/utils/AuthValidation';
-export type {
-  ValidationResult,
-  PasswordStrengthResult,
-  PasswordRequirements,
-} from './infrastructure/utils/AuthValidation';
-
-export {
-  SECURITY_LIMITS,
-  sanitizeWhitespace,
-  sanitizeEmail,
-  sanitizePassword,
-  sanitizeName,
-  sanitizeText,
-  containsDangerousChars,
-  isWithinLengthLimit,
-} from './infrastructure/utils/validation/sanitization';
+export { validateEmail, validatePasswordForLogin, validatePasswordForRegister, validatePasswordConfirmation, validateDisplayName } from './infrastructure/utils/AuthValidation';
+export type { ValidationResult, PasswordStrengthResult, PasswordRequirements } from './infrastructure/utils/AuthValidation';
+export { SECURITY_LIMITS, sanitizeWhitespace, sanitizeEmail, sanitizePassword, sanitizeName, sanitizeText, containsDangerousChars, isWithinLengthLimit } from './infrastructure/utils/validation/sanitization';
 export type { SecurityLimitKey } from './infrastructure/utils/validation/sanitization';
 
 // =============================================================================
@@ -109,37 +42,26 @@ export type { SecurityLimitKey } from './infrastructure/utils/validation/sanitiz
 
 export { useAuth } from './presentation/hooks/useAuth';
 export type { UseAuthResult } from './presentation/hooks/useAuth';
-
 export { useLoginForm } from './presentation/hooks/useLoginForm';
 export type { UseLoginFormConfig, UseLoginFormResult } from './presentation/hooks/useLoginForm';
-
 export { useRegisterForm } from './presentation/hooks/useRegisterForm';
 export type { UseRegisterFormConfig, UseRegisterFormResult } from './presentation/hooks/useRegisterForm';
-
 export { useAuthRequired } from './presentation/hooks/useAuthRequired';
 export { useRequireAuth, useUserId } from './presentation/hooks/useRequireAuth';
-
 export { useUserProfile } from './presentation/hooks/useUserProfile';
 export type { UserProfileData, UseUserProfileParams } from './presentation/hooks/useUserProfile';
-
 export { useAccountManagement } from './presentation/hooks/useAccountManagement';
 export type { UseAccountManagementReturn } from './presentation/hooks/useAccountManagement';
-
 export { useProfileUpdate } from './presentation/hooks/useProfileUpdate';
 export type { UseProfileUpdateReturn } from './presentation/hooks/useProfileUpdate';
-
 export { useProfileEdit } from './presentation/hooks/useProfileEdit';
 export type { ProfileEditFormState, UseProfileEditReturn } from './presentation/hooks/useProfileEdit';
-
 export { useSocialLogin } from './presentation/hooks/useSocialLogin';
 export type { UseSocialLoginConfig, UseSocialLoginResult } from './presentation/hooks/useSocialLogin';
-
 export { useGoogleAuth } from './presentation/hooks/useGoogleAuth';
 export type { UseGoogleAuthResult } from './presentation/hooks/useGoogleAuth';
-
 export { useAppleAuth } from './presentation/hooks/useAppleAuth';
 export type { UseAppleAuthResult } from './presentation/hooks/useAppleAuth';
-
 export { useAuthBottomSheet } from './presentation/hooks/useAuthBottomSheet';
 export type { SocialAuthConfiguration } from './presentation/hooks/useAuthBottomSheet';
 
@@ -149,22 +71,16 @@ export type { SocialAuthConfiguration } from './presentation/hooks/useAuthBottom
 
 export { AuthProvider } from './presentation/providers/AuthProvider';
 export type { ErrorFallbackProps } from './presentation/providers/AuthProvider';
-
 export { LoginScreen } from './presentation/screens/LoginScreen';
 export type { LoginScreenProps } from './presentation/screens/LoginScreen';
-
 export { RegisterScreen } from './presentation/screens/RegisterScreen';
 export type { RegisterScreenProps } from './presentation/screens/RegisterScreen';
-
 export { AccountScreen } from './presentation/screens/AccountScreen';
 export type { AccountScreenProps, AccountScreenConfig } from './presentation/screens/AccountScreen';
-
 export { EditProfileScreen } from './presentation/screens/EditProfileScreen';
 export type { EditProfileScreenProps } from './presentation/screens/EditProfileScreen';
-
 export { AuthNavigator } from './presentation/navigation/AuthNavigator';
 export type { AuthStackParamList } from './presentation/navigation/AuthNavigator';
-
 export { AuthBottomSheet } from './presentation/components/AuthBottomSheet';
 export { ProfileSection } from './presentation/components/ProfileSection';
 export type { ProfileSectionProps, ProfileSectionConfig } from './presentation/components/ProfileSection';
@@ -175,28 +91,15 @@ export type { ProfileSectionProps, ProfileSectionConfig } from './presentation/c
 
 export { useAuthStore } from './presentation/stores/authStore';
 export { useAuthModalStore } from './presentation/stores/authModalStore';
-export {
-  initializeAuthListener,
-  resetAuthListener,
-  isAuthListenerInitialized,
-} from './presentation/stores/initializeAuthListener';
-export type { AuthState, AuthActions, UserType } from './types/auth-store.types';
-export type { AuthListenerOptions } from './types/auth-store.types';
+export { initializeAuthListener, resetAuthListener, isAuthListenerInitialized } from './presentation/stores/initializeAuthListener';
+export type { AuthState, AuthActions, UserType, AuthListenerOptions } from './types/auth-store.types';
 export * from './presentation/stores/auth.selectors';
 
 // =============================================================================
-// UTILITIES
-// =============================================================================
-
-export {
-  getAuthErrorLocalizationKey,
-  resolveErrorMessage,
-} from './presentation/utils/getAuthErrorMessage';
-
-// =============================================================================
-// INIT MODULE
+// UTILITIES & INIT
 // =============================================================================
 
+export { getAuthErrorLocalizationKey, resolveErrorMessage } from './presentation/utils/getAuthErrorMessage';
 export { createAuthInitModule } from './init';
 export type { AuthInitModuleConfig } from './init/createAuthInitModule';
 

package/src/infrastructure/providers/FirebaseAuthProvider.ts

@@ -13,12 +13,7 @@ import {
   linkWithCredential,
   type Auth,
 } from "firebase/auth";
-
-import type {
-  IAuthProvider,
-  AuthCredentials,
-  SignUpCredentials,
-} from "../../application/ports/IAuthProvider";
+import type { IAuthProvider, AuthCredentials, SignUpCredentials } from "../../application/ports/IAuthProvider";
 import type { AuthUser } from "../../domain/entities/AuthUser";
 import { mapFirebaseAuthError } from "../utils/AuthErrorMapper";
 import { mapToAuthUser } from "../utils/UserMapper";
@@ -27,15 +22,11 @@ export class FirebaseAuthProvider implements IAuthProvider {
   private auth: Auth | null = null;
 
   constructor(auth?: Auth) {
-    if (auth) {
-      this.auth = auth;
-    }
+    if (auth) this.auth = auth;
   }
 
   initialize(): Promise<void> {
-    if (!this.auth) {
-      throw new Error("Firebase Auth instance must be provided");
-    }
+    if (!this.auth) throw new Error("Firebase Auth instance must be provided");
     return Promise.resolve();
   }
 
@@ -48,20 +39,12 @@ export class FirebaseAuthProvider implements IAuthProvider {
   }
 
   async signIn(credentials: AuthCredentials): Promise<AuthUser> {
-    if (!this.auth) {
-      throw new Error("Firebase Auth is not initialized");
-    }
+    if (!this.auth) throw new Error("Firebase Auth is not initialized");
 
     try {
-      const userCredential = await signInWithEmailAndPassword(
-        this.auth,
-        credentials.email.trim(),
-        credentials.password
-      );
+      const userCredential = await signInWithEmailAndPassword(this.auth, credentials.email.trim(), credentials.password);
       const user = mapToAuthUser(userCredential.user);
-      if (!user) {
-        throw new Error("Failed to sign in");
-      }
+      if (!user) throw new Error("Failed to sign in");
       return user;
     } catch (error: unknown) {
       throw mapFirebaseAuthError(error);
@@ -69,55 +52,31 @@ export class FirebaseAuthProvider implements IAuthProvider {
   }
 
   async signUp(credentials: SignUpCredentials): Promise<AuthUser> {
-    if (!this.auth) {
-      throw new Error("Firebase Auth is not initialized");
-    }
+    if (!this.auth) throw new Error("Firebase Auth is not initialized");
 
     try {
       const currentUser = this.auth.currentUser;
       const isAnonymous = currentUser?.isAnonymous ?? false;
-
       let userCredential;
 
-      // Convert anonymous user to permanent account
       if (currentUser && isAnonymous) {
-        // Reload user to refresh token before linking (prevents token-expired errors)
-        try {
-          await currentUser.reload();
-        } catch {
-          // Reload failed, proceed with link anyway
-        }
-
-        const credential = EmailAuthProvider.credential(
-          credentials.email.trim(),
-          credentials.password
-        );
-
+        try { await currentUser.reload(); } catch { /* Reload failed, proceed */ }
+        const credential = EmailAuthProvider.credential(credentials.email.trim(), credentials.password);
         userCredential = await linkWithCredential(currentUser, credential);
       } else {
-        // Create new user
-        userCredential = await createUserWithEmailAndPassword(
-          this.auth,
-          credentials.email.trim(),
-          credentials.password
-        );
+        userCredential = await createUserWithEmailAndPassword(this.auth, credentials.email.trim(), credentials.password);
       }
 
       if (credentials.displayName && userCredential.user) {
         try {
-          await updateProfile(userCredential.user, {
-            displayName: credentials.displayName.trim(),
-          });
+          await updateProfile(userCredential.user, { displayName: credentials.displayName.trim() });
         } catch {
-          // Silently fail - the account was created successfully,
-          // only the display name update failed. User can update it later.
+          /* Display name update failed, account created successfully */
         }
       }
 
       const user = mapToAuthUser(userCredential.user);
-      if (!user) {
-        throw new Error("Failed to create user account");
-      }
+      if (!user) throw new Error("Failed to create user account");
       return user;
     } catch (error: unknown) {
       throw mapFirebaseAuthError(error);
@@ -125,10 +84,7 @@ export class FirebaseAuthProvider implements IAuthProvider {
   }
 
   async signOut(): Promise<void> {
-    if (!this.auth) {
-      return;
-    }
-
+    if (!this.auth) return;
     try {
       await firebaseSignOut(this.auth);
     } catch (error: unknown) {
@@ -137,13 +93,9 @@ export class FirebaseAuthProvider implements IAuthProvider {
   }
 
   getCurrentUser(): AuthUser | null {
-    if (!this.auth) {
-      return null;
-    }
+    if (!this.auth) return null;
     const currentUser = this.auth.currentUser;
-    if (!currentUser) {
-      return null;
-    }
+    if (!currentUser) return null;
     return mapToAuthUser(currentUser);
   }
 
@@ -152,9 +104,6 @@ export class FirebaseAuthProvider implements IAuthProvider {
       callback(null);
       return () => {};
     }
-
-    return onAuthStateChanged(this.auth, (user) => {
-      callback(mapToAuthUser(user));
-    });
+    return onAuthStateChanged(this.auth, (user) => callback(mapToAuthUser(user)));
   }
 }

package/src/infrastructure/services/AuthService.ts

@@ -23,9 +23,7 @@ export class AuthService {
   private config: AuthConfig;
 
   constructor(config: Partial<AuthConfig> = {}, storageProvider?: IStorageProvider) {
-    // Validate and sanitize configuration
     this.config = sanitizeAuthConfig(config);
-
     this.anonymousModeService = new AnonymousModeService();
     this.storageProvider = storageProvider;
   }
@@ -87,17 +85,12 @@ export class AuthService {
   }
 
   async setAnonymousMode(): Promise<void> {
-    if (!this.storageProvider) {
-      throw new Error("Storage provider is required for anonymous mode");
-    }
+    if (!this.storageProvider) throw new Error("Storage provider is required for anonymous mode");
     await this.anonymousModeService.enable(this.storageProvider);
   }
 
   getCurrentUser(): AuthUser | null {
     if (!this.initialized) return null;
-    // Return the actual Firebase user regardless of anonymous mode
-    // The caller should check the user's isAnonymous property if needed
-    // This ensures proper anonymous to registered user conversion
     return this.repositoryInstance.getCurrentUser();
   }
 

package/src/presentation/components/AccountActions.tsx

@@ -47,12 +47,7 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
   const handleLogout = () => {
     alert.show(AlertType.WARNING, AlertMode.MODAL, logoutConfirmTitle, logoutConfirmMessage, {
       actions: [
-        {
-          id: "cancel",
-          label: cancelText,
-          style: "secondary",
-          onPress: () => {},
-        },
+        { id: "cancel", label: cancelText, style: "secondary", onPress: () => {} },
         {
           id: "confirm",
           label: logoutText,
@@ -72,12 +67,7 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
   const handleDeleteAccount = () => {
     alert.show(AlertType.ERROR, AlertMode.MODAL, deleteConfirmTitle, deleteConfirmMessage, {
       actions: [
-        {
-          id: "cancel",
-          label: cancelText,
-          style: "secondary",
-          onPress: () => {},
-        },
+        { id: "cancel", label: cancelText, style: "secondary", onPress: () => {} },
         {
           id: "confirm",
           label: deleteAccountText,
@@ -97,40 +87,22 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
   return (
     <View style={styles.container}>
       {showChangePassword && onChangePassword && changePasswordText && (
-        <TouchableOpacity
-          style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]}
-          onPress={onChangePassword}
-          activeOpacity={0.7}
-        >
+        <TouchableOpacity style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]} onPress={onChangePassword} activeOpacity={0.7}>
           <AtomicIcon name="key-outline" size="md" color="textPrimary" />
-          <AtomicText style={actionButtonStyle.text} color="textPrimary">
-            {changePasswordText}
-          </AtomicText>
+          <AtomicText style={actionButtonStyle.text} color="textPrimary">{changePasswordText}</AtomicText>
           <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
         </TouchableOpacity>
       )}
 
-      <TouchableOpacity
-        style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]}
-        onPress={handleLogout}
-        activeOpacity={0.7}
-      >
+      <TouchableOpacity style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]} onPress={handleLogout} activeOpacity={0.7}>
         <AtomicIcon name="log-out-outline" size="md" color="error" />
-        <AtomicText style={actionButtonStyle.text} color="error">
-          {logoutText}
-        </AtomicText>
+        <AtomicText style={actionButtonStyle.text} color="error">{logoutText}</AtomicText>
         <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
       </TouchableOpacity>
 
-      <TouchableOpacity
-        style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]}
-        onPress={handleDeleteAccount}
-        activeOpacity={0.7}
-      >
+      <TouchableOpacity style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]} onPress={handleDeleteAccount} activeOpacity={0.7}>
         <AtomicIcon name="trash-outline" size="md" color="error" />
-        <AtomicText style={actionButtonStyle.text} color="error">
-          {deleteAccountText}
-        </AtomicText>
+        <AtomicText style={actionButtonStyle.text} color="error">{deleteAccountText}</AtomicText>
         <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
       </TouchableOpacity>
     </View>
@@ -138,7 +110,5 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
 };
 
 const styles = StyleSheet.create({
-  container: {
-    gap: 12,
-  },
+  container: { gap: 12 },
 });

package/src/presentation/components/ProfileSection.tsx

@@ -9,128 +9,98 @@ import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicAvatar } from "@umitu
 import { ProfileBenefitsList } from "./ProfileBenefitsList";
 
 export interface ProfileSectionConfig {
-    displayName?: string;
-    userId?: string;
-    isAnonymous: boolean;
-    avatarUrl?: string;
-    accountSettingsRoute?: string;
-    benefits?: string[];
+  displayName?: string;
+  userId?: string;
+  isAnonymous: boolean;
+  avatarUrl?: string;
+  accountSettingsRoute?: string;
+  benefits?: string[];
 }
 
 export interface ProfileSectionProps {
-    profile: ProfileSectionConfig;
-    onPress?: () => void;
-    onSignIn?: () => void;
-    signInText?: string;
-    anonymousText?: string;
+  profile: ProfileSectionConfig;
+  onPress?: () => void;
+  onSignIn?: () => void;
+  signInText?: string;
+  anonymousText?: string;
 }
 
 export const ProfileSection: React.FC<ProfileSectionProps> = ({
-    profile,
-    onPress,
-    onSignIn,
-    signInText,
-    anonymousText,
+  profile,
+  onPress,
+  onSignIn,
+  signInText,
+  anonymousText,
 }) => {
-    const tokens = useAppDesignTokens();
+  const tokens = useAppDesignTokens();
 
-    const handlePress = () => {
-        if (profile.isAnonymous && onSignIn) {
-            onSignIn();
-        } else if (onPress) {
-            onPress();
-        }
-    };
+  const handlePress = () => {
+    if (profile.isAnonymous && onSignIn) {
+      onSignIn();
+    } else if (onPress) {
+      onPress();
+    }
+  };
 
-    return (
-        <TouchableOpacity
-            style={[styles.container, { backgroundColor: tokens.colors.surface }]}
-            onPress={handlePress}
-            activeOpacity={0.7}
-            disabled={!onPress && !onSignIn}
-        >
-            <View style={styles.content}>
-                <View style={styles.avatarContainer}>
-                    <AtomicAvatar
-                        source={profile.avatarUrl ? { uri: profile.avatarUrl } : undefined}
-                        name={profile.displayName || (profile.isAnonymous ? anonymousText : signInText)}
-                        size="md"
-                    />
-                </View>
+  return (
+    <TouchableOpacity
+      style={[styles.container, { backgroundColor: tokens.colors.surface }]}
+      onPress={handlePress}
+      activeOpacity={0.7}
+      disabled={!onPress && !onSignIn}
+    >
+      <View style={styles.content}>
+        <View style={styles.avatarContainer}>
+          <AtomicAvatar
+            source={profile.avatarUrl ? { uri: profile.avatarUrl } : undefined}
+            name={profile.displayName || (profile.isAnonymous ? anonymousText : signInText)}
+            size="md"
+          />
+        </View>
 
-                <View style={styles.info}>
-                    <AtomicText
-                        type="titleMedium"
-                        color="textPrimary"
-                        numberOfLines={1}
-                        style={styles.displayName}
-                    >
-                        {profile.displayName}
-                    </AtomicText>
-                    {profile.userId && (
-                        <AtomicText
-                            type="bodySmall"
-                            color="textSecondary"
-                            numberOfLines={1}
-                        >
-                            {profile.userId}
-                        </AtomicText>
-                    )}
-                </View>
+        <View style={styles.info}>
+          <AtomicText type="titleMedium" color="textPrimary" numberOfLines={1} style={styles.displayName}>
+            {profile.displayName}
+          </AtomicText>
+          {profile.userId && (
+            <AtomicText type="bodySmall" color="textSecondary" numberOfLines={1}>
+              {profile.userId}
+            </AtomicText>
+          )}
+        </View>
 
-                {onPress && !profile.isAnonymous && (
-                    <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
-                )}
-            </View>
+        {onPress && !profile.isAnonymous && (
+          <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
+        )}
+      </View>
 
-            {profile.isAnonymous && onSignIn && (
-                <View style={[styles.ctaContainer, { borderTopColor: tokens.colors.border }]}>
-                    {profile.benefits && profile.benefits.length > 0 && (
-                        <ProfileBenefitsList benefits={profile.benefits} />
-                    )}
+      {profile.isAnonymous && onSignIn && (
+        <View style={[styles.ctaContainer, { borderTopColor: tokens.colors.border }]}>
+          {profile.benefits && profile.benefits.length > 0 && (
+            <ProfileBenefitsList benefits={profile.benefits} />
+          )}
 
-                    <TouchableOpacity
-                        style={[styles.ctaButton, { backgroundColor: tokens.colors.primary }]}
-                        onPress={onSignIn}
-                        activeOpacity={0.8}
-                    >
-                        <AtomicText type="labelLarge" style={{ color: tokens.colors.onPrimary }}>
-                            {signInText}
-                        </AtomicText>
-                    </TouchableOpacity>
-                </View>
-            )}
-        </TouchableOpacity>
-    );
+          <TouchableOpacity
+            style={[styles.ctaButton, { backgroundColor: tokens.colors.primary }]}
+            onPress={onSignIn}
+            activeOpacity={0.8}
+          >
+            <AtomicText type="labelLarge" style={{ color: tokens.colors.onPrimary }}>
+              {signInText}
+            </AtomicText>
+          </TouchableOpacity>
+        </View>
+      )}
+    </TouchableOpacity>
+  );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        borderRadius: 12,
-        padding: 16,
-        marginBottom: 16,
-    },
-    content: {
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    avatarContainer: {
-        marginRight: 12,
-    },
-    info: {
-        flex: 1,
-    },
-    displayName: {
-        marginBottom: 2,
-    },
-    ctaContainer: {
-        marginTop: 12,
-        paddingTop: 12,
-        borderTopWidth: 1,
-    },
-    ctaButton: {
-        paddingVertical: 12,
-        borderRadius: 8,
-        alignItems: "center",
-    },
+  container: { borderRadius: 12, padding: 16, marginBottom: 16 },
+  content: { flexDirection: "row", alignItems: "center" },
+  avatarContainer: { marginRight: 12 },
+  info: { flex: 1 },
+  displayName: { marginBottom: 2 },
+  ctaContainer: { marginTop: 12, paddingTop: 12, borderTopWidth: 1 },
+  ctaButton: { paddingVertical: 12, borderRadius: 8, alignItems: "center" },
 });

package/src/presentation/components/RegisterForm.tsx

@@ -119,10 +119,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
         style={styles.input}
       />
       {password.length > 0 && (
-        <PasswordStrengthIndicator
-          translations={translations.passwordStrength}
-          requirements={passwordRequirements}
-        />
+        <PasswordStrengthIndicator translations={translations.passwordStrength} requirements={passwordRequirements} />
       )}
 
       <AtomicInput
@@ -144,10 +141,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
         style={styles.input}
       />
       {confirmPassword.length > 0 && (
-        <PasswordMatchIndicator
-          translations={translations.passwordMatch}
-          isMatch={passwordsMatch}
-        />
+        <PasswordMatchIndicator translations={translations.passwordMatch} isMatch={passwordsMatch} />
       )}
 
       <AuthErrorDisplay error={displayError} />
@@ -155,24 +149,14 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
       <AtomicButton
         variant="primary"
         onPress={() => { void handleSignUp(); }}
-        disabled={
-          loading ||
-          !email.trim() ||
-          !password.trim() ||
-          !confirmPassword.trim()
-        }
+        disabled={loading || !email.trim() || !password.trim() || !confirmPassword.trim()}
         fullWidth
         style={styles.signUpButton}
       >
         {translations.signUp}
       </AtomicButton>
 
-      <AuthLink
-        text={translations.alreadyHaveAccount}
-        linkText={translations.signIn}
-        onPress={onNavigateToLogin}
-        disabled={loading}
-      />
+      <AuthLink text={translations.alreadyHaveAccount} linkText={translations.signIn} onPress={onNavigateToLogin} disabled={loading} />
 
       <AuthLegalLinks
         translations={translations.legal}
@@ -187,12 +171,6 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 };
 
 const styles = StyleSheet.create({
-  input: {
-    marginBottom: 20,
-  },
-  signUpButton: {
-    minHeight: 52,
-    marginBottom: 16,
-    marginTop: 8,
-  },
+  input: { marginBottom: 20 },
+  signUpButton: { minHeight: 52, marginBottom: 16, marginTop: 8 },
 });

package/src/presentation/hooks/useAuth.ts

@@ -1,9 +1,6 @@
 /**
  * useAuth Hook
  * React hook for authentication state management
- *
- * Uses centralized Zustand store for auth state.
- * Single source of truth - no duplicate subscriptions.
  */
 
 import { useCallback } from "react";
@@ -32,44 +29,23 @@ import {
 import type { AuthUser } from "../../domain/entities/AuthUser";
 
 export interface UseAuthResult {
-  /** Current authenticated user */
   user: AuthUser | null;
-  /** Current user ID (uid) */
   userId: string | null;
-  /** Current user type */
   userType: UserType;
-  /** Whether auth state is loading */
   loading: boolean;
-  /** Whether auth is ready (initialized and not loading) */
   isAuthReady: boolean;
-  /** Whether user is anonymous */
   isAnonymous: boolean;
-  /** Whether user is authenticated (not anonymous) */
   isAuthenticated: boolean;
-  /** Whether user is a registered user (authenticated AND not anonymous) */
   isRegisteredUser: boolean;
-  /** Current error message */
   error: string | null;
-  /** Sign up function */
   signUp: (email: string, password: string, displayName?: string) => Promise<void>;
-  /** Sign in function */
   signIn: (email: string, password: string) => Promise<void>;
-  /** Sign out function */
   signOut: () => Promise<void>;
-  /** Continue anonymously function */
   continueAnonymously: () => Promise<void>;
-  /** Set error manually (for form validation, etc.) */
   setError: (error: string | null) => void;
 }
 
-/**
- * Hook for authentication state management
- *
- * Uses centralized Zustand store - all components share the same state.
- * Must call initializeAuthListener() once in app root.
- */
 export function useAuth(): UseAuthResult {
-  // State from store - using typed selectors
   const user = useAuthStore(selectUser);
   const loading = useAuthStore(selectLoading);
   const error = useAuthStore(selectError);
@@ -79,13 +55,10 @@ export function useAuth(): UseAuthResult {
   const isAnonymous = useAuthStore(selectIsAnonymous);
   const isAuthReady = useAuthStore(selectIsAuthReady);
   const isRegisteredUser = useAuthStore(selectIsRegisteredUser);
-
-  // Actions from store - using typed selectors
   const setLoading = useAuthStore(selectSetLoading);
   const setError = useAuthStore(selectSetError);
   const setIsAnonymous = useAuthStore(selectSetIsAnonymous);
 
-  // Mutations
   const signInMutation = useSignInMutation();
   const signUpMutation = useSignUpMutation();
   const signOutMutation = useSignOutMutation();
@@ -99,8 +72,7 @@ export function useAuth(): UseAuthResult {
         await signUpMutation.mutateAsync({ email, password, displayName });
         setIsAnonymous(false);
       } catch (err: unknown) {
-        const errorMessage = err instanceof Error ? err.message : "Sign up failed";
-        setError(errorMessage);
+        setError(err instanceof Error ? err.message : "Sign up failed");
         throw err;
       } finally {
         setLoading(false);
@@ -117,8 +89,7 @@ export function useAuth(): UseAuthResult {
         await signInMutation.mutateAsync({ email, password });
         setIsAnonymous(false);
       } catch (err: unknown) {
-        const errorMessage = err instanceof Error ? err.message : "Sign in failed";
-        setError(errorMessage);
+        setError(err instanceof Error ? err.message : "Sign in failed");
         throw err;
       } finally {
         setLoading(false);
@@ -133,8 +104,7 @@ export function useAuth(): UseAuthResult {
       setError(null);
       await signOutMutation.mutateAsync();
     } catch (err: unknown) {
-      const errorMessage = err instanceof Error ? err.message : "Sign out failed";
-      setError(errorMessage);
+      setError(err instanceof Error ? err.message : "Sign out failed");
       throw err;
     } finally {
       setLoading(false);
@@ -147,7 +117,6 @@ export function useAuth(): UseAuthResult {
       await anonymousModeMutation.mutateAsync();
       setIsAnonymous(true);
     } catch {
-      // Silently fail - anonymous mode is optional
       setIsAnonymous(true);
     } finally {
       setLoading(false);
@@ -155,19 +124,7 @@ export function useAuth(): UseAuthResult {
   }, [setIsAnonymous, setLoading, anonymousModeMutation]);
 
   return {
-    user,
-    userId,
-    userType,
-    loading,
-    isAuthReady,
-    isAnonymous,
-    isAuthenticated,
-    isRegisteredUser,
-    error,
-    signUp,
-    signIn,
-    signOut,
-    continueAnonymously,
-    setError,
+    user, userId, userType, loading, isAuthReady, isAnonymous, isAuthenticated, isRegisteredUser, error,
+    signUp, signIn, signOut, continueAnonymously, setError,
   };
 }

package/src/presentation/hooks/useGoogleAuth.ts

@@ -1,19 +1,10 @@
 /**
  * useGoogleAuth Hook
  * Handles Google OAuth flow using expo-auth-session and Firebase auth
- *
- * This hook provides complete Google sign-in flow:
- * 1. OAuth flow via expo-auth-session
- * 2. Firebase authentication with the obtained token
  */
 
 import { useState, useCallback, useEffect } from "react";
-import {
-  useSocialAuth,
-  type SocialAuthConfig,
-  type SocialAuthResult,
-} from "@umituz/react-native-firebase";
-
+import { useSocialAuth, type SocialAuthConfig, type SocialAuthResult } from "@umituz/react-native-firebase";
 import * as Google from "expo-auth-session/providers/google";
 import * as WebBrowser from "expo-web-browser";
 
@@ -34,38 +25,25 @@ export interface UseGoogleAuthResult {
 
 const PLACEHOLDER_CLIENT_ID = "000000000000-placeholder.apps.googleusercontent.com";
 
-/**
- * Validate Google auth config
- */
 function validateGoogleConfig(config?: GoogleAuthConfig): boolean {
   if (!config) return false;
-
-  const hasValidClientId =
-    !!(config.iosClientId && config.iosClientId !== PLACEHOLDER_CLIENT_ID) ||
-    !!(config.webClientId && config.webClientId !== PLACEHOLDER_CLIENT_ID) ||
-    !!(config.androidClientId && config.androidClientId !== PLACEHOLDER_CLIENT_ID);
-
-  return hasValidClientId;
+  return !!(
+    (config.iosClientId && config.iosClientId !== PLACEHOLDER_CLIENT_ID) ||
+    (config.webClientId && config.webClientId !== PLACEHOLDER_CLIENT_ID) ||
+    (config.androidClientId && config.androidClientId !== PLACEHOLDER_CLIENT_ID)
+  );
 }
 
-/**
- * Hook for Google authentication with expo-auth-session
- */
 export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
   const [isLoading, setIsLoading] = useState(false);
   const [googleError, setGoogleError] = useState<string | null>(null);
-
   const googleConfigured = validateGoogleConfig(config);
 
-  const socialAuthConfig: SocialAuthConfig = {
+  const { signInWithGoogleToken, googleLoading: firebaseLoading } = useSocialAuth({
     google: config,
     apple: { enabled: false },
-  };
-
-  const { signInWithGoogleToken, googleLoading: firebaseLoading } =
-    useSocialAuth(socialAuthConfig);
+  } as SocialAuthConfig);
 
-  // Use Google auth request if available
   const authRequest = Google?.useAuthRequest({
     iosClientId: config?.iosClientId || PLACEHOLDER_CLIENT_ID,
     webClientId: config?.webClientId || PLACEHOLDER_CLIENT_ID,
@@ -76,7 +54,6 @@ export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
   const googleResponse = authRequest?.[1] ?? null;
   const promptGoogleAsync = authRequest?.[2];
 
-  // Handle Google OAuth response
   useEffect(() => {
     if (googleResponse?.type === "success") {
       const idToken = googleResponse.authentication?.idToken;
@@ -84,13 +61,8 @@ export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
         setIsLoading(true);
         setGoogleError(null);
         signInWithGoogleToken(idToken)
-          .catch((error) => {
-            const errorMessage = error instanceof Error ? error.message : "Firebase sign-in failed";
-            setGoogleError(errorMessage);
-          })
-          .finally(() => {
-            setIsLoading(false);
-          });
+          .catch((error) => { setGoogleError(error instanceof Error ? error.message : "Firebase sign-in failed"); })
+          .finally(() => { setIsLoading(false); });
       }
     } else if (googleResponse?.type === "error") {
       setGoogleError("Google authentication failed");
@@ -123,10 +95,7 @@ export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
       const result = await promptGoogleAsync();
 
       if (result.type === "success" && result.authentication?.idToken) {
-        const firebaseResult = await signInWithGoogleToken(
-          result.authentication.idToken,
-        );
-        return firebaseResult;
+        return await signInWithGoogleToken(result.authentication.idToken);
       }
 
       if (result.type === "cancel") {
@@ -141,10 +110,7 @@ export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : "Google sign-in failed";
       setGoogleError(errorMessage);
-      return {
-        success: false,
-        error: errorMessage,
-      };
+      return { success: false, error: errorMessage };
     } finally {
       setIsLoading(false);
     }

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

@@ -0,0 +1,68 @@
+/**
+ * Auth Operation Utilities
+ * Shared error handling for authentication operations
+ */
+
+import { useCallback } from "react";
+import type { MutationFunction } from "@tanstack/react-query";
+
+export interface AuthOperationOptions {
+  setLoading: (loading: boolean) => void;
+  setError: (error: string | null) => void;
+  onSuccess?: () => void;
+}
+
+/**
+ * Create an auth operation wrapper with consistent error handling
+ */
+export function createAuthOperation<T>(
+  mutation: MutationFunction<unknown, T>,
+  options: AuthOperationOptions
+) {
+  const { setLoading, setError, onSuccess } = options;
+
+  return useCallback(
+    async (params: T) => {
+      try {
+        setLoading(true);
+        setError(null);
+        await mutation.mutateAsync(params);
+        onSuccess?.();
+      } catch (err: unknown) {
+        const errorMessage = err instanceof Error ? err.message : "Operation failed";
+        setError(errorMessage);
+        throw err;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [setLoading, setError, onSuccess, mutation]
+  );
+}
+
+/**
+ * Create auth operation that doesn't throw on failure
+ */
+export function createSilentAuthOperation<T>(
+  mutation: MutationFunction<unknown, T>,
+  options: AuthOperationOptions
+) {
+  const { setLoading, setError, onSuccess } = options;
+
+  return useCallback(
+    async (params?: T) => {
+      try {
+        setLoading(true);
+        setError(null);
+        await mutation.mutateAsync(params);
+        onSuccess?.();
+      } catch {
+        // Silently fail
+        onSuccess?.();
+      } finally {
+        setLoading(false);
+      }
+    },
+    [setLoading, setError, onSuccess, mutation]
+  );
+}

package/src/presentation/utils/form/formValidation.util.ts

@@ -39,16 +39,7 @@ export interface ProfileFormValues {
   email: string;
 }
 
-/**
- * Validate login form fields
- * @param values - Form values to validate
- * @param getErrorMessage - Function to get localized error messages
- * @returns Validation result
- */
-export function validateLoginForm(
-  values: LoginFormValues,
-  getErrorMessage: (key: string) => string
-): FormValidationResult {
+export function validateLoginForm(values: LoginFormValues, getErrorMessage: (key: string) => string): FormValidationResult {
   const errors: FormValidationError[] = [];
 
   const emailResult = validateEmail(values.email.trim());
@@ -61,19 +52,9 @@ export function validateLoginForm(
     errors.push({ field: "password", message: getErrorMessage(passwordResult.error) });
   }
 
-  return {
-    isValid: errors.length === 0,
-    errors,
-  };
+  return { isValid: errors.length === 0, errors };
 }
 
-/**
- * Validate register form fields
- * @param values - Form values to validate
- * @param getErrorMessage - Function to get localized error messages
- * @param passwordConfig - Password configuration
- * @returns Validation result
- */
 export function validateRegisterForm(
   values: RegisterFormValues,
   getErrorMessage: (key: string) => string,
@@ -96,17 +77,9 @@ export function validateRegisterForm(
     errors.push({ field: "confirmPassword", message: getErrorMessage(confirmResult.error) });
   }
 
-  return {
-    isValid: errors.length === 0,
-    errors,
-  };
+  return { isValid: errors.length === 0, errors };
 }
 
-/**
- * Validate profile form fields
- * @param values - Form values to validate
- * @returns Validation result
- */
 export function validateProfileForm(values: ProfileFormValues): FormValidationResult {
   const errors: FormValidationError[] = [];
 
@@ -121,20 +94,10 @@ export function validateProfileForm(values: ProfileFormValues): FormValidationRe
     }
   }
 
-  return {
-    isValid: errors.length === 0,
-    errors,
-  };
+  return { isValid: errors.length === 0, errors };
 }
 
-/**
- * Convert validation errors to field error object
- * @param errors - Validation errors
- * @returns Object mapping field names to error messages
- */
-export function errorsToFieldErrors(
-  errors: FormValidationError[]
-): Record<string, string> {
+export function errorsToFieldErrors(errors: FormValidationError[]): Record<string, string> {
   const result: Record<string, string> = {};
   for (const error of errors) {
     result[error.field] = error.message;
@@ -142,32 +105,13 @@ export function errorsToFieldErrors(
   return result;
 }
 
-/**
- * Hook for form validation with error message resolution
- * @param getErrorMessage - Function to get localized error messages
- * @returns Validation functions
- */
 export function useFormValidation(getErrorMessage: (key: string) => string) {
-  const validateLogin = useCallback(
-    (values: LoginFormValues) => validateLoginForm(values, getErrorMessage),
-    [getErrorMessage]
-  );
-
+  const validateLogin = useCallback((values: LoginFormValues) => validateLoginForm(values, getErrorMessage), [getErrorMessage]);
   const validateRegister = useCallback(
-    (values: RegisterFormValues, passwordConfig: PasswordConfig) =>
-      validateRegisterForm(values, getErrorMessage, passwordConfig),
+    (values: RegisterFormValues, passwordConfig: PasswordConfig) => validateRegisterForm(values, getErrorMessage, passwordConfig),
     [getErrorMessage]
   );
+  const validateProfile = useCallback((values: ProfileFormValues) => validateProfileForm(values), []);
 
-  const validateProfile = useCallback(
-    (values: ProfileFormValues) => validateProfileForm(values),
-    []
-  );
-
-  return {
-    validateLogin,
-    validateRegister,
-    validateProfile,
-    errorsToFieldErrors,
-  };
+  return { validateLogin, validateRegister, validateProfile, errorsToFieldErrors };
 }