@umituz/react-native-localization 3.7.2 → 3.7.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.7.2",
+  "version": "3.7.4",
   "description": "Generic localization system for React Native apps with i18n support",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/infrastructure/hooks/useLanguageSelection.ts

@@ -17,9 +17,13 @@ export const useLanguageSelection = () => {
     }, [searchQuery]);
 
     const handleLanguageSelect = async (code: string, onComplete?: () => void) => {
+        console.log('[useLanguageSelection] handleLanguageSelect called:', { code, currentLanguage });
         setSelectedCode(code);
+        console.log('[useLanguageSelection] Calling setLanguage...');
         await setLanguage(code);
+        console.log('[useLanguageSelection] Language changed to:', code);
         onComplete?.();
+        console.log('[useLanguageSelection] onComplete callback executed');
     };
 
     return {

package/src/infrastructure/storage/LanguageSwitcher.ts

@@ -20,10 +20,17 @@ export class LanguageSwitcher {
     languageCode: string;
     isRTL: boolean;
   }> {
+    console.log('[LanguageSwitcher] switchLanguage called:', languageCode);
     const language = languageRepository.getLanguageByCode(languageCode);
+    console.log('[LanguageSwitcher] Language object:', language);
 
+    console.log('[LanguageSwitcher] Calling i18n.changeLanguage...');
     await i18n.changeLanguage(languageCode);
+    console.log('[LanguageSwitcher] i18n language changed to:', i18n.language);
+
+    console.log('[LanguageSwitcher] Saving to storage...');
     await storageRepository.setString(LANGUAGE_STORAGE_KEY, languageCode);
+    console.log('[LanguageSwitcher] Saved to storage');
 
     return {
       languageCode,

package/src/infrastructure/storage/LocalizationStore.ts

@@ -43,12 +43,15 @@ export const useLocalizationStore = create<LocalizationStoreType>((set, get) =>
   },
 
   setLanguage: async (languageCode: string) => {
+    console.log('[LocalizationStore] setLanguage called:', languageCode);
     const result = await LanguageSwitcher.switchLanguage(languageCode);
+    console.log('[LocalizationStore] LanguageSwitcher result:', result);
 
     set({
       currentLanguage: result.languageCode,
       isRTL: result.isRTL,
     });
+    console.log('[LocalizationStore] Store updated with new language:', result.languageCode);
   },
 
   reset: () => {

package/src/presentation/components/LanguageItem.tsx

@@ -70,7 +70,10 @@ export const LanguageItem: React.FC<LanguageItemProps> = ({
         isSelected ? [styles.selectedLanguageItem, themedStyles.selectedLanguageItem] : undefined,
         customStyles?.languageItem,
       ]}
-      onPress={() => onSelect(item.code)}
+      onPress={() => {
+        console.log('[LanguageItem] TouchableOpacity pressed:', item.code, item.nativeName);
+        onSelect(item.code);
+      }}
       activeOpacity={0.7}
     >
       <View style={[styles.languageContent, customStyles?.languageContent]}>

package/src/presentation/screens/LanguageSelectionScreen.tsx

@@ -11,7 +11,7 @@ import {
   SearchBar,
   ScreenLayout,
   NavigationHeader,
-  AppNavigation,
+  useAppNavigation,
 } from '@umituz/react-native-design-system';
 import { useLanguageSelection } from '../../infrastructure/hooks/useLanguageSelection';
 import { LanguageItem } from '../components/LanguageItem';
@@ -29,6 +29,7 @@ export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = (
   testID = 'language-selection-screen',
 }) => {
   const tokens = useAppDesignTokens();
+  const navigation = useAppNavigation();
   const {
     searchQuery,
     setSearchQuery,
@@ -38,7 +39,12 @@ export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = (
   } = useLanguageSelection();
 
   const onSelect = async (code: string) => {
-    await handleLanguageSelect(code, () => AppNavigation.goBack());
+    console.log('[LanguageSelectionScreen] onSelect called with code:', code);
+    await handleLanguageSelect(code, () => {
+      console.log('[LanguageSelectionScreen] Navigating back using context navigation');
+      navigation.goBack();
+    });
+    console.log('[LanguageSelectionScreen] Language change completed');
   };
 
   const renderItem = ({ item }: { item: Language }) => {
@@ -81,7 +87,7 @@ export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = (
     if (onBackPress) {
       onBackPress();
     } else {
-      AppNavigation.goBack();
+      navigation.goBack();
     }
   };