@umituz/react-native-settings 5.1.4 → 5.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.1.4",
+  "version": "5.2.0",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -49,7 +49,6 @@ export interface SettingsScreenConfigResult {
   translatedFaqData: FAQData | undefined;
   isLoading: boolean;
   isAuthReady: boolean;
-  PasswordPromptComponent: React.ReactNode;
 }
 
 export const useSettingsScreenConfig = (
@@ -75,7 +74,7 @@ export const useSettingsScreenConfig = (
   const userProfileData = useUserProfile({});
 
   // Use centralized auth handlers
-  const { handleRatePress, handleSignOut, handleDeleteAccount, handleSignIn, PasswordPromptComponent } =
+  const { handleRatePress, handleSignOut, handleDeleteAccount, handleSignIn } =
     useAuthHandlers(appInfo, translations?.errors);
 
   // Use settings config factory
@@ -164,8 +163,7 @@ export const useSettingsScreenConfig = (
     onLogout: handleSignOut,
     onDeleteAccount: handleDeleteAccount,
     translations: translations?.account as any,
-    PasswordPromptComponent,
-  }), [user, userProfileData, handleSignIn, handleSignOut, handleDeleteAccount, translations, PasswordPromptComponent]);
+  }), [user, userProfileData, handleSignIn, handleSignOut, handleDeleteAccount, translations]);
 
   // Use centralized FAQ translation
   const translatedFaqData = useMemo(() =>
@@ -180,6 +178,5 @@ export const useSettingsScreenConfig = (
     translatedFaqData,
     isLoading: loading,
     isAuthReady,
-    PasswordPromptComponent,
   };
 };

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -6,7 +6,6 @@
  */
 
 import React from "react";
-import { View } from "react-native";
 import {
   StackNavigator,
   type StackNavigatorConfig,
@@ -18,7 +17,6 @@ import {
   createLegalScreenProps,
 } from "./utils";
 import type { SettingsStackParamList, SettingsStackNavigatorProps } from "./types";
-import { useAuthHandlers } from "../utils/useAuthHandlers";
 
 export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = (props) => {
   const {
@@ -32,8 +30,6 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = (pr
   const { handlePrivacyPress, handleTermsPress, handleEulaPress, aboutConfig } =
     useNavigationHandlers(appInfo, legalUrls, aboutTranslations);
 
-  const { PasswordPromptComponent } = useAuthHandlers(appInfo, config?.translations?.errors);
-
   const screenOptions = React.useMemo(
     () => ({
       headerShown: false,
@@ -62,12 +58,5 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = (pr
     screens,
   };
 
-  return (
-    <>
-      <View style={{ flex: 1 }}>
-        <StackNavigator<SettingsStackParamList> config={navigatorConfig} />
-      </View>
-      {PasswordPromptComponent}
-    </>
-  );
+  return <StackNavigator<SettingsStackParamList> config={navigatorConfig} />;
 };

package/src/presentation/navigation/hooks/useSettingsScreens.ts

@@ -3,6 +3,7 @@ import type { StackScreen } from "@umituz/react-native-design-system";
 import { LanguageSelectionScreen } from "../../../domains/localization";
 import { NotificationSettingsScreen } from "../../../domains/notifications";
 import { AccountScreen } from "@umituz/react-native-auth";
+import { PasswordPromptScreen } from "@umituz/react-native-firebase";
 import { SettingsScreen } from "../../screens/SettingsScreen";
 import { AppearanceScreen } from "../../screens/AppearanceScreen";
 import { FAQScreen } from "../../../domains/faqs";
@@ -128,6 +129,12 @@ export const useSettingsScreens = (props: UseSettingsScreensProps): StackScreen[
       title: videoTutorialConfig?.title || translations?.videoTutorial?.title || "",
     });
 
+    const passwordPromptScreen: StackScreen = {
+      name: "PasswordPrompt",
+      component: PasswordPromptScreen as any,
+      options: { headerShown: false },
+    };
+
     return combineScreens(
       baseScreens,
       faqScreen,
@@ -135,7 +142,8 @@ export const useSettingsScreens = (props: UseSettingsScreensProps): StackScreen[
       gamificationScreen,
       languageScreen,
       accountScreen,
-      videoTutorialScreen
+      videoTutorialScreen,
+      passwordPromptScreen
     );
   }, [
     translations,

package/src/presentation/navigation/types.ts

@@ -47,6 +47,13 @@ export type SettingsStackParamList = {
   Gamification: undefined;
   Account: undefined;
   VideoTutorial: undefined;
+  PasswordPrompt: {
+    onComplete: (password: string | null) => void;
+    title?: string;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+  };
 };
 
 /**

package/src/presentation/utils/useAuthHandlers.ts

@@ -11,9 +11,10 @@ import {
   useAuthModalStore,
   useAccountManagement,
 } from "@umituz/react-native-auth";
-import { AlertService } from "@umituz/react-native-design-system";
+import { AlertService, useAppNavigation } from "@umituz/react-native-design-system";
 import type { AppInfo } from "../navigation/types";
 import type { SettingsTranslations } from "../screens/types";
+import { usePasswordPromptNavigation } from "./usePasswordPromptNavigation";
 
 declare const __DEV__: boolean;
 
@@ -23,12 +24,18 @@ declare const __DEV__: boolean;
 export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTranslations["account"] & SettingsTranslations["errors"]) => {
   const { signOut } = useAuth();
   const { showAuthModal } = useAuthModalStore();
+  const navigation = useAppNavigation();
 
-  const { deleteAccount: deleteAccountFromAuth, PasswordPromptComponent } = useAccountManagement({
-    passwordPromptTitle: translations?.deleteAccountTitle || "Confirm Account Deletion",
-    passwordPromptMessage: translations?.deleteAccountMessage || "Please enter your password to permanently delete your account. This action cannot be undone.",
-    passwordPromptCancel: translations?.cancel || "Cancel",
-    passwordPromptConfirm: translations?.delete || "Delete",
+  const { showPasswordPrompt } = usePasswordPromptNavigation({
+    navigation,
+    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 () => {
@@ -71,17 +78,10 @@ export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTransla
   }, [signOut, translations]);
 
   const handleDeleteAccount = useCallback(async () => {
-    console.log("[useAuthHandlers] handleDeleteAccount called");
     try {
-      console.log("[useAuthHandlers] Calling deleteAccountFromAuth...");
       await deleteAccountFromAuth();
-      console.log("[useAuthHandlers] Delete account successful");
-      // Account deleted successfully - auth package handles everything
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : String(error);
-
-      console.error("[useAuthHandlers] Delete account failed:", error);
-
       AlertService.createErrorAlert(
         translations?.common || "Error",
         errorMessage || translations?.deleteAccountError || "Failed to delete account"
@@ -98,6 +98,5 @@ export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTransla
     handleSignOut,
     handleDeleteAccount,
     handleSignIn,
-    PasswordPromptComponent,
   };
 };

package/src/presentation/utils/usePasswordPromptNavigation.ts

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