@umituz/react-native-settings 5.3.53 → 5.3.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.53",
+  "version": "5.3.54",
   "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": "./dist/index.d.ts",

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

@@ -2,16 +2,18 @@ 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 { SettingsScreen } from "../../screens/SettingsScreen";
+
 // AccountScreen is an optional peer — lazy require so the package works without @umituz/react-native-auth
-const AccountScreen: React.ComponentType<any> | null = (() => {
+// Returns null if @umituz/react-native-auth is not installed
+const getAccountScreen = (): React.ComponentType<any> | null => {
   try {
     return require("@umituz/react-native-auth").AccountScreen ?? null;
-  } catch (error) {
-    if (__DEV__) console.warn("[useSettingsScreens] @umituz/react-native-auth not available:", error);
+  } catch {
+    // Auth package not available, silently return null
     return null;
   }
-})();
-import { SettingsScreen } from "../../screens/SettingsScreen";
+};
 import { AppearanceScreen } from "../../screens/AppearanceScreen";
 import { FAQScreen } from "../../../domains/faqs";
 import { AboutScreen } from "../../../domains/about";
@@ -132,8 +134,11 @@ export const useSettingsScreens = (props: UseSettingsScreensProps): StackScreen[
     });
 
     const accountScreen = createConditionalScreen(
-      !!accountConfig && !!AccountScreen,
-      () => createScreenWithProps("Account", AccountScreen, { config: accountConfig })
+      !!accountConfig && !!getAccountScreen(),
+      () => {
+        const AccountScreen = getAccountScreen();
+        return AccountScreen ? createScreenWithProps("Account", AccountScreen, { config: accountConfig }) : null;
+      }
     );
 
     const videoTutorialScreen = createScreenWithProps("VideoTutorial", VideoTutorialsScreen, {

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

@@ -3,9 +3,15 @@ import { View, StyleSheet } from "react-native";
 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; }
-})();
+// Returns null if @umituz/react-native-auth is not installed
+const getProfileSection = (): React.ComponentType<any> | null => {
+  try {
+    return require("@umituz/react-native-auth").ProfileSection ?? null;
+  } catch {
+    // Auth package not available, silently return null
+    return null;
+  }
+};
 
 export interface ProfileSectionLoaderProps {
     userProfile?: {
@@ -25,6 +31,7 @@ export interface ProfileSectionLoaderProps {
 
 export const ProfileSectionLoader: React.FC<ProfileSectionLoaderProps> = React.memo(({ userProfile, translations }) => {
     const navigation = useAppNavigation();
+    const ProfileSection = getProfileSection();
 
     const handlePress = React.useCallback(() => {
         if (!userProfile) return;