@umituz/react-native-auth 3.4.14 → 3.4.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.4.14",
+  "version": "3.4.18",
   "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",
@@ -36,7 +36,7 @@
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-storage": "latest",
     "@umituz/react-native-tanstack": "latest",
-    "@umituz/react-native-validation": "latest"
+    "@umituz/react-native-validation": "^1.4.7"
   },
   "peerDependencies": {
     "@gorhom/bottom-sheet": ">=4.0.0",
@@ -58,7 +58,7 @@
   "devDependencies": {
     "@expo/vector-icons": "^15.0.3",
     "@gorhom/bottom-sheet": "^5.0.0",
-    "@react-native-async-storage/async-storage": "^1.24.0",
+    "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-community/datetimepicker": "^8.5.1",
     "@react-navigation/bottom-tabs": "^7.9.0",
     "@react-navigation/native": "^7.1.26",
@@ -68,15 +68,11 @@
     "@types/react": "~19.1.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
-    "@umituz/react-native-design-system": "^2.6.33",
+    "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-design-system-theme": "latest",
-    "@umituz/react-native-firebase": "latest",
+    "@umituz/react-native-filesystem": "latest",
     "@umituz/react-native-haptics": "latest",
-    "@umituz/react-native-localization": "latest",
-    "@umituz/react-native-storage": "latest",
-    "@umituz/react-native-tanstack": "latest",
     "@umituz/react-native-uuid": "latest",
-    "@umituz/react-native-validation": "latest",
     "eslint": "^8.57.0",
     "expo-apple-authentication": "^6.0.0",
     "expo-application": "^7.0.8",

package/src/infrastructure/services/initializeAuth.ts

@@ -18,6 +18,8 @@ import { collectDeviceExtras } from "@umituz/react-native-design-system";
 import { initializeAuthListener } from "../../presentation/stores/initializeAuthListener";
 import type { AuthConfig } from "../../domain/value-objects/AuthConfig";
 
+import type { IStorageProvider } from "./AuthPackage";
+
 /**
  * Unified auth initialization options
  */
@@ -31,6 +33,9 @@ export interface InitializeAuthOptions {
   /** Callback to collect device/app info for user documents */
   collectExtras?: () => Promise<Record<string, unknown>>;
 
+  /** Storage provider for persisting auth state (e.g. anonymous mode) */
+  storageProvider?: IStorageProvider;
+
   /** Enable auto anonymous sign-in (default: true) */
   autoAnonymousSignIn?: boolean;
 
@@ -91,6 +96,7 @@ export async function initializeAuth(
     userCollection = "users",
     extraFields,
     collectExtras,
+    storageProvider,
     autoAnonymousSignIn = true,
     onUserConverted,
     onAuthStateChange,
@@ -115,7 +121,7 @@ export async function initializeAuth(
 
   // 3. Initialize AuthService (for email/password auth)
   try {
-    await initializeAuthService(auth, authConfig);
+    await initializeAuthService(auth, authConfig, storageProvider);
   } catch {
     // AuthService initialization failed, but we can continue
     // Email/password auth won't work, but social/anonymous will

package/src/presentation/components/AuthBottomSheet.styles.ts

@@ -12,7 +12,7 @@ export const styles = StyleSheet.create({
     },
     scrollContent: {
         paddingHorizontal: 24,
-        paddingBottom: 40,
+        paddingBottom: 80,
     },
     closeButton: {
         position: "absolute",

package/src/presentation/components/AuthBottomSheet.tsx

@@ -11,7 +11,7 @@ import {
   BottomSheetScrollView,
 } from "@gorhom/bottom-sheet";
 import type { BottomSheetBackdropProps } from "@gorhom/bottom-sheet";
-import { useAppDesignTokens, AtomicText, AtomicIcon } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicKeyboardAvoidingView } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAuthModalStore } from "../stores/authModalStore";
 import { useAuth } from "../hooks/useAuth";
@@ -124,16 +124,19 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
       backdropComponent={renderBackdrop}
       onDismiss={handleDismiss}
       enablePanDownToClose
-      keyboardBehavior="interactive"
+      keyboardBehavior="extend"
       keyboardBlurBehavior="restore"
       backgroundStyle={[styles.background, { backgroundColor: tokens.colors.backgroundPrimary }]}
       handleIndicatorStyle={[styles.handleIndicator, { backgroundColor: tokens.colors.border }]}
     >
-      <BottomSheetScrollView
-        contentContainerStyle={styles.scrollContent}
-        showsVerticalScrollIndicator={false}
-        keyboardShouldPersistTaps="handled"
+      <AtomicKeyboardAvoidingView
+        style={{ flex: 1 }}
       >
+        <BottomSheetScrollView
+          contentContainerStyle={styles.scrollContent}
+          showsVerticalScrollIndicator={false}
+          keyboardShouldPersistTaps="handled"
+        >
         <TouchableOpacity
           style={styles.closeButton}
           onPress={handleClose}
@@ -177,6 +180,7 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
           )}
         </View>
       </BottomSheetScrollView>
+    </AtomicKeyboardAvoidingView>
     </BottomSheetModal>
   );
 };

package/src/presentation/components/LoginForm.tsx

@@ -3,8 +3,8 @@
  * Single Responsibility: Render login form UI
  */
 
-import React from "react";
-import { View, StyleSheet } from "react-native";
+import React, { useRef } from "react";
+import { View, StyleSheet, TextInput } from "react-native";
 import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useLoginForm } from "../hooks/useLoginForm";
@@ -17,6 +17,7 @@ interface LoginFormProps {
 
 export const LoginForm: React.FC<LoginFormProps> = ({ onNavigateToRegister }) => {
   const { t } = useLocalization();
+  const passwordRef = useRef<TextInput>(null);
   const {
     email,
     password,
@@ -42,20 +43,27 @@ export const LoginForm: React.FC<LoginFormProps> = ({ onNavigateToRegister }) =>
           disabled={loading}
           state={emailError ? "error" : "default"}
           helperText={emailError || undefined}
+          returnKeyType="next"
+          onSubmitEditing={() => passwordRef.current?.focus()}
+          blurOnSubmit={false}
         />
       </View>
 
       <View style={styles.inputContainer}>
         <AtomicInput
+          ref={passwordRef}
           label={t("auth.password")}
           value={password}
           onChangeText={handlePasswordChange}
           placeholder={t("auth.passwordPlaceholder")}
           secureTextEntry
+          showPasswordToggle
           autoCapitalize="none"
           disabled={loading}
           state={passwordError ? "error" : "default"}
           helperText={passwordError || undefined}
+          returnKeyType="done"
+          onSubmitEditing={() => { void handleSignIn(); }}
         />
       </View>
 

package/src/presentation/components/RegisterForm.tsx

@@ -3,8 +3,8 @@
  * Single Responsibility: Render register form UI
  */
 
-import React from "react";
-import { View, StyleSheet } from "react-native";
+import React, { useRef } from "react";
+import { View, StyleSheet, TextInput } from "react-native";
 import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useRegisterForm } from "../hooks/useRegisterForm";
@@ -30,6 +30,10 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
   onPrivacyPress,
 }) => {
   const { t } = useLocalization();
+  const emailRef = useRef<TextInput>(null);
+  const passwordRef = useRef<TextInput>(null);
+  const confirmPasswordRef = useRef<TextInput>(null);
+
   const {
     displayName,
     email,
@@ -61,11 +65,15 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
           disabled={loading}
           state={fieldErrors.displayName ? "error" : "default"}
           helperText={fieldErrors.displayName || undefined}
+          returnKeyType="next"
+          onSubmitEditing={() => emailRef.current?.focus()}
+          blurOnSubmit={false}
         />
       </View>
 
       <View style={styles.inputContainer}>
         <AtomicInput
+          ref={emailRef}
           label={t("auth.email")}
           value={email}
           onChangeText={handleEmailChange}
@@ -75,20 +83,28 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
           disabled={loading}
           state={fieldErrors.email ? "error" : "default"}
           helperText={fieldErrors.email || undefined}
+          returnKeyType="next"
+          onSubmitEditing={() => passwordRef.current?.focus()}
+          blurOnSubmit={false}
         />
       </View>
 
       <View style={styles.inputContainer}>
         <AtomicInput
+          ref={passwordRef}
           label={t("auth.password")}
           value={password}
           onChangeText={handlePasswordChange}
           placeholder={t("auth.passwordPlaceholder")}
           secureTextEntry
+          showPasswordToggle
           autoCapitalize="none"
           disabled={loading}
           state={fieldErrors.password ? "error" : "default"}
           helperText={fieldErrors.password || undefined}
+          returnKeyType="next"
+          onSubmitEditing={() => confirmPasswordRef.current?.focus()}
+          blurOnSubmit={false}
         />
         {password.length > 0 && (
           <PasswordStrengthIndicator requirements={passwordRequirements} />
@@ -97,6 +113,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 
       <View style={styles.inputContainer}>
         <AtomicInput
+          ref={confirmPasswordRef}
           label={t("auth.confirmPassword")}
           value={confirmPassword}
           onChangeText={handleConfirmPasswordChange}
@@ -104,10 +121,13 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
             t("auth.confirmPasswordPlaceholder")
           }
           secureTextEntry
+          showPasswordToggle
           autoCapitalize="none"
           disabled={loading}
           state={fieldErrors.confirmPassword ? "error" : "default"}
           helperText={fieldErrors.confirmPassword || undefined}
+          returnKeyType="done"
+          onSubmitEditing={() => { void handleSignUp(); }}
         />
         {confirmPassword.length > 0 && (
           <PasswordMatchIndicator isMatch={passwordsMatch} />