@umituz/react-native-firebase 2.3.2 → 2.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-firebase",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "description": "Unified Firebase package for React Native apps - Auth and Firestore services using Firebase JS SDK (no native modules).",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -32,6 +32,7 @@
     "url": "git+https://github.com/umituz/react-native-firebase.git"
   },
   "peerDependencies": {
+    "@gorhom/portal": "*",
     "@umituz/react-native-design-system": "*",
     "expo": ">=54.0.0",
     "expo-apple-authentication": ">=6.0.0",

package/src/domains/account-deletion/presentation/components/PasswordPromptScreen.tsx

@@ -5,6 +5,7 @@
 
 import React, { useState } from 'react';
 import { View, StyleSheet, Modal, KeyboardAvoidingView, Platform, TouchableOpacity } from 'react-native';
+import { Portal } from '@gorhom/portal';
 import {
   AtomicInput,
   AtomicButton,
@@ -53,13 +54,16 @@ export const PasswordPromptScreen: React.FC<PasswordPromptScreenProps> = ({
     onCancel();
   };
 
+  if (!visible) return null;
+
   return (
-    <Modal
-      visible={visible}
-      animationType="slide"
-      presentationStyle="pageSheet"
-      onRequestClose={handleCancel}
-    >
+    <Portal>
+      <Modal
+        visible={visible}
+        animationType="slide"
+        presentationStyle="fullScreen"
+        onRequestClose={handleCancel}
+      >
       <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}>
@@ -115,7 +119,8 @@ export const PasswordPromptScreen: React.FC<PasswordPromptScreenProps> = ({
           </View>
         </KeyboardAvoidingView>
       </SafeAreaView>
-    </Modal>
+      </Modal>
+    </Portal>
   );
 };
 

package/src/domains/account-deletion/presentation/hooks/usePasswordPrompt.tsx

@@ -23,9 +23,11 @@ export const usePasswordPrompt = (options: UsePasswordPromptOptions = {}): UsePa
   const [resolvePromise, setResolvePromise] = useState<((value: string | null) => void) | null>(null);
 
   const showPasswordPrompt = useCallback((): Promise<string | null> => {
+    console.log("[usePasswordPrompt] showPasswordPrompt called - opening modal");
     return new Promise((resolve) => {
       setResolvePromise(() => resolve);
       setIsVisible(true);
+      console.log("[usePasswordPrompt] Modal visibility set to true");
     });
   }, []);