@umituz/react-native-auth 3.4.8 → 3.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.4.8",
+  "version": "3.4.10",
   "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

@@ -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

@@ -169,6 +169,10 @@ export async function ensureUserDocument(
   extras?: UserDocumentExtras,
 ): Promise<boolean> {
   const db = getFirestore();
+  if (typeof __DEV__ !== "undefined" && __DEV__) {
+    // eslint-disable-next-line no-console
+    console.log("[UserDocumentService] db:", db, "type:", typeof db, "constructor:", db?.constructor?.name);
+  }
   if (!db || !user.uid) return false;
 
   try {

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/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/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>
         );
     }