@umituz/react-native-settings 4.5.0 → 4.6.0

package/package.json

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

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

@@ -35,11 +35,11 @@ interface SettingsContentProps {
   userProfile?: {
     displayName?: string;
     userId?: string;
-    isGuest?: boolean;
+    isAnonymous?: boolean;
     avatarUrl?: string;
     accountSettingsRoute?: string;
     onPress?: () => void;
-    guestDisplayName?: string;
+    anonymousDisplayName?: string;
     avatarServiceUrl?: string;
   };
   showFooter?: boolean;
@@ -99,10 +99,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>
       )}