@umituz/react-native-localization 3.5.38 → 3.5.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.5.38",
+  "version": "3.5.40",
   "description": "Generic localization system for React Native apps with i18n support",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -26,6 +26,7 @@
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=2.0.0",
+    "@umituz/react-native-storage": "*",
     "expo-localization": ">=16.0.0",
     "i18next": ">=23.0.0",
     "react": ">=18.2.0",
@@ -34,9 +35,10 @@
   },
   "devDependencies": {
     "@react-native-async-storage/async-storage": "~2.1.2",
+    "@types/react": "~19.1.10",
+    "@umituz/react-native-storage": "*",
     "expo-localization": "~16.0.1",
     "i18next": "^24.2.0",
-    "@types/react": "~19.1.10",
     "react": "19.1.0",
     "react-i18next": "^15.2.0",
     "react-native": "0.81.5",

package/src/infrastructure/storage/LocalizationStore.ts

@@ -3,83 +3,85 @@
  * Creates and manages localization state with proper separation of concerns
  */
 
-import { create } from 'zustand';
+import { createStore } from '@umituz/react-native-storage';
 import type { LocalizationState, LocalizationActions, LocalizationGetters } from './types/LocalizationState';
 import { LanguageInitializer } from './LanguageInitializer';
 import { LanguageSwitcher } from './LanguageSwitcher';
 import { languageRegistry } from '../config/languagesData';
 
-interface LocalizationStore extends LocalizationState, LocalizationActions, LocalizationGetters { }
+type LocalizationStoreActions = LocalizationActions & LocalizationGetters;
 
-/**
- * Create localization store with proper dependency injection
- */
-export const createLocalizationStore = () => {
-  return create<LocalizationStore>()(
-    (set, get) => ({
-      // State
-      currentLanguage: 'en-US',
-      isRTL: false,
-      isInitialized: false,
-      supportedLanguages: languageRegistry.getLanguages(),
-
-      // Actions
-      initialize: async () => {
-        const { isInitialized: alreadyInitialized } = get();
-        if (alreadyInitialized) {
-          return;
-        }
-
-        try {
-          const result = await LanguageInitializer.initialize();
+const initialLocalizationState: LocalizationState = {
+  currentLanguage: 'en-US',
+  isRTL: false,
+  isInitialized: false,
+  supportedLanguages: languageRegistry.getLanguages(),
+};
 
-          set({
-            currentLanguage: result.languageCode,
-            isRTL: result.isRTL,
-            isInitialized: true,
-          });
-        } catch {
-          set({
-            currentLanguage: 'en-US',
-            isRTL: false,
-            isInitialized: true,
-          });
-        }
-      },
+// Create singleton instance
+export const useLocalizationStore = createStore<LocalizationState, LocalizationStoreActions>({
+  name: 'localization-store',
+  initialState: initialLocalizationState,
+  persist: false,
+  actions: (set, get) => ({
+    // Actions
+    initialize: async () => {
+      const { isInitialized: alreadyInitialized } = get();
+      if (alreadyInitialized) {
+        return;
+      }
 
-      setLanguage: async (languageCode: string) => {
-        const result = await LanguageSwitcher.switchLanguage(languageCode);
+      try {
+        const result = await LanguageInitializer.initialize();
 
         set({
           currentLanguage: result.languageCode,
           isRTL: result.isRTL,
+          isInitialized: true,
         });
-      },
-
-      reset: () => {
+      } catch {
         set({
           currentLanguage: 'en-US',
           isRTL: false,
-          isInitialized: false,
+          isInitialized: true,
         });
-      },
+      }
+    },
 
-      // Getters
-      getCurrentLanguage: () => {
-        const { currentLanguage } = get();
-        return languageRegistry.getLanguageByCode(currentLanguage);
-      },
+    setLanguage: async (languageCode: string) => {
+      const result = await LanguageSwitcher.switchLanguage(languageCode);
 
-      isLanguageSupported: (code: string) => {
-        return languageRegistry.isLanguageSupported(code);
-      },
+      set({
+        currentLanguage: result.languageCode,
+        isRTL: result.isRTL,
+      });
+    },
 
-      getSupportedLanguages: () => {
-        return languageRegistry.getLanguages();
-      },
-    })
-  );
-};
+    reset: () => {
+      set({
+        currentLanguage: 'en-US',
+        isRTL: false,
+        isInitialized: false,
+      });
+    },
 
-// Create singleton instance
-export const useLocalizationStore = createLocalizationStore();
+    // Getters
+    getCurrentLanguage: () => {
+      const { currentLanguage } = get();
+      return languageRegistry.getLanguageByCode(currentLanguage);
+    },
+
+    isLanguageSupported: (code: string) => {
+      return languageRegistry.isLanguageSupported(code);
+    },
+
+    getSupportedLanguages: () => {
+      return languageRegistry.getLanguages();
+    },
+  }),
+});
+
+/**
+ * @deprecated Use useLocalizationStore directly
+ */
+export const createLocalizationStore = () => useLocalizationStore;