@umituz/react-native-firebase 2.2.1 → 2.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-firebase",
-  "version": "2.2.1",
+  "version": "2.3.1",
   "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",

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

@@ -4,12 +4,13 @@
  */
 
 import React, { useState } from 'react';
-import { View, StyleSheet, SafeAreaView, KeyboardAvoidingView, Platform } from 'react-native';
+import { View, StyleSheet, Modal, KeyboardAvoidingView, Platform, TouchableOpacity } from 'react-native';
 import {
-  BaseModal,
   AtomicInput,
   AtomicButton,
   AtomicText,
+  AtomicIcon,
+  SafeAreaView,
   useAppDesignTokens
 } from '@umituz/react-native-design-system';
 
@@ -53,22 +54,29 @@ export const PasswordPromptScreen: React.FC<PasswordPromptScreenProps> = ({
   };
 
   return (
-    <BaseModal
+    <Modal
       visible={visible}
-      onClose={handleCancel}
-      dismissOnBackdrop={false}
-      presentationStyle="fullScreen"
+      animationType="slide"
+      presentationStyle="pageSheet"
+      onRequestClose={handleCancel}
     >
-      <SafeAreaView style={[styles.safeArea, { backgroundColor: tokens.colors.background }]}>
+      <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 variant="h3" weight="semibold" 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.header}>
-              <AtomicText variant="h2" weight="bold" color="textPrimary" style={styles.title}>
-                {title}
-              </AtomicText>
+            <View style={styles.messageContainer}>
               <AtomicText variant="body" color="textSecondary" style={styles.message}>
                 {message}
               </AtomicText>
@@ -107,7 +115,7 @@ export const PasswordPromptScreen: React.FC<PasswordPromptScreenProps> = ({
           </View>
         </KeyboardAvoidingView>
       </SafeAreaView>
-    </BaseModal>
+    </Modal>
   );
 };
 
@@ -115,6 +123,21 @@ 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,
   },
@@ -122,15 +145,12 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
   },
-  header: {
-    marginBottom: 32,
-  },
-  title: {
-    marginBottom: 8,
-    textAlign: 'center',
+  messageContainer: {
+    marginBottom: 24,
   },
   message: {
     textAlign: 'center',
+    lineHeight: 22,
   },
   content: {
     flex: 1,