@umituz/react-native-auth 1.5.1 → 1.6.0

package/package.json

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

package/src/domain/value-objects/AuthConfig.ts

@@ -14,23 +14,9 @@ export interface AuthConfig {
   requireNumbers?: boolean;
   /** Require special characters in password */
   requireSpecialChars?: boolean;
-  /** Callback for user profile creation after signup */
-  onUserCreated?: (user: any) => Promise<void> | void;
-  /** Callback for user profile update */
-  onUserUpdated?: (user: any) => Promise<void> | void;
-  /** Callback for sign out cleanup */
-  onSignOut?: () => Promise<void> | void;
-  /** Callback for analytics logging on sign in */
-  onSignIn?: (method: string) => Promise<void> | void;
-  /** Callback for analytics logging on guest mode */
-  onGuestModeEnabled?: () => Promise<void> | void;
-  /** Callback for analytics initialization when user authenticates */
-  onAnalyticsInit?: (userId: string) => Promise<void> | void;
-  /** Callback for analytics initialization when guest mode enabled */
-  onAnalyticsInitGuest?: () => Promise<void> | void;
 }
 
-export const DEFAULT_AUTH_CONFIG: Required<Omit<AuthConfig, 'onUserCreated' | 'onUserUpdated' | 'onSignOut' | 'onSignIn' | 'onGuestModeEnabled' | 'onAnalyticsInit' | 'onAnalyticsInitGuest'>> = {
+export const DEFAULT_AUTH_CONFIG: Required<AuthConfig> = {
   minPasswordLength: 6,
   requireUppercase: false,
   requireLowercase: false,

package/src/index.ts

@@ -71,6 +71,15 @@ export type {
   AuthStackParamList,
   AuthNavigatorProps,
 } from './presentation/navigation/AuthNavigator';
+
+// PRESENTATION LAYER - Components
+// =============================================================================
+
+export { AuthContainer } from './presentation/components/AuthContainer';
+export { AuthHeader } from './presentation/components/AuthHeader';
+export { AuthFormCard } from './presentation/components/AuthFormCard';
+export { LoginForm } from './presentation/components/LoginForm';
+export { RegisterForm } from './presentation/components/RegisterForm';
 export { AuthLegalLinks } from './presentation/components/AuthLegalLinks';
 export type { AuthLegalLinksProps } from './presentation/components/AuthLegalLinks';
 

package/src/infrastructure/services/AuthService.ts

@@ -27,6 +27,7 @@ import {
 } from "../../domain/errors/AuthError";
 import type { AuthConfig } from "../../domain/value-objects/AuthConfig";
 import { DEFAULT_AUTH_CONFIG } from "../../domain/value-objects/AuthConfig";
+import { DeviceEventEmitter } from "react-native";
 
 /**
  * Validate email format
@@ -203,15 +204,8 @@ export class AuthService implements IAuthService {
         }
       }
 
-      // Call user created callback if provided
-      // User state is managed by Firebase Auth's onAuthStateChanged
-      if (this.config.onUserCreated) {
-        try {
-          await this.config.onUserCreated(userCredential.user);
-        } catch (callbackError) {
-          // Don't fail signup if callback fails
-        }
-      }
+      // Emit event for AppNavigator to handle navigation
+      DeviceEventEmitter.emit("user-authenticated", { userId: userCredential.user.uid });
 
       return userCredential.user;
     } catch (error: any) {
@@ -247,15 +241,8 @@ export class AuthService implements IAuthService {
 
       this.isGuestMode = false;
 
-      // Call analytics callback if provided
-      // User state is managed by Firebase Auth's onAuthStateChanged
-      if (this.config.onSignIn) {
-        try {
-          await this.config.onSignIn("email");
-        } catch (callbackError) {
-          // Don't fail signin if analytics callback fails
-        }
-      }
+      // Emit event for AppNavigator to handle navigation
+      DeviceEventEmitter.emit("user-authenticated", { userId: userCredential.user.uid });
 
       return userCredential.user;
     } catch (error: any) {
@@ -278,15 +265,6 @@ export class AuthService implements IAuthService {
       await firebaseSignOut(auth);
       this.isGuestMode = false;
 
-      // Call sign out callback if provided
-      // User state is managed by Firebase Auth's onAuthStateChanged
-      if (this.config.onSignOut) {
-        try {
-          await this.config.onSignOut();
-        } catch (callbackError) {
-          // Don't fail signout if callback fails
-        }
-      }
     } catch (error: any) {
       throw mapFirebaseAuthError(error);
     }
@@ -309,15 +287,6 @@ export class AuthService implements IAuthService {
 
     this.isGuestMode = true;
 
-    // Call analytics callback if provided
-    // Guest mode state is managed by useAuth hook
-    if (this.config.onGuestModeEnabled) {
-      try {
-        await this.config.onGuestModeEnabled();
-      } catch (callbackError) {
-        // Don't fail guest mode if analytics callback fails
-      }
-    }
   }
 
   /**
@@ -368,13 +337,26 @@ let authServiceInstance: AuthService | null = null;
 /**
  * Initialize auth service with Firebase Auth instance
  * Must be called before using any auth methods
+ * 
+ * Uses DEFAULT_AUTH_CONFIG if no config is provided:
+ * - minPasswordLength: 6
+ * - requireUppercase: false
+ * - requireLowercase: false
+ * - requireNumbers: false
+ * - requireSpecialChars: false
+ * 
+ * @param auth - Firebase Auth instance
+ * @param config - Optional auth configuration (defaults to permissive settings)
  */
 export function initializeAuthService(
   auth: Auth,
   config?: AuthConfig
 ): AuthService {
+  // Use default config if not provided (permissive settings for better UX)
+  const finalConfig = config || DEFAULT_AUTH_CONFIG;
+  
   if (!authServiceInstance) {
-    authServiceInstance = new AuthService(config);
+    authServiceInstance = new AuthService(finalConfig);
   }
   authServiceInstance.initialize(auth);
   return authServiceInstance;

package/src/presentation/components/AuthContainer.tsx

@@ -64,3 +64,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthDivider.tsx

@@ -62,3 +62,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthErrorDisplay.tsx

@@ -46,3 +46,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthFormCard.tsx

@@ -41,3 +41,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthGradientBackground.tsx

@@ -26,3 +26,8 @@ export const AuthGradientBackground: React.FC = () => {
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthHeader.tsx

@@ -71,3 +71,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthLegalLinks.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet, Linking } from "react-native";
-import { AtomicButton, AtomicText } from "@umituz/react-native-design-system";
+import { AtomicButton, AtomicText } from "@umituz/react-native-design-system-atoms";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 import { useLocalization } from "@umituz/react-native-localization";
 
@@ -138,3 +138,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/AuthLink.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicButton } from "@umituz/react-native-design-system-atoms";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 
 interface AuthLinkProps {
@@ -67,3 +67,8 @@ const styles = StyleSheet.create({
 
 
 
+
+
+
+
+

package/src/presentation/components/LoginForm.tsx

@@ -5,7 +5,7 @@
 
 import React, { useState } from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system-atoms";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAuth } from "../hooks/useAuth";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";

package/src/presentation/components/RegisterForm.tsx

@@ -5,7 +5,7 @@
 
 import React, { useState } from "react";
 import { View, StyleSheet } from "react-native";
-import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
+import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system-atoms";
 import { useLocalization } from "@umituz/react-native-localization";
 import {
   validateEmail,

package/src/presentation/hooks/useAuth.ts

@@ -61,6 +61,19 @@ export function useAuth(): UseAuthResult {
   const user = isGuest ? null : firebaseUser;
   const isAuthenticated = !!user && !isGuest;
 
+  // Update authStatus whenever authentication state changes
+  useEffect(() => {
+    if (firebaseLoading || loading) {
+      // setAuthStatus('loading'); // This line is removed
+    } else if (isAuthenticated) {
+      // setAuthStatus('authenticated'); // This line is removed
+    } else if (isGuest) {
+      // setAuthStatus('guest'); // This line is removed
+    } else {
+      // setAuthStatus('unauthenticated'); // This line is removed
+    }
+  }, [isAuthenticated, isGuest, firebaseLoading, loading]);
+
   // Handle analytics initialization (if callbacks are provided in config)
   useEffect(() => {
     const authChanged =
@@ -161,6 +174,7 @@ export function useAuth(): UseAuthResult {
     loading: loading || firebaseLoading,
     isGuest,
     isAuthenticated,
+    // authStatus, // This line is removed
     error,
     signUp,
     signIn,

package/src/presentation/utils/getAuthErrorMessage.ts

@@ -81,3 +81,8 @@ export function getAuthErrorLocalizationKey(error: Error): string {
 
 
 
+
+
+
+
+