@umituz/react-native-settings 4.23.60 → 4.23.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.60",
+  "version": "4.23.62",
   "description": "Complete settings hub for React Native apps - consolidated package with settings, localization, about, legal, appearance, feedback, FAQs, rating, and gamification",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/about/presentation/components/AboutContent.tsx

@@ -7,7 +7,7 @@ import { View, StyleSheet } from 'react-native';
 import { AboutSettingItem } from './AboutSettingItem';
 import { AppInfo } from '../../domain/entities/AppInfo';
 import { AboutConfig } from '../../domain/entities/AppInfo';
-import { useAppDesignTokens, AtomicText } from '@umituz/react-native-design-system';
+import { useAppDesignTokens, AtomicText, type DesignTokens } from '@umituz/react-native-design-system';
 
 export interface AboutContentProps {
   /** App information to display */
@@ -88,7 +88,7 @@ export const AboutContent: React.FC<AboutContentProps> = ({
   );
 };
 
-const getStyles = (tokens: any) => StyleSheet.create({
+const getStyles = (tokens: DesignTokens) => StyleSheet.create({
   content: {
     paddingVertical: 8,
   },

package/src/domains/about/presentation/components/AboutHeader.tsx

@@ -4,7 +4,7 @@
  */
 import React from 'react';
 import { View, StyleSheet, ViewStyle, TextStyle } from 'react-native';
-import { useAppDesignTokens, AtomicText } from '@umituz/react-native-design-system';
+import { useAppDesignTokens, AtomicText, type DesignTokens } from '@umituz/react-native-design-system';
 import { AppInfo } from '../../domain/entities/AppInfo';
 
 export interface AboutHeaderProps {
@@ -54,7 +54,7 @@ export const AboutHeader: React.FC<AboutHeaderProps> = ({
   );
 };
 
-const getStyles = (tokens: any) => StyleSheet.create({
+const getStyles = (tokens: DesignTokens) => StyleSheet.create({
   header: {
     alignItems: 'center',
     paddingVertical: 24,

package/src/domains/about/presentation/components/AboutSettingItem.tsx

@@ -12,7 +12,7 @@ import {
   ViewStyle,
   TextStyle,
 } from 'react-native';
-import { useAppDesignTokens, AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import { useAppDesignTokens, AtomicText, AtomicIcon, type DesignTokens } from '@umituz/react-native-design-system';
 
 export interface AboutSettingItemProps {
   /** Icon component (any React component) */
@@ -123,7 +123,7 @@ export const AboutSettingItem: React.FC<AboutSettingItemProps> = memo(({
   );
 });
 
-const getStyles = (tokens: any) => StyleSheet.create({
+const getStyles = (tokens: DesignTokens) => StyleSheet.create({
   container: {
     flexDirection: 'row',
     alignItems: 'center',

package/src/domains/about/presentation/screens/AboutScreen.tsx

@@ -38,7 +38,7 @@ export interface AboutScreenProps {
 }
 
 import { useAboutInfo } from '../hooks/useAboutInfo';
-import { useAppDesignTokens, AtomicText } from '@umituz/react-native-design-system';
+import { useAppDesignTokens, AtomicText, type DesignTokens } from '@umituz/react-native-design-system';
 
 export const AboutScreen: React.FC<AboutScreenProps> = ({
   config,
@@ -174,7 +174,7 @@ export const AboutScreen: React.FC<AboutScreenProps> = ({
   );
 };
 
-const getStyles = (tokens: any) => StyleSheet.create({
+const getStyles = (tokens: DesignTokens) => StyleSheet.create({
   container: {
     flex: 1,
   },

package/src/domains/about/utils/index.ts

@@ -107,7 +107,7 @@ export const isValidUrl = (url: string): boolean => {
   try {
     const urlObj = new URL(url);
     // Only allow http and https protocols
-    return (urlObj as any).protocol === 'http:' || (urlObj as any).protocol === 'https:';
+    return urlObj.protocol === 'http:' || urlObj.protocol === 'https:';
   } catch {
     return false;
   }

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

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import { View, StyleSheet } from "react-native";
+import { View, StyleSheet, type StyleProp, type ViewStyle } from "react-native";
 import { AtomicText } from "@umituz/react-native-design-system";
 import type { DesignTokens } from "@umituz/react-native-design-system";
 
@@ -16,7 +16,7 @@ export interface AppearanceHeaderProps {
   subtitleType?: "bodyLarge" | "bodyMedium" | "bodySmall";
   titleColor?: "primary" | "secondary" | "tertiary";
   subtitleColor?: "primary" | "secondary" | "tertiary";
-  style?: any;
+  style?: StyleProp<ViewStyle>;
 }
 
 export const AppearanceHeader: React.FC<AppearanceHeaderProps> = ({

package/src/domains/disclaimer/presentation/components/DisclaimerCard.tsx

@@ -8,10 +8,12 @@ import {
   View,
   StyleSheet,
   TouchableOpacity,
+  type TextStyle,
 } from 'react-native';
 
 import { useAppDesignTokens, withAlpha } from '@umituz/react-native-design-system';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import type { IconName } from '@umituz/react-native-design-system';
 
 export interface DisclaimerCardProps {
   title: string;
@@ -55,7 +57,7 @@ export const DisclaimerCard: React.FC<DisclaimerCardProps> = ({
             },
           ]}
         >
-          <AtomicIcon name={iconName as any} color="warning" />
+          <AtomicIcon name={iconName as IconName} color="warning" />
         </View>
         <AtomicText type="bodyLarge" color="primary" style={styles.title}>
           {title}
@@ -103,7 +105,7 @@ const getStyles = (tokens: ReturnType<typeof useAppDesignTokens>) =>
 
     title: {
       flex: 1,
-      fontWeight: tokens.typography.labelLarge.fontWeight as any,
+      fontWeight: tokens.typography.labelLarge.fontWeight as TextStyle['fontWeight'],
       fontSize: tokens.typography.labelLarge.fontSize,
     },
 

package/src/domains/disclaimer/presentation/screens/DisclaimerScreen.tsx

@@ -18,6 +18,7 @@ import { SafeAreaView } from 'react-native-safe-area-context';
 
 import { useAppDesignTokens, withAlpha } from '@umituz/react-native-design-system';
 import { AtomicText, AtomicIcon } from '@umituz/react-native-design-system';
+import type { IconName } from '@umituz/react-native-design-system';
 import { useLocalization } from '../../../localization';
 
 export interface DisclaimerScreenProps {
@@ -68,7 +69,7 @@ export const DisclaimerScreen: React.FC<DisclaimerScreenProps> = ({
               },
             ]}
           >
-            <AtomicIcon name={iconName as any} color="warning" size="xl" />
+            <AtomicIcon name={iconName as IconName} color="warning" size="xl" />
           </View>
         </View>
 

package/src/domains/feedback/presentation/components/FeedbackModal.tsx

@@ -9,6 +9,7 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import { useAppDesignTokens, AtomicText, AtomicIcon, BaseModal } from "@umituz/react-native-design-system";
 import { FeedbackForm } from "./FeedbackForm";
 import type { FeedbackType, FeedbackRating } from "../../domain/entities/FeedbackEntity";
+import type { FeedbackFormProps } from "./FeedbackForm";
 
 export interface FeedbackModalProps {
     visible: boolean;
@@ -18,7 +19,7 @@ export interface FeedbackModalProps {
     isSubmitting?: boolean;
     title?: string;
     subtitle?: string;
-    texts: any;
+    texts: FeedbackFormProps['texts'];
 }
 
 export const FeedbackModal: React.FC<FeedbackModalProps> = ({

package/src/domains/feedback/presentation/components/SupportSection.tsx

@@ -14,7 +14,7 @@ export interface FeedbackConfig {
     title?: string;
     description?: string;
     initialType?: FeedbackType;
-    onSubmit?: (data: { type: any; rating: number; description: string; title: string }) => Promise<void>;
+    onSubmit?: (data: { type: FeedbackType; rating: number; description: string; title: string }) => Promise<void>;
     onPress?: () => void;
 }
 
@@ -28,12 +28,12 @@ export interface RatingConfig {
 
 export interface FeedbackModalTexts {
     title?: string;
-    ratingLabel?: string;
-    descriptionPlaceholder?: string;
-    submitButton?: string;
-    submittingButton?: string;
-    feedbackTypes?: Array<{ type: FeedbackType; label: string }>;
-    defaultTitle?: (type: FeedbackType) => string;
+    ratingLabel: string;
+    descriptionPlaceholder: string;
+    submitButton: string;
+    submittingButton: string;
+    feedbackTypes: Array<{ type: FeedbackType; label: string }>;
+    defaultTitle: (type: FeedbackType) => string;
 }
 
 export interface SupportSectionProps {
@@ -42,7 +42,7 @@ export interface SupportSectionProps {
     renderSection: (props: { title: string; children: React.ReactNode }) => React.ReactElement | null;
     renderItem: (props: {
         title: string;
-        icon: any;
+        icon: string;
         onPress: () => void;
         isLast?: boolean
     }) => React.ReactElement | null;
@@ -60,7 +60,7 @@ export const SupportSection: React.FC<SupportSectionProps> = ({
     const [modalVisible, setModalVisible] = useState(false);
     const [isSubmitting, setIsSubmitting] = useState(false);
 
-    const handleFeedbackSubmit = async (data: { type: any; rating: number; description: string; title: string }) => {
+    const handleFeedbackSubmit = async (data: { type: FeedbackType; rating: number; description: string; title: string }) => {
         if (feedbackConfig.config?.onSubmit) {
             setIsSubmitting(true);
             try {

package/src/domains/gamification/components/GamificationScreenWrapper.tsx

@@ -18,7 +18,7 @@ export const GamificationScreenWrapper: React.FC<GamificationScreenWrapperProps>
   } = useGamification(config);
 
   // Transform store achievements to UI props
-  const achievementItems: any[] = achievements.map(a => ({
+  const achievementItems: AchievementItemProps[] = achievements.map(a => ({
     ...a,
     title: a.title,
     description: a.description,

package/src/domains/legal/domain/services/UrlHandlerService.ts

@@ -15,7 +15,7 @@ export class UrlHandlerService {
   /**
    * Get Linking module - using static import for stability
    */
-  private static getLinkingModule(): any {
+  private static getLinkingModule(): typeof Linking {
     return Linking;
   }
 

package/src/domains/legal/presentation/screens/LegalContentScreen.tsx

@@ -5,7 +5,7 @@
 import React from "react";
 import { View, ScrollView, StyleSheet } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
+import { useAppDesignTokens, type DesignTokens } from "@umituz/react-native-design-system";
 import { AtomicText, AtomicButton } from "@umituz/react-native-design-system";
 import { UrlHandlerService } from "../../domain/services/UrlHandlerService";
 import { ContentValidationService } from "../../domain/services/ContentValidationService";
@@ -20,7 +20,7 @@ export interface LegalContentScreenProps {
   onUrlPress?: () => void;
   testID?: string;
   styleCacheKey: string;
-  createStyles: (tokens: any) => ReturnType<typeof StyleSheet.create>;
+  createStyles: (tokens: DesignTokens) => ReturnType<typeof StyleSheet.create>;
 }
 
 export const LegalContentScreen: React.FC<LegalContentScreenProps> = React.memo(({

package/src/domains/legal/presentation/screens/PrivacyPolicyScreen.tsx

@@ -4,6 +4,7 @@
  */
 import React from "react";
 import { StyleSheet } from "react-native";
+import type { DesignTokens } from "@umituz/react-native-design-system";
 import { LegalContentScreen } from "./LegalContentScreen";
 
 export interface PrivacyPolicyScreenProps {
@@ -25,7 +26,7 @@ export const PrivacyPolicyScreen: React.FC<PrivacyPolicyScreenProps> = React.mem
   onUrlPress,
   testID = "privacy-policy-screen",
 }) => {
-  const createStyles = (tokens: any) => StyleSheet.create({
+  const createStyles = (tokens: DesignTokens) => StyleSheet.create({
     container: {
       flex: 1,
     },

package/src/domains/legal/presentation/screens/TermsOfServiceScreen.tsx

@@ -4,6 +4,7 @@
  */
 import React from "react";
 import { StyleSheet } from "react-native";
+import type { DesignTokens } from "@umituz/react-native-design-system";
 import { LegalContentScreen } from "./LegalContentScreen";
 
 export interface TermsOfServiceScreenProps {
@@ -25,7 +26,7 @@ export const TermsOfServiceScreen: React.FC<TermsOfServiceScreenProps> = React.m
   onUrlPress,
   testID = "terms-of-service-screen",
 }) => {
-  const createStyles = (tokens: any) => StyleSheet.create({
+  const createStyles = (tokens: DesignTokens) => StyleSheet.create({
     container: {
       flex: 1,
     },

package/src/domains/localization/infrastructure/components/LanguageSwitcher.tsx

@@ -4,7 +4,7 @@
  */
 
 import React, { useMemo } from 'react';
-import { TouchableOpacity } from 'react-native';
+import { TouchableOpacity, type StyleProp, type ViewStyle, type TextStyle } from 'react-native';
 // @ts-ignore - Optional peer dependency
 import { useAppDesignTokens, AtomicText } from '@umituz/react-native-design-system';
 import { useLanguageSwitcher } from './useLanguageSwitcher';
@@ -15,9 +15,9 @@ export interface LanguageSwitcherProps {
   showFlag?: boolean;
   color?: string;
   onPress?: () => void;
-  style?: any;
-  textStyle?: any;
-  iconStyle?: any;
+  style?: StyleProp<ViewStyle>;
+  textStyle?: StyleProp<TextStyle>;
+  iconStyle?: StyleProp<TextStyle>;
   testID?: string;
   disabled?: boolean;
   accessibilityLabel?: string;

package/src/domains/localization/infrastructure/config/TranslationLoader.ts

@@ -8,7 +8,7 @@ export class TranslationLoader {
   /**
    * Load package translations (empty by default - apps provide their own)
    */
-  static loadPackageTranslations(): Record<string, any> {
+  static loadPackageTranslations(): Record<string, Record<string, unknown>> {
     // Package doesn't include any translations by default
     // Consuming applications should provide their own translations
     return { 'en-US': {} };
@@ -17,7 +17,7 @@ export class TranslationLoader {
   /**
    * Deep merge translations (override wins)
    */
-  static mergeTranslations(base: any, override: any): any {
+  static mergeTranslations(base: Record<string, unknown>, override: Record<string, unknown>): Record<string, unknown> {
     if (!override || Object.keys(override).length === 0) {
       return base;
     }
@@ -30,7 +30,7 @@ export class TranslationLoader {
         const overrideVal = override[key];
 
         if (this.isObject(baseVal) && this.isObject(overrideVal)) {
-          merged[key] = this.mergeTranslations(baseVal, overrideVal);
+          merged[key] = this.mergeTranslations(baseVal as Record<string, unknown>, overrideVal as Record<string, unknown>);
         } else {
           merged[key] = overrideVal;
         }
@@ -40,7 +40,7 @@ export class TranslationLoader {
     return merged;
   }
 
-  private static isObject(val: any): boolean {
+  private static isObject(val: unknown): boolean {
     return val !== null && typeof val === 'object' && !Array.isArray(val);
   }
 }

package/src/domains/localization/infrastructure/hooks/TranslationHook.ts

@@ -14,18 +14,18 @@ export class TranslationHook {
   /**
    * Get translation function with proper fallbacks
    */
-  static useTranslationFunction(): (key: string, options?: any) => string {
+  static useTranslationFunction(): (key: string, options?: Record<string, unknown>) => string {
     // Always call useTranslation hook (React hooks rules)
     const translationResult = useTranslation(undefined, { i18n });
 
     // Use react-i18next if available, otherwise fallback to direct i18n
     if (translationResult?.t && typeof translationResult.t === 'function' && i18n.isInitialized) {
-      return (key: string, options?: any): string => {
+      return (key: string, options?: Record<string, unknown>): string => {
         const result = translationResult.t(key, options);
         return typeof result === 'string' ? result : String(result);
       };
     } else {
-      return (key: string, options?: any): string => {
+      return (key: string, options?: Record<string, unknown>): string => {
         // Fallback to direct i18n.t
         if (i18n.isInitialized && typeof i18n.t === 'function') {
           const result = i18n.t(key, options);

package/src/domains/notifications/infrastructure/services/NotificationPermissions.ts

@@ -12,12 +12,12 @@ export class NotificationPermissions {
       }
 
       const permissionsResponse = await Notifications.getPermissionsAsync();
-      const existingStatus = (permissionsResponse as any).status || ((permissionsResponse as any).granted ? 'granted' : 'denied');
+      const existingStatus = permissionsResponse.status || (permissionsResponse.granted ? 'granted' : 'denied');
       let finalStatus = existingStatus;
 
       if (existingStatus !== 'granted') {
         const requestResponse = await Notifications.requestPermissionsAsync();
-        finalStatus = (requestResponse as any).status || ((requestResponse as any).granted ? 'granted' : 'denied');
+        finalStatus = requestResponse.status || (requestResponse.granted ? 'granted' : 'denied');
       }
 
       if (Platform.OS === 'android') {
@@ -35,7 +35,7 @@ export class NotificationPermissions {
     try {
       if (!Device.isDevice) return false;
       const permissionsResponse = await Notifications.getPermissionsAsync();
-      return (permissionsResponse as any).status === 'granted' || (permissionsResponse as any).granted === true;
+      return permissionsResponse.status === 'granted' || permissionsResponse.granted === true;
     } catch (error) {
       devError('[NotificationPermissions] Permission check failed:', error);
       return false;

package/src/domains/notifications/infrastructure/services/NotificationScheduler.ts

@@ -5,7 +5,7 @@ export class NotificationScheduler {
   async scheduleNotification(options: ScheduleNotificationOptions): Promise<string> {
     const { title, body, data = {}, trigger, sound = true, badge, categoryIdentifier } = options;
 
-    let notificationTrigger: any;
+    let notificationTrigger: Notifications.NotificationTriggerInput = null;
 
     if (trigger.type === 'date') {
       notificationTrigger = {
@@ -69,7 +69,7 @@ export class NotificationScheduler {
       content: {
         title: notification.content.title || '',
         body: notification.content.body || '',
-        data: notification.content.data as Record<string, any>,
+        data: notification.content.data as Record<string, unknown>,
       },
       trigger: notification.trigger,
     }));

package/src/domains/notifications/infrastructure/utils/dev.ts

@@ -6,19 +6,19 @@ export const isDev = () => {
   }
 };
 
-export const devLog = (message: string, ...args: any[]) => {
+export const devLog = (message: string, ...args: unknown[]) => {
   if (isDev()) {
     console.log(message, ...args);
   }
 };
 
-export const devError = (message: string, ...args: any[]) => {
+export const devError = (message: string, ...args: unknown[]) => {
   if (isDev()) {
     console.error(message, ...args);
   }
 };
 
-export const devWarn = (message: string, ...args: any[]) => {
+export const devWarn = (message: string, ...args: unknown[]) => {
   if (isDev()) {
     console.warn(message, ...args);
   }

package/src/domains/notifications/presentation/hooks/useTimePicker.ts

@@ -18,7 +18,7 @@ export interface TimePickerHandlers {
   pickerMode: PickerMode;
   handleStartTimePress: () => void;
   handleEndTimePress: () => void;
-  handleTimeChange: (event: any, selectedDate?: Date) => void;
+  handleTimeChange: (event: { type: string }, selectedDate?: Date) => void;
   getPickerDate: () => Date;
 }
 
@@ -37,7 +37,7 @@ export const useTimePicker = ({
     setPickerMode('end');
   }, []);
 
-  const handleTimeChange = useCallback((event: any, selectedDate?: Date) => {
+  const handleTimeChange = useCallback((event: { type: string }, selectedDate?: Date) => {
     if (event.type === 'set' && selectedDate) {
       const hours = selectedDate.getHours();
       const minutes = selectedDate.getMinutes();

package/src/domains/notifications/presentation/screens/NotificationsScreen.tsx

@@ -7,7 +7,7 @@
 
 import React, { useMemo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { AtomicIcon, AtomicCard, AtomicText, ScreenLayout, STATIC_TOKENS, AtomicSpinner } from '@umituz/react-native-design-system';
+import { AtomicIcon, AtomicCard, AtomicText, ScreenLayout, STATIC_TOKENS, AtomicSpinner, type IconColor } from '@umituz/react-native-design-system';
 import { Switch } from 'react-native';
 import { useAppDesignTokens } from '@umituz/react-native-design-system';
 import { useNotificationSettings } from '../../infrastructure/hooks/useNotificationSettings';
@@ -52,7 +52,7 @@ export const NotificationsScreen: React.FC<NotificationsScreenProps> = ({
       <AtomicCard style={styles.card}>
         <View style={styles.settingItem}>
           <View style={styles.iconContainer}>
-            <AtomicIcon name={iconName} size="lg" color={iconColor as any} />
+            <AtomicIcon name={iconName} size="lg" color={iconColor as IconColor} />
           </View>
           <View style={styles.textContainer}>
             <AtomicText type="bodyLarge" style={{ color: tokens.colors.textPrimary }}>

package/src/domains/video-tutorials/presentation/components/VideoTutorialSection.tsx

@@ -20,7 +20,7 @@ export interface VideoTutorialSectionProps {
     }) => React.ReactElement | null;
     renderItem: (props: {
         title: string;
-        icon: any;
+        icon: string;
         onPress: () => void;
         isLast?: boolean;
     }) => React.ReactElement | null;

package/src/domains/video-tutorials/presentation/screens/VideoTutorialsScreen.tsx

@@ -19,6 +19,7 @@ import {
   AtomicSpinner,
   AtomicText,
 } from "@umituz/react-native-design-system";
+import type { DesignTokens } from "@umituz/react-native-design-system";
 import type { VideoTutorial } from "../../types";
 import { VideoTutorialCard } from "../components/VideoTutorialCard";
 
@@ -114,7 +115,7 @@ export const VideoTutorialsScreen: React.FC<VideoTutorialsScreenProps> = React.m
   }
 );
 
-const getStyles = (tokens: any) => StyleSheet.create({
+const getStyles = (tokens: DesignTokens) => StyleSheet.create({
   title: {
     fontSize: tokens.typography.headlineLarge.fontSize,
     color: tokens.colors.textPrimary,

package/src/presentation/hooks/mutations/useSettingsMutations.ts

@@ -49,7 +49,12 @@ export const useResetSettingsMutation = (userId: string) => {
             if (!result.success) {
                 throw new Error(result.error?.message || 'Failed to reset settings');
             }
-            return (result as any).data as UserSettings;
+            // After reset, fetch fresh settings (defaults)
+            const freshResult = await settingsService.getSettings(userId);
+            if (!freshResult.success || !freshResult.data) {
+                throw new Error('Failed to fetch settings after reset');
+            }
+            return freshResult.data;
         },
         onSuccess: (data) => {
             queryClient.setQueryData([...SETTINGS_QUERY_KEY, userId], data);

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -74,7 +74,7 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
   );
 
   const screens = React.useMemo(() => {
-    const list: StackScreen<any>[] = [
+    const list: StackScreen[] = [
       {
         name: "SettingsMain",
         options: { headerShown: false },
@@ -138,10 +138,10 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
     // Add additional screens
     additionalScreens.forEach((screen) => {
       list.push({
-        name: screen.name as keyof SettingsStackParamList,
-        component: screen.component as any,
-        children: screen.children as any,
-        options: screen.options as any,
+        name: screen.name,
+        component: screen.component as StackScreen['component'],
+        children: screen.children as StackScreen['children'],
+        options: screen.options as StackScreen['options'],
       });
     });
 
@@ -196,9 +196,9 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
 
   const navigatorConfig: StackNavigatorConfig<SettingsStackParamList> = {
     initialRouteName: "SettingsMain",
-    screenOptions: screenOptions as any,
+    screenOptions,
     screens,
   };
 
-  return <StackNavigator<any> config={navigatorConfig as any} />;
+  return <StackNavigator<SettingsStackParamList> config={navigatorConfig} />;
 };

package/src/presentation/navigation/components/wrappers/AboutScreenWrapper.tsx

@@ -3,9 +3,10 @@
  */
 import React from "react";
 import { AboutScreen } from "../../../../domains/about";
+import type { AboutConfig } from "../../../../domains/about/domain/entities/AppInfo";
 
 export interface AboutScreenWrapperProps {
-  config: any;
+  config: AboutConfig;
 }
 
 export const AboutScreenWrapper: React.FC<AboutScreenWrapperProps> = ({

package/src/presentation/navigation/components/wrappers/SettingsScreenWrapper.tsx

@@ -3,14 +3,17 @@
  */
 import React from "react";
 import { SettingsScreen } from "../../../screens/SettingsScreen";
+import type { SettingsConfig, CustomSettingsSection } from "../../../screens/types";
+import type { UserProfileConfig } from "../../types";
+import type { DevSettingsProps } from "../../../../domains/dev";
 
 export interface SettingsScreenWrapperProps {
-  config: any;
+  config?: SettingsConfig;
   appVersion: string;
   showUserProfile: boolean;
-  userProfile: any;
-  devSettings: any;
-  customSections: any[];
+  userProfile?: UserProfileConfig;
+  devSettings?: DevSettingsProps;
+  customSections?: CustomSettingsSection[];
   showHeader?: boolean;
   showCloseButton?: boolean;
   onClose?: () => void;

package/src/presentation/navigation/utils/navigationTranslations.ts

@@ -3,7 +3,7 @@
  * Creates translation objects for navigation screens
  */
 
-export const createNotificationTranslations = (t: any) => ({
+export const createNotificationTranslations = (t: (key: string) => string) => ({
   screenTitle: t("settings.notifications.title"),
   masterToggleTitle: t("settings.notifications.masterToggleTitle"),
   masterToggleDescription: t("settings.notifications.masterToggleDescription"),
@@ -17,7 +17,7 @@ export const createNotificationTranslations = (t: any) => ({
   quietHoursDescription: t("settings.notifications.quietHoursDescription"),
 });
 
-export const createQuietHoursTranslations = (t: any) => ({
+export const createQuietHoursTranslations = (t: (key: string) => string) => ({
   title: t("settings.notifications.quietHours.title"),
   description: t("settings.notifications.quietHours.description"),
   startTimeLabel: t("settings.notifications.quietHours.startTimeLabel"),

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

@@ -4,10 +4,12 @@ import { useAppNavigation } from "@umituz/react-native-design-system";
 import type { IconName } from "@umituz/react-native-design-system";
 import { SettingsItemCard } from "../../components/SettingsItemCard";
 import { useGamification } from "../../../domains/gamification";
+import type { GamificationItemConfig } from "../../screens/types/UserFeatureConfig";
+import type { GamificationSettingsConfig } from "../../../domains/gamification";
 
 export interface GamificationSettingsItemProps {
-  config: any;
-  gamificationConfig?: any;
+  config: GamificationItemConfig;
+  gamificationConfig?: GamificationSettingsConfig;
   t: (key: string) => string;
 }
 

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

@@ -20,7 +20,6 @@ import { GamificationSettingsItem } from "./GamificationSettingsItem";
 
 interface SettingsContentProps {
   normalizedConfig: NormalizedConfig;
-  config?: any;
   features: {
     appearance: boolean;
     language: boolean;
@@ -37,19 +36,28 @@ interface SettingsContentProps {
     gamification: boolean;
   };
   showUserProfile?: boolean;
-  userProfile?: any;
+  userProfile?: {
+    displayName?: string;
+    userId?: string;
+    isAnonymous?: boolean;
+    avatarUrl?: string;
+    accountSettingsRoute?: string;
+    onPress?: () => void;
+    anonymousDisplayName?: string;
+    avatarServiceUrl?: string;
+  };
   showFooter?: boolean;
   footerText?: string;
   appVersion?: string;
   customSections?: CustomSettingsSection[];
   showCloseButton?: boolean;
+  emptyStateText?: string;
   devSettings?: DevSettingsProps;
   gamificationConfig?: import("../../../domains/gamification").GamificationSettingsConfig;
 }
 
 export const SettingsContent: React.FC<SettingsContentProps> = ({
   normalizedConfig,
-  config,
   features,
   showUserProfile = false,
   userProfile,
@@ -58,6 +66,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
   appVersion,
   customSections = [],
   showCloseButton = false,
+  emptyStateText,
   devSettings,
   gamificationConfig,
 }) => {
@@ -115,7 +124,7 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
 
       {!hasAnyFeatures && (
         <View style={styles.emptyContainer}>
-          <SettingsSection title={config?.emptyStateText || t("settings.noOptionsAvailable")}>
+          <SettingsSection title={emptyStateText || t("settings.noOptionsAvailable")}>
             <View />
           </SettingsSection>
         </View>

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

@@ -3,9 +3,10 @@ import React from "react";
 import { useAppNavigation } from "@umituz/react-native-design-system";
 import { SettingsItemCard } from "../../components/SettingsItemCard";
 import type { IconName } from "@umituz/react-native-design-system";
+import type { SubscriptionConfig } from "../../screens/types/UserFeatureConfig";
 
 export interface SubscriptionSettingsItemProps {
-  config: any;
+  config: SubscriptionConfig;
   t: (key: string) => string;
 }
 

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

@@ -3,9 +3,10 @@ import React from "react";
 import { useAppNavigation } from "@umituz/react-native-design-system";
 import { SettingsItemCard } from "../../components/SettingsItemCard";
 import type { IconName } from "@umituz/react-native-design-system";
+import type { WalletConfig } from "../../screens/types/UserFeatureConfig";
 
 export interface WalletSettingsItemProps {
-  config: any;
+  config: WalletConfig;
   t: (key: string) => string;
 }
 

package/src/presentation/screens/components/sections/IdentitySettingsSection.tsx

@@ -8,7 +8,7 @@ import { SettingsSection } from "../../../components/SettingsSection";
 
 interface IdentitySettingsSectionProps {
     normalizedConfig: NormalizedConfig;
-    features: any;
+    features: { about: boolean; legal: boolean; [key: string]: boolean };
 }
 
 export const IdentitySettingsSection: React.FC<IdentitySettingsSectionProps> = ({

package/src/presentation/screens/components/sections/SupportSettingsSection.tsx

@@ -4,10 +4,11 @@ import { useAppNavigation } from "@umituz/react-native-design-system";
 import { SupportSection } from "../../../../domains/feedback/presentation/components/SupportSection";
 import { SettingsSection } from "../../../components/SettingsSection";
 import { SettingsItemCard } from "../../../components/SettingsItemCard";
+import type { NormalizedConfig } from "../../utils/normalizeConfig";
 
 interface SupportSettingsSectionProps {
-    features: any;
-    normalizedConfig: any;
+    features: { feedback: boolean; rating: boolean; faqs: boolean; [key: string]: boolean };
+    normalizedConfig: NormalizedConfig;
 }
 
 export const SupportSettingsSection: React.FC<SupportSettingsSectionProps> = ({
@@ -27,8 +28,8 @@ export const SupportSettingsSection: React.FC<SupportSettingsSectionProps> = ({
         <SettingsSection title={t("settings.support.title")}>
             {(features.feedback || features.rating) && (
                 <SupportSection
-                    renderSection={(props: any) => <>{props.children}</>}
-                    renderItem={(props: any) => (
+                    renderSection={(props: { title: string; children: React.ReactNode }) => <>{props.children}</>}
+                    renderItem={(props: { title: string; icon: string; onPress: () => void; isLast?: boolean }) => (
                         <SettingsItemCard 
                             title={props.title} 
                             icon={props.icon} 
@@ -40,17 +41,20 @@ export const SupportSettingsSection: React.FC<SupportSettingsSectionProps> = ({
                     feedbackConfig={{
                         enabled: features.feedback,
                         config: {
-                            ...normalizedConfig.feedback.config,
                             title: normalizedConfig.feedback.config?.title || t("settings.feedback.title"),
                             description: normalizedConfig.feedback.config?.description || t("settings.feedback.description"),
+                            initialType: normalizedConfig.feedback.config?.initialType,
+                            onSubmit: normalizedConfig.feedback.config?.onSubmit,
+                            onPress: normalizedConfig.feedback.config?.onPress,
                         }
                     }}
                     ratingConfig={{
                         enabled: features.rating,
                         config: {
-                            ...normalizedConfig.rating.config,
                             title: normalizedConfig.rating.config?.title || t("settings.rating.title"),
                             description: normalizedConfig.rating.config?.description || t("settings.rating.description"),
+                            storeUrl: normalizedConfig.rating.config?.storeUrl,
+                            onRate: normalizedConfig.rating.config?.onRate,
                         }
                     }}
                     feedbackModalTexts={{

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

@@ -11,9 +11,9 @@ import type { NormalizedConfig } from "../utils/normalizeConfig";
  * Check if navigation screen exists or is likely available
  */
 function isFeatureAvailable(
-  navigation: any,
+  navigation: { navigate: (route: string) => void } | null,
   route?: string,
-  onPress?: any
+  onPress?: (() => void) | undefined
 ): boolean {
   // If we have an onPress, it's definitely available
   if (onPress) return true;
@@ -31,7 +31,7 @@ function isFeatureAvailable(
  */
 export function useFeatureDetection(
   normalizedConfig: NormalizedConfig,
-  navigation: any,
+  navigation: { navigate: (route: string) => void } | null,
   options?: {
     notificationServiceAvailable?: boolean;
   },

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

@@ -5,6 +5,7 @@
 
 import type { FeatureVisibility } from "./BaseTypes";
 import type { FeedbackType } from "../../../domains/feedback/domain/entities/FeedbackEntity";
+import type { FAQCategory } from "../../../domains/faqs/domain/entities/FAQEntity";
 
 /**
  * User Profile Settings Configuration
@@ -39,7 +40,7 @@ export interface FeedbackConfig {
   /** Initial feedback type */
   initialType?: FeedbackType;
   /** Feedback submission handler */
-  onSubmit?: (data: { type: any; rating: number; description: string; title: string }) => Promise<void>;
+  onSubmit?: (data: { type: FeedbackType; rating: number; description: string; title: string }) => Promise<void>;
   /** Custom handler to open feedback screen (overrides default modal) */
   onPress?: () => void;
 }
@@ -59,7 +60,7 @@ export interface FAQConfig {
   /** Custom section title for grouping */
   sectionTitle?: string;
   /** FAQ items passed from app */
-  items?: any[];
+  items?: FAQCategory[];
   /** Handler to open FAQ screen */
   onPress?: () => void;
 }

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

@@ -1,10 +0,0 @@
-/**
- * Settings Screen Components
- * Barrel export for all section components
- */
-
-
-
-
-
-