@umituz/react-native-settings 4.6.0 → 4.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.6.0",
+  "version": "4.7.1",
   "description": "Settings management for React Native apps - user preferences, theme, language, notifications",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -39,7 +39,6 @@
     "@umituz/react-native-design-system-theme": "*",
     "@umituz/react-native-design-system-typography": "*",
     "@umituz/react-native-legal": "*",
-    "@umituz/react-native-disclaimer": "*",
     "@umituz/react-native-localization": "*",
     "@umituz/react-native-storage": "*",
     "react": ">=18.2.0",
@@ -70,7 +69,6 @@
     "@umituz/react-native-design-system-theme": "latest",
     "@umituz/react-native-design-system-typography": "latest",
     "@umituz/react-native-legal": "^2.0.3",
-    "@umituz/react-native-disclaimer": "latest",
     "@umituz/react-native-localization": "latest",
     "@umituz/react-native-notifications": "latest",
     "@umituz/react-native-storage": "latest",

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

@@ -16,10 +16,21 @@ import { AboutSection } from "@umituz/react-native-about";
 import { LegalSection } from "@umituz/react-native-legal";
 import { AppearanceSection } from "@umituz/react-native-appearance";
 import { LanguageSection } from "@umituz/react-native-localization";
-import { DisclaimerSetting } from "@umituz/react-native-disclaimer";
 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
@@ -30,6 +41,7 @@ interface SettingsContentProps {
     about: boolean;
     legal: boolean;
     disclaimer: boolean;
+    userProfile: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: {
@@ -129,7 +141,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         <LegalSection config={normalizedConfig.legal.config} />
       )}
 
-      {features.disclaimer && (
+      {features.disclaimer && DisclaimerSetting && (
         <DisclaimerSetting />
       )}
 

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,9 +61,9 @@ export function useFeatureDetection(
   },
 ) {
   return useMemo(() => {
-    const { appearance, language, notifications, about, legal, disclaimer, account, support, developer } =
+    const { appearance, language, notifications, about, legal, disclaimer, userProfile } =
       normalizedConfig;
-    
+
     const notificationServiceAvailable = options?.notificationServiceAvailable ?? notificationService !== null;
 
     return {
@@ -107,16 +107,7 @@ export function useFeatureDetection(
         (disclaimer.config?.enabled === true ||
           (disclaimer.config?.enabled !== false &&
             hasNavigationScreen(navigation, disclaimer.config?.route || "Disclaimer"))),
-      account:
-        account.enabled &&
-        (account.config?.enabled === true ||
-          (account.config?.enabled !== false &&
-            hasNavigationScreen(
-              navigation,
-              account.config?.route || "AccountSettings",
-            ))),
-      support: support.enabled,
-      developer: developer.enabled && __DEV__,
+      userProfile: userProfile.enabled,
     };
   }, [normalizedConfig, navigation, options]);
 }

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

@@ -113,8 +113,18 @@ export interface DisclaimerConfig {
   title?: string;
   /** Custom disclaimer description */
   description?: string;
-  /** Custom short message for card display */
-  shortMessage?: string;
-  /** Default route name when no custom route provided */
-  defaultRoute?: 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

@@ -11,21 +11,17 @@ import type {
   AboutConfig,
   LegalConfig,
   DisclaimerConfig,
+  UserProfileConfig,
 } from "./FeatureConfig";
-import type {
-  AccountConfig,
-  SupportConfig,
-  DeveloperConfig,
-} from "./ExtendedConfig";
 
 /**
  * Main Settings Configuration
- * 
+ *
  * Controls which settings features are visible in the SettingsScreen.
  * Each feature can be configured with:
  * - Simple: boolean | 'auto' (quick setup)
  * - Advanced: Detailed config object (full control)
- * 
+ *
  * @example
  * // Simple configuration
  * const config: SettingsConfig = {
@@ -33,31 +29,19 @@ import type {
  *   notifications: 'auto',
  *   about: false,
  * };
- * 
+ *
  * @example
  * // Advanced configuration
  * const config: SettingsConfig = {
  *   appearance: {
  *     enabled: true,
  *     route: 'CustomAppearance',
- *     showLanguage: true,
  *     showTheme: true,
  *   },
  *   notifications: {
  *     enabled: 'auto',
  *     showToggle: true,
  *     initialValue: false,
- *     onToggleChange: (value) => console.log(value),
- *   },
- *   support: {
- *     enabled: true,
- *     items: {
- *       liveSupport: {
- *         enabled: true,
- *         route: 'ChatSupport',
- *         title: 'Live Chat',
- *       },
- *     },
  *   },
  * };
  */
@@ -93,28 +77,16 @@ export interface SettingsConfig {
   legal?: FeatureVisibility | LegalConfig;
 
   /**
-   * Disclaimer settings (Important notices, warnings)
+   * Disclaimer settings (Important notices)
    * @default false
    */
   disclaimer?: FeatureVisibility | DisclaimerConfig;
 
   /**
-   * Account settings
-   * @default false
-   */
-  account?: FeatureVisibility | AccountConfig;
-
-  /**
-   * Support settings
-   * @default false
-   */
-  support?: FeatureVisibility | SupportConfig;
-
-  /**
-   * Developer settings (only shown in __DEV__ mode)
+   * User profile header settings
    * @default false
    */
-  developer?: boolean | DeveloperConfig;
+  userProfile?: boolean | UserProfileConfig;
 
   /**
    * Custom empty state text when no settings are available

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

@@ -11,11 +11,7 @@ export type {
   AboutConfig,
   LegalConfig,
   DisclaimerConfig,
+  UserProfileConfig,
 } from "./FeatureConfig";
-export type {
-  AccountConfig,
-  SupportConfig,
-  DeveloperConfig,
-} from "./ExtendedConfig";
 export type { SettingsConfig } from "./SettingsConfig";
 export type { CustomSettingsSection } from "./CustomSection";

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

@@ -11,9 +11,7 @@ import type {
   AboutConfig,
   LegalConfig,
   DisclaimerConfig,
-  AccountConfig,
-  SupportConfig,
-  DeveloperConfig,
+  UserProfileConfig,
   SettingsConfig,
 } from "../types";
 
@@ -42,17 +40,9 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: DisclaimerConfig;
   };
-  account: {
+  userProfile: {
     enabled: boolean;
-    config?: AccountConfig;
-  };
-  support: {
-    enabled: boolean;
-    config?: SupportConfig;
-  };
-  developer: {
-    enabled: boolean;
-    config?: DeveloperConfig;
+    config?: UserProfileConfig;
   };
 }
 
@@ -94,9 +84,7 @@ export function normalizeSettingsConfig(
     about: normalizeConfigValue(config?.about, "auto"),
     legal: normalizeConfigValue(config?.legal, "auto"),
     disclaimer: normalizeConfigValue(config?.disclaimer, false),
-    account: normalizeConfigValue(config?.account, false),
-    support: normalizeConfigValue(config?.support, false),
-    developer: normalizeConfigValue(config?.developer, false),
+    userProfile: normalizeConfigValue(config?.userProfile, false),
   };
 }
 

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

@@ -1,68 +0,0 @@
-/**
- * Extended Configuration Types
- * Account, Support, and Developer configurations
- */
-
-import type { ComponentType } from "react";
-import type { FeatureVisibility } from "./FeatureConfig";
-
-/**
- * Account Settings Configuration
- */
-export interface AccountConfig {
-  /** Show account section */
-  enabled?: FeatureVisibility;
-  /** Custom navigation route for account screen */
-  route?: string;
-  /** Custom account title */
-  title?: string;
-  /** Custom account description */
-  description?: string;
-}
-
-/**
- * Support Settings Configuration
- */
-export interface SupportConfig {
-  /** Show support section */
-  enabled?: FeatureVisibility;
-  /** Support items configuration */
-  items?: {
-    /** Live support configuration */
-    liveSupport?: {
-      enabled?: boolean;
-      route?: string;
-      title?: string;
-      description?: string;
-    };
-    /** Help support configuration */
-    helpSupport?: {
-      enabled?: boolean;
-      route?: string;
-      title?: string;
-      description?: string;
-    };
-  };
-  /** Custom support section title */
-  title?: string;
-}
-
-/**
- * Developer Settings Configuration
- */
-export interface DeveloperConfig {
-  /** Show developer section (only in __DEV__ mode) */
-  enabled?: boolean;
-  /** Developer settings items */
-  items?: Array<{
-    title: string;
-    description?: string;
-    route?: string;
-    onPress?: () => void;
-    icon?: ComponentType<{ size?: number; color?: string }>;
-    iconColor?: string;
-    titleColor?: string;
-  }>;
-  /** Custom developer section title */
-  title?: string;
-}