@umituz/react-native-localization 1.1.0 → 1.2.0

package/scripts/createLocaleLoaders.js

@@ -0,0 +1,178 @@
+#!/usr/bin/env node
+/* eslint-disable */
+/**
+ * Auto-Loader Generator for Localization
+ *
+ * NOTE: This is a Node.js build script, not React Native code.
+ * ESLint is disabled for this file as it uses Node.js APIs (require, __dirname, process, console).
+ *
+ * Automatically scans locale directories and generates index.ts files
+ * that import all .json translation files.
+ *
+ * Features:
+ * - Dynamic JSON file detection (no hardcoded mappings)
+ * - Nested namespace structure for better organization
+ * - Supports all languages automatically
+ * - Clean, maintainable output
+ *
+ * Usage:
+ *   npm run localization:create-loaders        # Generate all
+ *   node scripts/createLocaleLoaders.js en-US  # Generate single language
+ *
+ * Factory-First: This script is auto-copied to all generated apps
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+// Get the locales directory (works from scripts/ or root)
+const getLocalesDir = () => {
+  const possiblePaths = [
+    path.join(__dirname, '../src/infrastructure/locales'),  // Package structure
+    path.join(__dirname, '../locales'),                     // App structure from scripts/
+    path.join(process.cwd(), 'domains/localization/infrastructure/locales'),  // App structure from root
+    path.join(process.cwd(), 'src/infrastructure/locales'),  // Package from root
+  ];
+
+  for (const p of possiblePaths) {
+    if (fs.existsSync(p)) {
+      return p;
+    }
+  }
+
+  throw new Error('Could not find locales directory');
+};
+
+const localesDir = getLocalesDir();
+
+/**
+ * Get all language directories dynamically
+ */
+function getLanguageDirectories() {
+  return fs
+    .readdirSync(localesDir)
+    .filter(item => {
+      const itemPath = path.join(localesDir, item);
+      return fs.statSync(itemPath).isDirectory() && item.match(/^[a-z]{2}-[A-Z]{2}$/);
+    })
+    .sort();
+}
+
+/**
+ * Create auto-loader for a single language
+ */
+function createAutoLoader(languageCode) {
+  const languageDir = path.join(localesDir, languageCode);
+
+  // Check if directory exists
+  if (!fs.existsSync(languageDir)) {
+    console.warn(`⚠️  Language directory not found: ${languageCode}`);
+    return false;
+  }
+
+  // Read all JSON files in the directory
+  const files = fs
+    .readdirSync(languageDir)
+    .filter(file => file.endsWith('.json'))
+    .sort();
+
+  if (files.length === 0) {
+    console.warn(`⚠️  No JSON files found in: ${languageCode}`);
+    return false;
+  }
+
+  // Create import statements and namespace mapping
+  const imports = [];
+  const namespaces = [];
+  const descriptions = [];
+
+  files.forEach(file => {
+    const moduleName = file.replace('.json', '');
+    imports.push(`import ${moduleName} from './${file}';`);
+    namespaces.push(moduleName);
+    descriptions.push(` * - ${moduleName}: ${file}`);
+  });
+
+  // Create the auto-loader content with nested structure
+  const content = `/**
+ * Auto-generated translation loader for ${languageCode}
+ *
+ * This file is automatically generated by:
+ *   npm run localization:create-loaders
+ *
+ * DO NOT EDIT THIS FILE MANUALLY!
+ *
+ * Translation Modules:
+${descriptions.join('\n')}
+ *
+ * Generated: ${new Date().toISOString()}
+ */
+
+// Import all translation modules
+${imports.join('\n')}
+
+// Merge all modules into a single translation object
+// Using nested structure for better namespace organization
+const translations = {
+  ${namespaces.join(',\n  ')},
+};
+
+export default translations;
+`;
+
+  // Write the index.ts file
+  const indexPath = path.join(languageDir, 'index.ts');
+  fs.writeFileSync(indexPath, content, 'utf8');
+
+  console.log(`✅ Created auto-loader: ${languageCode}/index.ts (${files.length} modules)`);
+  return true;
+}
+
+/**
+ * Create auto-loaders for all languages
+ */
+function createAllAutoLoaders() {
+  const languages = getLanguageDirectories();
+
+  if (languages.length === 0) {
+    console.error('❌ No language directories found in:', localesDir);
+    process.exit(1);
+  }
+
+  console.log(`\n🌍 Creating auto-loaders for ${languages.length} languages...\n`);
+
+  let successCount = 0;
+  languages.forEach(languageCode => {
+    if (createAutoLoader(languageCode)) {
+      successCount++;
+    }
+  });
+
+  console.log(`\n✨ Successfully created ${successCount}/${languages.length} auto-loaders`);
+}
+
+// ============================================================================
+// CLI
+// ============================================================================
+
+const args = process.argv.slice(2);
+
+if (args[0] === 'all' || args.length === 0) {
+  createAllAutoLoaders();
+} else if (args[0]) {
+  // Single language
+  const languageCode = args[0];
+  if (createAutoLoader(languageCode)) {
+    console.log(`\n✨ Done!`);
+  } else {
+    console.error(`\n❌ Failed to create auto-loader for: ${languageCode}`);
+    process.exit(1);
+  }
+} else {
+  console.log('Usage: node createLocaleLoaders.js [language-code|all]');
+  console.log('\nExamples:');
+  console.log('  node createLocaleLoaders.js           # Generate all');
+  console.log('  node createLocaleLoaders.js all       # Generate all');
+  console.log('  node createLocaleLoaders.js en-US     # Generate single language');
+  console.log('  node createLocaleLoaders.js tr-TR     # Generate single language');
+}

package/src/infrastructure/config/i18n.ts

@@ -1,57 +1,225 @@
 /**
  * i18next Configuration
  * Nested translation structure - common translations spread, domain translations nested
+ * 
+ * CRITICAL: Package must be installed for i18n to work
+ * If package is not installed, i18n will gracefully degrade
  */
 
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import { SUPPORTED_LANGUAGES, DEFAULT_LANGUAGE } from './languages';
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import { SUPPORTED_LANGUAGES, DEFAULT_LANGUAGE } from "./languages";
+
+/**
+ * Check if required dependencies are available
+ */
+const checkDependencies = (): boolean => {
+  try {
+    // Check if i18next and react-i18next are available
+    if (!i18n || !initReactI18next) {
+      /* eslint-disable-next-line no-console */
+      if (__DEV__) console.warn("[i18n] Required dependencies not found. i18n will not work.");
+      return false;
+    }
+    return true;
+  } catch (error) {
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.warn("[i18n] Error checking dependencies:", error);
+    return false;
+  }
+};
 
 /**
  * Import all translations from modular folder structure
  * Each locale has an index.ts that merges all JSON files
  *
- * Structure (OFFLINE-ONLY):
+ * Structure:
  * locales/
  *   en-US/  (universal translations in localization domain)
- *     index.ts (merges common.json, navigation.json, settings.json, onboarding.json, errors.json)
- *
- * All translations are offline-compatible and work without backend.
+ *     index.ts (merges branding.json, datetime.json, errors.json, flashcards.json, general.json, navigation.json, onboarding.json, settings.json)
+ *   tr-TR/
+ *     index.ts (merges all translation modules)
+ *   ... (all 39 languages)
  */
 
-// Import universal translations from localization domain
-import localizationEnUS from '../locales/en-US';
+// Import all locale translations
+import arSA from "../locales/ar-SA";
+import bgBG from "../locales/bg-BG";
+import csCZ from "../locales/cs-CZ";
+import daDK from "../locales/da-DK";
+import deDE from "../locales/de-DE";
+import elGR from "../locales/el-GR";
+import enAU from "../locales/en-AU";
+import enCA from "../locales/en-CA";
+import enGB from "../locales/en-GB";
+import enUS from "../locales/en-US";
+import esES from "../locales/es-ES";
+import esMX from "../locales/es-MX";
+import fiFI from "../locales/fi-FI";
+import frCA from "../locales/fr-CA";
+import frFR from "../locales/fr-FR";
+import hiIN from "../locales/hi-IN";
+import hrHR from "../locales/hr-HR";
+import huHU from "../locales/hu-HU";
+import idID from "../locales/id-ID";
+import itIT from "../locales/it-IT";
+import jaJP from "../locales/ja-JP";
+import koKR from "../locales/ko-KR";
+import msMY from "../locales/ms-MY";
+import nlNL from "../locales/nl-NL";
+import noNO from "../locales/no-NO";
+import plPL from "../locales/pl-PL";
+import ptBR from "../locales/pt-BR";
+import ptPT from "../locales/pt-PT";
+import roRO from "../locales/ro-RO";
+import ruRU from "../locales/ru-RU";
+import skSK from "../locales/sk-SK";
+import svSE from "../locales/sv-SE";
+import thTH from "../locales/th-TH";
+import tlPH from "../locales/tl-PH";
+import trTR from "../locales/tr-TR";
+import ukUA from "../locales/uk-UA";
+import viVN from "../locales/vi-VN";
+import zhCN from "../locales/zh-CN";
+import zhTW from "../locales/zh-TW";
 
 /**
  * Translation Resources
+ * All 39 supported languages loaded
  * Nested structure - domain-based organization with direct key access
- * Example: settings.theme.title, onboarding.welcome.title
+ * Example: settings.theme.title, onboarding.welcome.title, flashcards.home.welcome
  */
 const resources = {
-  'en-US': {
-    translation: {
-      ...localizationEnUS,
-    },
-  },
+  "ar-SA": { translation: arSA },
+  "bg-BG": { translation: bgBG },
+  "cs-CZ": { translation: csCZ },
+  "da-DK": { translation: daDK },
+  "de-DE": { translation: deDE },
+  "el-GR": { translation: elGR },
+  "en-AU": { translation: enAU },
+  "en-CA": { translation: enCA },
+  "en-GB": { translation: enGB },
+  "en-US": { translation: enUS },
+  "es-ES": { translation: esES },
+  "es-MX": { translation: esMX },
+  "fi-FI": { translation: fiFI },
+  "fr-CA": { translation: frCA },
+  "fr-FR": { translation: frFR },
+  "hi-IN": { translation: hiIN },
+  "hr-HR": { translation: hrHR },
+  "hu-HU": { translation: huHU },
+  "id-ID": { translation: idID },
+  "it-IT": { translation: itIT },
+  "ja-JP": { translation: jaJP },
+  "ko-KR": { translation: koKR },
+  "ms-MY": { translation: msMY },
+  "nl-NL": { translation: nlNL },
+  "no-NO": { translation: noNO },
+  "pl-PL": { translation: plPL },
+  "pt-BR": { translation: ptBR },
+  "pt-PT": { translation: ptPT },
+  "ro-RO": { translation: roRO },
+  "ru-RU": { translation: ruRU },
+  "sk-SK": { translation: skSK },
+  "sv-SE": { translation: svSE },
+  "th-TH": { translation: thTH },
+  "tl-PH": { translation: tlPH },
+  "tr-TR": { translation: trTR },
+  "uk-UA": { translation: ukUA },
+  "vi-VN": { translation: viVN },
+  "zh-CN": { translation: zhCN },
+  "zh-TW": { translation: zhTW },
 };
 
 /**
  * Initialize i18next
+ * Deferred initialization to avoid React Native renderer conflicts
+ * Only initializes if dependencies are available
  */
-i18n.use(initReactI18next).init({
-  resources,
-  lng: DEFAULT_LANGUAGE,
-  fallbackLng: DEFAULT_LANGUAGE,
+let isInitialized = false;
+
+const initializeI18n = () => {
+  if (isInitialized) return;
+
+  // Check if dependencies are available
+  if (!checkDependencies()) {
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.warn("[i18n] Dependencies not available. Skipping initialization.");
+    return;
+  }
 
-  interpolation: {
-    escapeValue: false, // React already escapes values
-  },
+  try {
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] Initializing i18next...");
+    /* eslint-disable-next-line no-console */
+    if (__DEV__)
+      console.log("[i18n] Resources count:", Object.keys(resources).length);
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] Default language:", DEFAULT_LANGUAGE);
 
-  react: {
-    useSuspense: false, // Disable suspense for React Native
-  },
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] Checking initReactI18next...");
+    if (!initReactI18next) {
+      throw new Error("initReactI18next is undefined");
+    }
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] initReactI18next found");
+
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] Using initReactI18next...");
+    i18n.use(initReactI18next);
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] initReactI18next applied");
+
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] Calling i18n.init...");
+    i18n.init({
+      resources,
+      lng: DEFAULT_LANGUAGE,
+      fallbackLng: DEFAULT_LANGUAGE,
+
+      interpolation: {
+        escapeValue: false, // React already escapes values
+      },
+
+      react: {
+        useSuspense: false, // Disable suspense for React Native
+      },
+
+      compatibilityJSON: "v4", // Use i18next v4 JSON format
+    });
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] i18n.init completed");
+
+    isInitialized = true;
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.log("[i18n] i18next initialized successfully");
+  } catch (error) {
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.error("[i18n] Initialization error:", error);
+    /* eslint-disable-next-line no-console */
+    if (__DEV__)
+      console.error("[i18n] Error details:", {
+        message: error instanceof Error ? error.message : String(error),
+        stack: error instanceof Error ? error.stack : "No stack",
+        name: error instanceof Error ? error.name : "Unknown",
+      });
+    // Don't throw - allow app to continue without i18n
+    /* eslint-disable-next-line no-console */
+    if (__DEV__) console.warn("[i18n] Continuing without i18n initialization");
+  }
+};
 
-  compatibilityJSON: 'v4', // Use i18next v4 JSON format
-});
+// Defer initialization until React is ready
+// React Native doesn't have window, so we check for global
+if (typeof global !== "undefined") {
+  // Use setTimeout to defer initialization
+  setTimeout(() => {
+    initializeI18n();
+  }, 0);
+} else {
+  // Fallback: initialize immediately
+  initializeI18n();
+}
 
 export default i18n;

package/src/infrastructure/config/languages.ts

@@ -15,7 +15,7 @@
 
 import * as Localization from 'expo-localization';
 import { LANGUAGES } from './languagesData';
-import { Language } from '../../domain/repositories/ILocalizationRepository';
+import type { Language } from '../../domain/repositories/ILocalizationRepository';
 
 // Single source of truth for supported languages
 export const SUPPORTED_LANGUAGES: Language[] = LANGUAGES;
@@ -211,7 +211,8 @@ export const getDefaultLanguage = (): Language => {
 export const getDeviceLocale = (): string => {
   try {
     // Get device locale (e.g., "en-US", "tr-TR", or just "en")
-    const deviceLocale = Localization.locale;
+    const locales = Localization.getLocales();
+    const deviceLocale = locales[0]?.languageTag;
 
     if (!deviceLocale) {
       return DEFAULT_LANGUAGE;
@@ -239,7 +240,6 @@ export const getDeviceLocale = (): string => {
     return DEFAULT_LANGUAGE;
   } catch (error) {
     // If any error occurs, fallback to default
-    console.warn('[Localization] Failed to detect device locale:', error);
     return DEFAULT_LANGUAGE;
   }
 };

package/src/infrastructure/config/languagesData.ts

@@ -6,12 +6,12 @@
 import type { Language } from '../../domain/repositories/ILocalizationRepository';
 
 export const LANGUAGES: Language[] = [
-  { code: 'en-US', name: 'English', nativeName: 'English', flag: '🇺🇸', rtl: false },
   { code: 'ar-SA', name: 'Arabic', nativeName: 'العربية', flag: '🇸🇦', rtl: true },
   { code: 'bg-BG', name: 'Bulgarian', nativeName: 'Български', flag: '🇧🇬', rtl: false },
   { code: 'cs-CZ', name: 'Czech', nativeName: 'Čeština', flag: '🇨🇿', rtl: false },
   { code: 'da-DK', name: 'Danish', nativeName: 'Dansk', flag: '🇩🇰', rtl: false },
   { code: 'de-DE', name: 'German', nativeName: 'Deutsch', flag: '🇩🇪', rtl: false },
+  { code: 'en-US', name: 'English', nativeName: 'English', flag: '🇺🇸', rtl: false },
   { code: 'es-ES', name: 'Spanish', nativeName: 'Español', flag: '🇪🇸', rtl: false },
   { code: 'fi-FI', name: 'Finnish', nativeName: 'Suomi', flag: '🇫🇮', rtl: false },
   { code: 'fr-FR', name: 'French', nativeName: 'Français', flag: '🇫🇷', rtl: false },
@@ -30,9 +30,10 @@ export const LANGUAGES: Language[] = [
   { code: 'ru-RU', name: 'Russian', nativeName: 'Русский', flag: '🇷🇺', rtl: false },
   { code: 'sv-SE', name: 'Swedish', nativeName: 'Svenska', flag: '🇸🇪', rtl: false },
   { code: 'th-TH', name: 'Thai', nativeName: 'ไทย', flag: '🇹🇭', rtl: false },
-  { code: 'tl-PH', name: 'Filipino', nativeName: 'Tagalog', flag: '🇵🇭', rtl: false },
+  { code: 'tl-PH', name: 'Filipino', nativeName: 'Filipino', flag: '🇵🇭', rtl: false },
   { code: 'tr-TR', name: 'Turkish', nativeName: 'Türkçe', flag: '🇹🇷', rtl: false },
   { code: 'uk-UA', name: 'Ukrainian', nativeName: 'Українська', flag: '🇺🇦', rtl: false },
   { code: 'vi-VN', name: 'Vietnamese', nativeName: 'Tiếng Việt', flag: '🇻🇳', rtl: false },
   { code: 'zh-CN', name: 'Chinese (Simplified)', nativeName: '简体中文', flag: '🇨🇳', rtl: false },
 ];
+

package/src/infrastructure/locales/ar-SA/auth.json

@@ -0,0 +1,32 @@
+{
+  "welcomeBack": "مرحبًا بعودتك",
+  "loginSubtitle": "قم بتسجيل الدخول لمزامنة البطاقات التعليمية الخاصة بك عبر الأجهزة",
+  "email": "بريد إلكتروني",
+  "password": "كلمة المرور",
+  "enterPassword": "أدخل كلمة المرور الخاصة بك",
+  "login": "تسجيل الدخول",
+  "createAccount": "إنشاء حساب",
+  "continueAsGuest": "الاستمرار كضيف",
+  "register": "يسجل",
+  "displayName": "اسم العرض",
+  "enterDisplayName": "أدخل اسمك",
+  "confirmPassword": "تأكيد كلمة المرور",
+  "reenterPassword": "أعد إدخال كلمة المرور الخاصة بك",
+  "backToLogin": "العودة إلى تسجيل الدخول",
+  "registerSubtitle": "قم بإنشاء حساب لمزامنة بياناتك",
+  "fillAllFields": "يرجى ملء جميع الحقول",
+  "passwordsDoNotMatch": "كلمات المرور غير متطابقة",
+  "passwordTooShort": "يجب أن تتكون كلمة المرور من 6 أحرف على الأقل",
+  "loginFailed": "فشل تسجيل الدخول. يرجى التحقق من بيانات الاعتماد الخاصة بك.",
+  "registrationFailed": "فشل التسجيل. يرجى المحاولة مرة أخرى.",
+  "logout": "تسجيل الخروج",
+  "profile": "حساب تعريفي",
+  "account": "حساب",
+  "signedInAs": "تم تسجيل الدخول باسم",
+  "guestMode": "وضع الضيف",
+  "guestModeDescription": "يتم تخزين بياناتك محليًا على هذا الجهاز",
+  "syncData": "مزامنة البيانات المحلية",
+  "syncDataDescription": "قم بتحميل البطاقات التعليمية المحلية الخاصة بك إلى السحابة",
+  "syncSuccess": "تمت مزامنة البيانات بنجاح",
+  "syncFailed": "فشلت مزامنة البيانات"
+}

package/src/infrastructure/locales/ar-SA/branding.json

@@ -0,0 +1,9 @@
+{
+  "appName": "صانع البطاقات التعليمية",
+  "tagline": "مرحبا بكم في رحلتك",
+  "poweredBy": "مدعوم من مصنع تطبيقات UmitUZ",
+  "version": "الإصدار {{الإصدار}}",
+  "splash": {
+    "loading": "تحميل..."
+  }
+}

package/src/infrastructure/locales/ar-SA/datetime.json

@@ -0,0 +1,140 @@
+{
+  "days": {
+    "full": {
+      "monday": "الاثنين",
+      "tuesday": "يوم الثلاثاء",
+      "wednesday": "الأربعاء",
+      "thursday": "يوم الخميس",
+      "friday": "جمعة",
+      "saturday": "السبت",
+      "sunday": "الأحد"
+    },
+    "short": {
+      "mon": "الاثنين",
+      "tue": "الثلاثاء",
+      "wed": "تزوج",
+      "thu": "الخميس",
+      "fri": "الجمعة",
+      "sat": "قعد",
+      "sun": "شمس"
+    },
+    "abbreviated": {
+      "m": "م",
+      "t": "ت",
+      "w": "دبليو",
+      "th": "ذ",
+      "f": "ف",
+      "sa": "سا",
+      "su": "سو"
+    }
+  },
+  "months": {
+    "full": {
+      "january": "يناير",
+      "february": "فبراير",
+      "march": "يمشي",
+      "april": "أبريل",
+      "may": "يمكن",
+      "june": "يونيو",
+      "july": "يوليو",
+      "august": "أغسطس",
+      "september": "سبتمبر",
+      "october": "أكتوبر",
+      "november": "نوفمبر",
+      "december": "ديسمبر"
+    },
+    "short": {
+      "jan": "يناير",
+      "feb": "فبراير",
+      "mar": "مارس",
+      "apr": "أبريل",
+      "may": "يمكن",
+      "jun": "يونيو",
+      "jul": "يوليو",
+      "aug": "أغسطس",
+      "sep": "سبتمبر",
+      "oct": "أكتوبر",
+      "nov": "نوفمبر",
+      "dec": "ديسمبر"
+    }
+  },
+  "relative": {
+    "now": "الآن",
+    "justNow": "الآن",
+    "today": "اليوم",
+    "yesterday": "أمس",
+    "tomorrow": "غداً",
+    "thisWeek": "هذا الاسبوع",
+    "lastWeek": "الأسبوع الماضي",
+    "nextWeek": "الأسبوع المقبل",
+    "thisMonth": "هذا الشهر",
+    "lastMonth": "الشهر الماضي",
+    "nextMonth": "الشهر المقبل",
+    "thisYear": "هذا العام",
+    "lastYear": "العام الماضي",
+    "nextYear": "العام القادم",
+    "ago": "منذ",
+    "fromNow": "من الآن",
+    "in": "في"
+  },
+  "units": {
+    "singular": {
+      "second": "ثانية",
+      "minute": "دقيقة",
+      "hour": "ساعة",
+      "day": "يوم",
+      "week": "أسبوع",
+      "month": "شهر",
+      "year": "سنة"
+    },
+    "plural": {
+      "seconds": "ثواني",
+      "minutes": "دقائق",
+      "hours": "ساعات",
+      "days": "أيام",
+      "weeks": "أسابيع",
+      "months": "شهور",
+      "years": "سنين"
+    },
+    "short": {
+      "s": "ق",
+      "m": "م",
+      "h": "ح",
+      "d": "د",
+      "w": "ث",
+      "mo": "شهر",
+      "y": "ذ"
+    }
+  },
+  "periods": {
+    "am": "أكون",
+    "pm": "مساءً",
+    "morning": "صباح",
+    "afternoon": "بعد الظهر",
+    "evening": "مساء",
+    "night": "ليلة",
+    "midnight": "منتصف الليل",
+    "noon": "الظهر"
+  },
+  "formats": {
+    "date": "تاريخ",
+    "time": "وقت",
+    "datetime": "التاريخ والوقت",
+    "duration": "مدة",
+    "startDate": "تاريخ البدء",
+    "endDate": "تاريخ الانتهاء",
+    "startTime": "وقت البدء",
+    "endTime": "وقت النهاية",
+    "selectDate": "حدد التاريخ",
+    "selectTime": "حدد الوقت"
+  },
+  "actions": {
+    "setDate": "تعيين التاريخ",
+    "setTime": "ضبط الوقت",
+    "clearDate": "مسح التاريخ",
+    "clearTime": "وقت واضح",
+    "confirmDate": "تأكيد التاريخ",
+    "confirmTime": "تأكيد الوقت",
+    "cancel": "يلغي"
+  }
+}