@umituz/react-native-settings 5.3.53 → 5.3.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.53",
+  "version": "5.3.55",
   "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/domains/about/presentation/screens/AboutScreen.tsx

@@ -51,7 +51,7 @@ export const AboutScreen: React.FC<AboutScreenProps> = (props) => {
 
   if (loading) {
     return (
-      <ScreenLayout header={header} testID={testID}>
+      <ScreenLayout edges={['top', 'bottom', 'left', 'right']} header={header} testID={testID}>
         <AtomicSpinner fullContainer size="lg" />
       </ScreenLayout>
     );
@@ -60,7 +60,7 @@ export const AboutScreen: React.FC<AboutScreenProps> = (props) => {
   if (error || !appInfo) {
     const errorText = error ? `${config.texts?.errorPrefix || ""} ${error}` : (config.texts?.noInfo || "");
     return (
-      <ScreenLayout header={header} testID={testID}>
+      <ScreenLayout edges={['top', 'bottom', 'left', 'right']} header={header} testID={testID}>
         <AtomicText type="bodyMedium" color="error" style={{ textAlign: 'center', marginTop: 20 }}>
           {errorText}
         </AtomicText>
@@ -69,7 +69,7 @@ export const AboutScreen: React.FC<AboutScreenProps> = (props) => {
   }
 
   return (
-    <ScreenLayout header={header} testID={testID}>
+    <ScreenLayout edges={['top', 'bottom', 'left', 'right']} header={header} testID={testID}>
       <AboutScreenContent
         {...props}
         appInfo={appInfo}

package/src/domains/appearance/presentation/screens/AppearanceScreen.tsx

@@ -153,7 +153,8 @@ export const AppearanceScreen: React.FC<AppearanceScreenProps> = ({
   ]);
 
   return (
-    <ScreenLayout 
+    <ScreenLayout
+      edges={['top', 'bottom', 'left', 'right']}
       hideScrollIndicator
       header={
         <NavigationHeader 

package/src/domains/disclaimer/presentation/screens/DisclaimerScreen.tsx

@@ -48,7 +48,7 @@ export const DisclaimerScreen: React.FC<DisclaimerScreenProps> = ({
   return (
     <ScreenLayout
       scrollable={true}
-      edges={['bottom']}
+      edges={['top', 'bottom', 'left', 'right']}
       contentContainerStyle={styles.scrollContent}
       hideScrollIndicator={false}
       header={

package/src/domains/faqs/presentation/screens/FAQScreen.tsx

@@ -79,7 +79,7 @@ export const FAQScreen: React.FC<FAQScreenProps> = ({
 
   return (
     <ScreenLayout
-      edges={['bottom']}
+      edges={['top', 'bottom', 'left', 'right']}
       scrollable={true}
       header={header}
       contentContainerStyle={customStyles?.content}

package/src/domains/feedback/presentation/screens/FeatureRequestScreen.tsx

@@ -151,7 +151,7 @@ export const FeatureRequestScreen: React.FC<FeatureRequestScreenProps> = ({ conf
 
   if (isLoading) {
     return (
-      <ScreenLayout header={header} edges={['top', 'bottom']}>
+      <ScreenLayout header={header} edges={['top', 'bottom', 'left', 'right']}>
         <View style={styles.loadingContainer}>
           <ActivityIndicator size="large" color={tokens.colors.primary} />
         </View>

package/src/domains/legal/presentation/screens/LegalScreen.tsx

@@ -51,6 +51,7 @@ export const LegalScreen: React.FC<LegalScreenProps> = React.memo((props) => {
   return (
     <ScreenLayout
       testID={testID}
+      edges={['top', 'bottom', 'left', 'right']}
       hideScrollIndicator
       header={
         <NavigationHeader

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;