@umituz/react-native-auth 3.6.75 → 3.6.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.6.75",
+  "version": "3.6.77",
   "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",
@@ -93,7 +93,9 @@
     "react-native-safe-area-context": "^5.6.2",
     "react-native-svg": "^15.15.1",
     "typescript": "^5.3.0",
-    "zustand": "^4.0.0"
+    "zustand": "^4.0.0",
+    "@react-native-community/datetimepicker": "^8.2.0",
+    "rn-emoji-keyboard": "^1.7.0"
   },
   "publishConfig": {
     "access": "public"

package/src/infrastructure/providers/FirebaseAuthProvider.ts

@@ -60,7 +60,13 @@ export class FirebaseAuthProvider implements IAuthProvider {
       let userCredential;
 
       if (currentUser && isAnonymous) {
-        try { await currentUser.reload(); } catch { /* Reload failed, proceed */ }
+        // Try to reload to get fresh user data, but don't fail if it doesn't work
+        try {
+          await currentUser.reload();
+        } catch (reloadError) {
+          // Log the reload error but proceed - the user might still be valid
+          console.warn("[FirebaseAuthProvider] User reload failed during anonymous upgrade:", reloadError);
+        }
         const credential = EmailAuthProvider.credential(credentials.email.trim(), credentials.password);
         userCredential = await linkWithCredential(currentUser, credential);
       } else {
@@ -70,8 +76,10 @@ export class FirebaseAuthProvider implements IAuthProvider {
       if (credentials.displayName && userCredential.user) {
         try {
           await updateProfile(userCredential.user, { displayName: credentials.displayName.trim() });
-        } catch {
-          /* Display name update failed, account created successfully */
+        } catch (profileError) {
+          // Display name update failed, but account was created successfully
+          // Log this for debugging but don't fail the entire operation
+          console.warn("[FirebaseAuthProvider] Display name update failed:", profileError);
         }
       }
 

package/src/infrastructure/utils/AuthErrorMapper.ts

@@ -10,17 +10,24 @@
 import {
   AuthError,
   AuthConfigurationError,
-  AuthEmailAlreadyInUseError,
-  AuthInvalidEmailError,
-  AuthWeakPasswordError,
-  AuthUserNotFoundError,
-  AuthWrongPasswordError,
   AuthNetworkError,
 } from "../../domain/errors/AuthError";
 import {
   extractErrorCode,
   extractErrorMessage,
 } from "./error/errorExtraction";
+import { ERROR_CODE_MAP, type ErrorConstructor, type ErrorFactory } from "./error/errorCodeMapping.constants";
+
+/**
+ * Create error from error mapping
+ * @param mapping - Error mapping configuration
+ * @returns Created error instance
+ */
+function createErrorFromMapping(mapping: { type: "class" | "factory"; create: ErrorConstructor | ErrorFactory }): Error {
+  return mapping.type === "class"
+    ? new (mapping.create as ErrorConstructor)()
+    : (mapping.create as ErrorFactory)();
+}
 
 /**
  * Map Firebase Auth errors to domain errors
@@ -54,76 +61,13 @@ export function mapFirebaseAuthError(error: unknown): Error {
   const message = extractErrorMessage(error);
 
   // Map known Firebase Auth error codes to domain errors
-  switch (code) {
-    case "auth/email-already-in-use":
-      return new AuthEmailAlreadyInUseError();
-
-    case "auth/invalid-email":
-      return new AuthInvalidEmailError();
-
-    case "auth/weak-password":
-      return new AuthWeakPasswordError();
-
-    case "auth/user-disabled":
-      return new AuthError(
-        "Your account has been disabled. Please contact support.",
-        "AUTH_USER_DISABLED"
-      );
-
-    case "auth/user-not-found":
-      return new AuthUserNotFoundError();
-
-    case "auth/wrong-password":
-      return new AuthWrongPasswordError();
-
-    case "auth/invalid-credential":
-    case "auth/invalid-login-credentials":
-      return new AuthError(
-        "Invalid email or password. Please check your credentials.",
-        "AUTH_INVALID_CREDENTIAL"
-      );
-
-    case "auth/network-request-failed":
-      return new AuthNetworkError();
-
-    case "auth/too-many-requests":
-      return new AuthError(
-        "Too many failed attempts. Please wait a few minutes and try again.",
-        "AUTH_TOO_MANY_REQUESTS"
-      );
-
-    case "auth/configuration-not-found":
-    case "auth/app-not-authorized":
-      return new AuthConfigurationError(
-        "Authentication is not properly configured. Please contact support."
-      );
-
-    case "auth/operation-not-allowed":
-      return new AuthConfigurationError(
-        "Email/password authentication is not enabled. Please contact support."
-      );
-
-    case "auth/requires-recent-login":
-      return new AuthError(
-        "Please sign in again to complete this action.",
-        "AUTH_REQUIRES_RECENT_LOGIN"
-      );
-
-    case "auth/expired-action-code":
-      return new AuthError(
-        "This link has expired. Please request a new one.",
-        "AUTH_EXPIRED_ACTION_CODE"
-      );
-
-    case "auth/invalid-action-code":
-      return new AuthError(
-        "This link is invalid. Please request a new one.",
-        "AUTH_INVALID_ACTION_CODE"
-      );
-
-    default:
-      return new AuthError(message, code || "AUTH_UNKNOWN_ERROR");
+  const mapping = ERROR_CODE_MAP[code];
+  if (mapping) {
+    return createErrorFromMapping(mapping);
   }
+
+  // Default fallback for unknown error codes
+  return new AuthError(message, code || "AUTH_UNKNOWN_ERROR");
 }
 
 /**

package/src/infrastructure/utils/error/errorCodeMapping.constants.ts

@@ -0,0 +1,120 @@
+/**
+ * Firebase Error Code Mapping Constants
+ * Centralized configuration for mapping Firebase error codes to domain errors
+ */
+
+import {
+  AuthError,
+  AuthConfigurationError,
+  AuthEmailAlreadyInUseError,
+  AuthInvalidEmailError,
+  AuthWeakPasswordError,
+  AuthUserNotFoundError,
+  AuthWrongPasswordError,
+  AuthNetworkError,
+} from "../../../domain/errors/AuthError";
+
+export type ErrorConstructor = new (message?: string) => Error;
+export type ErrorFactory = () => Error;
+
+export interface ErrorMapping {
+  type: "class" | "factory";
+  create: ErrorConstructor | ErrorFactory;
+}
+
+/**
+ * Firebase error code to domain error mapping
+ */
+export const ERROR_CODE_MAP: Record<string, ErrorMapping> = {
+  "auth/email-already-in-use": {
+    type: "class",
+    create: AuthEmailAlreadyInUseError,
+  },
+  "auth/invalid-email": {
+    type: "class",
+    create: AuthInvalidEmailError,
+  },
+  "auth/weak-password": {
+    type: "class",
+    create: AuthWeakPasswordError,
+  },
+  "auth/user-disabled": {
+    type: "factory",
+    create: () => new AuthError(
+      "Your account has been disabled. Please contact support.",
+      "AUTH_USER_DISABLED"
+    ),
+  },
+  "auth/user-not-found": {
+    type: "class",
+    create: AuthUserNotFoundError,
+  },
+  "auth/wrong-password": {
+    type: "class",
+    create: AuthWrongPasswordError,
+  },
+  "auth/invalid-credential": {
+    type: "factory",
+    create: () => new AuthError(
+      "Invalid email or password. Please check your credentials.",
+      "AUTH_INVALID_CREDENTIAL"
+    ),
+  },
+  "auth/invalid-login-credentials": {
+    type: "factory",
+    create: () => new AuthError(
+      "Invalid email or password. Please check your credentials.",
+      "AUTH_INVALID_CREDENTIAL"
+    ),
+  },
+  "auth/network-request-failed": {
+    type: "class",
+    create: AuthNetworkError,
+  },
+  "auth/too-many-requests": {
+    type: "factory",
+    create: () => new AuthError(
+      "Too many failed attempts. Please wait a few minutes and try again.",
+      "AUTH_TOO_MANY_REQUESTS"
+    ),
+  },
+  "auth/configuration-not-found": {
+    type: "factory",
+    create: () => new AuthConfigurationError(
+      "Authentication is not properly configured. Please contact support."
+    ),
+  },
+  "auth/app-not-authorized": {
+    type: "factory",
+    create: () => new AuthConfigurationError(
+      "Authentication is not properly configured. Please contact support."
+    ),
+  },
+  "auth/operation-not-allowed": {
+    type: "factory",
+    create: () => new AuthConfigurationError(
+      "Email/password authentication is not enabled. Please contact support."
+    ),
+  },
+  "auth/requires-recent-login": {
+    type: "factory",
+    create: () => new AuthError(
+      "Please sign in again to complete this action.",
+      "AUTH_REQUIRES_RECENT_LOGIN"
+    ),
+  },
+  "auth/expired-action-code": {
+    type: "factory",
+    create: () => new AuthError(
+      "This link has expired. Please request a new one.",
+      "AUTH_EXPIRED_ACTION_CODE"
+    ),
+  },
+  "auth/invalid-action-code": {
+    type: "factory",
+    create: () => new AuthError(
+      "This link is invalid. Please request a new one.",
+      "AUTH_INVALID_ACTION_CODE"
+    ),
+  },
+};

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

@@ -74,11 +74,21 @@ export function setupAuthListener(
     }
   }
 
-  const unsubscribe = onIdTokenChanged(auth, (user) => {
-    handleAuthStateChange(user, store, auth, autoAnonymousSignIn, onAuthStateChange);
-  });
-
-  setUnsubscribe(unsubscribe);
+  try {
+    const unsubscribe = onIdTokenChanged(auth, (user) => {
+      handleAuthStateChange(user, store, auth, autoAnonymousSignIn, onAuthStateChange);
+    });
+
+    setUnsubscribe(unsubscribe);
+  } catch (error) {
+    // If listener setup fails, ensure we clean up and mark as initialized
+    console.error("[AuthListener] Failed to setup auth listener:", error);
+    completeInitialization();
+    store.setLoading(false);
+    store.setInitialized(true);
+    store.setError("Failed to initialize authentication listener");
+    throw error;
+  }
 }
 
 /**
@@ -91,42 +101,47 @@ function handleAuthStateChange(
   autoAnonymousSignIn: boolean,
   onAuthStateChange?: (user: User | null) => void
 ): void {
-  if (!user && autoAnonymousSignIn) {
-    handleAnonymousMode(store, auth);
-    store.setFirebaseUser(null);
-    completeInitialization();
-    return;
-  }
+  try {
+    if (!user && autoAnonymousSignIn) {
+      // Start anonymous sign-in without blocking
+      void handleAnonymousMode(store, auth);
+      store.setFirebaseUser(null);
+      completeInitialization();
+      return;
+    }
 
-  store.setFirebaseUser(user);
-  store.setInitialized(true);
+    store.setFirebaseUser(user);
+    store.setInitialized(true);
 
-  // Handle conversion from anonymous
-  if (user && !user.isAnonymous && store.isAnonymous) {
-    store.setIsAnonymous(false);
-  }
+    // Handle conversion from anonymous
+    if (user && !user.isAnonymous && store.isAnonymous) {
+      store.setIsAnonymous(false);
+    }
 
-  onAuthStateChange?.(user);
+    onAuthStateChange?.(user);
+  } catch (error) {
+    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);
+  }
 }
 
 /**
  * Handle anonymous mode sign-in
  */
-function handleAnonymousMode(store: Store, auth: Auth): void {
+async function handleAnonymousMode(store: Store, auth: Auth): Promise<void> {
   if (!startAnonymousSignIn()) {
     return; // Already signing in
   }
 
   const handleAnonymousSignIn = createAnonymousSignInHandler(auth, store);
 
-  // Start sign-in without blocking
-  void (async () => {
-    try {
-      await handleAnonymousSignIn();
-    } finally {
-      completeAnonymousSignIn();
-    }
-  })();
+  try {
+    await handleAnonymousSignIn();
+  } finally {
+    completeAnonymousSignIn();
+  }
 }
 
 /**

package/src/presentation/components/LoginForm.tsx

@@ -1,9 +1,10 @@
 import React, { useRef } from "react";
 import { StyleSheet, TextInput } from "react-native";
-import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicButton } from "@umituz/react-native-design-system";
 import { useLoginForm } from "../hooks/useLoginForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthLink } from "./AuthLink";
+import { FormEmailInput, FormPasswordInput } from "./form";
 
 export interface LoginFormTranslations {
   email: string;
@@ -39,40 +40,27 @@ export const LoginForm: React.FC<LoginFormProps> = ({
 
   return (
     <>
-      <AtomicInput
-        label={translations.email}
+      <FormEmailInput
         value={email}
         onChangeText={handleEmailChange}
+        label={translations.email}
         placeholder={translations.emailPlaceholder}
-        keyboardType="email-address"
-        autoCapitalize="none"
+        error={emailError}
         disabled={loading}
-        state={emailError ? "error" : "default"}
-        helperText={emailError || undefined}
-        returnKeyType="next"
         onSubmitEditing={() => passwordRef.current?.focus()}
-        blurOnSubmit={false}
-        textContentType="emailAddress"
-        style={styles.input}
+        returnKeyType="next"
       />
 
-      <AtomicInput
+      <FormPasswordInput
         ref={passwordRef}
-        label={translations.password}
         value={password}
         onChangeText={handlePasswordChange}
+        label={translations.password}
         placeholder={translations.passwordPlaceholder}
-        secureTextEntry
-        showPasswordToggle
-        autoCapitalize="none"
-        autoCorrect={false}
+        error={passwordError}
         disabled={loading}
-        state={passwordError ? "error" : "default"}
-        helperText={passwordError || undefined}
-        returnKeyType="done"
         onSubmitEditing={() => { void handleSignIn(); }}
-        textContentType="oneTimeCode"
-        style={styles.input}
+        returnKeyType="done"
       />
 
       <AuthErrorDisplay error={displayError} />
@@ -98,9 +86,6 @@ export const LoginForm: React.FC<LoginFormProps> = ({
 };
 
 const styles = StyleSheet.create({
-  input: {
-    marginBottom: 20,
-  },
   signInButton: {
     minHeight: 52,
     marginBottom: 16,

package/src/presentation/components/RegisterForm.tsx

@@ -1,12 +1,13 @@
 import React, { useRef } from "react";
 import { StyleSheet, TextInput } from "react-native";
-import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicButton } from "@umituz/react-native-design-system";
 import { useRegisterForm } from "../hooks/useRegisterForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthLink } from "./AuthLink";
 import { AuthLegalLinks, type AuthLegalLinksTranslations } from "./AuthLegalLinks";
 import { PasswordStrengthIndicator, type PasswordStrengthTranslations } from "./PasswordStrengthIndicator";
 import { PasswordMatchIndicator, type PasswordMatchTranslations } from "./PasswordMatchIndicator";
+import { FormTextInput, FormEmailInput, FormPasswordInput } from "./form";
 
 export interface RegisterFormTranslations {
   displayName: string;
@@ -66,79 +67,57 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 
   return (
     <>
-      <AtomicInput
-        label={translations.displayName}
+      <FormTextInput
         value={displayName}
         onChangeText={handleDisplayNameChange}
+        label={translations.displayName}
         placeholder={translations.displayNamePlaceholder}
-        autoCapitalize="words"
+        error={fieldErrors.displayName}
         disabled={loading}
-        state={fieldErrors.displayName ? "error" : "default"}
-        helperText={fieldErrors.displayName || undefined}
-        returnKeyType="next"
+        autoCapitalize="words"
         onSubmitEditing={() => emailRef.current?.focus()}
-        blurOnSubmit={false}
-        style={styles.input}
+        returnKeyType="next"
       />
 
-      <AtomicInput
+      <FormEmailInput
         ref={emailRef}
-        label={translations.email}
         value={email}
         onChangeText={handleEmailChange}
+        label={translations.email}
         placeholder={translations.emailPlaceholder}
-        keyboardType="email-address"
-        autoCapitalize="none"
+        error={fieldErrors.email}
         disabled={loading}
-        state={fieldErrors.email ? "error" : "default"}
-        helperText={fieldErrors.email || undefined}
-        returnKeyType="next"
         onSubmitEditing={() => passwordRef.current?.focus()}
-        blurOnSubmit={false}
-        textContentType="emailAddress"
-        style={styles.input}
+        returnKeyType="next"
       />
 
-      <AtomicInput
+      <FormPasswordInput
         ref={passwordRef}
-        label={translations.password}
         value={password}
         onChangeText={handlePasswordChange}
+        label={translations.password}
         placeholder={translations.passwordPlaceholder}
-        secureTextEntry
-        showPasswordToggle
-        autoCapitalize="none"
-        autoCorrect={false}
+        error={fieldErrors.password}
         disabled={loading}
-        state={fieldErrors.password ? "error" : "default"}
-        helperText={fieldErrors.password || undefined}
-        returnKeyType="next"
         onSubmitEditing={() => confirmPasswordRef.current?.focus()}
-        blurOnSubmit={false}
-        textContentType="oneTimeCode"
-        style={styles.input}
+        returnKeyType="next"
+        style={styles.passwordInput}
       />
       {password.length > 0 && (
         <PasswordStrengthIndicator translations={translations.passwordStrength} requirements={passwordRequirements} />
       )}
 
-      <AtomicInput
+      <FormPasswordInput
         ref={confirmPasswordRef}
-        label={translations.confirmPassword}
         value={confirmPassword}
         onChangeText={handleConfirmPasswordChange}
+        label={translations.confirmPassword}
         placeholder={translations.confirmPasswordPlaceholder}
-        secureTextEntry
-        showPasswordToggle
-        autoCapitalize="none"
-        autoCorrect={false}
+        error={fieldErrors.confirmPassword}
         disabled={loading}
-        state={fieldErrors.confirmPassword ? "error" : "default"}
-        helperText={fieldErrors.confirmPassword || undefined}
-        returnKeyType="done"
         onSubmitEditing={() => { void handleSignUp(); }}
-        textContentType="oneTimeCode"
-        style={styles.input}
+        returnKeyType="done"
+        style={styles.confirmPasswordInput}
       />
       {confirmPassword.length > 0 && (
         <PasswordMatchIndicator translations={translations.passwordMatch} isMatch={passwordsMatch} />
@@ -171,6 +150,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 };
 
 const styles = StyleSheet.create({
-  input: { marginBottom: 20 },
+  passwordInput: { marginBottom: 4 },
+  confirmPasswordInput: { marginBottom: 4 },
   signUpButton: { minHeight: 52, marginBottom: 16, marginTop: 8 },
 });

package/src/presentation/components/form/FormEmailInput.tsx

@@ -0,0 +1,60 @@
+import React, { forwardRef } from "react";
+import { TextInput, StyleSheet, ViewStyle } from "react-native";
+import { AtomicInput } from "@umituz/react-native-design-system";
+
+export interface FormEmailInputProps {
+  value: string;
+  onChangeText: (text: string) => void;
+  label: string;
+  placeholder: string;
+  error?: string | null;
+  disabled?: boolean;
+  onSubmitEditing?: () => void;
+  returnKeyType?: "next" | "done";
+  style?: ViewStyle;
+}
+
+export const FormEmailInput = forwardRef<React.ElementRef<typeof TextInput>, FormEmailInputProps>(
+  (
+    {
+      value,
+      onChangeText,
+      label,
+      placeholder,
+      error,
+      disabled = false,
+      onSubmitEditing,
+      returnKeyType = "next",
+      style,
+    },
+    ref
+  ) => {
+    return (
+      <AtomicInput
+        ref={ref}
+        label={label}
+        value={value}
+        onChangeText={onChangeText}
+        placeholder={placeholder}
+        keyboardType="email-address"
+        autoCapitalize="none"
+        disabled={disabled}
+        state={error ? "error" : "default"}
+        helperText={error || undefined}
+        returnKeyType={returnKeyType}
+        onSubmitEditing={onSubmitEditing}
+        blurOnSubmit={returnKeyType === "done"}
+        textContentType="emailAddress"
+        style={[styles.input, style]}
+      />
+    );
+  }
+);
+
+FormEmailInput.displayName = "FormEmailInput";
+
+const styles = StyleSheet.create({
+  input: {
+    marginBottom: 20,
+  },
+});