@umituz/react-native-settings 4.7.0 → 4.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.7.0",
+  "version": "4.7.2",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/SettingsErrorBoundary.tsx

@@ -76,9 +76,9 @@ const ErrorBoundaryFallback: React.FC<ErrorBoundaryFallbackProps> = ({
   return (
     <View style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}>
       <View style={[styles.content, { backgroundColor: tokens.colors.surface }]}>
-        <AtomicIcon 
-          name="AlertTriangle" 
-          color="warning" 
+        <AtomicIcon
+          name="alert-triangle"
+          color="warning"
           size="lg"
           style={styles.icon}
         />

package/src/presentation/screens/SettingsScreen.tsx

@@ -52,7 +52,7 @@ export interface SettingsScreenProps {
 
 export const SettingsScreen: React.FC<SettingsScreenProps> = ({
   config = {},
-  showUserProfile = false,
+  showUserProfile,
   userProfile,
   showFooter = true,
   footerText,
@@ -72,6 +72,9 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = ({
   const normalizedConfig = normalizeSettingsConfig(config);
   const features = useFeatureDetection(normalizedConfig, navigation, featureOptions);
 
+  // Determine if user profile should be shown (explicit prop takes priority, then config)
+  const shouldShowUserProfile = showUserProfile ?? features.userProfile;
+
   return (
     <View style={[styles.container, { backgroundColor: colors.backgroundPrimary }]}>
       <StatusBar barStyle={isDark ? "light-content" : "dark-content"} />
@@ -82,7 +85,7 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = ({
         <SettingsContent
           normalizedConfig={normalizedConfig}
           features={features}
-          showUserProfile={showUserProfile}
+          showUserProfile={shouldShowUserProfile}
           userProfile={userProfile}
           showFooter={showFooter}
           footerText={footerText}

package/src/presentation/screens/components/SettingsContent.tsx

@@ -19,6 +19,18 @@ import { LanguageSection } from "@umituz/react-native-localization";
 import type { NormalizedConfig } from "../utils/normalizeConfig";
 import type { CustomSettingsSection } from "../types";
 
+// Optional disclaimer component
+let DisclaimerSetting: React.ComponentType<any> | null = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  const module = require("@umituz/react-native-disclaimer");
+  if (module?.DisclaimerSetting) {
+    DisclaimerSetting = module.DisclaimerSetting;
+  }
+} catch {
+  // Package not available
+}
+
 interface SettingsContentProps {
   normalizedConfig: NormalizedConfig;
   config?: any; // Original config for emptyStateText
@@ -28,6 +40,8 @@ interface SettingsContentProps {
     notifications: boolean;
     about: boolean;
     legal: boolean;
+    disclaimer: boolean;
+    userProfile: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: {
@@ -69,6 +83,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.notifications ||
     features.about ||
     features.legal ||
+    features.disclaimer ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -126,6 +141,10 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         <LegalSection config={normalizedConfig.legal.config} />
       )}
 
+      {features.disclaimer && DisclaimerSetting && (
+        <DisclaimerSetting />
+      )}
+
       {customSections && customSections.length > 0 && (
         <>
           {sortedSections.map((section, index) => (

package/src/presentation/screens/components/SettingsHeader.tsx

@@ -55,7 +55,7 @@ export const SettingsHeader: React.FC<SettingsHeaderProps> = ({
         ]}
         hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
       >
-        <AtomicIcon name="X" size="lg" color="primary" />
+        <AtomicIcon name="x" size="lg" color="primary" />
       </TouchableOpacity>
     </View>
   );

package/src/presentation/screens/hooks/useFeatureDetection.ts

@@ -61,7 +61,7 @@ export function useFeatureDetection(
   },
 ) {
   return useMemo(() => {
-    const { appearance, language, notifications, about, legal } =
+    const { appearance, language, notifications, about, legal, disclaimer, userProfile } =
       normalizedConfig;
 
     const notificationServiceAvailable = options?.notificationServiceAvailable ?? notificationService !== null;
@@ -102,6 +102,12 @@ export function useFeatureDetection(
         (legal.config?.enabled === true ||
           (legal.config?.enabled !== false &&
             hasNavigationScreen(navigation, legal.config?.route || "Legal"))),
+      disclaimer:
+        disclaimer.enabled &&
+        (disclaimer.config?.enabled === true ||
+          (disclaimer.config?.enabled !== false &&
+            hasNavigationScreen(navigation, disclaimer.config?.route || "Disclaimer"))),
+      userProfile: userProfile.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

package/src/presentation/screens/types/FeatureConfig.ts

@@ -101,3 +101,30 @@ export interface LegalConfig {
   defaultRoute?: string;
 }
 
+/**
+ * Disclaimer Settings Configuration
+ */
+export interface DisclaimerConfig {
+  /** Show disclaimer section */
+  enabled?: FeatureVisibility;
+  /** Custom navigation route for disclaimer screen */
+  route?: string;
+  /** Custom disclaimer title */
+  title?: string;
+  /** Custom disclaimer description */
+  description?: string;
+}
+
+/**
+ * User Profile Settings Configuration
+ */
+export interface UserProfileConfig {
+  /** Show user profile header */
+  enabled?: boolean;
+  /** Custom display name for anonymous users */
+  anonymousDisplayName?: string;
+  /** Custom avatar service URL */
+  avatarServiceUrl?: string;
+  /** Navigation route for account settings (shows chevron if set) */
+  accountSettingsRoute?: string;
+}

package/src/presentation/screens/types/SettingsConfig.ts

@@ -10,6 +10,8 @@ import type {
   NotificationsConfig,
   AboutConfig,
   LegalConfig,
+  DisclaimerConfig,
+  UserProfileConfig,
 } from "./FeatureConfig";
 
 /**
@@ -74,6 +76,18 @@ export interface SettingsConfig {
    */
   legal?: FeatureVisibility | LegalConfig;
 
+  /**
+   * Disclaimer settings (Important notices)
+   * @default false
+   */
+  disclaimer?: FeatureVisibility | DisclaimerConfig;
+
+  /**
+   * User profile header settings
+   * @default false
+   */
+  userProfile?: boolean | UserProfileConfig;
+
   /**
    * Custom empty state text when no settings are available
    */

package/src/presentation/screens/types/index.ts

@@ -10,6 +10,8 @@ export type {
   NotificationsConfig,
   AboutConfig,
   LegalConfig,
+  DisclaimerConfig,
+  UserProfileConfig,
 } from "./FeatureConfig";
 export type { SettingsConfig } from "./SettingsConfig";
 export type { CustomSettingsSection } from "./CustomSection";

package/src/presentation/screens/utils/normalizeConfig.ts

@@ -10,6 +10,8 @@ import type {
   NotificationsConfig,
   AboutConfig,
   LegalConfig,
+  DisclaimerConfig,
+  UserProfileConfig,
   SettingsConfig,
 } from "../types";
 
@@ -34,6 +36,14 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: LegalConfig;
   };
+  disclaimer: {
+    enabled: boolean;
+    config?: DisclaimerConfig;
+  };
+  userProfile: {
+    enabled: boolean;
+    config?: UserProfileConfig;
+  };
 }
 
 /**
@@ -73,6 +83,8 @@ export function normalizeSettingsConfig(
     notifications: normalizeConfigValue(config?.notifications, "auto"),
     about: normalizeConfigValue(config?.about, "auto"),
     legal: normalizeConfigValue(config?.legal, "auto"),
+    disclaimer: normalizeConfigValue(config?.disclaimer, false),
+    userProfile: normalizeConfigValue(config?.userProfile, false),
   };
 }