@umituz/react-native-settings 4.23.63 → 4.23.64

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "4.23.63",
+  "version": "4.23.64",
   "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",
@@ -76,7 +76,7 @@
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "@umituz/react-native-auth": "^3.6.49",
-    "@umituz/react-native-design-system": "^4.23.50",
+    "@umituz/react-native-design-system": "^4.23.58",
     "@umituz/react-native-firebase": "^1.13.102",
     "@umituz/react-native-sentry": "*",
     "eslint": "^8.57.0",

package/src/domains/appearance/hooks/useAppearanceActions.ts

@@ -17,10 +17,12 @@ export const useAppearanceActions = () => {
   }, [setThemeMode]);
 
   const handleColorChange = useCallback((key: keyof CustomThemeColors, color: string) => {
-    const newColors = { ...localCustomColors, [key]: color };
-    setLocalCustomColors(newColors);
-    setCustomColors(newColors);
-  }, [localCustomColors, setCustomColors]);
+    setLocalCustomColors(prev => {
+      const newColors = { ...prev, [key]: color };
+      setCustomColors(newColors);
+      return newColors;
+    });
+  }, [setCustomColors]);
 
   const handleResetColors = useCallback(() => {
     reset();

package/src/domains/faqs/presentation/hooks/useFAQExpansion.ts

@@ -23,11 +23,13 @@ export function useFAQExpansion(): UseFAQExpansionResult {
 
     const toggleExpansion = useCallback((itemId: string) => {
         setExpandedItems(prev => {
-            if (prev.has(itemId)) {
-                return new Set();
+            const next = new Set(prev);
+            if (next.has(itemId)) {
+                next.delete(itemId);
             } else {
-                return new Set([itemId]);
+                next.add(itemId);
             }
+            return next;
         });
     }, []);
 

package/src/domains/gamification/utils/calculations.ts

@@ -45,11 +45,10 @@ export const checkAchievementUnlock = (
 ): boolean => {
   switch (definition.type) {
     case "count":
+    case "milestone":
       return tasksCompleted >= definition.threshold;
     case "streak":
       return currentStreak >= definition.threshold;
-    case "milestone":
-      return tasksCompleted >= definition.threshold;
     default:
       return false;
   }

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

@@ -4,57 +4,7 @@
  * Extracted from screens to follow SOLID principles
  */
 
-export interface ContentValidationRule {
-  content?: string;
-  url?: string;
-  title?: string;
-  viewOnlineText?: string;
-  openText?: string;
-  privacyText?: string;
-  termsText?: string;
-}
-
 export class ContentValidationService {
-  /**
-   * Validate screen content requirements
-   */
-  static validateScreenContent(
-    _content: string | undefined,
-    _url: string | undefined,
-    _title: string | undefined,
-    _viewOnlineText: string | undefined,
-    _openText: string | undefined,
-    _screenName: string
-  ): void {
-    // Silent validation - no console output
-    void _content;
-    void _url;
-    void _title;
-    void _viewOnlineText;
-    void _openText;
-    void _screenName;
-  }
-
-  /**
-   * Validate legal links requirements
-   */
-  static validateLegalLinks(
-    _privacyPolicyUrl: string | undefined,
-    _termsOfServiceUrl: string | undefined,
-    _privacyText: string | undefined,
-    _termsText: string | undefined,
-    _onPrivacyPress: (() => void) | undefined,
-    _onTermsPress: (() => void) | undefined
-  ): void {
-    // Silent validation - no console output
-    void _privacyPolicyUrl;
-    void _termsOfServiceUrl;
-    void _privacyText;
-    void _termsText;
-    void _onPrivacyPress;
-    void _onTermsPress;
-  }
-
   /**
    * Check if content is valid
    */

package/src/domains/legal/presentation/components/LegalLinks.tsx

@@ -7,7 +7,6 @@
 import React from "react";
 import { View, TouchableOpacity, StyleSheet } from "react-native";
 import { AtomicText } from "@umituz/react-native-design-system";
-import { ContentValidationService } from "../../domain/services/ContentValidationService";
 import { UrlHandlerService } from "../../domain/services/UrlHandlerService";
 
 export interface LegalLinksProps {
@@ -51,18 +50,6 @@ export const LegalLinks: React.FC<LegalLinksProps> = React.memo(
     onTermsPress,
     style,
   }) => {
-    // Validate required props
-    React.useEffect(() => {
-      ContentValidationService.validateLegalLinks(
-        privacyPolicyUrl,
-        termsOfServiceUrl,
-        privacyText,
-        termsText,
-        onPrivacyPress,
-        onTermsPress
-      );
-    }, [privacyPolicyUrl, termsOfServiceUrl, privacyText, termsText, onPrivacyPress, onTermsPress]);
-
     // Memoize press handlers to prevent child re-renders
     const handlePrivacyPress = React.useCallback(async () => {
       if (onPrivacyPress) {

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

@@ -37,17 +37,6 @@ export const LegalContentScreen: React.FC<LegalContentScreenProps> = React.memo(
   const tokens = useAppDesignTokens();
   const insets = useSafeAreaInsets();
 
-  React.useEffect(() => {
-    ContentValidationService.validateScreenContent(
-      content,
-      url,
-      title,
-      viewOnlineText,
-      openText,
-      styleCacheKey
-    );
-  }, [content, url, title, viewOnlineText, openText, styleCacheKey]);
-
   const styles = React.useMemo(() => {
     const cacheKey = StyleCacheService.createTokenCacheKey(tokens);
     return StyleCacheService.getCachedStyles(

package/src/domains/notifications/reminders/infrastructure/hooks/useReminderActions.ts

@@ -25,15 +25,19 @@ export const useReminderActions = () => {
       updatedAt: now,
     };
 
-    const trigger = buildTrigger(reminder);
-    const notificationId = await scheduler.scheduleNotification({
-      title: reminder.title,
-      body: reminder.body,
-      trigger,
-      data: { reminderId: reminder.id },
-    });
-
-    reminder.notificationId = notificationId;
+    try {
+      const trigger = buildTrigger(reminder);
+      const notificationId = await scheduler.scheduleNotification({
+        title: reminder.title,
+        body: reminder.body,
+        trigger,
+        data: { reminderId: reminder.id },
+      });
+      reminder.notificationId = notificationId;
+    } catch {
+      reminder.enabled = false;
+    }
+
     await addReminder(reminder);
 
     return reminder;
@@ -86,14 +90,18 @@ export const useReminderActions = () => {
       await scheduler.cancelNotification(reminder.notificationId);
       await updateReminder(id, { enabled: false, notificationId: undefined });
     } else if (!reminder.enabled) {
-      const trigger = buildTrigger(reminder);
-      const notificationId = await scheduler.scheduleNotification({
-        title: reminder.title,
-        body: reminder.body,
-        trigger,
-        data: { reminderId: reminder.id },
-      });
-      await updateReminder(id, { enabled: true, notificationId });
+      try {
+        const trigger = buildTrigger(reminder);
+        const notificationId = await scheduler.scheduleNotification({
+          title: reminder.title,
+          body: reminder.body,
+          trigger,
+          data: { reminderId: reminder.id },
+        });
+        await updateReminder(id, { enabled: true, notificationId });
+      } catch {
+        await updateReminder(id, { enabled: false });
+      }
     }
   }, [updateReminder]);
 

package/src/domains/notifications/reminders/infrastructure/storage/RemindersStore.ts

@@ -3,6 +3,7 @@
  * Manages reminder state with AsyncStorage persistence
  */
 
+import { useMemo } from 'react';
 import { createStore } from '@umituz/react-native-design-system';
 import type { Reminder, QuietHoursConfig, NotificationPreferences } from '../../../infrastructure/services/types';
 
@@ -76,7 +77,7 @@ interface PreferencesState {
 }
 
 interface PreferencesActions {
-  initialize: () => Promise<void>;
+  initialize: () => void;
   updatePreferences: (updates: Partial<NotificationPreferences>) => void;
   updateQuietHours: (quietHours: QuietHoursConfig) => void;
   reset: () => void;
@@ -110,7 +111,7 @@ export const usePreferencesStore = createStore<PreferencesState, PreferencesActi
   initialState: initialPreferencesState,
   persist: true,
   actions: (set, get) => ({
-    initialize: async () => {
+    initialize: () => {
       set({ isLoading: false, isInitialized: true });
     },
 
@@ -135,7 +136,10 @@ export const usePreferencesStore = createStore<PreferencesState, PreferencesActi
 // ============================================================================
 
 export const useReminders = () => useRemindersStore(state => state.reminders);
-export const useEnabledReminders = () => useRemindersStore(state => state.reminders.filter(r => r.enabled));
+export const useEnabledReminders = () => {
+  const reminders = useRemindersStore(state => state.reminders);
+  return useMemo(() => reminders.filter(r => r.enabled), [reminders]);
+};
 export const useReminderById = (id: string) => useRemindersStore(state => state.reminders.find(r => r.id === id));
 
 // ============================================================================

package/src/index.ts

@@ -63,7 +63,7 @@ export type {
   SettingsStackParamList,
   AppInfo,
   LegalUrls,
-  UserProfileConfig,
+  UserProfileDisplay,
   AdditionalScreen,
   FAQData,
   AccountConfig,

package/src/infrastructure/services/SettingsService.ts

@@ -9,17 +9,11 @@ import type { UserSettings, SettingsResult } from '../../application/ports/ISett
 
 export class SettingsService {
     private repository: SettingsRepository;
-    private initialized: boolean = false;
 
     constructor() {
         this.repository = new SettingsRepository();
     }
 
-    async initialize(): Promise<void> {
-        if (this.initialized) return;
-        this.initialized = true;
-    }
-
     async getSettings(userId: string): Promise<SettingsResult<UserSettings>> {
         return this.repository.getSettings(userId);
     }

package/src/presentation/components/SettingsFooter.tsx

@@ -17,7 +17,7 @@ export const SettingsFooter: React.FC<SettingsFooterProps> = ({
 
   const displayText = versionText || (appVersion && versionLabel
     ? `${versionLabel} ${appVersion}`
-    : appVersion || versionText);
+    : appVersion);
 
   if (!displayText) return null;
 

package/src/presentation/hooks/useSettingsScreenConfig.ts

@@ -29,7 +29,7 @@ import {
 } from "../utils/config-creators";
 import type { SettingsConfig } from "../screens/types";
 import type { FeedbackFormData } from "../utils/config-creators";
-import type { AppInfo, FAQData, UserProfileConfig, AdditionalScreen } from "../navigation/types";
+import type { AppInfo, FAQData, UserProfileDisplay, AdditionalScreen } from "../navigation/types";
 import type { AccountScreenConfig } from "@umituz/react-native-auth";
 
 export interface SettingsFeatures {
@@ -54,7 +54,7 @@ export interface UseSettingsScreenConfigParams {
 
 export interface SettingsScreenConfigResult {
   settingsConfig: SettingsConfig;
-  userProfile: UserProfileConfig;
+  userProfile: UserProfileDisplay;
   accountConfig: AccountScreenConfig;
   translatedFaqData: FAQData | undefined;
   isLoading: boolean;
@@ -127,7 +127,7 @@ export const useSettingsScreenConfig = (
     showAbout, showLegal, showFaqs, showRating,
   ]);
 
-  const userProfile = useMemo((): UserProfileConfig => {
+  const userProfile = useMemo((): UserProfileDisplay => {
     const isAnonymous = userProfileData?.isAnonymous ?? true;
     return {
       displayName: userProfileData?.displayName || t("settings.profile.anonymousName"),

package/src/presentation/navigation/SettingsStackNavigator.tsx

@@ -10,11 +10,11 @@ import { useAppDesignTokens, StackNavigator, type StackScreen, type StackNavigat
 import { useLocalization, LanguageSelectionScreen } from "../../domains/localization";
 import { NotificationSettingsScreen } from "../../domains/notifications";
 import { AccountScreen } from "@umituz/react-native-auth";
+import { SettingsScreen } from "../screens/SettingsScreen";
 import { AppearanceScreen } from "../screens/AppearanceScreen";
 import { FAQScreen } from "../../domains/faqs";
 import { useNavigationHandlers } from "./hooks";
 import {
-  SettingsScreenWrapper,
   LegalScreenWrapper,
   AboutScreenWrapper,
 } from "./components/wrappers";
@@ -79,7 +79,7 @@ export const SettingsStackNavigator: React.FC<SettingsStackNavigatorProps> = ({
         name: "SettingsMain",
         options: { headerShown: false },
         children: () => (
-          <SettingsScreenWrapper
+          <SettingsScreen
             config={config}
             appVersion={appInfo.version}
             showUserProfile={showUserProfile}

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

@@ -4,14 +4,14 @@
 import React from "react";
 import { SettingsScreen } from "../../../screens/SettingsScreen";
 import type { SettingsConfig, CustomSettingsSection } from "../../../screens/types";
-import type { UserProfileConfig } from "../../types";
+import type { UserProfileDisplay } from "../../types";
 import type { DevSettingsProps } from "../../../../domains/dev";
 
 export interface SettingsScreenWrapperProps {
   config?: SettingsConfig;
   appVersion: string;
   showUserProfile: boolean;
-  userProfile?: UserProfileConfig;
+  userProfile?: UserProfileDisplay;
   devSettings?: DevSettingsProps;
   customSections?: CustomSettingsSection[];
   showHeader?: boolean;

package/src/presentation/navigation/components/wrappers/index.ts

@@ -1,8 +1,6 @@
 /**
  * Wrapper Components
  */
-export { SettingsScreenWrapper } from './SettingsScreenWrapper';
-export type { SettingsScreenWrapperProps } from './SettingsScreenWrapper';
 export { LegalScreenWrapper } from './LegalScreenWrapper';
 export type { LegalScreenWrapperProps } from './LegalScreenWrapper';
 export { AboutScreenWrapper } from './AboutScreenWrapper';

package/src/presentation/navigation/types.ts

@@ -49,7 +49,7 @@ export type SettingsStackParamList = {
 /**
  * User profile configuration
  */
-export interface UserProfileConfig {
+export interface UserProfileDisplay {
   displayName?: string;
   userId?: string;
   isAnonymous?: boolean;
@@ -93,7 +93,7 @@ export interface SettingsStackNavigatorProps {
   faqData?: FAQData;
   config?: SettingsConfig;
   showUserProfile?: boolean;
-  userProfile?: UserProfileConfig;
+  userProfile?: UserProfileDisplay;
   accountConfig?: AccountConfig;
   additionalScreens?: AdditionalScreen[];
   devSettings?: DevSettingsProps;

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

@@ -26,7 +26,7 @@ export const createQuietHoursTranslations = (t: (key: string) => string) => ({
 });
 
 export const createLegalScreenProps = (
-  t: any,
+  t: (key: string) => string,
   handlePrivacyPress: () => void,
   handleTermsPress: () => void,
   handleEulaPress: () => void

package/src/presentation/screens/SettingsScreen.tsx

@@ -92,7 +92,6 @@ export const SettingsScreen: React.FC<SettingsScreenProps> = ({
           footerText={footerText}
           appVersion={appVersion}
           customSections={customSections}
-          showCloseButton={showCloseButton}
           devSettings={devSettings}
           gamificationConfig={gamificationConfig}
         />

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

@@ -50,7 +50,6 @@ interface SettingsContentProps {
   footerText?: string;
   appVersion?: string;
   customSections?: CustomSettingsSection[];
-  showCloseButton?: boolean;
   emptyStateText?: string;
   devSettings?: DevSettingsProps;
   gamificationConfig?: import("../../../domains/gamification").GamificationSettingsConfig;
@@ -65,7 +64,6 @@ export const SettingsContent: React.FC<SettingsContentProps> = ({
   footerText,
   appVersion,
   customSections = [],
-  showCloseButton = false,
   emptyStateText,
   devSettings,
   gamificationConfig,