@umituz/react-native-settings 5.3.72 → 5.3.74

package/dist/account.d.ts

@@ -2,13 +2,13 @@
  * @umituz/react-native-settings/account
  *
  * NOTE: Auth has been removed from this application.
- * This file now provides empty exports for backward compatibility.
+ * This file provides empty exports for compatibility.
  *
  * Apps that use @umituz/react-native-auth should import directly from that package:
  *   import { AccountScreen, ProfileSection } from '@umituz/react-native-auth';
  */
-export declare const AccountScreen: React.ComponentType<any> | null;
-export declare const ProfileSection: React.ComponentType<any> | null;
+export declare const AccountScreen: React.ComponentType<Record<string, never>> | null;
+export declare const ProfileSection: React.ComponentType<Record<string, never>> | null;
 export declare const useAuth: () => {
     user: any;
     loading: boolean;
@@ -22,7 +22,7 @@ export declare const useAuthHandlers: () => {
     handleDeleteAccount: () => Promise<void>;
     handleSignIn: () => Promise<void>;
 };
-export type AccountScreenConfig = any;
+export type AccountScreenConfig = Record<string, never>;
 export { useSettingsScreenConfig } from './presentation/hooks/useSettingsScreenConfig';
 export type { UseSettingsScreenConfigParams, SettingsScreenConfigResult, SettingsFeatures, } from './presentation/hooks/useSettingsScreenConfig';
 export type { AccountConfig } from './presentation/navigation/types';

package/dist/domains/localization/presentation/screens/LanguageSelectionScreen.d.ts

@@ -4,4 +4,7 @@
  */
 import React from 'react';
 import type { LanguageSelectionScreenProps } from './LanguageSelectionScreen.types';
-export declare const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps>;
+export interface LanguageSelectionProps extends LanguageSelectionScreenProps {
+    showHeader?: boolean;
+}
+export declare const LanguageSelectionScreen: React.FC<LanguageSelectionProps>;

package/dist/domains/rating/presentation/hooks/useAppRating.d.ts

@@ -1,6 +1,7 @@
 /**
  * useAppRating Hook
  * React hook for app rating system
+ * Lazy loads expo-store-review to reduce bundle size
  */
 import type { RatingConfig, UseAppRatingResult } from "../../domain/entities/RatingConfig";
 /**

package/dist/infrastructure/utils/configFactory.d.ts

@@ -18,7 +18,7 @@ export interface BaseConfigType {
  * Configuration parameters for creating a settings item config
  */
 export interface ConfigCreatorParams {
-    icon: string;
+    icon?: string;
     routeOrOnPress?: string | (() => void);
     defaultRoute?: string;
 }

package/dist/presentation/components/SettingsItemCard.d.ts

@@ -4,7 +4,7 @@ import type { IconName } from "@umituz/react-native-design-system/atoms";
 export interface SettingsItemCardProps {
     title: string;
     description?: string;
-    icon: IconName;
+    icon?: IconName;
     onPress?: () => void;
     containerStyle?: StyleProp<ViewStyle>;
     sectionTitle?: string;

package/dist/presentation/components/settings/SettingsItemCardContent.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { type IconName } from "@umituz/react-native-design-system/atoms";
 export interface SettingsItemCardContentProps {
-    icon: IconName;
+    icon?: IconName;
     title: string;
     description?: string;
     iconBgColor: string;

package/dist/presentation/hooks/useSettingsScreenConfig.d.ts

@@ -4,6 +4,7 @@
  * One-stop hook for settings screen configuration.
  * Auth has been removed - this is a no-auth version.
  */
+import { type AccountTranslations } from "../utils/accountConfigUtils";
 import type { SettingsConfig, SettingsTranslations } from "../screens/types";
 import type { FeedbackFormData } from "../utils/config-creators";
 import type { AppInfo, FAQData, UserProfileDisplay, AdditionalScreen, AccountConfig } from "../navigation/types";
@@ -28,6 +29,21 @@ export interface UseSettingsScreenConfigParams {
     additionalScreens?: AdditionalScreen[];
     features?: SettingsFeatures;
     translations?: SettingsTranslations;
+    /** Optional auth data for apps that use authentication */
+    auth?: {
+        user: {
+            displayName?: string;
+            userId?: string;
+            photoURL?: string;
+            isAnonymous?: boolean;
+        } | null;
+        isLoading?: boolean;
+        isAuthReady?: boolean;
+        onSignIn: () => void;
+        onLogout: () => Promise<void>;
+        onDeleteAccount: () => Promise<void>;
+        accountTranslations?: AccountTranslations;
+    };
 }
 export interface SettingsScreenConfigResult {
     settingsConfig: SettingsConfig;

package/dist/presentation/navigation/hooks/useSettingsScreens.d.ts

@@ -8,6 +8,6 @@ export interface UseSettingsScreensProps extends SettingsStackNavigatorProps {
     legalProps: LegalScreenProps;
     notificationTranslations: NotificationSettingsTranslations;
     quietHoursTranslations: QuietHoursTranslations;
-    navigation?: any;
+    navigation?: Record<string, unknown>;
 }
 export declare const useSettingsScreens: (props: UseSettingsScreensProps) => StackScreen[];

package/dist/presentation/screens/components/types/SettingsContentProps.d.ts

@@ -45,4 +45,5 @@ export interface SettingsContentProps {
     devSettings?: DevSettingsProps;
     gamificationConfig?: GamificationSettingsConfig;
     navigation?: any;
+    currentLanguage?: string;
 }

package/dist/presentation/screens/hooks/useSettingsScreen.d.ts

@@ -33,4 +33,5 @@ export declare function useSettingsScreen({ config, showUserProfile, featureOpti
     shouldShowUserProfile: boolean;
     appVersion: string;
     handleClose: () => void;
+    currentLanguage: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.3.72",
+  "version": "5.3.74",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification - expo-store-review and expo-device now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/domains/appearance/presentation/components/ThemeOption.tsx

@@ -29,6 +29,10 @@ const addOpacityToHex = (hexColor: string, opacity: string): string => {
   return `#${color}${opacity}`;
 };
 
+// SVG paths for checkmark icons (work without external icon library)
+const CHECKMARK_CIRCLE_PATH = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z";
+const CIRCLE_OUTLINE_PATH = "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z";
+
 export const ThemeOption: React.FC<ThemeOptionProps> = React.memo(({
   mode: _mode,
   title,
@@ -65,7 +69,7 @@ export const ThemeOption: React.FC<ThemeOptionProps> = React.memo(({
           ) : null}
         </View>
         <AtomicIcon
-          name={isSelected ? "checkmark-circle-outline" : "ellipse-outline"}
+          svgPath={isSelected ? CHECKMARK_CIRCLE_PATH : CIRCLE_OUTLINE_PATH}
           customSize={24}
           customColor={isSelected ? tokens.colors.primary : tokens.colors.secondary}
         />

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

@@ -6,6 +6,7 @@
  */
 
 import React, { useMemo, useCallback } from "react";
+import { View, FlatList } from "react-native";
 import { ScreenLayout } from "@umituz/react-native-design-system/layouts";
 import { NavigationHeader, useAppNavigation } from "@umituz/react-native-design-system/molecules";
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
@@ -152,21 +153,51 @@ export const AppearanceScreen: React.FC<AppearanceScreenProps> = ({
     texts?.previewSectionDescription,
   ]);
 
+  // Prepare data for FlatList
+  const sectionsData = useMemo(() => {
+    const items: Array<{ id: string; component: React.ReactNode }> = [];
+
+    if (headerComponentMemo) {
+      items.push({ id: 'header', component: headerComponentMemo });
+    }
+    if (themeSectionMemo) {
+      items.push({ id: 'theme', component: themeSectionMemo });
+    }
+    if (colorsSectionMemo) {
+      items.push({ id: 'colors', component: colorsSectionMemo });
+    }
+    if (previewSectionMemo) {
+      items.push({ id: 'preview', component: previewSectionMemo });
+    }
+
+    return items;
+  }, [headerComponentMemo, themeSectionMemo, colorsSectionMemo, previewSectionMemo]);
+
+  const renderItem = useCallback(({ item }: { item: { id: string; component: React.ReactNode } }) => {
+    return <View style={{ paddingHorizontal: tokens.spacing.lg }}>{item.component}</View>;
+  }, [tokens.spacing.lg]);
+
+  const keyExtractor = useCallback((item: { id: string; component: React.ReactNode }) => item.id, []);
+
   return (
     <ScreenLayout
       edges={['top', 'bottom', 'left', 'right']}
-      hideScrollIndicator
       header={
-        <NavigationHeader 
-          title={texts?.title || ""} 
-          onBackPress={() => navigation.goBack()} 
+        <NavigationHeader
+          title={texts?.title || ""}
+          onBackPress={() => navigation.goBack()}
         />
       }
     >
-      {headerComponentMemo}
-      {themeSectionMemo}
-      {colorsSectionMemo}
-      {previewSectionMemo}
+      <FlatList
+        data={sectionsData}
+        renderItem={renderItem}
+        keyExtractor={keyExtractor}
+        showsVerticalScrollIndicator={false}
+        contentContainerStyle={{
+          paddingBottom: tokens.spacing['2xl'],
+        }}
+      />
     </ScreenLayout>
   );
 };