@umituz/react-native-settings 4.21.2 → 4.21.4

package/package.json

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

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -9,6 +9,7 @@ import React from "react";
 import { createStackNavigator } from "@react-navigation/stack";
 import { useLocalization, LanguageSelectionScreen } from "@umituz/react-native-localization";
 import { NotificationSettingsScreen } from "@umituz/react-native-notifications";
+import { AccountScreen } from "@umituz/react-native-auth";
 import { useAppDesignTokens } from "@umituz/react-native-design-system";
 import { AppearanceScreen } from "../screens/AppearanceScreen";
 import { FAQScreen } from "../../domains/faqs";
@@ -30,6 +31,7 @@ import {
   createFAQScreenOptions,
   createLanguageSelectionScreenOptions,
   createGamificationScreenOptions,
+  createAccountScreenOptions,
 } from "./utils";
 import type { SettingsStackParamList, SettingsStackNavigatorProps } from "./types";
 import { GamificationScreenWrapper } from "../../domains/gamification";
@@ -43,6 +45,7 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
   config = {},
   showUserProfile = false,
   userProfile,
+  accountConfig,
   additionalScreens = [],
   devSettings,
   customSections = [],
@@ -165,6 +168,15 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
           />
         )}
       </Stack.Screen>
+
+      {accountConfig && (
+        <Stack.Screen
+          name="Account"
+          options={createAccountScreenOptions(t)}
+        >
+          {() => <AccountScreen config={accountConfig} />}
+        </Stack.Screen>
+      )}
     </Stack.Navigator>
   );
 };

package/src/presentation/navigation/types.ts

@@ -43,6 +43,7 @@ export type SettingsStackParamList = {
   FAQ: undefined;
   LanguageSelection: undefined;
   Gamification: undefined;
+  Account: undefined;
 };
 
 /**
@@ -76,6 +77,30 @@ export interface FAQData {
   categories: FAQCategory[];
 }
 
+/**
+ * Account screen configuration from auth package
+ */
+export interface AccountConfig {
+  profile: {
+    displayName?: string;
+    userId?: string;
+    isAnonymous: boolean;
+    avatarUrl?: string;
+  };
+  isAnonymous: boolean;
+  editProfileText?: string;
+  onSignIn?: () => void;
+  onEditProfile?: () => void;
+  accountActions?: {
+    onSignOut: () => void;
+    onDeleteAccount: () => void;
+    signOutText: string;
+    deleteAccountText: string;
+    confirmDeleteTitle: string;
+    confirmDeleteMessage: string;
+  };
+}
+
 /**
  * Settings Stack Navigator Props
  */
@@ -86,6 +111,7 @@ export interface SettingsStackNavigatorProps {
   config?: SettingsConfig;
   showUserProfile?: boolean;
   userProfile?: UserProfileConfig;
+  accountConfig?: AccountConfig;
   additionalScreens?: AdditionalScreen[];
   devSettings?: DevSettingsProps;
   customSections?: CustomSettingsSection[];

package/src/presentation/navigation/utils/navigationScreenOptions.ts

@@ -61,3 +61,9 @@ export const createGamificationScreenOptions = (t: any) => ({
   headerTitleAlign: "center" as const,
 });
 
+export const createAccountScreenOptions = (t: any) => ({
+  headerShown: true,
+  headerTitle: t("settings.account.title"),
+  headerTitleAlign: "center" as const,
+});
+