@umituz/react-native-auth 2.6.7 → 2.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "2.6.7",
+  "version": "2.6.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",
@@ -50,12 +50,28 @@
   },
   "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-design-system-theme": "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/AuthBottomSheet.styles.ts

@@ -12,7 +12,7 @@ export const styles = StyleSheet.create({
     },
     scrollContent: {
         paddingHorizontal: 24,
-        paddingBottom: 20, // Reduced from 40 to 20 to save space
+        paddingBottom: 40,
     },
     closeButton: {
         position: "absolute",
@@ -27,20 +27,20 @@ export const styles = StyleSheet.create({
     },
     header: {
         alignItems: "center",
-        marginBottom: 8,
-        marginTop: 4,
-        paddingTop: 4,
+        marginBottom: 24,
+        marginTop: 8,
+        paddingTop: 16,
     },
     title: {
-        fontSize: 22,
+        fontSize: 28,
         fontWeight: "700",
-        marginBottom: 2,
+        marginBottom: 8,
         textAlign: "center",
     },
     subtitle: {
-        fontSize: 13,
+        fontSize: 15,
         textAlign: "center",
-        lineHeight: 18,
+        lineHeight: 22,
     },
     formContainer: {
         flex: 1,

package/src/presentation/components/AuthBottomSheet.tsx

@@ -114,7 +114,7 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
     [],
   );
 
-  const snapPoints = useMemo(() => ["94%"], []);
+  const snapPoints = useMemo(() => ["95%"], []);
 
   return (
     <BottomSheetModal

package/src/presentation/components/AuthLegalLinks.tsx

@@ -111,7 +111,7 @@ export const AuthLegalLinks: React.FC<AuthLegalLinksProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    marginTop: 8,
+    marginTop: 16,
     alignItems: "center",
   },
   prefixText: {

package/src/presentation/components/AuthLink.tsx

@@ -50,8 +50,8 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "center",
     alignItems: "center",
-    marginTop: 0,
-    paddingTop: 0,
+    marginTop: 8,
+    paddingTop: 8,
   },
   text: {
     fontSize: 15,

package/src/presentation/components/RegisterForm.tsx

@@ -153,14 +153,14 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 
 const styles = StyleSheet.create({
   inputContainer: {
-    marginBottom: 10,
+    marginBottom: 20,
   },
   buttonContainer: {
-    marginBottom: 8,
-    marginTop: 4,
+    marginBottom: 16,
+    marginTop: 8,
   },
   signUpButton: {
-    minHeight: 48,
+    minHeight: 52,
   },
 });
 

package/src/presentation/components/SocialLoginButtons.tsx

@@ -111,12 +111,12 @@ export const SocialLoginButtons: React.FC<SocialLoginButtonsProps> = ({
 
 const styles = StyleSheet.create({
   container: {
-    marginTop: 12,
+    marginTop: 24,
   },
   dividerContainer: {
     flexDirection: "row",
     alignItems: "center",
-    marginBottom: 12,
+    marginBottom: 20,
   },
   divider: {
     flex: 1,
@@ -135,7 +135,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
-    paddingVertical: 10,
+    paddingVertical: 14,
     borderRadius: 12,
     borderWidth: 1,
     gap: 8,

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,
   };
 };