@umituz/react-native-auth 4.2.0 → 4.2.3

package/package.json

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

@@ -61,6 +61,10 @@ export { useAppleAuth } from './presentation/hooks/useAppleAuth';
 export type { UseAppleAuthResult } from './presentation/hooks/useAppleAuth';
 export { useAuthBottomSheet } from './presentation/hooks/useAuthBottomSheet';
 export type { SocialAuthConfiguration } from './presentation/hooks/useAuthBottomSheet';
+export { useAuthHandlers } from './presentation/hooks/useAuthHandlers';
+export type { AuthHandlersAppInfo, AuthHandlersTranslations } from './presentation/hooks/useAuthHandlers';
+export { usePasswordPromptNavigation } from './presentation/hooks/usePasswordPromptNavigation';
+export type { UsePasswordPromptNavigationOptions, UsePasswordPromptNavigationReturn } from './presentation/hooks/usePasswordPromptNavigation';
 
 // =============================================================================
 // PRESENTATION LAYER - Components
@@ -76,6 +80,8 @@ export { AccountScreen } from './presentation/screens/AccountScreen';
 export type { AccountScreenProps, AccountScreenConfig } from './presentation/screens/AccountScreen';
 export { EditProfileScreen } from './presentation/screens/EditProfileScreen';
 export type { EditProfileScreenProps } from './presentation/screens/EditProfileScreen';
+export { PasswordPromptScreen } from './presentation/screens/PasswordPromptScreen';
+export type { PasswordPromptScreenProps } from './presentation/screens/PasswordPromptScreen';
 export { AuthNavigator } from './presentation/navigation/AuthNavigator';
 export type { AuthStackParamList } from './presentation/navigation/AuthNavigator';
 export { AuthBottomSheet } from './presentation/components/AuthBottomSheet';

package/src/presentation/hooks/useAccountManagement.ts

@@ -7,6 +7,8 @@ import { useCallback, useState } from "react";
 import { useAuth } from "./useAuth";
 import { deleteCurrentUser } from "@umituz/react-native-firebase";
 
+declare const __DEV__: boolean;
+
 export interface UseAccountManagementOptions {
   /**
    * Callback invoked when reauthentication is required (for Google/Apple)
@@ -40,6 +42,10 @@ export const useAccountManagement = (
   }, [signOut]);
 
   const deleteAccount = useCallback(async () => {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[useAccountManagement] deleteAccount called, user:", user);
+    }
+
     if (!user) {
       throw new Error("No user logged in");
     }
@@ -51,12 +57,24 @@ export const useAccountManagement = (
     setIsDeletingAccount(true);
 
     try {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useAccountManagement] Calling deleteCurrentUser with options:", {
+          autoReauthenticate: true,
+          hasOnPasswordRequired: !!onPasswordRequired,
+          hasOnReauthRequired: !!onReauthRequired,
+        });
+      }
+
       const result = await deleteCurrentUser({
         autoReauthenticate: true,
         onPasswordRequired,
         onGoogleReauthRequired: onReauthRequired,
       });
 
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useAccountManagement] deleteCurrentUser result:", result);
+      }
+
       if (!result.success) {
         throw new Error(result.error?.message || "Failed to delete account");
       }

package/src/presentation/hooks/useAuthHandlers.ts

@@ -0,0 +1,125 @@
+/**
+ * Auth Handlers Hook
+ * Centralized authentication-related handlers
+ * Uses auth package for all auth operations - no duplication
+ */
+
+import { useCallback } from "react";
+import { Linking, Alert } from "react-native";
+import { useAuth } from "./useAuth";
+import { useAuthModalStore } from "../stores/authModalStore";
+import { useAccountManagement } from "./useAccountManagement";
+import { AlertService } from "@umituz/react-native-design-system";
+import { usePasswordPromptNavigation } from "./usePasswordPromptNavigation";
+
+declare const __DEV__: boolean;
+
+export interface AuthHandlersAppInfo {
+  appStoreUrl?: string;
+}
+
+export interface AuthHandlersTranslations {
+  deleteAccountTitle?: string;
+  deleteAccountMessage?: string;
+  cancel?: string;
+  delete?: string;
+  common?: string;
+  appStoreUrlNotConfigured?: string;
+  unableToOpenAppStore?: string;
+  failedToOpenAppStore?: string;
+  unknown?: string;
+  deleteAccountError?: string;
+}
+
+/**
+ * Hook that provides authentication-related handlers
+ */
+export const useAuthHandlers = (appInfo: AuthHandlersAppInfo, translations?: AuthHandlersTranslations) => {
+  const { signOut } = useAuth();
+  const { showAuthModal } = useAuthModalStore();
+
+  const { showPasswordPrompt } = usePasswordPromptNavigation({
+    title: translations?.deleteAccountTitle || "Confirm Account Deletion",
+    message: translations?.deleteAccountMessage || "Please enter your password to permanently delete your account. This action cannot be undone.",
+    cancelText: translations?.cancel || "Cancel",
+    confirmText: translations?.delete || "Delete",
+  });
+
+  const { deleteAccount: deleteAccountFromAuth } = useAccountManagement({
+    onPasswordRequired: showPasswordPrompt,
+  });
+
+  const handleRatePress = useCallback(async () => {
+    const url = appInfo.appStoreUrl;
+    if (!url) {
+      Alert.alert(translations?.common || "", translations?.appStoreUrlNotConfigured || "");
+      return;
+    }
+
+    try {
+      const canOpen = await Linking.canOpenURL(url);
+      if (!canOpen) {
+        Alert.alert(
+          translations?.common || "",
+          translations?.unableToOpenAppStore || ""
+        );
+        return;
+      }
+      await Linking.openURL(url);
+    } catch (error) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.error("[useAuthHandlers] Failed to open app store:", error);
+      }
+      Alert.alert(translations?.common || "", translations?.failedToOpenAppStore || "");
+    }
+  }, [appInfo.appStoreUrl, translations]);
+
+  const handleSignOut = useCallback(async () => {
+    try {
+      await signOut();
+    } catch (error) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.error("[useAuthHandlers] Sign out failed:", error);
+      }
+      AlertService.createErrorAlert(
+        translations?.common || "",
+        translations?.unknown || ""
+      );
+    }
+  }, [signOut, translations]);
+
+  const handleDeleteAccount = useCallback(async () => {
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[useAuthHandlers] handleDeleteAccount called");
+    }
+    try {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useAuthHandlers] Calling deleteAccountFromAuth...");
+      }
+      await deleteAccountFromAuth();
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[useAuthHandlers] deleteAccountFromAuth completed successfully");
+      }
+    } catch (error) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.error("[useAuthHandlers] deleteAccountFromAuth failed:", error);
+      }
+      const errorMessage = error instanceof Error ? error.message : String(error);
+      AlertService.createErrorAlert(
+        translations?.common || "Error",
+        errorMessage || translations?.deleteAccountError || "Failed to delete account"
+      );
+    }
+  }, [deleteAccountFromAuth, translations]);
+
+  const handleSignIn = useCallback(() => {
+    showAuthModal(undefined, "login");
+  }, [showAuthModal]);
+
+  return {
+    handleRatePress,
+    handleSignOut,
+    handleDeleteAccount,
+    handleSignIn,
+  };
+};

package/src/presentation/hooks/usePasswordPromptNavigation.ts

@@ -0,0 +1,72 @@
+/**
+ * Password Prompt Navigation Hook
+ * Navigation-based password prompt that maintains Promise interface
+ * Uses AppNavigation for global navigation access
+ */
+
+import { useCallback, useRef, useEffect } from 'react';
+import { AppNavigation } from '@umituz/react-native-design-system';
+
+export interface UsePasswordPromptNavigationOptions {
+  title?: string;
+  message?: string;
+  confirmText?: string;
+  cancelText?: string;
+}
+
+export interface UsePasswordPromptNavigationReturn {
+  showPasswordPrompt: () => Promise<string | null>;
+}
+
+export const usePasswordPromptNavigation = (
+  options: UsePasswordPromptNavigationOptions
+): UsePasswordPromptNavigationReturn => {
+  const { title, message, confirmText, cancelText } = options;
+  const resolveRef = useRef<((value: string | null) => void) | null>(null);
+
+  useEffect(() => {
+    return () => {
+      if (resolveRef.current) {
+        resolveRef.current(null);
+        resolveRef.current = null;
+      }
+    };
+  }, []);
+
+  const showPasswordPrompt = useCallback((): Promise<string | null> => {
+    return new Promise<string | null>((resolve, reject) => {
+      if (resolveRef.current) {
+        resolveRef.current(null);
+      }
+
+      resolveRef.current = resolve;
+
+      const params = {
+        onComplete: (password: string | null) => {
+          if (resolveRef.current) {
+            resolveRef.current(password);
+            resolveRef.current = null;
+          }
+        },
+        title,
+        message,
+        confirmText,
+        cancelText,
+      };
+
+      try {
+        AppNavigation.navigate('PasswordPrompt', params);
+      } catch (error) {
+        if (resolveRef.current) {
+          resolveRef.current(null);
+          resolveRef.current = null;
+        }
+        reject(error);
+      }
+    });
+  }, [title, message, confirmText, cancelText]);
+
+  return {
+    showPasswordPrompt,
+  };
+};

package/src/presentation/screens/PasswordPromptScreen.tsx

@@ -0,0 +1,170 @@
+/**
+ * Password Prompt Screen
+ * Navigation screen for password input during account deletion reauthentication
+ */
+
+import React, { useState, useEffect } from 'react';
+import { View, StyleSheet, KeyboardAvoidingView, Platform, TouchableOpacity } from 'react-native';
+import {
+  AtomicInput,
+  AtomicButton,
+  AtomicText,
+  AtomicIcon,
+  SafeAreaView,
+  useAppDesignTokens
+} from '@umituz/react-native-design-system';
+
+export interface PasswordPromptScreenProps {
+  route: {
+    params: {
+      onComplete: (password: string | null) => void;
+      title?: string;
+      message?: string;
+      confirmText?: string;
+      cancelText?: string;
+    };
+  };
+  navigation: {
+    goBack: () => void;
+  };
+}
+
+export const PasswordPromptScreen: React.FC<PasswordPromptScreenProps> = ({
+  route,
+  navigation,
+}) => {
+  const tokens = useAppDesignTokens();
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+
+  const {
+    onComplete,
+    title = 'Password Required',
+    message = 'Enter your password to continue',
+    confirmText = 'Confirm',
+    cancelText = 'Cancel',
+  } = route.params;
+
+  useEffect(() => {
+    return () => {
+      onComplete(null);
+    };
+  }, [onComplete]);
+
+  const handleConfirm = () => {
+    if (!password.trim()) {
+      setError('Password is required');
+      return;
+    }
+    onComplete(password);
+    navigation.goBack();
+  };
+
+  const handleCancel = () => {
+    onComplete(null);
+    navigation.goBack();
+  };
+
+  return (
+    <SafeAreaView style={[styles.safeArea, { backgroundColor: tokens.colors.background }]} edges={['top', 'bottom']}>
+      <View style={[styles.headerBar, { borderBottomColor: tokens.colors.border }]}>
+        <TouchableOpacity onPress={handleCancel} style={styles.closeButton}>
+          <AtomicIcon name="close" size="lg" color="textSecondary" />
+        </TouchableOpacity>
+        <AtomicText type="headlineLarge" fontWeight="600" color="textPrimary">
+          {title}
+        </AtomicText>
+        <View style={styles.placeholder} />
+      </View>
+
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        style={styles.keyboardView}
+      >
+        <View style={[styles.container, { padding: tokens.spacing.xl }]}>
+          <View style={styles.messageContainer}>
+            <AtomicText type="bodyMedium" color="textSecondary" style={styles.message}>
+              {message}
+            </AtomicText>
+          </View>
+
+          <View style={styles.content}>
+            <AtomicInput
+              value={password}
+              onChangeText={(text: string) => {
+                setPassword(text);
+                setError('');
+              }}
+              placeholder="Password"
+              secureTextEntry
+              autoFocus
+              state={error ? 'error' : 'default'}
+              helperText={error}
+              style={{ marginBottom: tokens.spacing.md }}
+            />
+          </View>
+
+          <View style={[styles.buttons, { gap: tokens.spacing.sm }]}>
+            <AtomicButton
+              title={cancelText}
+              onPress={handleCancel}
+              variant="secondary"
+              style={styles.button}
+            />
+            <AtomicButton
+              title={confirmText}
+              onPress={handleConfirm}
+              variant="primary"
+              style={styles.button}
+            />
+          </View>
+        </View>
+      </KeyboardAvoidingView>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
+  headerBar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+  },
+  closeButton: {
+    padding: 4,
+    width: 40,
+  },
+  placeholder: {
+    width: 40,
+  },
+  keyboardView: {
+    flex: 1,
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  messageContainer: {
+    marginBottom: 24,
+  },
+  message: {
+    textAlign: 'center',
+    lineHeight: 22,
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'center',
+  },
+  buttons: {
+    flexDirection: 'row',
+  },
+  button: {
+    flex: 1,
+  },
+});