@umituz/react-native-settings 4.23.111 → 4.23.115

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;
@@ -163,7 +162,8 @@ export const useSettingsScreenConfig = (
     onSignIn: handleSignIn,
     onLogout: handleSignOut,
     onDeleteAccount: handleDeleteAccount,
-  }), [user, userProfileData, handleSignIn, handleSignOut, handleDeleteAccount]);
+    translations: translations?.account,
+  }), [user, userProfileData, handleSignIn, handleSignOut, handleDeleteAccount, translations]);
 
   // Use centralized FAQ translation
   const translatedFaqData = useMemo(() =>

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,152 @@
+/**
+ * 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[];
+    };
+  };
+  account?: {
+    editProfile?: string;
+    logout?: string;
+    deleteAccount?: string;
+    logoutConfirmTitle?: string;
+    logoutConfirmMessage?: string;
+    deleteConfirmTitle?: string;
+    deleteConfirmMessage?: string;
+    deleteErrorTitle?: string;
+    deleteErrorMessage?: string;
+    cancel?: 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/accountConfigUtils.ts

@@ -6,6 +6,19 @@
 
 import type { AccountScreenConfig } from "@umituz/react-native-auth";
 
+export interface AccountTranslations {
+  editProfile?: string;
+  logout: string;
+  deleteAccount: string;
+  logoutConfirmTitle: string;
+  logoutConfirmMessage: string;
+  deleteConfirmTitle: string;
+  deleteConfirmMessage: string;
+  deleteErrorTitle?: string;
+  deleteErrorMessage?: string;
+  cancel: string;
+}
+
 export interface CreateAccountConfigParams {
   displayName?: string;
   userId?: string;
@@ -15,6 +28,7 @@ export interface CreateAccountConfigParams {
   onSignIn: () => void;
   onLogout: () => Promise<void>;
   onDeleteAccount: () => Promise<void>;
+  translations?: AccountTranslations;
 }
 
 /**
@@ -30,6 +44,7 @@ export function createAccountConfig(params: CreateAccountConfigParams): AccountS
     onSignIn,
     onLogout,
     onDeleteAccount,
+    translations,
   } = params;
 
   const anonymous = isAnonymous ?? true;
@@ -42,18 +57,20 @@ export function createAccountConfig(params: CreateAccountConfigParams): AccountS
       avatarUrl: avatarUrl ?? photoURL ?? undefined,
     },
     isAnonymous: anonymous,
-    editProfileText: "",
+    editProfileText: translations?.editProfile || "",
     onSignIn,
-    accountActions: {
+    accountActions: translations ? {
       onLogout,
       onDeleteAccount,
-      logoutText: "",
-      logoutConfirmTitle: "",
-      logoutConfirmMessage: "",
-      cancelText: "",
-      deleteAccountText: "",
-      deleteConfirmTitle: "",
-      deleteConfirmMessage: "",
-    },
+      logoutText: translations.logout,
+      logoutConfirmTitle: translations.logoutConfirmTitle,
+      logoutConfirmMessage: translations.logoutConfirmMessage,
+      cancelText: translations.cancel,
+      deleteAccountText: translations.deleteAccount,
+      deleteConfirmTitle: translations.deleteConfirmTitle,
+      deleteConfirmMessage: translations.deleteConfirmMessage,
+      deleteErrorTitle: translations.deleteErrorTitle,
+      deleteErrorMessage: translations.deleteErrorMessage,
+    } : undefined,
   };
 }

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;