@umituz/react-native-settings 4.5.0 → 4.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.5.0",
+  "version": "4.7.0",
   "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/UserProfileHeader.tsx

@@ -16,35 +16,35 @@ export interface UserProfileHeaderProps {
   displayName?: string;
   /** User ID */
   userId?: string;
-  /** Whether user is guest */
-  isGuest?: boolean;
+  /** Whether user is anonymous (device-based ID) */
+  isAnonymous?: boolean;
   /** Avatar URL (optional) */
   avatarUrl?: string;
   /** Navigation route for account settings */
   accountSettingsRoute?: string;
   /** Custom onPress handler */
   onPress?: () => void;
-  /** Custom guest user display name */
-  guestDisplayName?: string;
+  /** Custom anonymous user display name */
+  anonymousDisplayName?: string;
   /** Custom avatar service URL */
   avatarServiceUrl?: string;
   /** Default user display name when no displayName provided */
   defaultUserDisplayName?: string;
-  /** Default guest display name */
-  defaultGuestDisplayName?: string;
+  /** Default anonymous display name */
+  defaultAnonymousDisplayName?: string;
 }
 
 export const UserProfileHeader: React.FC<UserProfileHeaderProps> = ({
   displayName,
   userId,
-  isGuest = false,
+  isAnonymous = false,
   avatarUrl,
   accountSettingsRoute,
   onPress,
-  guestDisplayName,
+  anonymousDisplayName,
   avatarServiceUrl,
   defaultUserDisplayName,
-  defaultGuestDisplayName,
+  defaultAnonymousDisplayName,
 }) => {
   const tokens = useAppDesignTokens();
   const navigation = useNavigation();
@@ -52,8 +52,8 @@ export const UserProfileHeader: React.FC<UserProfileHeaderProps> = ({
   const spacing = tokens.spacing;
   const [imageError, setImageError] = useState(false);
 
-  const finalDisplayName = displayName || (isGuest ? guestDisplayName || defaultGuestDisplayName || "Guest" : defaultUserDisplayName || "User");
-  const avatarName = isGuest ? guestDisplayName || defaultGuestDisplayName || defaultGuestDisplayName || "Guest" : finalDisplayName;
+  const finalDisplayName = displayName || (isAnonymous ? anonymousDisplayName || defaultAnonymousDisplayName || "Anonymous" : defaultUserDisplayName || "User");
+  const avatarName = isAnonymous ? anonymousDisplayName || defaultAnonymousDisplayName || "Anonymous" : finalDisplayName;
 
   const defaultAvatarService = avatarServiceUrl || "https://ui-avatars.com/api";
   const finalAvatarUrl =

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -30,6 +30,25 @@ export interface SettingsStackNavigatorProps {
      */
     appVersion?: string;
 
+    /**
+     * Show user profile header
+     */
+    showUserProfile?: boolean;
+
+    /**
+     * User profile props for anonymous/authenticated users
+     */
+    userProfile?: {
+        displayName?: string;
+        userId?: string;
+        isAnonymous?: boolean;
+        avatarUrl?: string;
+        accountSettingsRoute?: string;
+        onPress?: () => void;
+        anonymousDisplayName?: string;
+        avatarServiceUrl?: string;
+    };
+
     /**
      * Additional screens to register
      * Apps can add their own screens here
@@ -46,6 +65,8 @@ const Stack = createStackNavigator<SettingsStackParamList>();
 export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
     config = {},
     appVersion,
+    showUserProfile = false,
+    userProfile,
     additionalScreens = [],
 }) => {
     const tokens = useAppDesignTokens();
@@ -66,10 +87,17 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
 
     // Memoize SettingsScreen wrapper to prevent remounting on every render
     const SettingsScreenWrapper = React.useMemo(() => {
-        const Wrapper = () => <SettingsScreen config={config} appVersion={appVersion} />;
+        const Wrapper = () => (
+            <SettingsScreen
+                config={config}
+                appVersion={appVersion}
+                showUserProfile={showUserProfile}
+                userProfile={userProfile}
+            />
+        );
         Wrapper.displayName = "SettingsScreenWrapper";
         return Wrapper;
-    }, [config, appVersion]);
+    }, [config, appVersion, showUserProfile, userProfile]);
 
     return (
         <Stack.Navigator screenOptions={screenOptions}>

package/src/presentation/screens/SettingsScreen.tsx

@@ -25,11 +25,11 @@ export interface SettingsScreenProps {
   userProfile?: {
     displayName?: string;
     userId?: string;
-    isGuest?: boolean;
+    isAnonymous?: boolean;
     avatarUrl?: string;
     accountSettingsRoute?: string;
     onPress?: () => void;
-    guestDisplayName?: string;
+    anonymousDisplayName?: string;
     avatarServiceUrl?: string;
   };
   /** Show footer with version */

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

@@ -16,7 +16,6 @@ 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";
 
@@ -29,17 +28,16 @@ interface SettingsContentProps {
     notifications: boolean;
     about: boolean;
     legal: boolean;
-    disclaimer: boolean;
   };
   showUserProfile?: boolean;
   userProfile?: {
     displayName?: string;
     userId?: string;
-    isGuest?: boolean;
+    isAnonymous?: boolean;
     avatarUrl?: string;
     accountSettingsRoute?: string;
     onPress?: () => void;
-    guestDisplayName?: string;
+    anonymousDisplayName?: string;
     avatarServiceUrl?: string;
   };
   showFooter?: boolean;
@@ -71,7 +69,6 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
     features.notifications ||
     features.about ||
     features.legal ||
-    features.disclaimer ||
     customSections.length > 0,
     [features, customSections.length]
   );
@@ -99,10 +96,12 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
           <UserProfileHeader
             displayName={userProfile?.displayName}
             userId={userProfile?.userId}
-            isGuest={userProfile?.isGuest}
+            isAnonymous={userProfile?.isAnonymous}
             avatarUrl={userProfile?.avatarUrl}
             accountSettingsRoute={userProfile?.accountSettingsRoute}
             onPress={userProfile?.onPress}
+            anonymousDisplayName={userProfile?.anonymousDisplayName}
+            avatarServiceUrl={userProfile?.avatarServiceUrl}
           />
         </View>
       )}
@@ -127,10 +126,6 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
         <LegalSection config={normalizedConfig.legal.config} />
       )}
 
-      {features.disclaimer && (
-        <DisclaimerSetting />
-      )}
-
       {customSections && customSections.length > 0 && (
         <>
           {sortedSections.map((section, index) => (

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 } =
       normalizedConfig;
-    
+
     const notificationServiceAvailable = options?.notificationServiceAvailable ?? notificationService !== null;
 
     return {
@@ -102,21 +102,6 @@ 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"))),
-      account:
-        account.enabled &&
-        (account.config?.enabled === true ||
-          (account.config?.enabled !== false &&
-            hasNavigationScreen(
-              navigation,
-              account.config?.route || "AccountSettings",
-            ))),
-      support: support.enabled,
-      developer: developer.enabled && __DEV__,
     };
   }, [normalizedConfig, navigation, options]);
 }

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

@@ -101,20 +101,3 @@ 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;
-  /** Custom short message for card display */
-  shortMessage?: string;
-  /** Default route name when no custom route provided */
-  defaultRoute?: string;
-}

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

@@ -10,22 +10,16 @@ import type {
   NotificationsConfig,
   AboutConfig,
   LegalConfig,
-  DisclaimerConfig,
 } 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 +27,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',
- *       },
- *     },
  *   },
  * };
  */
@@ -92,30 +74,6 @@ export interface SettingsConfig {
    */
   legal?: FeatureVisibility | LegalConfig;
 
-  /**
-   * Disclaimer settings (Important notices, warnings)
-   * @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)
-   * @default false
-   */
-  developer?: boolean | DeveloperConfig;
-
   /**
    * Custom empty state text when no settings are available
    */

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

@@ -10,12 +10,6 @@ export type {
   NotificationsConfig,
   AboutConfig,
   LegalConfig,
-  DisclaimerConfig,
 } 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

@@ -10,10 +10,6 @@ import type {
   NotificationsConfig,
   AboutConfig,
   LegalConfig,
-  DisclaimerConfig,
-  AccountConfig,
-  SupportConfig,
-  DeveloperConfig,
   SettingsConfig,
 } from "../types";
 
@@ -38,22 +34,6 @@ export interface NormalizedConfig {
     enabled: boolean;
     config?: LegalConfig;
   };
-  disclaimer: {
-    enabled: boolean;
-    config?: DisclaimerConfig;
-  };
-  account: {
-    enabled: boolean;
-    config?: AccountConfig;
-  };
-  support: {
-    enabled: boolean;
-    config?: SupportConfig;
-  };
-  developer: {
-    enabled: boolean;
-    config?: DeveloperConfig;
-  };
 }
 
 /**
@@ -93,10 +73,6 @@ export function normalizeSettingsConfig(
     notifications: normalizeConfigValue(config?.notifications, "auto"),
     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),
   };
 }
 

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;
-}