@umituz/react-native-auth 3.6.33 → 3.6.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.6.33",
+  "version": "3.6.35",
   "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/presentation/components/AccountActions.tsx

@@ -5,8 +5,9 @@
  */
 
 import React from "react";
-import { View, TouchableOpacity, StyleSheet, Alert } from "react-native";
-import { useAppDesignTokens, AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { View, TouchableOpacity, StyleSheet } from "react-native";
+import { useAppDesignTokens, AtomicIcon, AtomicText, useAlert, AlertType, AlertMode } from "@umituz/react-native-design-system";
+import { useLocalization } from "@umituz/react-native-localization";
 
 export interface AccountActionsConfig {
     logoutText: string;
@@ -30,6 +31,8 @@ export interface AccountActionsProps {
 
 export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
     const tokens = useAppDesignTokens();
+    const alert = useAlert();
+    const { t } = useLocalization();
     const {
         logoutText,
         deleteAccountText,
@@ -47,41 +50,53 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
     } = config;
 
     const handleLogout = () => {
-        Alert.alert(logoutConfirmTitle, logoutConfirmMessage, [
-            { text: "Cancel", style: "cancel" },
-            {
-                text: logoutText,
-                style: "destructive",
-                onPress: () => {
-                    void (async () => {
+        alert.show(AlertType.WARNING, AlertMode.MODAL, logoutConfirmTitle, logoutConfirmMessage, {
+            actions: [
+                {
+                    id: "cancel",
+                    label: t("common.cancel"),
+                    style: "secondary",
+                    onPress: () => {},
+                },
+                {
+                    id: "confirm",
+                    label: logoutText,
+                    style: "destructive",
+                    onPress: async () => {
                         try {
                             await onLogout();
                         } catch (error) {
                             // Silent error handling
                         }
-                    })();
+                    },
                 },
-            },
-        ]);
+            ],
+        });
     };
 
     const handleDeleteAccount = () => {
-        Alert.alert(deleteConfirmTitle, deleteConfirmMessage, [
-            { text: "Cancel", style: "cancel" },
-            {
-                text: deleteAccountText,
-                style: "destructive",
-                onPress: () => {
-                    void (async () => {
+        alert.show(AlertType.ERROR, AlertMode.MODAL, deleteConfirmTitle, deleteConfirmMessage, {
+            actions: [
+                {
+                    id: "cancel",
+                    label: t("common.cancel"),
+                    style: "secondary",
+                    onPress: () => {},
+                },
+                {
+                    id: "confirm",
+                    label: deleteAccountText,
+                    style: "destructive",
+                    onPress: async () => {
                         try {
                             await onDeleteAccount();
                         } catch (error) {
-                            Alert.alert(deleteErrorTitle, deleteErrorMessage);
+                            alert.showError(deleteErrorTitle, deleteErrorMessage, { mode: AlertMode.MODAL });
                         }
-                    })();
+                    },
                 },
-            },
-        ]);
+            ],
+        });
     };
 
     return (

package/src/presentation/screens/AccountScreen.tsx

@@ -6,7 +6,7 @@
 
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
-import { useAppDesignTokens, ScreenLayout, AtomicIcon, AtomicText } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, ScreenLayout, AtomicIcon, AtomicText, NavigationHeader, useAppNavigation } from "@umituz/react-native-design-system";
 
 import { ProfileSection, type ProfileSectionConfig } from "../components/ProfileSection";
 import { AccountActions, type AccountActionsConfig } from "../components/AccountActions";
@@ -18,6 +18,7 @@ export interface AccountScreenConfig {
     editProfileText?: string;
     onEditProfile?: () => void;
     onSignIn?: () => void;
+    title?: string;
 }
 
 export interface AccountScreenProps {
@@ -26,9 +27,16 @@ export interface AccountScreenProps {
 
 export const AccountScreen: React.FC<AccountScreenProps> = ({ config }) => {
     const tokens = useAppDesignTokens();
+    const navigation = useAppNavigation();
 
     return (
         <ScreenLayout
+            header={
+                <NavigationHeader
+                    title={config.title || "Account Settings"}
+                    onBackPress={() => navigation.goBack()}
+                />
+            }
             scrollable={true}
             edges={['bottom']}
             backgroundColor={tokens.colors.backgroundPrimary}