@umituz/react-native-localization 3.7.3 → 3.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-localization",
-  "version": "3.7.3",
+  "version": "3.7.5",
   "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,13 +17,21 @@ export const useLanguageSelection = () => {
     }, [searchQuery]);
 
     const handleLanguageSelect = async (code: string, onComplete?: () => void) => {
-        console.log('[useLanguageSelection] handleLanguageSelect called:', { code, currentLanguage });
+        if (__DEV__) {
+            console.log('[useLanguageSelection] handleLanguageSelect called:', { code, currentLanguage });
+        }
         setSelectedCode(code);
-        console.log('[useLanguageSelection] Calling setLanguage...');
+        if (__DEV__) {
+            console.log('[useLanguageSelection] Calling setLanguage...');
+        }
         await setLanguage(code);
-        console.log('[useLanguageSelection] Language changed to:', code);
+        if (__DEV__) {
+            console.log('[useLanguageSelection] Language changed to:', code);
+        }
         onComplete?.();
-        console.log('[useLanguageSelection] onComplete callback executed');
+        if (__DEV__) {
+            console.log('[useLanguageSelection] onComplete callback executed');
+        }
     };
 
     return {

package/src/presentation/components/LanguageItem.tsx

@@ -71,7 +71,9 @@ export const LanguageItem: React.FC<LanguageItemProps> = ({
         customStyles?.languageItem,
       ]}
       onPress={() => {
-        console.log('[LanguageItem] TouchableOpacity pressed:', item.code, item.nativeName);
+        if (__DEV__) {
+          console.log('[LanguageItem] TouchableOpacity pressed:', item.code, item.nativeName);
+        }
         onSelect(item.code);
       }}
       activeOpacity={0.7}

package/src/presentation/components/LanguageSection.tsx

@@ -5,13 +5,14 @@ import {
     useAppDesignTokens,
     AtomicText,
     ListItem,
-    AppNavigation,
+    useAppNavigation,
 } from '@umituz/react-native-design-system';
 import { useLocalization } from '../../infrastructure/hooks/useLocalization';
 import { getLanguageByCode } from '../../infrastructure/config/languages';
 
 export interface LanguageSectionConfig {
     route?: string;
+    onPress?: () => void;
     title?: string;
     description?: string;
     defaultLanguageDisplay?: string;
@@ -30,6 +31,7 @@ export const LanguageSection: React.FC<LanguageSectionProps> = ({
 }) => {
     const tokens = useAppDesignTokens();
     const { t, currentLanguage } = useLocalization();
+    const navigation = useAppNavigation();
 
     const route = config?.route || 'LanguageSelection';
     const title = config?.title || t('settings.languageSelection.title') || 'Language';
@@ -42,7 +44,11 @@ export const LanguageSection: React.FC<LanguageSectionProps> = ({
         : defaultLanguageDisplay;
 
     const handlePress = () => {
-        AppNavigation.navigate(route as never);
+        if (config?.onPress) {
+            config.onPress();
+        } else {
+            navigation.navigate(route as never);
+        }
     };
 
     return (

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,12 +39,18 @@ export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = (
   } = useLanguageSelection();
 
   const onSelect = async (code: string) => {
-    console.log('[LanguageSelectionScreen] onSelect called with code:', code);
+    if (__DEV__) {
+      console.log('[LanguageSelectionScreen] onSelect called with code:', code);
+    }
     await handleLanguageSelect(code, () => {
-      console.log('[LanguageSelectionScreen] Navigating back');
-      AppNavigation.goBack();
+      if (__DEV__) {
+        console.log('[LanguageSelectionScreen] Navigating back using context navigation');
+      }
+      navigation.goBack();
     });
-    console.log('[LanguageSelectionScreen] Language change completed');
+    if (__DEV__) {
+      console.log('[LanguageSelectionScreen] Language change completed');
+    }
   };
 
   const renderItem = ({ item }: { item: Language }) => {
@@ -86,7 +93,7 @@ export const LanguageSelectionScreen: React.FC<LanguageSelectionScreenProps> = (
     if (onBackPress) {
       onBackPress();
     } else {
-      AppNavigation.goBack();
+      navigation.goBack();
     }
   };