@umituz/react-native-auth 3.4.7 → 3.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.4.7",
+  "version": "3.4.9",
   "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/utils/migration.ts

@@ -15,10 +15,10 @@ export const configureMigration = (config: MigrationConfig): void => {
   migrationConfig = config;
 };
 
-export const migrateUserData = async (
+export const migrateUserData = (
   anonymousId: string,
   authId: string
-): Promise<void> => {
+): void => {
   if (__DEV__) {
     console.log(`[Migration] Starting migration from ${anonymousId} to ${authId}`);
   }

package/src/index.ts

@@ -87,6 +87,13 @@ export {
   resetAuthService,
 } from './infrastructure/services/AuthService';
 
+export {
+  createStorageProvider,
+  StorageProviderAdapter,
+} from './infrastructure/adapters/StorageProviderAdapter';
+
+export type { IStorageProvider } from './infrastructure/services/AuthPackage';
+
 export {
   ensureUserDocument,
   markUserDeleted,

package/src/infrastructure/services/UserDocumentService.ts

@@ -187,13 +187,13 @@ export async function ensureUserDocument(
     const collectionName = userDocumentConfig.collectionName || "users";
     const userRef = doc(db, collectionName, user.uid);
     const userDoc = await getDoc(userRef);
-    const baseData = buildBaseData(user, allExtras as UserDocumentExtras);
+    const baseData = buildBaseData(user, allExtras);
 
     if (!userDoc.exists()) {
-      const createData = buildCreateData(baseData, allExtras as UserDocumentExtras);
+      const createData = buildCreateData(baseData, allExtras);
       await setDoc(userRef, createData);
     } else {
-      const updateData = buildUpdateData(baseData, allExtras as UserDocumentExtras);
+      const updateData = buildUpdateData(baseData, allExtras);
       await setDoc(userRef, updateData, { merge: true });
     }
 

package/src/infrastructure/services/initializeAuth.ts

@@ -122,42 +122,44 @@ export async function initializeAuth(
   // 4. Initialize Auth Listener (for state management)
   initializeAuthListener({
     autoAnonymousSignIn,
-    onAuthStateChange: async (user) => {
-      if (!user) {
-        // User signed out
-        previousUserId = null;
-        wasAnonymous = false;
-        onAuthStateChange?.(null);
-        return;
-      }
-
-      const currentUserId = user.uid;
-      const isCurrentlyAnonymous = user.isAnonymous ?? false;
-
-      // Detect anonymous-to-authenticated conversion
-      if (
-        previousUserId &&
-        previousUserId !== currentUserId &&
-        wasAnonymous &&
-        !isCurrentlyAnonymous &&
-        onUserConverted
-      ) {
-        try {
-          await onUserConverted(previousUserId, currentUserId);
-        } catch {
-          // Migration failed but don't block user flow
+    onAuthStateChange: (user) => {
+      void (async () => {
+        if (!user) {
+          // User signed out
+          previousUserId = null;
+          wasAnonymous = false;
+          await onAuthStateChange?.(null);
+          return;
         }
-      }
 
-      // Create/update user document in Firestore
-      await ensureUserDocument(user);
+        const currentUserId = user.uid;
+        const isCurrentlyAnonymous = user.isAnonymous ?? false;
+
+        // Detect anonymous-to-authenticated conversion
+        if (
+          previousUserId &&
+          previousUserId !== currentUserId &&
+          wasAnonymous &&
+          !isCurrentlyAnonymous &&
+          onUserConverted
+        ) {
+          try {
+            await onUserConverted(previousUserId, currentUserId);
+          } catch {
+            // Migration failed but don't block user flow
+          }
+        }
+
+        // Create/update user document in Firestore
+        await ensureUserDocument(user);
 
-      // Update tracking state
-      previousUserId = currentUserId;
-      wasAnonymous = isCurrentlyAnonymous;
+        // Update tracking state
+        previousUserId = currentUserId;
+        wasAnonymous = isCurrentlyAnonymous;
 
-      // Call app's custom callback
-      onAuthStateChange?.(user);
+        // Call app's custom callback
+        await onAuthStateChange?.(user);
+      })();
     },
   });
 

package/src/presentation/components/AccountActions.tsx

@@ -11,6 +11,7 @@ import { useAppDesignTokens, AtomicIcon, AtomicText } from "@umituz/react-native
 export interface AccountActionsConfig {
     logoutText: string;
     deleteAccountText: string;
+    changePasswordText?: string;
     logoutConfirmTitle: string;
     logoutConfirmMessage: string;
     deleteConfirmTitle: string;
@@ -19,6 +20,8 @@ export interface AccountActionsConfig {
     deleteErrorMessage?: string;
     onLogout: () => Promise<void>;
     onDeleteAccount: () => Promise<void>;
+    onChangePassword?: () => void;
+    showChangePassword?: boolean;
 }
 
 export interface AccountActionsProps {
@@ -30,6 +33,7 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
     const {
         logoutText,
         deleteAccountText,
+        changePasswordText,
         logoutConfirmTitle,
         logoutConfirmMessage,
         deleteConfirmTitle,
@@ -38,6 +42,8 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
         deleteErrorMessage = "Failed to delete account. Please try again.",
         onLogout,
         onDeleteAccount,
+        onChangePassword,
+        showChangePassword = false,
     } = config;
 
     const handleLogout = () => {
@@ -80,6 +86,21 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
 
     return (
         <View style={styles.container}>
+            {/* Change Password */}
+            {showChangePassword && onChangePassword && changePasswordText && (
+                <TouchableOpacity
+                    style={[styles.actionButton, { borderColor: tokens.colors.border }]}
+                    onPress={onChangePassword}
+                    activeOpacity={0.7}
+                >
+                    <AtomicIcon name="key-outline" size="md" customColor={tokens.colors.textPrimary} />
+                    <AtomicText style={[styles.actionText, { color: tokens.colors.textPrimary }]}>
+                        {changePasswordText}
+                    </AtomicText>
+                    <AtomicIcon name="chevron-forward" size="sm" color="secondary" />
+                </TouchableOpacity>
+            )}
+
             {/* Logout */}
             <TouchableOpacity
                 style={[styles.actionButton, { borderColor: tokens.colors.border }]}

package/src/presentation/components/AuthContainer.tsx

@@ -3,36 +3,45 @@
  * Main container for auth screens with gradient and scroll
  */
 
-import React from "react";
+import React, { useMemo } from "react";
 import {
   View,
   StyleSheet,
   ScrollView,
   KeyboardAvoidingView,
-  Platform,
 } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { useResponsive } from "@umituz/react-native-design-system";
 import { AuthGradientBackground } from "./AuthGradientBackground";
 
+/** Layout constants for auth screens */
+const AUTH_LAYOUT = {
+  VERTICAL_PADDING: 40,
+  HORIZONTAL_PADDING: 20,
+  MAX_CONTENT_WIDTH: 440,
+} as const;
+
 interface AuthContainerProps {
   children: React.ReactNode;
 }
 
 export const AuthContainer: React.FC<AuthContainerProps> = ({ children }) => {
   const insets = useSafeAreaInsets();
+  const { spacingMultiplier } = useResponsive();
+
+  const dynamicStyles = useMemo(() => ({
+    paddingTop: insets.top + (AUTH_LAYOUT.VERTICAL_PADDING * spacingMultiplier),
+    paddingBottom: insets.bottom + (AUTH_LAYOUT.VERTICAL_PADDING * spacingMultiplier),
+  }), [insets.top, insets.bottom, spacingMultiplier]);
 
   return (
     <KeyboardAvoidingView
       style={styles.container}
-      behavior={Platform.OS === "ios" ? "padding" : "height"}
-      keyboardVerticalOffset={Platform.OS === "ios" ? 0 : 20}
+      behavior="padding"
     >
       <AuthGradientBackground />
       <ScrollView
-        contentContainerStyle={[
-          styles.scrollContent,
-          { paddingTop: insets.top + 40, paddingBottom: insets.bottom + 40 },
-        ]}
+        contentContainerStyle={[styles.scrollContent, dynamicStyles]}
         keyboardShouldPersistTaps="handled"
         showsVerticalScrollIndicator={false}
       >
@@ -48,12 +57,12 @@ const styles = StyleSheet.create({
   },
   scrollContent: {
     flexGrow: 1,
-    paddingHorizontal: 20,
+    paddingHorizontal: AUTH_LAYOUT.HORIZONTAL_PADDING,
   },
   content: {
     flex: 1,
     justifyContent: "center",
-    maxWidth: 440,
+    maxWidth: AUTH_LAYOUT.MAX_CONTENT_WIDTH,
     alignSelf: "center",
     width: "100%",
   },

package/src/presentation/components/SocialLoginButtons.tsx

@@ -4,9 +4,8 @@ import {
   TouchableOpacity,
   StyleSheet,
   Platform,
-  ActivityIndicator,
 } from "react-native";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicSpinner } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { SocialAuthProvider } from "../../domain/value-objects/AuthConfig";
 
@@ -67,7 +66,7 @@ export const SocialLoginButtons: React.FC<SocialLoginButtonsProps> = ({
             activeOpacity={0.7}
           >
             {googleLoading ? (
-              <ActivityIndicator size="small" color={tokens.colors.textPrimary} />
+              <AtomicSpinner size="sm" color={tokens.colors.textPrimary} />
             ) : (
               <>
                 <AtomicIcon name="logo-google" size="sm" />
@@ -91,7 +90,7 @@ export const SocialLoginButtons: React.FC<SocialLoginButtonsProps> = ({
             activeOpacity={0.7}
           >
             {appleLoading ? (
-              <ActivityIndicator size="small" color={tokens.colors.textPrimary} />
+              <AtomicSpinner size="sm" color={tokens.colors.textPrimary} />
             ) : (
               <>
                 <AtomicIcon name="logo-apple" size="sm" color="onSurface" />

package/src/presentation/hooks/useAppleAuth.ts

@@ -13,8 +13,6 @@ import {
   type SocialAuthResult,
 } from "@umituz/react-native-firebase";
 
-declare const __DEV__: boolean;
-
 export interface UseAppleAuthResult {
   signInWithApple: () => Promise<SocialAuthResult>;
   appleLoading: boolean;
@@ -38,18 +36,7 @@ export function useAppleAuth(): UseAppleAuthResult {
       return { success: false, error: "Apple Sign-In is not available" };
     }
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useAppleAuth] Apple sign-in requested");
-    }
-
     const result = await signInWithApple();
-
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useAppleAuth] Apple sign-in result:", result);
-    }
-
     return result;
   }, [appleAvailable, signInWithApple]);
 

package/src/presentation/hooks/useGoogleAuth.ts

@@ -14,8 +14,6 @@ import {
   type SocialAuthResult,
 } from "@umituz/react-native-firebase";
 
-declare const __DEV__: boolean;
-
 // Type declarations for expo-auth-session
 interface GoogleAuthRequestConfig {
   iosClientId: string;
@@ -59,11 +57,7 @@ try {
     WebBrowser.maybeCompleteAuthSession();
   }
 } catch {
-  // expo-auth-session not available
-  if (__DEV__) {
-    // eslint-disable-next-line no-console
-    console.log("[useGoogleAuth] expo-auth-session not available");
-  }
+  // expo-auth-session not available - silent fallback
 }
 
 export interface GoogleAuthConfig {
@@ -118,11 +112,8 @@ export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
       if (idToken) {
         setIsLoading(true);
         signInWithGoogleToken(idToken)
-          .catch((error: unknown) => {
-            if (__DEV__) {
-              // eslint-disable-next-line no-console
-              console.error("[useGoogleAuth] Firebase sign-in error:", error);
-            }
+          .catch(() => {
+            // Silent error handling
           })
           .finally(() => {
             setIsLoading(false);
@@ -152,12 +143,6 @@ export function useGoogleAuth(config?: GoogleAuthConfig): UseGoogleAuthResult {
         const firebaseResult = await signInWithGoogleToken(
           result.authentication.idToken,
         );
-
-        if (__DEV__) {
-          // eslint-disable-next-line no-console
-          console.log("[useGoogleAuth] Sign-in successful:", firebaseResult);
-        }
-
         return firebaseResult;
       }
 

package/src/presentation/hooks/useSocialLogin.ts

@@ -22,8 +22,6 @@ import {
   type SocialAuthResult,
 } from "@umituz/react-native-firebase";
 
-declare const __DEV__: boolean;
-
 export interface UseSocialLoginConfig extends SocialAuthConfig {}
 
 export interface UseSocialLoginResult {
@@ -64,11 +62,6 @@ export function useSocialLogin(config?: UseSocialLoginConfig): UseSocialLoginRes
       return Promise.resolve({ success: false, error: "Google Sign-In is not configured" });
     }
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useSocialLogin] Use useGoogleAuth hook for Google OAuth flow");
-    }
-
     return Promise.resolve({
       success: false,
       error: "Use useGoogleAuth hook for Google OAuth flow",
@@ -87,18 +80,7 @@ export function useSocialLogin(config?: UseSocialLoginConfig): UseSocialLoginRes
       return { success: false, error: "Apple Sign-In is not available" };
     }
 
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useSocialLogin] Apple sign-in requested");
-    }
-
     const result = await firebaseSignInWithApple();
-
-    if (__DEV__) {
-      // eslint-disable-next-line no-console
-      console.log("[useSocialLogin] Apple sign-in result:", result);
-    }
-
     return result;
   }, [appleAvailable, firebaseSignInWithApple]);
 

package/src/presentation/screens/AccountScreen.tsx

@@ -5,8 +5,8 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens, ScreenLayout } from "@umituz/react-native-design-system";
+import { View, TouchableOpacity, StyleSheet } from "react-native";
+import { useAppDesignTokens, ScreenLayout, AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
 
 import { ProfileSection, type ProfileSectionConfig } from "../components/ProfileSection";
 import { AccountActions, type AccountActionsConfig } from "../components/AccountActions";
@@ -15,6 +15,8 @@ export interface AccountScreenConfig {
     profile: ProfileSectionConfig;
     accountActions?: AccountActionsConfig;
     isAnonymous: boolean;
+    editProfileText?: string;
+    onEditProfile?: () => void;
 }
 
 export interface AccountScreenProps {
@@ -43,6 +45,24 @@ export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
                 signInText="Sign In"
             />
 
+            {/* Edit Profile Option */}
+            {!config.isAnonymous && config.onEditProfile && config.editProfileText && (
+                <>
+                    <View style={styles.divider} />
+                    <TouchableOpacity
+                        style={[styles.actionButton, { borderColor: tokens.colors.border }]}
+                        onPress={config.onEditProfile}
+                        activeOpacity={0.7}
+                    >
+                        <AtomicIcon name="person-outline" size="md" customColor={tokens.colors.textPrimary} />
+                        <AtomicText style={[styles.actionText, { color: tokens.colors.textPrimary }]}>
+                            {config.editProfileText}
+                        </AtomicText>
+                        <AtomicIcon name="chevron-forward" size="sm" color="secondary" />
+                    </TouchableOpacity>
+                </>
+            )}
+
             {!config.isAnonymous && config.accountActions && (
                 <>
                     <View style={styles.divider} />
@@ -60,5 +80,19 @@ const styles = StyleSheet.create({
     divider: {
         height: 24,
     },
+    actionButton: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingVertical: 16,
+        paddingHorizontal: 16,
+        borderRadius: 12,
+        borderWidth: 1,
+        gap: 12,
+    },
+    actionText: {
+        flex: 1,
+        fontSize: 16,
+        fontWeight: "500",
+    },
 });
 

package/src/presentation/screens/EditProfileScreen.tsx

@@ -4,8 +4,8 @@
  */
 
 import React from "react";
-import { View, ScrollView, StyleSheet, ActivityIndicator } from "react-native";
-import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { View, ScrollView, StyleSheet } from "react-native";
+import { useAppDesignTokens, AtomicText, AtomicSpinner } from "@umituz/react-native-design-system";
 import { EditProfileAvatar } from "../components/EditProfileAvatar";
 import { EditProfileForm } from "../components/EditProfileForm";
 import { EditProfileActions } from "../components/EditProfileActions";
@@ -46,7 +46,7 @@ export const EditProfileScreen: React.FC<EditProfileScreenProps> = ({ config })
     if (config.isLoading) {
         return (
             <View style={[styles.loading, { backgroundColor: tokens.colors.backgroundPrimary }]}>
-                <ActivityIndicator size="large" color={tokens.colors.primary} />
+                <AtomicSpinner size="lg" color="primary" fullContainer />
             </View>
         );
     }