@umituz/react-native-auth 2.6.8 → 2.6.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.6.8",
+  "version": "2.6.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",
@@ -32,7 +32,6 @@
     "@react-navigation/native": ">=6.0.0",
     "@react-navigation/stack": ">=6.0.0",
     "@umituz/react-native-design-system": "latest",
-    "@umituz/react-native-design-system-theme": "latest",
     "@umituz/react-native-firebase-auth": "latest",
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-avatar": "latest",
@@ -50,12 +49,27 @@
   },
   "devDependencies": {
     "@gorhom/bottom-sheet": "^5.0.0",
+    "@react-native-async-storage/async-storage": "^1.24.0",
+    "@react-navigation/native": "^6.0.0",
+    "@react-navigation/stack": "^6.0.0",
     "@types/node": "^20.0.0",
     "@types/react": "~19.1.0",
+    "@umituz/react-native-avatar": "latest",
+    "@umituz/react-native-design-system": "latest",
+    "@umituz/react-native-firebase": "latest",
+    "@umituz/react-native-firebase-auth": "latest",
+    "@umituz/react-native-localization": "latest",
+    "@umituz/react-native-storage": "latest",
+    "@umituz/react-native-validation": "latest",
+    "expo-apple-authentication": "^6.0.0",
+    "expo-crypto": "^12.0.0",
+    "expo-linear-gradient": "^13.0.0",
     "firebase": "^11.0.0",
+    "react": "~19.1.0",
     "react-native": "~0.76.0",
     "react-native-gesture-handler": "^2.0.0",
     "react-native-reanimated": "^3.0.0",
+    "react-native-safe-area-context": "^4.0.0",
     "react-native-svg": "^15.15.1",
     "typescript": "~5.9.2",
     "zustand": "^4.0.0"

package/src/presentation/components/AccountActions.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View, Text, TouchableOpacity, StyleSheet, Alert } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 export interface AccountActionsConfig {
     logoutText?: string;

package/src/presentation/components/AuthBottomSheet.tsx

@@ -11,7 +11,7 @@ import {
   BottomSheetScrollView,
   type BottomSheetBackdropProps,
 } from "@gorhom/bottom-sheet";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAuthModalStore } from "../stores/authModalStore";
 import { useAuth } from "../hooks/useAuth";

package/src/presentation/components/AuthDivider.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 
 export const AuthDivider: React.FC = () => {

package/src/presentation/components/AuthFormCard.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface AuthFormCardProps {
   children: React.ReactNode;

package/src/presentation/components/AuthGradientBackground.tsx

@@ -6,7 +6,7 @@
 import React from "react";
 import { StyleSheet } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 export const AuthGradientBackground: React.FC = () => {
   const tokens = useAppDesignTokens();

package/src/presentation/components/AuthHeader.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 
 interface AuthHeaderProps {

package/src/presentation/components/AuthLegalLinks.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, StyleSheet, Linking } from "react-native";
-import { AtomicButton, AtomicText } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicButton, AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 
 export interface AuthLegalLinksProps {

package/src/presentation/components/AuthLink.tsx

@@ -5,8 +5,8 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { AtomicButton } from "@umituz/react-native-design-system-atoms";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { AtomicButton } from "@umituz/react-native-design-system";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 
 interface AuthLinkProps {
   text: string;

package/src/presentation/components/LoginForm.tsx

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

package/src/presentation/components/PasswordMatchIndicator.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 
 export interface PasswordMatchIndicatorProps {

package/src/presentation/components/PasswordStrengthIndicator.tsx

@@ -5,7 +5,7 @@
 
 import React from "react";
 import { View, Text, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import type { PasswordRequirements } from "../../infrastructure/utils/AuthValidation";
 
 export interface PasswordStrengthIndicatorProps {

package/src/presentation/components/ProfileSection.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { Avatar } from "@umituz/react-native-avatar";
 
 export interface ProfileSectionConfig {

package/src/presentation/components/RegisterForm.tsx

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

package/src/presentation/components/SocialLoginButtons.tsx

@@ -7,7 +7,7 @@ import {
   Platform,
   ActivityIndicator,
 } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { SocialAuthProvider } from "../../domain/value-objects/AuthConfig";
 import { AppleIconSvg, GoogleIconSvg } from "./icons";

package/src/presentation/hooks/useAccountManagement.ts

@@ -1,20 +1,35 @@
 /**
  * useAccountManagement Hook
  * Provides account management functionality (logout, delete)
+ * Generic hook - reauthentication is handled via callback from calling app
  */
 
-import { useCallback } from "react";
+import { useCallback, useState } from "react";
 import { useAuth } from "./useAuth";
 import { deleteCurrentUser } from "@umituz/react-native-firebase-auth";
 
+export interface UseAccountManagementOptions {
+  /**
+   * Callback invoked when reauthentication is required
+   * App should show appropriate UI (Google/Apple sign-in) and return success status
+   * If not provided, reauthentication errors will be thrown
+   */
+  onReauthRequired?: () => Promise<boolean>;
+}
+
 export interface UseAccountManagementReturn {
   logout: () => Promise<void>;
   deleteAccount: () => Promise<void>;
   isLoading: boolean;
+  isDeletingAccount: boolean;
 }
 
-export const useAccountManagement = (): UseAccountManagementReturn => {
+export const useAccountManagement = (
+  options: UseAccountManagementOptions = {}
+): UseAccountManagementReturn => {
   const { user, loading, signOut } = useAuth();
+  const [isDeletingAccount, setIsDeletingAccount] = useState(false);
+  const { onReauthRequired } = options;
 
   const logout = useCallback(async () => {
     await signOut();
@@ -29,16 +44,46 @@ export const useAccountManagement = (): UseAccountManagementReturn => {
       throw new Error("Cannot delete anonymous account");
     }
 
-    const result = await deleteCurrentUser();
+    setIsDeletingAccount(true);
+
+    try {
+      const result = await deleteCurrentUser({ autoReauthenticate: true });
+
+      if (result.success) {
+        return;
+      }
+
+      // If reauthentication required and callback provided
+      if (result.error?.requiresReauth && onReauthRequired) {
+        const reauthSuccess = await onReauthRequired();
+
+        if (reauthSuccess) {
+          const retryResult = await deleteCurrentUser({
+            autoReauthenticate: false,
+          });
+
+          if (retryResult.success) {
+            return;
+          }
+
+          if (retryResult.error) {
+            throw new Error(retryResult.error.message);
+          }
+        }
+      }
 
-    if (!result.success && result.error) {
-      throw new Error(result.error.message);
+      if (result.error) {
+        throw new Error(result.error.message);
+      }
+    } finally {
+      setIsDeletingAccount(false);
     }
-  }, [user]);
+  }, [user, onReauthRequired]);
 
   return {
     logout,
     deleteAccount,
     isLoading: loading,
+    isDeletingAccount,
   };
 };

package/src/presentation/navigation/AuthNavigator.tsx

@@ -5,7 +5,7 @@
 
 import React, { useEffect, useState } from "react";
 import { createStackNavigator } from "@react-navigation/stack";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { storageRepository } from "@umituz/react-native-storage";
 import { unwrap } from "@umituz/react-native-storage";
 import { LoginScreen } from "../screens/LoginScreen";

package/src/presentation/screens/AccountScreen.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { ProfileSection, type ProfileSectionConfig } from "../components/ProfileSection";
 import { AccountActions, type AccountActionsConfig } from "../components/AccountActions";
 

package/src/presentation/screens/EditProfileScreen.tsx

@@ -14,7 +14,7 @@ import {
     StyleSheet,
     ActivityIndicator,
 } from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
+import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { Avatar } from "@umituz/react-native-avatar";
 
 export interface EditProfileConfig {

package/src/types/external.d.ts

@@ -3,12 +3,12 @@
  * These are optional dependencies that should be provided by the consuming application
  */
 
-declare module '@umituz/react-native-design-system-theme' {
+declare module '@umituz/react-native-design-system' {
   export function useAppDesignTokens(): any;
   export const defaultTheme: any;
 }
 
-declare module '@umituz/react-native-design-system-atoms' {
+declare module '@umituz/react-native-design-system' {
   export const AtomicInput: any;
   export const AtomicButton: any;
   export const AtomicText: any;