@umituz/react-native-auth 4.3.69 → 4.3.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "4.3.69",
+  "version": "4.3.72",
   "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/index.ts

@@ -32,7 +32,7 @@ export { initializeAuth, isAuthInitialized, resetAuthInitialization } from './in
 export type { InitializeAuthOptions } from './infrastructure/services/initializeAuth';
 export { validateEmail, validatePasswordForLogin, validatePasswordForRegister, validatePasswordConfirmation, validateDisplayName } from './infrastructure/utils/AuthValidation';
 export type { ValidationResult, PasswordStrengthResult, PasswordRequirements } from './infrastructure/utils/AuthValidation';
-export type { BaseValidationResult, FormValidationError, FormValidationResult } from './infrastructure/utils/validation/types';
+export type { FormValidationError, FormValidationResult } from './infrastructure/utils/validation/types';
 export { SECURITY_LIMITS, sanitizeEmail, sanitizePassword, sanitizeName } from './infrastructure/utils/validation/sanitization';
 export type { SecurityLimitKey } from './infrastructure/utils/validation/sanitization';
 export { isEmpty, isEmptyEmail, isEmptyPassword, isEmptyName, isNotEmpty, hasContent } from './infrastructure/utils/validation/validationHelpers';
@@ -59,16 +59,10 @@ export {
   getFirstErrorMessage,
   // User Profile Calculator
   calculateUserProfileDisplay,
-  calculateDisplayName,
-  hasUserAvatar,
-  getAvatarUrl,
   // Password Strength Calculator
   calculatePasswordRequirements,
   calculatePasswordsMatch,
-  calculateConfirmationError,
-  calculatePasswordValidity,
   calculatePasswordValidation,
-  hasMinLength,
   calculatePasswordStrength,
 } from './infrastructure/utils/calculators';
 
@@ -89,10 +83,6 @@ export { useUserProfile } from './presentation/hooks/useUserProfile';
 export type { UserProfileData, UseUserProfileParams } from './presentation/hooks/useUserProfile';
 export { useAccountManagement } from './presentation/hooks/useAccountManagement';
 export type { UseAccountManagementReturn, UseAccountManagementOptions } from './presentation/hooks/useAccountManagement';
-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 { useAppleAuth } from './presentation/hooks/useAppleAuth';
 export type { UseAppleAuthResult } from './presentation/hooks/useAppleAuth';
 export { useAuthBottomSheet } from './presentation/hooks/useAuthBottomSheet';

package/src/infrastructure/services/AnonymousModeService.ts

@@ -20,7 +20,9 @@ export class AnonymousModeService {
       this.isAnonymousMode = value === "true";
       return this.isAnonymousMode;
     } catch (error) {
-      console.error('[AnonymousModeService] Failed to load state:', error instanceof Error ? error.message : String(error));
+      if (__DEV__) {
+        console.error('[AnonymousModeService] Failed to load state:', error instanceof Error ? error.message : String(error));
+      }
       this.isAnonymousMode = false;
       return false;
     }
@@ -31,7 +33,9 @@ export class AnonymousModeService {
       await storageProvider.set(this.storageKey, value.toString());
       return true;
     } catch (error) {
-      console.error('[AnonymousModeService] Failed to save state:', error instanceof Error ? error.message : String(error));
+      if (__DEV__) {
+        console.error('[AnonymousModeService] Failed to save state:', error instanceof Error ? error.message : String(error));
+      }
       return false;
     }
   }
@@ -42,7 +46,9 @@ export class AnonymousModeService {
       this.isAnonymousMode = false;
       return true;
     } catch (error) {
-      console.error('[AnonymousModeService] Failed to clear state:', error instanceof Error ? error.message : String(error));
+      if (__DEV__) {
+        console.error('[AnonymousModeService] Failed to clear state:', error instanceof Error ? error.message : String(error));
+      }
       return false;
     }
   }

package/src/infrastructure/services/AuthEventService.ts

@@ -101,7 +101,9 @@ class AuthEventService {
         try {
           listener(payload);
         } catch (error) {
-          console.error(`[AuthEventService] Listener error for "${event}":`, error);
+          if (__DEV__) {
+            console.error(`[AuthEventService] Listener error for "${event}":`, error);
+          }
         }
       }
     }

package/src/infrastructure/services/AuthService.ts

@@ -82,7 +82,9 @@ export class AuthService {
     if (this.anonymousModeService.getIsAnonymousMode() && this.storageProvider) {
       const success = await this.anonymousModeService.clear(this.storageProvider);
       if (!success) {
-        console.warn('[AuthService] Failed to clear anonymous mode from storage');
+        if (__DEV__) {
+          console.warn('[AuthService] Failed to clear anonymous mode from storage');
+        }
         // Force clear in memory to maintain consistency and prevent stale state
         // Storage clear failure shouldn't block auth flow, so we force update memory
         this.anonymousModeService.setAnonymousMode(false);

package/src/infrastructure/utils/authStateHandler.ts

@@ -49,7 +49,9 @@ export function createAuthStateHandler(
     try {
       await ensureUserDocument(user, extras);
     } catch (error) {
-      console.error('[AuthStateHandler] Failed to ensure user document:', error);
+      if (__DEV__) {
+        console.error('[AuthStateHandler] Failed to ensure user document:', error);
+      }
       // Continue execution - don't let user document creation failure block auth flow
     }
 

package/src/infrastructure/utils/calculators/index.ts

@@ -25,18 +25,12 @@ export {
 // User Profile Calculator
 export {
   calculateUserProfileDisplay,
-  calculateDisplayName,
-  hasUserAvatar,
-  getAvatarUrl,
 } from "./userProfileCalculator";
 
 // Password Strength Calculator
 export {
   calculatePasswordRequirements,
   calculatePasswordsMatch,
-  calculateConfirmationError,
-  calculatePasswordValidity,
   calculatePasswordValidation,
-  hasMinLength,
   calculatePasswordStrength,
 } from "./passwordStrengthCalculator";

package/src/infrastructure/utils/calculators/passwordStrengthCalculator.ts

@@ -50,31 +50,6 @@ export function calculatePasswordsMatch(
   return !!(password && confirmPassword && password === confirmPassword);
 }
 
-/**
- * Calculate password confirmation error
- */
-export function calculateConfirmationError(
-  password: string,
-  confirmPassword: string
-): string | null {
-  if (!confirmPassword) {
-    return null;
-  }
-
-  const result = validatePasswordConfirmation(password, confirmPassword);
-  return result.error ?? null;
-}
-
-/**
- * Calculate overall password validity
- */
-export function calculatePasswordValidity(
-  requirements: PasswordRequirements,
-  passwordsMatch: boolean
-): boolean {
-  return requirements.hasMinLength && passwordsMatch;
-}
-
 /**
  * Calculate all password validation state at once
  * More efficient than calling individual functions
@@ -91,10 +66,14 @@ export function calculatePasswordValidation(
   const passwordsMatch = calculatePasswordsMatch(password, confirmPassword);
 
   // Calculate confirmation error
-  const confirmationError = calculateConfirmationError(password, confirmPassword);
+  let confirmationError: string | null = null;
+  if (confirmPassword) {
+    const result = validatePasswordConfirmation(password, confirmPassword);
+    confirmationError = result.error ?? null;
+  }
 
   // Calculate overall validity
-  const isValid = calculatePasswordValidity(requirements, passwordsMatch);
+  const isValid = requirements.hasMinLength && passwordsMatch;
 
   return {
     requirements,
@@ -104,13 +83,6 @@ export function calculatePasswordValidation(
   };
 }
 
-/**
- * Quick check if password meets minimum length requirement
- */
-export function hasMinLength(password: string, minLength: number): boolean {
-  return password.length >= minLength;
-}
-
 /**
  * Calculate password strength score (0-100)
  * Can be extended for more sophisticated strength calculation

package/src/infrastructure/utils/calculators/userProfileCalculator.ts

@@ -46,32 +46,3 @@ export function calculateUserProfileDisplay(
     accountSettingsRoute: accountRoute,
   };
 }
-
-/**
- * Get display name for user
- * Extracts display name calculation for reusability
- */
-export function calculateDisplayName(
-  user: AuthUser,
-  anonymousDisplayName: string = "Anonymous User"
-): string {
-  if (user.isAnonymous) {
-    return anonymousDisplayName;
-  }
-
-  return user.displayName || user.email || anonymousDisplayName;
-}
-
-/**
- * Check if user has avatar
- */
-export function hasUserAvatar(user: AuthUser): boolean {
-  return !!user.photoURL;
-}
-
-/**
- * Get avatar URL if available
- */
-export function getAvatarUrl(user: AuthUser): string | undefined {
-  return user.photoURL || undefined;
-}

package/src/infrastructure/utils/listener/authListenerStateHandler.ts

@@ -42,7 +42,9 @@ export function handleAuthStateChange(
     // Call user callback with proper error handling for async callbacks
     safeCallbackSync(onAuthStateChange, [user], '[AuthListener]');
   } catch (error) {
-    console.error("[AuthListener] Error handling auth state change:", error);
+    if (__DEV__) {
+      console.error("[AuthListener] Error handling auth state change:", error);
+    }
     // Ensure we don't leave the app in a bad state
     store.setInitialized(true);
     store.setLoading(false);

package/src/infrastructure/utils/listener/listenerState.util.ts

@@ -119,7 +119,9 @@ export function resetListenerState(): void {
     try {
       state.unsubscribe();
     } catch (error) {
-      console.error('[ListenerState] Error during unsubscribe:', error);
+      if (__DEV__) {
+        console.error('[ListenerState] Error during unsubscribe:', error);
+      }
     }
   }
   state.initialized = false;

package/src/infrastructure/utils/listener/setupListener.ts

@@ -10,6 +10,8 @@ import { getAuthService } from "../../services/AuthService";
 import { completeInitialization, setUnsubscribe } from "./listenerState.util";
 import { handleAuthStateChange } from "./authListenerStateHandler";
 
+const AUTH_LISTENER_TIMEOUT_MS = 10000;
+
 type StoreActions = AuthActions;
 
 /**
@@ -32,15 +34,17 @@ export function setupAuthListener(
     }
   }
 
-  // Safety timeout: if listener doesn't trigger within 10 seconds, mark as initialized
+  // Safety timeout: if listener doesn't trigger within AUTH_LISTENER_TIMEOUT_MS, mark as initialized
   let hasTriggered = false;
   const timeout = setTimeout(() => {
     if (!hasTriggered) {
-      console.warn("[AuthListener] Auth listener timeout - marking as initialized");
+      if (__DEV__) {
+        console.warn("[AuthListener] Auth listener timeout - marking as initialized");
+      }
       store.setInitialized(true);
       store.setLoading(false);
     }
-  }, 10000);
+  }, AUTH_LISTENER_TIMEOUT_MS);
 
   try {
     const unsubscribe = onIdTokenChanged(auth, (user) => {
@@ -55,7 +59,9 @@ export function setupAuthListener(
   } catch (error) {
     clearTimeout(timeout);
     // If listener setup fails, ensure we clean up and mark as initialized
-    console.error("[AuthListener] Failed to setup auth listener:", error);
+    if (__DEV__) {
+      console.error("[AuthListener] Failed to setup auth listener:", error);
+    }
     completeInitialization();
     store.setLoading(false);
     store.setInitialized(true);

package/src/infrastructure/utils/safeCallback.ts

@@ -34,12 +34,16 @@ export async function safeCallback<T extends unknown[]>(
     // If callback returns a promise, await it and catch rejections
     if (result && typeof result.then === 'function') {
       await result.catch((error) => {
-        console.error(`${errorPrefix} User callback promise rejected:`, error);
+        if (__DEV__) {
+          console.error(`${errorPrefix} User callback promise rejected:`, error);
+        }
       });
     }
   } catch (error) {
     // Catch synchronous errors
-    console.error(`${errorPrefix} User callback error:`, error);
+    if (__DEV__) {
+      console.error(`${errorPrefix} User callback error:`, error);
+    }
   }
 }
 
@@ -70,11 +74,15 @@ export function safeCallbackSync<T extends unknown[]>(
     // If callback returns a promise, catch rejections but don't await
     if (result && typeof result.then === 'function') {
       result.catch((error) => {
-        console.error(`${errorPrefix} User callback promise rejected:`, error);
+        if (__DEV__) {
+          console.error(`${errorPrefix} User callback promise rejected:`, error);
+        }
       });
     }
   } catch (error) {
     // Catch synchronous errors
-    console.error(`${errorPrefix} User callback error:`, error);
+    if (__DEV__) {
+      console.error(`${errorPrefix} User callback error:`, error);
+    }
   }
 }

package/src/infrastructure/utils/validation/types.ts

@@ -3,19 +3,12 @@
  * Shared type definitions for validation results across the application
  */
 
-/**
- * Base validation result
- * Common interface for all validation results
- */
-export interface BaseValidationResult {
-  isValid: boolean;
-}
-
 /**
  * Single field validation result
  * Used for validating individual fields (email, password, etc.)
  */
-export interface ValidationResult extends BaseValidationResult {
+export interface ValidationResult {
+  isValid: boolean;
   error?: string;
 }
 
@@ -32,7 +25,8 @@ export interface FormValidationError {
  * Multi-field form validation result
  * Used for validating entire forms with multiple fields
  */
-export interface FormValidationResult extends BaseValidationResult {
+export interface FormValidationResult {
+  isValid: boolean;
   errors: FormValidationError[];
 }
 
@@ -48,6 +42,8 @@ export interface PasswordRequirements {
  * Password strength validation result
  * Extends ValidationResult with password-specific requirements
  */
-export interface PasswordStrengthResult extends ValidationResult {
+export interface PasswordStrengthResult {
+  isValid: boolean;
+  error?: string;
   requirements: PasswordRequirements;
 }

package/src/init/createAuthInitModule.ts

@@ -92,7 +92,9 @@ export function createAuthInitModule(
               try {
                 await onRestorePurchases();
               } catch (error) {
-                console.error('[AuthInitModule] Purchase restoration failed:', error instanceof Error ? error.message : String(error));
+                if (__DEV__) {
+                  console.error('[AuthInitModule] Purchase restoration failed:', error instanceof Error ? error.message : String(error));
+                }
               }
             }
 
@@ -101,7 +103,9 @@ export function createAuthInitModule(
               try {
                 await onUserConverted(anonymousId, authenticatedId);
               } catch (error) {
-                console.error('[AuthInitModule] onUserConverted callback failed:', error instanceof Error ? error.message : String(error));
+                if (__DEV__) {
+                  console.error('[AuthInitModule] onUserConverted callback failed:', error instanceof Error ? error.message : String(error));
+                }
               }
             }
           },
@@ -109,7 +113,9 @@ export function createAuthInitModule(
 
         return true;
       } catch (error) {
-        console.error('[AuthInitModule] Auth initialization failed:', error instanceof Error ? error.message : String(error));
+        if (__DEV__) {
+          console.error('[AuthInitModule] Auth initialization failed:', error instanceof Error ? error.message : String(error));
+        }
         throw error;
       }
     },

package/src/presentation/components/AccountActions.tsx

@@ -1,4 +1,10 @@
-import React from "react";
+/**
+ * Account Actions Component
+ * Logout and delete account actions
+ * PERFORMANCE: Memoized with useCallback for stable alert action handlers
+ */
+
+import React, { memo, useCallback } from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { AtomicIcon, AtomicText } from "@umituz/react-native-design-system/atoms";
@@ -26,7 +32,7 @@ interface AccountActionsProps {
   config: AccountActionsConfig;
 }
 
-export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
+export const AccountActions = memo<AccountActionsProps>(({ config }) => {
   const tokens = useAppDesignTokens();
   const alert = useAlert();
   const {
@@ -46,7 +52,8 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
     showChangePassword = false,
   } = config;
 
-  const handleLogout = () => {
+  // PERFORMANCE: Stable callback references prevent unnecessary re-renders
+  const handleLogout = useCallback(() => {
     alert.show(AlertType.WARNING, AlertMode.MODAL, logoutConfirmTitle, logoutConfirmMessage, {
       actions: [
         { id: "cancel", label: cancelText, style: "secondary", onPress: () => {} },
@@ -58,15 +65,17 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
             try {
               await onLogout();
             } catch (error) {
-              console.error('[AccountActions] Logout failed:', error instanceof Error ? error.message : String(error));
+              if (__DEV__) {
+                console.error('[AccountActions] Logout failed:', error instanceof Error ? error.message : String(error));
+              }
             }
           },
         },
       ],
     });
-  };
+  }, [alert, logoutText, logoutConfirmTitle, logoutConfirmMessage, cancelText, onLogout]);
 
-  const handleDeleteAccount = () => {
+  const handleDeleteAccount = useCallback(() => {
     alert.show(AlertType.ERROR, AlertMode.MODAL, deleteConfirmTitle, deleteConfirmMessage, {
       actions: [
         { id: "cancel", label: cancelText, style: "secondary", onPress: () => {} },
@@ -84,7 +93,7 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
         },
       ],
     });
-  };
+  }, [alert, deleteAccountText, deleteConfirmTitle, deleteConfirmMessage, deleteErrorTitle, deleteErrorMessage, cancelText, onDeleteAccount]);
 
   return (
     <View style={styles.container}>
@@ -109,7 +118,9 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
       </TouchableOpacity>
     </View>
   );
-};
+});
+
+AccountActions.displayName = 'AccountActions';
 
 const styles = StyleSheet.create({
   container: { gap: 12 },

package/src/presentation/components/AuthErrorDisplay.tsx

@@ -1,18 +1,17 @@
 /**
  * Auth Error Display Component
  * Displays authentication errors using design system tokens
+ * PERFORMANCE: Memoized to prevent unnecessary re-renders when parent updates
  */
 
-import React from "react";
+import React, { memo } from "react";
 import { AlertInline, AlertService, AlertMode } from "@umituz/react-native-design-system/molecules";
 
 interface AuthErrorDisplayProps {
   error: string | null;
 }
 
-export const AuthErrorDisplay: React.FC<AuthErrorDisplayProps> = ({
-  error,
-}) => {
+export const AuthErrorDisplay = memo<AuthErrorDisplayProps>(({ error }) => {
   const alert = React.useMemo(() => {
     if (!error) return null;
     return AlertService.createErrorAlert(error, undefined, {
@@ -25,7 +24,9 @@ export const AuthErrorDisplay: React.FC<AuthErrorDisplayProps> = ({
   }
 
   return <AlertInline alert={alert} />;
-};
+});
+
+AuthErrorDisplay.displayName = 'AuthErrorDisplay';
 
 
 

package/src/presentation/components/AuthHeader.tsx

@@ -1,4 +1,10 @@
-import React from "react";
+/**
+ * Auth Header Component
+ * Displays auth screen title and optional subtitle
+ * PERFORMANCE: Memoized to prevent unnecessary re-renders
+ */
+
+import React, { memo } from "react";
 import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { AtomicText } from "@umituz/react-native-design-system/atoms";
@@ -8,7 +14,7 @@ interface AuthHeaderProps {
   subtitle?: string;
 }
 
-export const AuthHeader: React.FC<AuthHeaderProps> = ({ title, subtitle }) => {
+export const AuthHeader = memo<AuthHeaderProps>(({ title, subtitle }) => {
   const tokens = useAppDesignTokens();
 
   return (
@@ -34,7 +40,9 @@ export const AuthHeader: React.FC<AuthHeaderProps> = ({ title, subtitle }) => {
       )}
     </View>
   );
-};
+});
+
+AuthHeader.displayName = 'AuthHeader';
 
 const styles = StyleSheet.create({
   header: {

package/src/presentation/components/AuthLink.tsx

@@ -1,9 +1,10 @@
 /**
  * Auth Link Component
  * Link text with button for navigation between auth screens
+ * PERFORMANCE: Memoized to prevent unnecessary re-renders
  */
 
-import React from "react";
+import React, { memo } from "react";
 import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { AtomicText, AtomicButton } from "@umituz/react-native-design-system/atoms";
@@ -15,20 +16,12 @@ interface AuthLinkProps {
   disabled?: boolean;
 }
 
-export const AuthLink: React.FC<AuthLinkProps> = ({
-  text,
-  linkText,
-  onPress,
-  disabled = false,
-}) => {
+export const AuthLink = memo<AuthLinkProps>(({ text, linkText, onPress, disabled = false }) => {
   const tokens = useAppDesignTokens();
 
   return (
     <View style={[styles.container, { marginTop: tokens.spacing.xs, paddingTop: tokens.spacing.xs }]}>
-      <AtomicText
-        type="bodyMedium"
-        color="textSecondary"
-      >
+      <AtomicText type="bodyMedium" color="textSecondary">
         {text}{" "}
       </AtomicText>
       <AtomicButton
@@ -41,7 +34,9 @@ export const AuthLink: React.FC<AuthLinkProps> = ({
       </AtomicButton>
     </View>
   );
-};
+});
+
+AuthLink.displayName = 'AuthLink';
 
 const styles = StyleSheet.create({
   container: {

package/src/presentation/components/PasswordMatchIndicator.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { memo } from "react";
 import { View, StyleSheet } from "react-native";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { AtomicText } from "@umituz/react-native-design-system/atoms";
@@ -13,10 +13,7 @@ interface PasswordMatchIndicatorProps {
   isMatch: boolean;
 }
 
-export const PasswordMatchIndicator: React.FC<PasswordMatchIndicatorProps> = ({
-  translations,
-  isMatch,
-}) => {
+export const PasswordMatchIndicator = memo<PasswordMatchIndicatorProps>(({ translations, isMatch }) => {
   const tokens = useAppDesignTokens();
   const color = isMatch ? tokens.colors.success : tokens.colors.error;
   const text = isMatch ? translations.match : translations.noMatch;
@@ -27,7 +24,9 @@ export const PasswordMatchIndicator: React.FC<PasswordMatchIndicatorProps> = ({
       <AtomicText type="labelSmall" style={{ color }}>{text}</AtomicText>
     </View>
   );
-};
+});
+
+PasswordMatchIndicator.displayName = 'PasswordMatchIndicator';
 
 const styles = StyleSheet.create({
   container: {