@umituz/react-native-localization 2.2.0 → 2.2.2

package/package.json

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

package/src/infrastructure/hooks/useTranslation.ts

@@ -14,24 +14,62 @@ import i18n from '../config/i18n';
  * Hook for translation functionality
  */
 export const useTranslationFunction = (): ((key: string, options?: any) => string) => {
-  // Always call useTranslation hook (React hooks rules)
-  const translationResult = useTranslation(undefined, { i18n });
+  // Ensure settings translations are loaded
+  if (i18n.isInitialized && typeof i18n.t === 'function') {
+    const existingTranslations = i18n.getResourceBundle('en-US', 'translation') || {};
 
-  // Use react-i18next if available, otherwise fallback to direct i18n
-  if (translationResult?.t && typeof translationResult.t === 'function' && i18n.isInitialized) {
-    return (key: string, options?: any): string => {
-      const result = translationResult.t(key, options);
-      return typeof result === 'string' ? result : String(result);
-    };
-  } else {
-    return (key: string, options?: any): string => {
-      // Fallback to direct i18n.t
-      if (i18n.isInitialized && typeof i18n.t === 'function') {
-        const result = i18n.t(key, options);
-        return typeof result === 'string' ? result : String(result);
-      }
-      // Final fallback: return key
-      return key;
-    };
+    // Check if settings translations are missing
+    if (!existingTranslations.settings) {
+      // Add settings translations as fallback
+      const settingsTranslations = {
+        settings: {
+          editProfile: "Edit Profile",
+          sections: {
+            physicalInfoAndGoals: "Physical Info and Goals",
+            appSettings: "App Settings",
+            accountManagement: "Account Management"
+          },
+          personalInfo: {
+            title: "Personal Information",
+            subtitle: "Height, Weight, Age, Gender"
+          },
+          nutritionGoals: {
+            title: "Nutrition Goals",
+            subtitle: "Calories, Protein, Carbs, Fat"
+          },
+          notifications: {
+            title: "Notification Preferences",
+            subtitle: "Water and meal reminders"
+          },
+          darkMode: {
+            title: "Dark Mode",
+            subtitle: "Change app theme"
+          },
+          passwordChange: {
+            title: "Change Password"
+          },
+          saveChanges: "Save Changes",
+          logout: "Logout",
+          emptyState: {
+            title: "No recipes yet",
+            subtitle: "Create your first recipe to get started"
+          },
+          addToList: "Add to List"
+        }
+      };
+
+      const mergedTranslations = { ...existingTranslations, ...settingsTranslations };
+      i18n.addResourceBundle('en-US', 'translation', mergedTranslations, true, true);
+    }
   }
+
+  // Use direct i18n.t for reliability (no React context issues)
+  return (key: string, options?: any): string => {
+    if (i18n.isInitialized && typeof i18n.t === 'function') {
+      const result = i18n.t(key, options);
+      return typeof result === 'string' ? result : String(result);
+    }
+    // Final fallback: return key
+    return key;
+  };
 };