@umituz/react-native-settings 4.23.109 → 4.23.114

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.109",
+  "version": "4.23.114",
   "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/feedback/presentation/components/FeedbackForm.tsx

@@ -8,23 +8,9 @@ import { View, TouchableOpacity, ScrollView, TextInput } from "react-native";
 import { useAppDesignTokens, AtomicText, AtomicButton, AtomicIcon } from "@umituz/react-native-design-system";
 import type { FeedbackType, FeedbackRating } from "../../domain/entities/FeedbackEntity";
 import { validateFeedbackForm } from "../../../../infrastructure/utils/validation";
-
+import type { FeedbackFormProps } from "./FeedbackFormProps";
 import { getFeedbackFormStyles as getStyles } from "./FeedbackForm.styles";
 
-export interface FeedbackFormProps {
-    onSubmit: (data: { type: FeedbackType; rating: FeedbackRating; description: string; title: string }) => Promise<void>;
-    texts: {
-        ratingLabel: string;
-        descriptionPlaceholder: string;
-        submitButton: string;
-        submittingButton: string;
-        feedbackTypes: Array<{ type: FeedbackType; label: string }>;
-        defaultTitle: (type: FeedbackType) => string;
-    };
-    initialType?: FeedbackType;
-    isSubmitting?: boolean;
-}
-
 export const FeedbackForm: React.FC<FeedbackFormProps> = ({
     onSubmit,
     texts,

package/src/domains/feedback/presentation/components/FeedbackFormProps.ts

@@ -0,0 +1,26 @@
+/**
+ * FeedbackForm Props Types
+ */
+
+import type { FeedbackType, FeedbackRating } from "../../domain/entities/FeedbackEntity";
+
+export interface FeedbackFormTexts {
+    ratingLabel: string;
+    descriptionPlaceholder: string;
+    submitButton: string;
+    submittingButton: string;
+    feedbackTypes: Array<{ type: FeedbackType; label: string }>;
+    defaultTitle: (type: FeedbackType) => string;
+}
+
+export interface FeedbackFormProps {
+    onSubmit: (data: {
+        type: FeedbackType;
+        rating: FeedbackRating;
+        description: string;
+        title: string;
+    }) => Promise<void>;
+    texts: FeedbackFormTexts;
+    initialType?: FeedbackType;
+    isSubmitting?: boolean;
+}

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

@@ -8,7 +8,7 @@ import { View, StyleSheet, TouchableOpacity } from "react-native";
 import { useAppDesignTokens, AtomicText, AtomicIcon, BaseModal, ScreenLayout } from "@umituz/react-native-design-system";
 import { FeedbackForm } from "./FeedbackForm";
 import type { FeedbackType, FeedbackRating } from "../../domain/entities/FeedbackEntity";
-import type { FeedbackFormProps } from "./FeedbackForm";
+import type { FeedbackFormProps } from "./FeedbackFormProps";
 
 export interface FeedbackModalProps {
     visible: boolean;

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

@@ -90,7 +90,7 @@ export const AchievementCard: React.FC<AchievementCardProps> = ({
 
       {isUnlocked && (
         <View style={[styles.checkmark, { backgroundColor: finalUnlockedColor }]}>
-          <AtomicText style={styles.checkmarkText}>✓</AtomicText>
+          <AtomicText style={[styles.checkmarkText, { color: tokens.colors.onPrimary }]}>✓</AtomicText>
         </View>
       )}
     </View>
@@ -142,7 +142,6 @@ const styles = StyleSheet.create({
     alignItems: "center",
   },
   checkmarkText: {
-    color: "#FFFFFF",
     fontSize: 14,
     fontWeight: "bold",
   },

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

@@ -4,28 +4,10 @@
  */
 
 import React from "react";
-import { View, StyleSheet, type ViewStyle, type TextStyle } from "react-native";
+import { View } from "react-native";
 import { useAppDesignTokens, AtomicText, AtomicIcon, withAlpha } from "@umituz/react-native-design-system";
-
-export interface AchievementItemProps {
-  title: string;
-  description: string;
-  icon: React.ReactNode | string;
-  isUnlocked: boolean;
-  progress: number;
-  threshold: number;
-  progressLabel?: string;
-  // Customization
-  containerStyle?: ViewStyle;
-  titleStyle?: TextStyle;
-  descriptionStyle?: TextStyle;
-  // Colors
-  accentColor?: string;
-  backgroundColor?: string;
-  textColor?: string;
-  subtextColor?: string;
-  lockedOpacity?: number;
-}
+import type { AchievementItemProps } from "./types/AchievementItemProps";
+import { achievementItemStyles as styles } from "./styles/achievementItemStyles";
 
 export const AchievementItem: React.FC<AchievementItemProps> = ({
   title,
@@ -78,7 +60,9 @@ export const AchievementItem: React.FC<AchievementItemProps> = ({
           </AtomicText>
           {isUnlocked && (
             <View style={[styles.checkmark, { backgroundColor: finalAccentColor }]}>
-              <AtomicText style={styles.checkmarkText}>✓</AtomicText>
+              <AtomicText style={[styles.checkmarkText, { color: tokens.colors.background }]}>
+                ✓
+              </AtomicText>
             </View>
           )}
         </View>
@@ -116,73 +100,3 @@ export const AchievementItem: React.FC<AchievementItemProps> = ({
     </View>
   );
 };
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "center",
-    padding: 12,
-    borderRadius: 12,
-    marginBottom: 8,
-  },
-  iconContainer: {
-    width: 48,
-    height: 48,
-    borderRadius: 24,
-    alignItems: "center",
-    justifyContent: "center",
-    marginRight: 12,
-  },
-  content: {
-    flex: 1,
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    marginBottom: 4,
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "600",
-    flex: 1,
-  },
-  checkmark: {
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: 8,
-  },
-  checkmarkText: {
-    color: "#000",
-    fontSize: 12,
-    fontWeight: "bold",
-  },
-  description: {
-    fontSize: 13,
-    lineHeight: 18,
-  },
-  progressContainer: {
-    marginTop: 8,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-  },
-  progressBar: {
-    flex: 1,
-    height: 4,
-    borderRadius: 2,
-    overflow: "hidden",
-  },
-  progressFill: {
-    height: "100%",
-    borderRadius: 2,
-  },
-  progressText: {
-    fontSize: 11,
-    minWidth: 40,
-    textAlign: "right",
-  },
-});

package/src/domains/gamification/components/GamificationScreen/AchievementsList.tsx

@@ -7,7 +7,7 @@ import { View, type TextStyle } from "react-native";
 import { AtomicText } from "@umituz/react-native-design-system";
 import { AchievementItem } from "../AchievementItem";
 import { styles } from "./styles";
-import type { AchievementItemProps } from "../AchievementItem";
+import type { AchievementItemProps } from "../types/AchievementItemProps";
 
 export interface AchievementsListProps {
   achievementsTitle: string;

package/src/domains/gamification/components/GamificationScreen/types.ts

@@ -6,7 +6,7 @@
 import type React from 'react';
 import type { LevelProgressProps } from "../LevelProgress";
 import type { StatsCardProps } from "../StatsCard";
-import type { AchievementItemProps } from "../AchievementItem";
+import type { AchievementItemProps } from "../types/AchievementItemProps";
 import type { StreakDisplayProps } from "../StreakDisplay";
 import type { ViewStyle, TextStyle } from "react-native";
 import type { GamificationConfig } from "../../types";

package/src/domains/gamification/components/index.ts

@@ -9,6 +9,7 @@ export { AchievementCard, type AchievementCardProps } from "./AchievementCard";
 export { AchievementToast, type AchievementToastProps } from "./AchievementToast";
 export { StreakDisplay, type StreakDisplayProps } from "./StreakDisplay";
 export { StatsCard, type StatsCardProps } from "./StatsCard";
-export { AchievementItem, type AchievementItemProps } from "./AchievementItem";
+export { AchievementItem } from "./AchievementItem";
+export type { AchievementItemProps } from "./types/AchievementItemProps";
 export { GamificationScreen } from "./GamificationScreen/index";
 export type { GamificationScreenProps, GamificationConfigProps } from "./GamificationScreen/types";

package/src/domains/gamification/components/styles/achievementItemStyles.ts

@@ -0,0 +1,74 @@
+/**
+ * AchievementItem Styles
+ */
+
+import { StyleSheet } from 'react-native';
+
+export const achievementItemStyles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    padding: 12,
+    borderRadius: 12,
+    marginBottom: 8,
+  },
+  iconContainer: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    marginRight: 12,
+  },
+  content: {
+    flex: 1,
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    marginBottom: 4,
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: "600",
+    flex: 1,
+  },
+  checkmark: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    alignItems: "center",
+    justifyContent: "center",
+    marginLeft: 8,
+  },
+  checkmarkText: {
+    fontSize: 12,
+    fontWeight: "bold",
+  },
+  description: {
+    fontSize: 13,
+    lineHeight: 18,
+  },
+  progressContainer: {
+    marginTop: 8,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+  },
+  progressBar: {
+    flex: 1,
+    height: 4,
+    borderRadius: 2,
+    overflow: "hidden",
+  },
+  progressFill: {
+    height: "100%",
+    borderRadius: 2,
+  },
+  progressText: {
+    fontSize: 11,
+    minWidth: 40,
+    textAlign: "right",
+  },
+});

package/src/domains/gamification/components/types/AchievementItemProps.ts

@@ -0,0 +1,25 @@
+/**
+ * AchievementItem Props Types
+ */
+
+import type { ViewStyle, TextStyle } from 'react-native';
+
+export interface AchievementItemProps {
+  title: string;
+  description: string;
+  icon: React.ReactNode | string;
+  isUnlocked: boolean;
+  progress: number;
+  threshold: number;
+  progressLabel?: string;
+  // Customization
+  containerStyle?: ViewStyle;
+  titleStyle?: TextStyle;
+  descriptionStyle?: TextStyle;
+  // Colors
+  accentColor?: string;
+  backgroundColor?: string;
+  textColor?: string;
+  subtextColor?: string;
+  lockedOpacity?: number;
+}

package/src/infrastructure/utils/errorHandlers.ts

@@ -181,13 +181,12 @@ export const logError = (
     ...context?.additionalInfo,
   };
 
-  // In production, send to error tracking service
+  // Log errors in development mode
   if (typeof __DEV__ !== "undefined" && __DEV__) {
     console.error("[Error]", logData);
   }
 
-  // TODO: Send to error tracking service in production
-  // ErrorTracking.captureException(error, logData);
+  // Note: Apps can integrate error tracking services (e.g., Sentry) by wrapping this function
 };
 
 /**

package/src/infrastructure/utils/styleUtils.ts

@@ -1,190 +1,7 @@
 /**
  * Style Utilities
- * Centralized style creation functions to reduce code duplication
+ * Re-exports from organized style modules
+ * @deprecated Import from specific modules instead: styles/layoutStyles, styles/componentStyles, etc.
  */
-import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';
-import type { DesignTokens } from '@umituz/react-native-design-system';
 
-/**
- * Creates a container style with flex 1
- */
-export const createContainerStyle = (overrides: ViewStyle = {}): ViewStyle => ({
-  flex: 1,
-  ...overrides,
-});
-
-/**
- * Creates a centered container style
- */
-export const createCenteredContainerStyle = (overrides: ViewStyle = {}): ViewStyle => ({
-  flex: 1,
-  justifyContent: 'center',
-  alignItems: 'center',
-  ...overrides,
-});
-
-/**
- * Creates a row style for horizontal layouts
- */
-export const createRowStyle = (overrides: ViewStyle = {}): ViewStyle => ({
-  flexDirection: 'row',
-  alignItems: 'center',
-  ...overrides,
-});
-
-/**
- * Creates a header style
- */
-export const createHeaderStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  paddingHorizontal: tokens.spacing.lg,
-  paddingVertical: tokens.spacing.md,
-  ...overrides,
-});
-
-/**
- * Creates a section style
- */
-export const createSectionStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  padding: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates a card style
- */
-export const createCardStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  backgroundColor: tokens.colors.surface,
-  borderRadius: tokens.borders.radius.md,
-  padding: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates a title text style
- */
-export const createTitleStyle = (tokens: DesignTokens, overrides: TextStyle = {}): TextStyle => ({
-  fontSize: tokens.typography.headlineMedium.responsiveFontSize,
-  fontWeight: '600',
-  color: tokens.colors.textPrimary,
-  ...overrides,
-});
-
-/**
- * Creates a subtitle text style
- */
-export const createSubtitleStyle = (tokens: DesignTokens, overrides: TextStyle = {}): TextStyle => ({
-  fontSize: tokens.typography.bodyMedium.responsiveFontSize,
-  color: tokens.colors.textSecondary,
-  ...overrides,
-});
-
-/**
- * Creates a button style
- */
-export const createButtonStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  backgroundColor: tokens.colors.primary,
-  borderRadius: tokens.borders.radius.md,
-  paddingVertical: tokens.spacing.md,
-  paddingHorizontal: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates an icon container style
- */
-export const createIconContainerStyle = (
-  size: number = 48,
-  tokens: DesignTokens,
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  width: size,
-  height: size,
-  borderRadius: size / 2,
-  justifyContent: 'center',
-  alignItems: 'center',
-  backgroundColor: tokens.colors.surfaceSecondary,
-  ...overrides,
-});
-
-/**
- * Creates a scroll content style
- */
-export const createScrollContentStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  padding: tokens.spacing.lg,
-  ...overrides,
-});
-
-/**
- * Creates a separator/border style
- */
-export const createSeparatorStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
-  height: 1,
-  backgroundColor: tokens.colors.border,
-  ...overrides,
-});
-
-/**
- * Creates a margin utility style
- */
-export const createMarginStyle = (
-  spacing: 'xs' | 'sm' | 'md' | 'lg' | 'xl',
-  tokens: DesignTokens,
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  margin: tokens.spacing[spacing],
-  ...overrides,
-});
-
-/**
- * Creates a padding utility style
- */
-export const createPaddingStyle = (
-  spacing: 'xs' | 'sm' | 'md' | 'lg' | 'xl',
-  tokens: DesignTokens,
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  padding: tokens.spacing[spacing],
-  ...overrides,
-});
-
-/**
- * Combines multiple styles into one
- */
-export const combineStyles = (
-  ...styles: (ViewStyle | TextStyle | ImageStyle | undefined | false)[]
-): ViewStyle | TextStyle | ImageStyle => {
-  return StyleSheet.flatten(styles.filter(Boolean));
-};
-
-/**
- * Creates a responsive style based on screen dimensions
- */
-export const createResponsiveStyle = (
-  _tokens: DesignTokens,
-  phoneStyle: ViewStyle,
-  _tabletStyle?: ViewStyle
-): ViewStyle => {
-  // For now, return phone style. Can be enhanced with actual responsive logic
-  return phoneStyle;
-};
-
-/**
- * Type guard for ViewStyle
- */
-export const isViewStyle = (style: any): style is ViewStyle => {
-  return style && typeof style === 'object';
-};
-
-/**
- * Creates a safe area aware style
- */
-export const createSafeAreaStyle = (
-  insets: { top?: number; bottom?: number; left?: number; right?: number },
-  overrides: ViewStyle = {}
-): ViewStyle => ({
-  paddingTop: insets.top,
-  paddingBottom: insets.bottom,
-  paddingLeft: insets.left,
-  paddingRight: insets.right,
-  ...overrides,
-});
+export * from './styles';

package/src/infrastructure/utils/styles/componentStyles.ts

@@ -0,0 +1,90 @@
+/**
+ * Component Style Utilities
+ * Reusable component styling patterns
+ */
+
+import type { ViewStyle, TextStyle } from 'react-native';
+import type { DesignTokens } from '@umituz/react-native-design-system';
+
+/**
+ * Creates a header style
+ */
+export const createHeaderStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
+  paddingHorizontal: tokens.spacing.lg,
+  paddingVertical: tokens.spacing.md,
+  ...overrides,
+});
+
+/**
+ * Creates a section style
+ */
+export const createSectionStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
+  padding: tokens.spacing.lg,
+  ...overrides,
+});
+
+/**
+ * Creates a card style
+ */
+export const createCardStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
+  backgroundColor: tokens.colors.surface,
+  borderRadius: tokens.borders.radius.md,
+  padding: tokens.spacing.lg,
+  ...overrides,
+});
+
+/**
+ * Creates a button style
+ */
+export const createButtonStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
+  backgroundColor: tokens.colors.primary,
+  borderRadius: tokens.borders.radius.md,
+  paddingVertical: tokens.spacing.md,
+  paddingHorizontal: tokens.spacing.lg,
+  ...overrides,
+});
+
+/**
+ * Creates an icon container style
+ */
+export const createIconContainerStyle = (
+  size: number = 48,
+  tokens: DesignTokens,
+  overrides: ViewStyle = {}
+): ViewStyle => ({
+  width: size,
+  height: size,
+  borderRadius: size / 2,
+  justifyContent: 'center',
+  alignItems: 'center',
+  backgroundColor: tokens.colors.surfaceSecondary,
+  ...overrides,
+});
+
+/**
+ * Creates a separator/border style
+ */
+export const createSeparatorStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
+  height: 1,
+  backgroundColor: tokens.colors.border,
+  ...overrides,
+});
+
+/**
+ * Creates a title text style
+ */
+export const createTitleStyle = (tokens: DesignTokens, overrides: TextStyle = {}): TextStyle => ({
+  fontSize: tokens.typography.headlineMedium.responsiveFontSize,
+  fontWeight: '600',
+  color: tokens.colors.textPrimary,
+  ...overrides,
+});
+
+/**
+ * Creates a subtitle text style
+ */
+export const createSubtitleStyle = (tokens: DesignTokens, overrides: TextStyle = {}): TextStyle => ({
+  fontSize: tokens.typography.bodyMedium.responsiveFontSize,
+  color: tokens.colors.textSecondary,
+  ...overrides,
+});

package/src/infrastructure/utils/styles/index.ts

@@ -0,0 +1,9 @@
+/**
+ * Style Utilities - Index
+ * Centralized exports for all style utilities
+ */
+
+export * from './layoutStyles';
+export * from './componentStyles';
+export * from './spacingStyles';
+export * from './styleHelpers';

package/src/infrastructure/utils/styles/layoutStyles.ts

@@ -0,0 +1,56 @@
+/**
+ * Layout Style Utilities
+ * Common layout patterns
+ */
+
+import type { ViewStyle } from 'react-native';
+import type { DesignTokens } from '@umituz/react-native-design-system';
+
+/**
+ * Creates a container style with flex 1
+ */
+export const createContainerStyle = (overrides: ViewStyle = {}): ViewStyle => ({
+  flex: 1,
+  ...overrides,
+});
+
+/**
+ * Creates a centered container style
+ */
+export const createCenteredContainerStyle = (overrides: ViewStyle = {}): ViewStyle => ({
+  flex: 1,
+  justifyContent: 'center',
+  alignItems: 'center',
+  ...overrides,
+});
+
+/**
+ * Creates a row style for horizontal layouts
+ */
+export const createRowStyle = (overrides: ViewStyle = {}): ViewStyle => ({
+  flexDirection: 'row',
+  alignItems: 'center',
+  ...overrides,
+});
+
+/**
+ * Creates a scroll content style
+ */
+export const createScrollContentStyle = (tokens: DesignTokens, overrides: ViewStyle = {}): ViewStyle => ({
+  padding: tokens.spacing.lg,
+  ...overrides,
+});
+
+/**
+ * Creates a safe area aware style
+ */
+export const createSafeAreaStyle = (
+  insets: { top?: number; bottom?: number; left?: number; right?: number },
+  overrides: ViewStyle = {}
+): ViewStyle => ({
+  paddingTop: insets.top,
+  paddingBottom: insets.bottom,
+  paddingLeft: insets.left,
+  paddingRight: insets.right,
+  ...overrides,
+});

package/src/infrastructure/utils/styles/spacingStyles.ts

@@ -0,0 +1,33 @@
+/**
+ * Spacing Style Utilities
+ * Margin and padding helpers
+ */
+
+import type { ViewStyle } from 'react-native';
+import type { DesignTokens } from '@umituz/react-native-design-system';
+
+type SpacingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+/**
+ * Creates a margin utility style
+ */
+export const createMarginStyle = (
+  spacing: SpacingSize,
+  tokens: DesignTokens,
+  overrides: ViewStyle = {}
+): ViewStyle => ({
+  margin: tokens.spacing[spacing],
+  ...overrides,
+});
+
+/**
+ * Creates a padding utility style
+ */
+export const createPaddingStyle = (
+  spacing: SpacingSize,
+  tokens: DesignTokens,
+  overrides: ViewStyle = {}
+): ViewStyle => ({
+  padding: tokens.spacing[spacing],
+  ...overrides,
+});

package/src/infrastructure/utils/styles/styleHelpers.ts

@@ -0,0 +1,22 @@
+/**
+ * Style Helper Utilities
+ * Generic style manipulation functions
+ */
+
+import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';
+
+/**
+ * Combines multiple styles into one
+ */
+export const combineStyles = (
+  ...styles: (ViewStyle | TextStyle | ImageStyle | undefined | false | null)[]
+): ViewStyle | TextStyle | ImageStyle => {
+  return StyleSheet.flatten(styles.filter(Boolean));
+};
+
+/**
+ * Type guard for ViewStyle
+ */
+export const isViewStyle = (style: unknown): style is ViewStyle => {
+  return typeof style === 'object' && style !== null;
+};

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -13,11 +13,10 @@ import { createAccountConfig } from "../utils/accountConfigUtils";
 import { useAuthHandlers } from "../utils/useAuthHandlers";
 import { translateFAQData } from "../utils/faqTranslator";
 import { useSettingsConfigFactory } from "../utils/settingsConfigFactory";
-import type { SettingsConfig } from "../screens/types";
+import type { SettingsConfig, SettingsTranslations } from "../screens/types";
 import type { FeedbackFormData } from "../utils/config-creators";
 import type { AppInfo, FAQData, UserProfileDisplay, AdditionalScreen } from "../navigation/types";
 import type { AccountScreenConfig } from "@umituz/react-native-auth";
-import type { SettingsTranslations } from "../screens/types/SettingsConfig";
 
 export interface SettingsFeatures {
   notifications?: boolean;

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

@@ -1,4 +1,4 @@
-import type { SettingsTranslations } from "../../screens/types/SettingsConfig";
+import type { SettingsTranslations } from "../../screens/types";
 
 export const createNotificationTranslations = (translations?: SettingsTranslations["features"]) => ({
   screenTitle: translations?.notifications?.title || "",

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

@@ -2,15 +2,15 @@ import React, { useMemo } from "react";
 import { View, StyleSheet } from "react-native";
 import { SettingsFooter } from "../../components/SettingsFooter";
 import { SettingsSection } from "../../components/SettingsSection";
-import { DevSettingsSection, DevSettingsProps } from "../../../domains/dev";
+import { DevSettingsSection } from "../../../domains/dev";
 import { DisclaimerSetting } from "../../../domains/disclaimer";
 import { ProfileSectionLoader } from "./sections/ProfileSectionLoader";
 import { FeatureSettingsSection } from "./sections/FeatureSettingsSection";
 import { IdentitySettingsSection } from "./sections/IdentitySettingsSection";
 import { SupportSettingsSection } from "./sections/SupportSettingsSection";
 import { CustomSettingsList } from "./sections/CustomSettingsList";
-import type { NormalizedConfig } from "../utils/normalizeConfig";
-import type { CustomSettingsSection } from "../types";
+import { hasAnyFeaturesEnabled } from "./utils/featureChecker";
+import type { SettingsContentProps } from "./types/SettingsContentProps";
 
 // Extracted Item Components
 import { SubscriptionSettingsItem } from "./SubscriptionSettingsItem";
@@ -18,44 +18,6 @@ import { WalletSettingsItem } from "./WalletSettingsItem";
 import { GamificationSettingsItem } from "./GamificationSettingsItem";
 import { VideoTutorialSettingsItem } from "./VideoTutorialSettingsItem";
 
-interface SettingsContentProps {
-  normalizedConfig: NormalizedConfig;
-  features: {
-    appearance: boolean;
-    language: boolean;
-    notifications: boolean;
-    about: boolean;
-    legal: boolean;
-    disclaimer: boolean;
-    userProfile: boolean;
-    feedback: boolean;
-    rating: boolean;
-    faqs: boolean;
-    subscription: boolean;
-    wallet: boolean;
-    gamification: boolean;
-    videoTutorial: boolean;
-  };
-  showUserProfile?: boolean;
-  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[];
-  emptyStateText?: string;
-  devSettings?: DevSettingsProps;
-  gamificationConfig?: import("../../../domains/gamification").GamificationSettingsConfig;
-}
-
 export const SettingsContent: React.FC<SettingsContentProps> = ({
   normalizedConfig,
   features,
@@ -70,39 +32,9 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
   gamificationConfig,
 }) => {
   const translations = normalizedConfig.translations;
-
-  // Optimize: Only track individual feature flags instead of entire object
-  const hasAnyFeatures = useMemo(() =>
-    features.appearance ||
-    features.language ||
-    features.notifications ||
-    features.about ||
-    features.legal ||
-    features.disclaimer ||
-    features.feedback ||
-    features.rating ||
-    features.faqs ||
-    features.subscription ||
-    features.wallet ||
-    features.gamification ||
-    features.videoTutorial ||
-    customSections.length > 0,
-    [
-      features.appearance,
-      features.language,
-      features.notifications,
-      features.about,
-      features.legal,
-      features.disclaimer,
-      features.feedback,
-      features.rating,
-      features.faqs,
-      features.subscription,
-      features.wallet,
-      features.gamification,
-      features.videoTutorial,
-      customSections.length,
-    ]
+  const hasAnyFeatures = useMemo(
+    () => hasAnyFeaturesEnabled(features, customSections),
+    [features, customSections]
   );
 
   return (

package/src/presentation/screens/components/types/SettingsContentProps.ts

@@ -0,0 +1,51 @@
+/**
+ * Settings Content Component Props
+ */
+
+import type { NormalizedConfig } from "../../utils/normalizeConfig";
+import type { CustomSettingsSection } from "../../types";
+import type { DevSettingsProps } from "../../../../domains/dev";
+import type { GamificationSettingsConfig } from "../../../../domains/gamification";
+
+export interface SettingsContentFeatures {
+  [key: string]: boolean;
+  appearance: boolean;
+  language: boolean;
+  notifications: boolean;
+  about: boolean;
+  legal: boolean;
+  disclaimer: boolean;
+  userProfile: boolean;
+  feedback: boolean;
+  rating: boolean;
+  faqs: boolean;
+  subscription: boolean;
+  wallet: boolean;
+  gamification: boolean;
+  videoTutorial: boolean;
+}
+
+export interface SettingsContentUserProfile {
+  displayName?: string;
+  userId?: string;
+  isAnonymous?: boolean;
+  avatarUrl?: string;
+  accountSettingsRoute?: string;
+  onPress?: () => void;
+  anonymousDisplayName?: string;
+  avatarServiceUrl?: string;
+}
+
+export interface SettingsContentProps {
+  normalizedConfig: NormalizedConfig;
+  features: SettingsContentFeatures;
+  showUserProfile?: boolean;
+  userProfile?: SettingsContentUserProfile;
+  showFooter?: boolean;
+  footerText?: string;
+  appVersion?: string;
+  customSections?: CustomSettingsSection[];
+  emptyStateText?: string;
+  devSettings?: DevSettingsProps;
+  gamificationConfig?: GamificationSettingsConfig;
+}

package/src/presentation/screens/components/utils/featureChecker.ts

@@ -0,0 +1,32 @@
+/**
+ * Feature Checker Utilities
+ * Centralized logic for checking if features are enabled
+ */
+
+import type { SettingsContentFeatures } from "../types/SettingsContentProps";
+import type { CustomSettingsSection } from "../../types";
+
+/**
+ * Check if any settings features are enabled
+ */
+export function hasAnyFeaturesEnabled(
+  features: SettingsContentFeatures,
+  customSections: CustomSettingsSection[]
+): boolean {
+  return (
+    features.appearance ||
+    features.language ||
+    features.notifications ||
+    features.about ||
+    features.legal ||
+    features.disclaimer ||
+    features.feedback ||
+    features.rating ||
+    features.faqs ||
+    features.subscription ||
+    features.wallet ||
+    features.gamification ||
+    features.videoTutorial ||
+    customSections.length > 0
+  );
+}

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

@@ -23,6 +23,7 @@ import type {
   GamificationItemConfig,
   VideoTutorialConfig,
 } from "./UserFeatureConfig";
+import type { SettingsTranslations } from "./SettingsTranslations";
 
 /**
  * Main Settings Configuration
@@ -55,142 +56,6 @@ import type {
  *   },
  * };
  */
-/**
- * Global Settings Translations
- */
-export interface SettingsTranslations {
-  title?: string;
-  profile?: {
-    guest?: string;
-    anonymousName?: string;
-    signIn?: string;
-    signInDescription?: string;
-    anonymousBenefits?: {
-      title?: string;
-      items?: string[];
-    };
-  };
-  sections?: {
-    app?: string;
-    progress?: string;
-    about?: string;
-    support?: string;
-    subscription?: string;
-  };
-  features?: {
-    appearance?: { 
-      title?: string; 
-      description?: string;
-      themeModes?: {
-        light?: string;
-        dark?: string;
-        auto?: string;
-      };
-    };
-    language?: { 
-      title?: string;
-      description?: string;
-      searchPlaceholder?: string;
-    };
-    notifications?: { 
-      title?: string; 
-      description?: string;
-      masterToggleTitle?: string;
-      masterToggleDescription?: string;
-      soundTitle?: string;
-      soundDescription?: string;
-      vibrationTitle?: string;
-      vibrationDescription?: string;
-      remindersTitle?: string;
-      remindersDescription?: string;
-      quietHoursTitle?: string;
-      quietHoursDescription?: string;
-      quietHours?: {
-        title?: string;
-        description?: string;
-        startTimeLabel?: string;
-        endTimeLabel?: string;
-        enabledLabel?: string;
-      };
-    };
-    about?: { 
-      title?: string; 
-      description?: string;
-      contact?: string;
-      more?: string;
-      developer?: string;
-      email?: string;
-      website?: string;
-      moreApps?: string;
-      versionPrefix?: string;
-    };
-    legal?: { 
-      title?: string; 
-      description?: string;
-      documentsHeader?: string;
-      privacyTitle?: string;
-      privacyDescription?: string;
-      termsTitle?: string;
-      termsDescription?: string;
-      eulaTitle?: string;
-      eulaDescription?: string;
-    };
-    feedback?: { title?: string; description?: string };
-    rating?: { title?: string; description?: string };
-    faqs?: { 
-      title?: string; 
-      description?: string; 
-      searchPlaceholder?: string;
-      emptySearchTitle?: string;
-      emptySearchMessage?: string;
-      headerTitle?: string;
-    };
-    languageSelection?: {
-      searchPlaceholder?: string;
-    };
-    subscription?: {
-      title?: string;
-      description?: string;
-    };
-    videoTutorial?: {
-      title?: string;
-      description?: string;
-    };
-    gamification?: {
-      title?: string;
-      description?: string;
-    };
-  };
-  feedbackModal?: {
-    title?: string;
-    ratingLabel?: string;
-    descriptionPlaceholder?: string;
-    submitButton?: string;
-    submittingButton?: string;
-    types?: {
-      general?: string;
-      bugReport?: string;
-      featureRequest?: string;
-      improvement?: string;
-      other?: string;
-    };
-  };
-  noOptionsAvailable?: string;
-  footer?: {
-    version?: string;
-  };
-  errors?: {
-    common?: string;
-    unknown?: string;
-    unknownError?: string;
-    appStoreUrlMissing?: string;
-    appStoreUrlNotConfigured?: string;
-    unableToOpenAppStore?: string;
-    failedToOpenAppStore?: string;
-    deleteAccountError?: string;
-  };
-}
-
 export interface SettingsConfig {
   /**
    * Application-wide translations

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

@@ -0,0 +1,140 @@
+/**
+ * Settings Translations Type
+ * Defines all translation keys for the settings package
+ */
+
+/**
+ * Global Settings Translations
+ */
+export interface SettingsTranslations {
+  title?: string;
+  profile?: {
+    guest?: string;
+    anonymousName?: string;
+    signIn?: string;
+    signInDescription?: string;
+    anonymousBenefits?: {
+      title?: string;
+      items?: string[];
+    };
+  };
+  sections?: {
+    app?: string;
+    progress?: string;
+    about?: string;
+    support?: string;
+    subscription?: string;
+  };
+  features?: {
+    appearance?: {
+      title?: string;
+      description?: string;
+      themeModes?: {
+        light?: string;
+        dark?: string;
+        auto?: string;
+      };
+    };
+    language?: {
+      title?: string;
+      description?: string;
+      searchPlaceholder?: string;
+    };
+    notifications?: {
+      title?: string;
+      description?: string;
+      masterToggleTitle?: string;
+      masterToggleDescription?: string;
+      soundTitle?: string;
+      soundDescription?: string;
+      vibrationTitle?: string;
+      vibrationDescription?: string;
+      remindersTitle?: string;
+      remindersDescription?: string;
+      quietHoursTitle?: string;
+      quietHoursDescription?: string;
+      quietHours?: {
+        title?: string;
+        description?: string;
+        startTimeLabel?: string;
+        endTimeLabel?: string;
+        enabledLabel?: string;
+      };
+    };
+    about?: {
+      title?: string;
+      description?: string;
+      contact?: string;
+      more?: string;
+      developer?: string;
+      email?: string;
+      website?: string;
+      moreApps?: string;
+      versionPrefix?: string;
+    };
+    legal?: {
+      title?: string;
+      description?: string;
+      documentsHeader?: string;
+      privacyTitle?: string;
+      privacyDescription?: string;
+      termsTitle?: string;
+      termsDescription?: string;
+      eulaTitle?: string;
+      eulaDescription?: string;
+    };
+    feedback?: { title?: string; description?: string };
+    rating?: { title?: string; description?: string };
+    faqs?: {
+      title?: string;
+      description?: string;
+      searchPlaceholder?: string;
+      emptySearchTitle?: string;
+      emptySearchMessage?: string;
+      headerTitle?: string;
+    };
+    languageSelection?: {
+      searchPlaceholder?: string;
+    };
+    subscription?: {
+      title?: string;
+      description?: string;
+    };
+    videoTutorial?: {
+      title?: string;
+      description?: string;
+    };
+    gamification?: {
+      title?: string;
+      description?: string;
+    };
+  };
+  feedbackModal?: {
+    title?: string;
+    ratingLabel?: string;
+    descriptionPlaceholder?: string;
+    submitButton?: string;
+    submittingButton?: string;
+    types?: {
+      general?: string;
+      bugReport?: string;
+      featureRequest?: string;
+      improvement?: string;
+      other?: string;
+    };
+  };
+  noOptionsAvailable?: string;
+  footer?: {
+    version?: string;
+  };
+  errors?: {
+    common?: string;
+    unknown?: string;
+    unknownError?: string;
+    appStoreUrlMissing?: string;
+    appStoreUrlNotConfigured?: string;
+    unableToOpenAppStore?: string;
+    failedToOpenAppStore?: string;
+    deleteAccountError?: string;
+  };
+}

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

@@ -24,5 +24,6 @@ export type {
   VideoTutorialConfig,
 } from "./UserFeatureConfig";
 export type { GamificationSettingsConfig as GamificationConfig } from "../../../domains/gamification";
-export type { SettingsConfig, SettingsTranslations } from "./SettingsConfig";
+export type { SettingsConfig } from "./SettingsConfig";
+export type { SettingsTranslations } from "./SettingsTranslations";
 export type { CustomSettingsSection } from "./CustomSection";

package/src/presentation/utils/useAuthHandlers.ts

@@ -13,7 +13,7 @@ import {
 } from "@umituz/react-native-auth";
 import { AlertService } from "@umituz/react-native-design-system";
 import type { AppInfo } from "../navigation/types";
-import type { SettingsTranslations } from "../screens/types/SettingsConfig";
+import type { SettingsTranslations } from "../screens/types";
 
 declare const __DEV__: boolean;