@umituz/react-native-settings 5.3.8 → 5.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.8",
+  "version": "5.3.10",
   "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",
@@ -153,7 +153,7 @@
     "@tanstack/query-async-storage-persister": "^5.66.7",
     "@tanstack/react-query": "^5.0.0",
     "@tanstack/react-query-persist-client": "^5.66.7",
-    "@types/react": "~19.1.10",
+    "@types/react": "~19.0.0",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@umituz/react-native-auth": "^4.3.39",

package/src/index.ts

@@ -37,14 +37,6 @@ export {
   useResetSettingsMutation
 } from './presentation/hooks/mutations/useSettingsMutations';
 
-export { useSettingsScreenConfig } from './presentation/hooks/useSettingsScreenConfig';
-export type {
-  UseSettingsScreenConfigParams,
-  SettingsScreenConfigResult,
-  SettingsFeatures,
-} from './presentation/hooks/useSettingsScreenConfig';
-
-
 // =============================================================================
 // PRESENTATION LAYER - Screens
 // =============================================================================

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

@@ -1,8 +1,11 @@
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import type { StackScreen } from "@umituz/react-native-design-system/molecules";
 import { LanguageSelectionScreen } from "../../../domains/localization";
 import { NotificationSettingsScreen } from "../../../domains/notifications";
-import { AccountScreen } from "@umituz/react-native-auth";
+// AccountScreen is an optional peer — lazy require so the package works without @umituz/react-native-auth
+const AccountScreen: React.ComponentType<any> | null = (() => {
+  try { return require("@umituz/react-native-auth").AccountScreen ?? null; } catch { return null; }
+})();
 import { SettingsScreen } from "../../screens/SettingsScreen";
 import { AppearanceScreen } from "../../screens/AppearanceScreen";
 import { FAQScreen } from "../../../domains/faqs";
@@ -119,7 +122,7 @@ export const useSettingsScreens = (props: UseSettingsScreensProps): StackScreen[
     });
 
     const accountScreen = createConditionalScreen(
-      !!accountConfig,
+      !!accountConfig && !!AccountScreen,
       () => createScreenWithProps("Account", AccountScreen as any, { config: accountConfig })
     );
 

package/src/presentation/navigation/types.ts

@@ -88,11 +88,36 @@ export interface FAQData {
 }
 
 /**
- * Import AccountScreenConfig from auth package
+ * Account configuration — auth is an optional peer dependency.
+ * Defined locally so the main package does not require @umituz/react-native-auth.
  */
-import type { AccountScreenConfig } from "@umituz/react-native-auth";
-
-export type AccountConfig = AccountScreenConfig;
+export interface AccountConfig {
+  profile?: {
+    displayName?: string;
+    userId?: string;
+    isAnonymous?: boolean;
+    avatarUrl?: string;
+    accountSettingsRoute?: string;
+    benefits?: string[];
+  };
+  isAnonymous?: boolean;
+  editProfileText?: string;
+  onSignIn?: () => void;
+  PasswordPromptComponent?: React.ReactNode;
+  accountActions?: {
+    onLogout?: () => Promise<void>;
+    onDeleteAccount?: () => Promise<void>;
+    logoutText?: string;
+    logoutConfirmTitle?: string;
+    logoutConfirmMessage?: string;
+    cancelText?: string;
+    deleteAccountText?: string;
+    deleteConfirmTitle?: string;
+    deleteConfirmMessage?: string;
+    deleteErrorTitle?: string;
+    deleteErrorMessage?: string;
+  };
+}
 
 /**
  * Settings Stack Navigator Props

package/src/presentation/screens/components/sections/ProfileSectionLoader.tsx

@@ -1,8 +1,12 @@
 import React from "react";
 import { View, StyleSheet } from "react-native";
-import { ProfileSection } from "@umituz/react-native-auth";
 import { useAppNavigation } from "@umituz/react-native-design-system/molecules";
 
+// ProfileSection is an optional peer — lazy require so the package works without @umituz/react-native-auth
+const ProfileSection: React.ComponentType<any> | null = (() => {
+  try { return require("@umituz/react-native-auth").ProfileSection ?? null; } catch { return null; }
+})();
+
 export interface ProfileSectionLoaderProps {
     userProfile?: {
         displayName?: string;
@@ -36,7 +40,7 @@ export const ProfileSectionLoader: React.FC<ProfileSectionLoaderProps> = React.m
         return translations?.anonymousName || "";
     }, [translations]);
 
-    if (!userProfile) return null;
+    if (!userProfile || !ProfileSection) return null;
 
     return (
         <View style={styles.profileContainer}>

package/src/presentation/utils/accountConfigUtils.ts

@@ -4,7 +4,7 @@
  * Helper functions for creating account screen configurations.
  */
 
-import type { AccountScreenConfig } from "@umituz/react-native-auth";
+import type { AccountConfig } from "../navigation/types";
 
 export interface AccountTranslations {
   editProfile?: string;
@@ -35,7 +35,7 @@ export interface CreateAccountConfigParams {
 /**
  * Create account screen configuration
  */
-export function createAccountConfig(params: CreateAccountConfigParams): AccountScreenConfig {
+export function createAccountConfig(params: CreateAccountConfigParams): AccountConfig {
   const {
     displayName,
     userId,