@umituz/react-native-settings 5.0.0 → 5.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.0.0",
+  "version": "5.1.1",
   "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",
@@ -74,7 +74,7 @@
     "@types/react": "~19.1.10",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@umituz/react-native-auth": "latest",
+    "@umituz/react-native-auth": "^4.1.1",
     "@umituz/react-native-design-system": "latest",
     "@umituz/react-native-firebase": "latest",
     "@umituz/react-native-sentry": "latest",

package/src/presentation/hooks/useSettingsScreenConfig.ts

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

package/src/presentation/screens/SettingsScreen.tsx

@@ -51,6 +51,8 @@ export interface SettingsScreenProps {
   gamificationConfig?: import("../../domains/gamification").GamificationSettingsConfig;
   /** Show header (default: true) */
   showHeader?: boolean;
+  /** Password prompt modal component */
+  PasswordPromptComponent?: React.ReactNode;
 }
 
 export const SettingsScreen: React.FC<SettingsScreenProps> = (props) => {
@@ -69,6 +71,7 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = (props) => {
     featureOptions,
     devSettings,
     gamificationConfig,
+    PasswordPromptComponent,
   } = props;
 
   const {
@@ -94,21 +97,24 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = (props) => {
   ) : undefined;
 
   return (
-    <ScreenLayout header={header}>
-      {children ?? (
-        <SettingsContent
-          normalizedConfig={normalizedConfig}
-          features={features}
-          showUserProfile={shouldShowUserProfile}
-          userProfile={userProfile}
-          showFooter={showFooter}
-          footerText={footerText}
-          appVersion={appVersion}
-          customSections={customSections}
-          devSettings={devSettings}
-          gamificationConfig={gamificationConfig}
-        />
-      )}
-    </ScreenLayout>
+    <>
+      <ScreenLayout header={header}>
+        {children ?? (
+          <SettingsContent
+            normalizedConfig={normalizedConfig}
+            features={features}
+            showUserProfile={shouldShowUserProfile}
+            userProfile={userProfile}
+            showFooter={showFooter}
+            footerText={footerText}
+            appVersion={appVersion}
+            customSections={customSections}
+            devSettings={devSettings}
+            gamificationConfig={gamificationConfig}
+          />
+        )}
+      </ScreenLayout>
+      {PasswordPromptComponent}
+    </>
   );
 };

package/src/presentation/utils/accountConfigUtils.ts

@@ -29,6 +29,7 @@ export interface CreateAccountConfigParams {
   onLogout: () => Promise<void>;
   onDeleteAccount: () => Promise<void>;
   translations?: AccountTranslations;
+  PasswordPromptComponent?: React.ReactNode;
 }
 
 /**
@@ -45,6 +46,7 @@ export function createAccountConfig(params: CreateAccountConfigParams): AccountS
     onLogout,
     onDeleteAccount,
     translations,
+    PasswordPromptComponent,
   } = params;
 
   const anonymous = isAnonymous ?? true;
@@ -74,6 +76,7 @@ export function createAccountConfig(params: CreateAccountConfigParams): AccountS
     isAnonymous: anonymous,
     editProfileText: translations?.editProfile || "",
     onSignIn,
+    PasswordPromptComponent,
     accountActions: hasValidAccountTranslations ? {
       onLogout,
       onDeleteAccount,

package/src/presentation/utils/useAuthHandlers.ts

@@ -24,7 +24,7 @@ export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTransla
   const { signOut } = useAuth();
   const { showAuthModal } = useAuthModalStore();
 
-  const { deleteAccount: deleteAccountFromAuth } = useAccountManagement({
+  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",
@@ -97,5 +97,6 @@ export const useAuthHandlers = (appInfo: AppInfo, translations?: SettingsTransla
     handleSignOut,
     handleDeleteAccount,
     handleSignIn,
+    PasswordPromptComponent,
   };
 };