@umituz/react-native-auth 4.2.7 → 4.2.8

package/package.json

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

@@ -62,7 +62,7 @@ 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 type { AuthHandlersAppInfo, AuthHandlersTranslations, AuthHandlersOptions } from './presentation/hooks/useAuthHandlers';
 export { usePasswordPromptNavigation } from './presentation/hooks/usePasswordPromptNavigation';
 export type { UsePasswordPromptNavigationOptions, UsePasswordPromptNavigationReturn } from './presentation/hooks/usePasswordPromptNavigation';
 

package/src/presentation/hooks/useAuthHandlers.ts

@@ -31,7 +31,15 @@ export interface AuthHandlersTranslations {
   deleteAccountError?: string;
 }
 
-export const useAuthHandlers = (appInfo: AuthHandlersAppInfo, translations?: AuthHandlersTranslations) => {
+export interface AuthHandlersOptions {
+  onBeforeDeleteAccount?: () => void;
+}
+
+export const useAuthHandlers = (
+  appInfo: AuthHandlersAppInfo,
+  translations?: AuthHandlersTranslations,
+  options?: AuthHandlersOptions,
+) => {
   const { signOut } = useAuth();
   const { showAuthModal } = useAuthModalStore();
 
@@ -90,6 +98,10 @@ export const useAuthHandlers = (appInfo: AuthHandlersAppInfo, translations?: Aut
       console.log("[useAuthHandlers] handleDeleteAccount called");
     }
     try {
+      if (options?.onBeforeDeleteAccount) {
+        options.onBeforeDeleteAccount();
+      }
+
       if (typeof __DEV__ !== "undefined" && __DEV__) {
         console.log("[useAuthHandlers] Calling deleteAccountFromAuth...");
       }
@@ -107,7 +119,7 @@ export const useAuthHandlers = (appInfo: AuthHandlersAppInfo, translations?: Aut
         errorMessage || translations?.deleteAccountError || "Failed to delete account"
       );
     }
-  }, [deleteAccountFromAuth, translations]);
+  }, [deleteAccountFromAuth, translations, options]);
 
   const handleSignIn = useCallback(() => {
     showAuthModal(undefined, "login");

package/src/presentation/hooks/usePasswordPromptNavigation.ts

@@ -1,11 +1,6 @@
-/**
- * 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 { useCallback } from 'react';
 import { AppNavigation } from '@umituz/react-native-design-system';
+import { setPasswordPromptCallback } from '../utils/passwordPromptCallback';
 
 declare const __DEV__: boolean;
 
@@ -24,55 +19,22 @@ 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> => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
       console.log("[showPasswordPrompt] Called");
     }
 
-    return new Promise<string | null>((resolve, reject) => {
-      if (resolveRef.current) {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[showPasswordPrompt] Resolving previous promise with null");
-        }
-        resolveRef.current(null);
-      }
-
-      resolveRef.current = resolve;
-
-      const params = {
-        onComplete: (password: string | null) => {
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
-            console.log("[showPasswordPrompt] onComplete called with:", password ? "password" : "null");
-          }
-          if (resolveRef.current) {
-            resolveRef.current(password);
-            resolveRef.current = null;
-          }
-        },
-        title,
-        message,
-        confirmText,
-        cancelText,
-      };
+    return new Promise<string | null>((resolve) => {
+      setPasswordPromptCallback(resolve);
 
       try {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
-          console.log("[showPasswordPrompt] Navigating to PasswordPrompt");
-        }
-
-        AppNavigation.navigate('PasswordPrompt', params);
-
+        AppNavigation.navigate('PasswordPrompt', {
+          title,
+          message,
+          confirmText,
+          cancelText,
+        });
         if (typeof __DEV__ !== "undefined" && __DEV__) {
           console.log("[showPasswordPrompt] Navigation called successfully");
         }
@@ -80,16 +42,11 @@ export const usePasswordPromptNavigation = (
         if (typeof __DEV__ !== "undefined" && __DEV__) {
           console.error("[showPasswordPrompt] Navigation failed:", error);
         }
-        if (resolveRef.current) {
-          resolveRef.current(null);
-          resolveRef.current = null;
-        }
-        reject(error);
+        setPasswordPromptCallback(null);
+        resolve(null);
       }
     });
   }, [title, message, confirmText, cancelText]);
 
-  return {
-    showPasswordPrompt,
-  };
+  return { showPasswordPrompt };
 };

package/src/presentation/screens/PasswordPromptScreen.tsx

@@ -1,9 +1,4 @@
-/**
- * Password Prompt Screen
- * Navigation screen for password input during account deletion reauthentication
- */
-
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import { View, StyleSheet, KeyboardAvoidingView, Platform, TouchableOpacity } from 'react-native';
 import {
   AtomicInput,
@@ -13,11 +8,11 @@ import {
   SafeAreaView,
   useAppDesignTokens
 } from '@umituz/react-native-design-system';
+import { resolvePasswordPrompt } from '../utils/passwordPromptCallback';
 
 export interface PasswordPromptScreenProps {
   route: {
     params: {
-      onComplete: (password: string | null) => void;
       title?: string;
       message?: string;
       confirmText?: string;
@@ -38,30 +33,23 @@ export const PasswordPromptScreen: React.FC<PasswordPromptScreenProps> = ({
   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);
+    resolvePasswordPrompt(password);
     navigation.goBack();
   };
 
   const handleCancel = () => {
-    onComplete(null);
+    resolvePasswordPrompt(null);
     navigation.goBack();
   };
 

package/src/presentation/utils/passwordPromptCallback.ts

@@ -0,0 +1,14 @@
+let callback: ((value: string | null) => void) | null = null;
+
+export const setPasswordPromptCallback = (cb: ((value: string | null) => void) | null): void => {
+  callback = cb;
+};
+
+export const getPasswordPromptCallback = (): ((value: string | null) => void) | null => callback;
+
+export const resolvePasswordPrompt = (value: string | null): void => {
+  if (callback) {
+    callback(value);
+    callback = null;
+  }
+};