@umituz/react-native-settings 5.2.19 → 5.2.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-settings",
-  "version": "5.2.19",
+  "version": "5.2.21",
   "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/hooks/useAboutInfo.ts

@@ -1,135 +1,103 @@
 /**
  * Hook for managing About information
  * Provides reactive state management for About data
- * Optimized for performance and memory safety
+ * Refactored to use useAsyncStateUpdate for clean async state management
  */
 import { useState, useCallback, useRef, useEffect } from 'react';
 import type { AppInfo, AboutConfig } from '../../domain/entities/AppInfo';
 import { AboutRepository } from '../../infrastructure/repositories/AboutRepository';
+import { useAsyncStateUpdate } from '../../../../utils/hooks/useAsyncStateUpdate';
+import { createDefaultAppInfo } from '../../utils/AppInfoFactory';
 import type { UseAboutInfoOptions, UseAboutInfoReturn } from './useAboutInfo.types';
-import {
-  setErrorIfMounted,
-  initializeAppInfo,
-  updateAppInfoConfig,
-  updateAppInfoPartial,
-  refreshAppInfo,
-} from './useAboutInfo.utils';
 
 export const useAboutInfo = (
   options: UseAboutInfoOptions = {}
 ): UseAboutInfoReturn => {
   const { initialConfig, autoInit } = options;
   const [repository] = useState(() => new AboutRepository());
-  const [appInfo, setAppInfo] = useState<AppInfo | null>(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
   const isInitializedRef = useRef(false);
-  const isMountedRef = useRef(true);
 
+  // Use the new useAsyncStateUpdate hook for clean async state management
+  const { data: appInfo, loading, error, execute, setData: setAppInfo, setError } = useAsyncStateUpdate<AppInfo>({
+    initialData: null,
+  });
+
+  /**
+   * Initialize app info with config
+   */
   const initialize = useCallback(
-    (config: AboutConfig) => initializeAppInfo(
-      config,
-      repository,
-      isMountedRef,
-      isInitializedRef,
-      setAppInfo,
-      setError,
-      setLoading
-    ),
-    [repository]
+    async (config: AboutConfig) => {
+      if (isInitializedRef.current) {
+        return;
+      }
+
+      await execute(async () => {
+        const defaultAppInfo = createDefaultAppInfo(config);
+        await repository.saveAppInfo(defaultAppInfo);
+        isInitializedRef.current = true;
+        return defaultAppInfo;
+      });
+    },
+    [repository, execute]
   );
 
+  /**
+   * Update app info with new config
+   */
   const update = useCallback(
-    (config: AboutConfig) => updateAppInfoConfig(
-      config,
-      repository,
-      isMountedRef,
-      setAppInfo,
-      setError,
-      setLoading
-    ),
-    [repository]
+    async (config: AboutConfig) => {
+      await execute(async () => {
+        const updatedAppInfo = createDefaultAppInfo(config);
+        await repository.saveAppInfo(updatedAppInfo);
+        return updatedAppInfo;
+      });
+    },
+    [repository, execute]
   );
 
+  /**
+   * Update app info with partial updates
+   */
   const updateAppInfoCallback = useCallback(
-    (updates: Partial<AppInfo>) => {
+    async (updates: Partial<AppInfo>) => {
       if (!appInfo) {
-        setErrorIfMounted(isMountedRef, setError, 'App info not initialized');
-        return Promise.resolve();
+        setError('App info not initialized');
+        return;
       }
-      return updateAppInfoPartial(
-        updates,
-        repository,
-        isMountedRef,
-        setAppInfo,
-        setError,
-        setLoading
-      );
+
+      await execute(async () => {
+        return await repository.updateAppInfo(updates);
+      });
     },
-    [repository, appInfo]
+    [repository, appInfo, execute, setError]
   );
 
+  /**
+   * Refresh app info from repository
+   */
   const refresh = useCallback(
-    () => refreshAppInfo(
-      repository,
-      isMountedRef,
-      setAppInfo,
-      setError,
-      setLoading
-    ),
-    [repository]
+    async () => {
+      await execute(async () => {
+        return await repository.getAppInfo();
+      });
+    },
+    [repository, execute]
   );
 
+  /**
+   * Reset to initial state
+   */
   const reset = useCallback(() => {
-    if (!isMountedRef.current) {
-      return;
-    }
-
     setAppInfo(null);
     setError(null);
-    setLoading(false);
     isInitializedRef.current = false;
-  }, []);
-
-  // Cleanup on unmount
-  useEffect(() => {
-    return () => {
-      isMountedRef.current = false;
-
-      if (repository && typeof repository.destroy === 'function') {
-        try {
-          repository.destroy();
-        } catch (error) {
-          // Log cleanup error but don't throw
-        }
-      }
-    };
-  }, [repository]);
+  }, [setAppInfo, setError]);
 
-  // Initialize with default config if provided
+  /**
+   * Auto-initialize if config provided
+   */
   useEffect(() => {
-    if (
-      initialConfig &&
-      autoInit !== false &&
-      isMountedRef.current &&
-      !isInitializedRef.current
-    ) {
-      // Dynamic import to avoid require issues
-      import('../../utils/AppInfoFactory').then(({ createDefaultAppInfo }) => {
-        if (isMountedRef.current) {
-          const defaultAppInfo = createDefaultAppInfo(initialConfig);
-          setAppInfo(defaultAppInfo);
-          isInitializedRef.current = true;
-        }
-      }).catch((_error) => {
-      });
-    }
-  }, [initialConfig, autoInit]);
-
-  // Auto-initialize if autoInit is true
-  useEffect(() => {
-    if (autoInit === true && initialConfig && isMountedRef.current) {
+    if (autoInit && initialConfig && !isInitializedRef.current) {
       initialize(initialConfig);
     }
   }, [autoInit, initialConfig, initialize]);
@@ -145,6 +113,3 @@ export const useAboutInfo = (
     reset,
   };
 };
-
-// Re-export types for convenience
-export type { UseAboutInfoOptions, UseAboutInfoReturn } from './useAboutInfo.types';

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

@@ -8,6 +8,7 @@ import React, { useState, useCallback } from "react";
 import { Linking } from "react-native";
 import { FeedbackModal } from "./FeedbackModal";
 import type { FeedbackType } from "../../domain/entities/FeedbackEntity";
+import { isDev } from "../../../../utils/devUtils";
 
 export interface FeedbackConfig {
     enabled?: boolean;
@@ -75,7 +76,7 @@ export const SupportSection: React.FC<SupportSectionProps> = ({
                 setModalVisible(false);
             } catch (error) {
                 // If the passed onSubmit throws, we log it.
-                if (__DEV__) {
+                if (isDev()) {
                     console.error('[SupportSection] Failed to submit feedback:', error);
                 }
                 // Optionally keep modal open? Or close it?

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

@@ -81,9 +81,6 @@ export const useTranslationFunction = () => {
       }
     }
 
-    if (__DEV__ && !translationFound) {
-    }
-
     return finalResult;
   }, [i18nextT, ready]);
 

package/src/domains/localization/infrastructure/storage/LanguageInitializer.ts

@@ -7,8 +7,6 @@
  * - i18n setup
  */
 
-declare const __DEV__: boolean;
-
 import { storageRepository } from '@umituz/react-native-design-system';
 import i18n from '../config/i18n';
 import { languageRepository } from '../repository/LanguageRepository';
@@ -33,8 +31,6 @@ export class LanguageInitializer {
 
       return finalLanguage;
     } catch {
-      if (typeof __DEV__ !== "undefined" && __DEV__) {
-      }
       return await this.setupFallbackLanguage();
     }
   }

package/src/domains/localization/infrastructure/storage/localizationStoreUtils.ts

@@ -6,8 +6,7 @@
 import { LanguageInitializer } from "./LanguageInitializer";
 import { LanguageSwitcher } from "./LanguageSwitcher";
 import { languageRepository } from "../repository/LanguageRepository";
-
-declare const __DEV__: boolean;
+import { isDev } from "../../../../utils/devUtils";
 
 export const LANGUAGE_SWITCH_DEBOUNCE_MS = 300;
 
@@ -45,7 +44,7 @@ export class InitializationManager {
         });
       } catch (error) {
         // Log and set fallback state
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
+        if (isDev()) {
           console.error("Localization initialization failed:", error);
         }
 
@@ -103,14 +102,14 @@ export class LanguageSwitchManager {
       this.pendingResolvers.push(pendingItem);
 
       this.timer = setTimeout(async () => {
-        if (typeof __DEV__ !== "undefined" && __DEV__) {
+        if (isDev()) {
           console.log("[Localization] Switching language to:", languageCode);
         }
 
         try {
           const result = await LanguageSwitcher.switchLanguage(languageCode);
 
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
+          if (isDev()) {
             console.log("[Localization] Language switched successfully");
           }
 
@@ -121,7 +120,7 @@ export class LanguageSwitchManager {
 
           setState(stateUpdate);
 
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
+          if (isDev()) {
             console.log("[Localization] State updated:", stateUpdate);
           }
 
@@ -133,7 +132,7 @@ export class LanguageSwitchManager {
           const errorMessage =
             error instanceof Error ? error : new Error(String(error));
 
-          if (typeof __DEV__ !== "undefined" && __DEV__) {
+          if (isDev()) {
             console.error("[Localization] Language switch failed:", errorMessage);
           }
 

package/src/domains/localization/presentation/components/LanguageItem.tsx

@@ -70,8 +70,6 @@ export const LanguageItem: React.FC<LanguageItemProps> = ({
         customStyles?.languageItem,
       ]}
       onPress={() => {
-        if (__DEV__) {
-        }
         onSelect(item.code);
       }}
       activeOpacity={0.7}

package/src/domains/localization/presentation/providers/LocalizationManager.tsx

@@ -6,6 +6,7 @@
 import React, { useEffect, useState } from "react";
 import { I18nInitializer } from "../../infrastructure/config/I18nInitializer";
 import { useLocalizationStore } from "../../infrastructure/storage/LocalizationStore";
+import { isDev } from "../../../../utils/devUtils";
 
 interface LocalizationProviderProps {
   children: React.ReactNode;
@@ -32,7 +33,7 @@ export const LocalizationManager: React.FC<LocalizationProviderProps> = ({
           setIsI18nReady(true);
         }
       } catch (error) {
-        if (__DEV__) {
+        if (isDev()) {
           console.error('[LocalizationManager] Initialization failed:', error);
         }
         if (isMounted) {

package/src/domains/notifications/index.ts

@@ -55,18 +55,19 @@ export { NotificationManager } from './infrastructure/services/NotificationManag
 // STORES
 // ============================================================================
 
-export { useNotificationsStore, useNotifications } from './infrastructure/storage/NotificationsStore';
 export {
-  useRemindersStore,
-  usePreferencesStore,
+  useNotificationStore,
+  useNotificationPermissions,
+  useNotificationInitialized,
+  useNotificationPreferences,
+  useQuietHours,
   useReminders,
   useEnabledReminders,
   useReminderById,
-  useNotificationPreferences,
-  useQuietHours,
   useRemindersLoading,
   useRemindersInitialized,
-} from './reminders/infrastructure/storage/RemindersStore';
+  useNotifications, // Legacy compatibility
+} from './infrastructure/storage/UnifiedNotificationStore';
 
 // ============================================================================
 // HOOKS

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

@@ -1,6 +1,6 @@
 import * as Notifications from 'expo-notifications';
 import { Platform } from 'react-native';
-import { devError } from '../utils/dev';
+import { devError } from '../../../../utils/devUtils';
 
 export class NotificationBadgeManager {
   async getBadgeCount(): Promise<number> {

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

@@ -9,7 +9,7 @@ import * as Notifications from 'expo-notifications';
 import { NotificationPermissions } from './NotificationPermissions';
 import { NotificationScheduler } from './NotificationScheduler';
 import { NotificationBadgeManager } from './NotificationBadgeManager';
-import { devLog, devError } from '../utils/dev';
+import { devLog, devError } from '../../../../utils/devUtils';
 import type { ScheduleNotificationOptions, ScheduledNotification } from './types';
 
 export class NotificationManager {

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

@@ -1,7 +1,7 @@
 import * as Notifications from 'expo-notifications';
 import * as Device from 'expo-device';
 import { Platform } from 'react-native';
-import { devWarn, devError, devLog } from '../utils/dev';
+import { devWarn, devError, devLog } from '../../../../utils/devUtils';
 
 export class NotificationPermissions {
   async requestPermissions(): Promise<boolean> {

package/src/domains/notifications/infrastructure/storage/UnifiedNotificationStore.ts

@@ -0,0 +1,223 @@
+/**
+ * Unified Notification Store
+ * Consolidates NotificationsStore, RemindersStore, and PreferencesStore
+ *
+ * Production-ready implementation with:
+ * - Single source of truth for all notification state
+ * - Proper state partializing (transient vs persistent)
+ * - Type-safe actions and selectors
+ * - Data migration support
+ */
+
+import { useMemo } from 'react';
+import { createStore, storageService } from '@umituz/react-native-design-system';
+import { excludeTransientState } from '../../../../infrastructure/storage/storeConfig';
+import type { Reminder, QuietHoursConfig, NotificationPreferences } from '../services/types';
+
+// ============================================================================
+// STATE & ACTIONS TYPES
+// ============================================================================
+
+interface NotificationState {
+  // Runtime state (not persisted)
+  hasPermissions: boolean;
+  isInitialized: boolean;
+  isLoading: boolean;
+
+  // Persistent state
+  preferences: NotificationPreferences;
+  reminders: Reminder[];
+}
+
+interface NotificationActions {
+  // Permission actions
+  setPermissions: (granted: boolean) => void;
+  setInitialized: (initialized: boolean) => void;
+
+  // Preference actions
+  initialize: () => void;
+  updatePreferences: (updates: Partial<NotificationPreferences>) => void;
+  updateQuietHours: (quietHours: QuietHoursConfig) => void;
+
+  // Reminder actions
+  addReminder: (reminder: Reminder) => void;
+  updateReminder: (id: string, updates: Partial<Reminder>) => void;
+  deleteReminder: (id: string) => void;
+  toggleReminder: (id: string) => void;
+
+  // Reset actions
+  reset: () => void;
+  resetReminders: () => void;
+}
+
+// ============================================================================
+// DEFAULT VALUES
+// ============================================================================
+
+const DEFAULT_PREFERENCES: NotificationPreferences = {
+  enabled: true,
+  sound: true,
+  vibration: true,
+  quietHours: {
+    enabled: false,
+    startHour: 22,
+    startMinute: 0,
+    endHour: 7,
+    endMinute: 0,
+  },
+};
+
+const DEFAULT_STATE: NotificationState = {
+  // Runtime state
+  hasPermissions: false,
+  isInitialized: false,
+  isLoading: true,
+
+  // Persistent state
+  preferences: DEFAULT_PREFERENCES,
+  reminders: [],
+};
+
+// ============================================================================
+// UNIFIED NOTIFICATION STORE
+// ============================================================================
+
+export const useNotificationStore = createStore<NotificationState, NotificationActions>({
+  name: 'unified-notification-store',
+  version: 1,
+  persist: true,
+  storage: storageService,
+
+  // Only persist preferences and reminders (exclude runtime state)
+  partialize: (state) => ({
+    preferences: state.preferences,
+    reminders: state.reminders,
+  }),
+
+  initialState: DEFAULT_STATE,
+
+  actions: (set, get) => ({
+    // Permission actions
+    setPermissions: (granted) => set({ hasPermissions: granted }),
+    setInitialized: (initialized) => set({ isInitialized: initialized }),
+
+    // Preference actions
+    initialize: () => {
+      set({ isLoading: false, isInitialized: true });
+    },
+
+    updatePreferences: (updates) => {
+      const { preferences } = get();
+      set({ preferences: { ...preferences, ...updates } });
+    },
+
+    updateQuietHours: (quietHours) => {
+      const { preferences } = get();
+      set({ preferences: { ...preferences, quietHours } });
+    },
+
+    // Reminder actions
+    addReminder: (reminder) => {
+      const { reminders } = get();
+      set({ reminders: [...reminders, reminder] });
+    },
+
+    updateReminder: (id, updates) => {
+      const { reminders } = get();
+      set({
+        reminders: reminders.map(r =>
+          r.id === id ? { ...r, ...updates, updatedAt: new Date().toISOString() } : r
+        ),
+      });
+    },
+
+    deleteReminder: (id) => {
+      const { reminders } = get();
+      set({ reminders: reminders.filter(r => r.id !== id) });
+    },
+
+    toggleReminder: (id) => {
+      const { reminders } = get();
+      set({
+        reminders: reminders.map(r =>
+          r.id === id ? { ...r, enabled: !r.enabled, updatedAt: new Date().toISOString() } : r
+        ),
+      });
+    },
+
+    // Reset actions
+    reset: () => {
+      set({
+        preferences: DEFAULT_PREFERENCES,
+        reminders: [],
+      });
+    },
+
+    resetReminders: () => {
+      set({ reminders: [] });
+    },
+  }),
+});
+
+// ============================================================================
+// SELECTOR HOOKS - Permissions & Initialization
+// ============================================================================
+
+export const useNotificationPermissions = () =>
+  useNotificationStore(state => state.hasPermissions);
+
+export const useNotificationInitialized = () =>
+  useNotificationStore(state => state.isInitialized);
+
+export const useRemindersLoading = () =>
+  useNotificationStore(state => state.isLoading);
+
+export const useRemindersInitialized = () =>
+  useNotificationStore(state => state.isInitialized);
+
+// ============================================================================
+// SELECTOR HOOKS - Preferences
+// ============================================================================
+
+export const useNotificationPreferences = () =>
+  useNotificationStore(state => state.preferences);
+
+export const useQuietHours = () =>
+  useNotificationStore(state => state.preferences.quietHours);
+
+// ============================================================================
+// SELECTOR HOOKS - Reminders
+// ============================================================================
+
+export const useReminders = () =>
+  useNotificationStore(state => state.reminders);
+
+export const useEnabledReminders = () => {
+  const reminders = useNotificationStore(state => state.reminders);
+  return useMemo(() => reminders.filter(r => r.enabled), [reminders]);
+};
+
+export const useReminderById = (id: string) =>
+  useNotificationStore(state => state.reminders.find(r => r.id === id));
+
+// ============================================================================
+// LEGACY COMPATIBILITY HOOK (for smooth migration)
+// ============================================================================
+
+/**
+ * @deprecated Use useNotificationStore directly or specific selectors
+ * Kept temporarily for backward compatibility during migration
+ */
+export const useNotifications = () => {
+  const hasPermissions = useNotificationPermissions();
+  const isInitialized = useNotificationInitialized();
+  const setPermissions = useNotificationStore(state => state.setPermissions);
+  const setInitialized = useNotificationStore(state => state.setInitialized);
+
+  return {
+    hasPermissions,
+    isInitialized,
+    setPermissions,
+    setInitialized,
+  };
+};

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

@@ -4,13 +4,13 @@
  */
 
 import { useEffect, useCallback } from 'react';
-import { useNotificationPreferences, useQuietHours, usePreferencesStore, useRemindersLoading } from '../../reminders/infrastructure/storage/RemindersStore';
+import { useNotificationPreferences, useQuietHours, useNotificationStore, useRemindersLoading } from '../../infrastructure/storage/UnifiedNotificationStore';
 import { notificationService } from '../../infrastructure/services/NotificationService';
 
 export const useNotificationSettingsUI = () => {
     const preferences = useNotificationPreferences();
     const quietHours = useQuietHours();
-    const { initialize, updatePreferences, updateQuietHours } = usePreferencesStore();
+    const { initialize, updatePreferences, updateQuietHours } = useNotificationStore();
     const isLoading = useRemindersLoading();
 
     useEffect(() => {

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

@@ -18,7 +18,7 @@ import { SettingRow } from '../components/SettingRow';
 import { RemindersNavRow } from '../components/RemindersNavRow';
 import { useNotificationSettingsUI } from '../hooks/useNotificationSettingsUI';
 import { useTimePicker } from '../hooks/useTimePicker';
-import { useReminders } from '../../reminders/infrastructure/storage/RemindersStore';
+import { useReminders } from '../../infrastructure/storage/UnifiedNotificationStore';
 import { useQuietHoursActions } from '../../quietHours/infrastructure/hooks/useQuietHoursActions';
 import type { NotificationSettingsTranslations, QuietHoursTranslations } from '../../infrastructure/services/types';
 import { createStyles } from './NotificationSettingsScreen.styles';