QF-1188 Revert disabling wbw audio data (#2248)

* Revert disabling wbw audio data

* Fix audioUrl

* Sync locales

* Sync locales

locales/ar/common.json

@@ -200,6 +200,7 @@
     "description": "تساعدنا التبرعات الشهرية على تحسين موقع Quran.com واستدامة العمليات حتى نركز بشكل أقل على جمع التبرعات وأكثر على إحداث التأثير.",
     "title": "كن متبرعا شهريا"
   },
+  "hear-it-pronounced": "انقر على أي كلمة، واستمع إلى نطقها!",
   "help": "مساعدة",
   "hizb": "حزب",
   "home": "الصفحة الرئيسة",
@@ -278,7 +279,7 @@
   },
   "recitation": "التلاوة",
   "reciter": "القارئ",
-  "reciter-summary": "قارئ كلمة بكلمة: <span> {{reciterName}} </span> . اضغط على كلمة للاستماع إلى تلاوتها.",
+  "reciter-summary": "(بإذن كريم من مركز التفسير)",
   "reciters": "القراء",
   "reflect": "تدبر",
   "reflections": "تدبرات",

locales/bn/common.json

@@ -200,6 +200,7 @@
     "description": "মাসিক অনুদান আমাদেরকে Quran.com এর উন্নতি করতে এবং ক্রিয়াকলাপগুলিকে টিকিয়ে রাখতে সাহায্য করে যাতে আমরা তহবিল সংগ্রহে কম এবং প্রভাব তৈরিতে আরও বেশি ফোকাস করি।",
     "title": "একজন মাসিক দাতা হন"
   },
+  "hear-it-pronounced": "কোন শব্দ ক্লিক করুন, এটি উচ্চারণ শুনতে!",
   "help": "সাহায্য",
   "hizb": "হিযব",
   "home": "বাড়ি",
@@ -278,7 +279,7 @@
   },
   "recitation": "আবৃত্তি",
   "reciter": "আবৃত্তিকারী",
-  "reciter-summary": "শব্দ দ্বারা শব্দ আবৃত্তিকারী: <span> {{reciterName}} </span> । একটি শব্দের আবৃত্তি শুনতে ক্লিক করুন।",
+  "reciter-summary": "(তাফসির কেন্দ্রের সদয় অনুমতিক্রমে)",
   "reciters": "আবৃত্তিকারী",
   "reflect": "প্রতিফলিত করা",
   "reflections": "প্রতিফলন",

locales/en/common.json

@@ -200,6 +200,7 @@
     "description": "Monthly donations help us improve Quran.com and sustain operations so we focus less on fundraising and more on creating impact.",
     "title": "Become A Monthly Donor"
   },
+  "hear-it-pronounced": "Click any word, hear it pronounced!",
   "help": "Help",
   "hizb": "Hizb",
   "home": "Home",
@@ -278,7 +279,7 @@
   },
   "recitation": "Recitation",
   "reciter": "Reciter",
-  "reciter-summary": "Word by word reciter: <span>{{reciterName}}</span>. Click on a word to listen to its recitation.",
+  "reciter-summary": "(With kind permission of Tafsir Center)",
   "reciters": "Reciters",
   "reflect": "Reflect",
   "reflections": "Reflections",

locales/es_US/common.json

@@ -15,14 +15,14 @@
         "title": ""
       },
       "quran-foundation-link": {
-        "action": "",
-        "description": "",
-        "title": ""
+        "action": "Siguiente",
+        "description": "Utiliza tu nombre de usuario en Quran.com para acceder a QuranReflect.com, una próspera comunidad global dedicada a la reflexión coránica.",
+        "title": "¡Utiliza tu cuenta en todas las aplicaciones de Quran.Foundation!"
       },
       "quran-growth-journey": {
-        "action": "",
-        "description": "",
-        "title": ""
+        "action": "Siguiente",
+        "description": "Mantén tu racha de lectura del Corán y avanza hacia tus metas mientras desarrollas nuevos hábitos.",
+        "title": "¡Comienza tu viaje de crecimiento en el Corán!"
       },
       "welcome": {
         "action": "",
@@ -200,6 +200,7 @@
     "description": "Las donaciones mensuales nos ayudan a mejorar Quran.com y sostener las operaciones para que nos centremos menos en la recaudación de fondos y más en crear impacto.",
     "title": ""
   },
+  "hear-it-pronounced": "",
   "help": "Ayuda",
   "hizb": "Hizb",
   "home": "Inicio",
@@ -212,7 +213,7 @@
   "language": "",
   "languages": "",
   "learn-more": "",
-  "learning-plans": "",
+  "learning-plans": "Planes de aprendizaje",
   "less": "",
   "loading": "",
   "login": "",
@@ -227,7 +228,7 @@
   "my-learning-plans": "Mis planes de aprendizaje",
   "navigate": "",
   "network": "Comunidad",
-  "new": "",
+  "new": "¡Nuevo!",
   "newest": "Más recientes",
   "next": "Siguiente",
   "next-ayah": "",
@@ -260,7 +261,7 @@
   },
   "powered-by": "",
   "prepare-hearts": {
-    "cta": "",
+    "cta": "Más información",
     "title": "¡Seguimos adelante después del Ramadán!"
   },
   "prev": "Anterior",
@@ -379,7 +380,7 @@
   "translations": "Traducciones",
   "transliteration": "Transliteración",
   "type": "Tipo",
-  "unavailable": "",
+  "unavailable": "No está disponible en este momento.",
   "undo": "",
   "validation": {
     "invalid-email": "",

locales/fa/common.json

@@ -200,6 +200,7 @@
     "description": "کمک‌های ماهیانه به ما کمک می‌کند تا Quran.com را بهبود بخشیم و عملیات‌ها را حفظ کنیم، بنابراین کمتر روی جمع‌آوری کمک‌های مالی و بیشتر بر ایجاد تأثیر تمرکز می‌کنیم.",
     "title": "یک اهدا کننده ماهانه شوید"
   },
+  "hear-it-pronounced": "روی هر کلمه ای کلیک کنید، تلفظ آن را بشنوید!",
   "help": "کمک",
   "hizb": "حزب",
   "home": "صفحه اصلی",
@@ -278,7 +279,7 @@
   },
   "recitation": "بازگو کردن",
   "reciter": "قاری",
-  "reciter-summary": "کلمه به کلمه تلاوت کننده: <span> {{reciterName}} </span> . برای گوش دادن به تلاوت آن کلمه، روی آن کلیک کنید.",
+  "reciter-summary": "(با مجوز مرکز تفسیر)",
   "reciters": "قاریان",
   "reflect": "منعکس کنید",
   "reflections": "بازتاب ها",

locales/fr/common.json

@@ -200,6 +200,7 @@
     "description": "Les dons mensuels nous aident à améliorer Quran.com, et à maintenir notre projet. Ces dons nous permettent de nous concentrer sur l'amélioration continue de Quran.com, plutôt que sur la collecte de fonds.",
     "title": "Devenir un donateur mensuel"
   },
+  "hear-it-pronounced": "Cliquez sur n’importe quel mot et écoutez-le prononcé !",
   "help": "Aider",
   "hizb": "Hizb",
   "home": "Accueil",
@@ -278,7 +279,7 @@
   },
   "recitation": "Récitation",
   "reciter": "Récitateur",
-  "reciter-summary": "Récitateur mot à mot: <span> {{reciterName}} </span>. Cliquez sur un mot pour écouter sa récitation.",
+  "reciter-summary": "(Avec l'aimable autorisation du Centre Tafsir)",
   "reciters": "Récitateurs",
   "reflect": "Méditer",
   "reflections": "Réflexions",

locales/id/common.json

@@ -200,6 +200,7 @@
     "description": "Donasi bulanan membantu kami meningkatkan Quran.com dan melanggengkan operasional sehingga kami tidak terlalu fokus pada penggalangan dana tetapi lebih pada penciptaan dampak.",
     "title": "Menjadi Donatur Bulanan"
   },
+  "hear-it-pronounced": "Klik kata apa saja, dengarkan pengucapannya!",
   "help": "Bantuan",
   "hizb": "Hizb",
   "home": "Halaman Utama",
@@ -278,7 +279,7 @@
   },
   "recitation": "Pembacaan",
   "reciter": "Qari",
-  "reciter-summary": "Pembaca kata per kata: <span> {{reciterName}} </span> . Klik pada sebuah kata untuk mendengarkan bacaannya.",
+  "reciter-summary": "(Dengan izin dari Pusat Tafsir)",
   "reciters": "Qari",
   "reflect": "Mencerminkan",
   "reflections": "Refleksi",

locales/it/common.json

@@ -200,6 +200,7 @@
     "description": "Le donazioni mensili ci aiutano a migliorare Quran.com e a sostenere le operazioni, quindi ci concentriamo meno sulla raccolta fondi e più sulla creazione di impatto.",
     "title": "Diventa un donatore mensile"
   },
+  "hear-it-pronounced": "Clicca su una parola qualsiasi e ascolta la pronuncia!",
   "help": "Aiuto",
   "hizb": "Hizb",
   "home": "Casa",
@@ -278,7 +279,7 @@
   },
   "recitation": "Recitazione",
   "reciter": "Recitatore",
-  "reciter-summary": "Recitatore parola per parola: <span> {{reciterName}} </span> . Clicca su una parola per ascoltare la sua recitazione.",
+  "reciter-summary": "(Con la gentile autorizzazione del Tafsir Center)",
   "reciters": "Recitatori",
   "reflect": "Riflettere",
   "reflections": "Riflessi",

locales/ms/common.json

@@ -200,6 +200,7 @@
     "description": "Derma bulanan membantu kami menambah baik Quran.com dan mengekalkan operasi supaya kami kurang menumpukan pada pengumpulan dana dan lebih kepada mencipta impak.",
     "title": "Jadilah Penderma Bulanan"
   },
+  "hear-it-pronounced": "Klik mana-mana perkataan, dengar ia disebut!",
   "help": "Bantuan",
   "hizb": "Hizb",
   "home": "Halaman Utama",
@@ -278,7 +279,7 @@
   },
   "recitation": "Tilawah",
   "reciter": "Qari",
-  "reciter-summary": "Pilihan qari untuk pembacaan per kata: <span> {{reciterName}} </span> . Klik pada perkataan untuk mendengar bacaannya.",
+  "reciter-summary": "(Dengan izin Pusat Tafsir)",
   "reciters": "Qari",
   "reflect": "Renungkan",
   "reflections": "Renungan",

locales/nl/common.json

@@ -200,6 +200,7 @@
     "description": "Maandelijkse donaties helpen ons Quran.com te verbeteren en de activiteiten te ondersteunen, zodat we ons minder concentreren op fondsenwerving en meer op het creëren van impact.",
     "title": "Word een maandelijkse donateur"
   },
+  "hear-it-pronounced": "Klik op een woord en hoor de uitspraak ervan!",
   "help": "Helpen",
   "hizb": "Hizb",
   "home": "Huis",
@@ -278,7 +279,7 @@
   },
   "recitation": "voordracht",
   "reciter": "Voordrager",
-  "reciter-summary": "Woord voor woord voordrager: <span> {{reciterName}} </span> . Klik op een woord om naar de recitatie te luisteren.",
+  "reciter-summary": "(Met vriendelijke toestemming van Tafsir Center)",
   "reciters": "voordragers",
   "reflect": "Reflecteren",
   "reflections": "Reflecties",

locales/pt/common.json

@@ -200,6 +200,7 @@
     "description": "As doações mensais nos ajudam a melhorar o Quran.com e a sustentar as operações, por isso nos concentramos menos na arrecadação de fundos e mais na criação de impacto.",
     "title": "Seja um doador mensal"
   },
+  "hear-it-pronounced": "Clique em qualquer palavra e ouça a pronúncia!",
   "help": "Ajuda",
   "hizb": "Hizb",
   "home": "Casa",
@@ -278,7 +279,7 @@
   },
   "recitation": "Recitação",
   "reciter": "Recitador",
-  "reciter-summary": "Recitador palavra por palavra: <span> {{reciterName}} </span> . Clique em uma palavra para ouvir sua recitação.",
+  "reciter-summary": "(Com a gentil permissão do Tafsir Center)",
   "reciters": "Recitadores",
   "reflect": "Refletir",
   "reflections": "Reflexões",

locales/ru/common.json

@@ -200,6 +200,7 @@
     "description": "Ежемесячные пожертвования помогают нам улучшать Quran.com и поддерживать работу, поэтому мы меньше сосредотачиваемся на сборе средств и больше на оказании влияния.",
     "title": "Стать ежемесячным донором"
   },
+  "hear-it-pronounced": "Нажмите на любое слово и услышите, как оно произносится!",
   "help": "Помощь",
   "hizb": "Хизб",
   "home": "Дом",
@@ -278,7 +279,7 @@
   },
   "recitation": "Чтение",
   "reciter": "Чтец",
-  "reciter-summary": "Пословный чтец: <span> {{reciterName}} </span> . Нажмите на слово, чтобы прослушать его чтение.",
+  "reciter-summary": "(С любезного разрешения Центра Тафсир)",
   "reciters": "Чтецы",
   "reflect": "Отражать",
   "reflections": "Размышления",

locales/sq/common.json

@@ -200,6 +200,7 @@
     "description": "Donacionet mujore na ndihmojnë të përmirësojmë Quran.com dhe të mbajmë operacionet, kështu që ne fokusohemi më pak në mbledhjen e fondeve dhe më shumë në krijimin e ndikimit.",
     "title": "Bëhuni një donator mujor"
   },
+  "hear-it-pronounced": "Klikoni çdo fjalë, dëgjojeni të shqiptuar!",
   "help": "Ndihmë",
   "hizb": "Hizb",
   "home": "Shtëpi",
@@ -278,7 +279,7 @@
   },
   "recitation": "Recitim",
   "reciter": "Recitues",
-  "reciter-summary": "Recitues fjalë për fjalë: <span> {{reciterName}} </span> . Klikoni mbi një fjalë për të dëgjuar recitimin e saj.",
+  "reciter-summary": "(Me lejen e mirë të Qendrës Tafsir)",
   "reciters": "Recituesit",
   "reflect": "Pasqyrim",
   "reflections": "Reflektime",

locales/th/common.json

@@ -200,6 +200,7 @@
     "description": "การบริจาครายเดือนช่วยให้เราปรับปรุง Quran.com และรักษาการดำเนินงานไว้ได้ ดังนั้นเราจึงมุ่งเน้นไปที่การระดมทุนน้อยลงและให้ความสำคัญกับการสร้างผลกระทบมากขึ้น",
     "title": "ร่วมเป็นผู้บริจาครายเดือน"
   },
+  "hear-it-pronounced": "คลิกคำใด ๆ เพื่อฟังการออกเสียง!",
   "help": "ช่วยเหลือ",
   "hizb": "ฮิซบ์",
   "home": "หน้าหลัก",
@@ -278,7 +279,7 @@
   },
   "recitation": "เสียงอ่าน",
   "reciter": "ผู้อ่าน",
-  "reciter-summary": "ชื่อผู้อ่านแบบคำต่อคำ: <span> {{reciterName}} </span> คลิกที่คำเพื่อฟังเสียงอ่าน",
+  "reciter-summary": "(ได้รับอนุญาตจากศูนย์ตัฟซีร)",
   "reciters": "ผู้อ่าน",
   "reflect": "สะท้อน",
   "reflections": "ภาพสะท้อน",

locales/tr/common.json

@@ -200,6 +200,7 @@
     "description": "Aylık bağışlar, Kuran.com'u geliştirmemize ve operasyonlarımızı sürdürmemize yardımcı oluyor; böylece bağış toplamaya daha az, etki yaratmaya daha çok odaklanıyoruz.",
     "title": "Aylık Bağışçımız Olun"
   },
+  "hear-it-pronounced": "Herhangi bir kelimeye tıklayın, telaffuzunu dinleyin!",
   "help": "Yardım",
   "hizb": "Hizb",
   "home": "Anasayfa",
@@ -278,7 +279,7 @@
   },
   "recitation": "okuma",
   "reciter": "Okuyucu",
-  "reciter-summary": "Kelime kelime okuyucu: <span> {{reciterName}} </span> . Okunuşunu dinlemek için bir kelimeye tıklayın.",
+  "reciter-summary": "(Tefsir Merkezi'nin izniyle)",
   "reciters": "Okuyucular",
   "reflect": "Yansıt",
   "reflections": "Yansımalar",

locales/ur/common.json

@@ -200,6 +200,7 @@
     "description": "ماہانہ عطیات قرآن ڈاٹ کام کو بہتر بنانے اور آپریشنز کو برقرار رکھنے میں ہماری مدد کرتے ہیں تاکہ ہم فنڈ ریزنگ پر کم اور اثر پیدا کرنے پر زیادہ توجہ دیں۔",
     "title": "ماہانہ ڈونر بنیں۔"
   },
+  "hear-it-pronounced": "کسی بھی لفظ پر کلک کریں، اس کا تلفظ سنیں!",
   "help": "مدد",
   "hizb": "حزب",
   "home": "ہوم",
@@ -278,7 +279,7 @@
   },
   "recitation": "تلاوت",
   "reciter": "قاری",
-  "reciter-summary": "لفظ بہ لفظ قاری: <span> {{reciterName}} </span> ۔ کسی لفظ کی تلاوت سننے کے لیے اس پر کلک کریں۔",
+  "reciter-summary": "(مرکز تفسیر کی اجازت کے ساتھ)",
   "reciters": "قراء",
   "reflect": "تدبر کریں۔",
   "reflections": "تدبرات",

locales/zh/common.json

@@ -200,6 +200,7 @@
     "description": "每月的捐款帮助我们改善 Quran.com 并维持运营，因此我们不再专注于筹款，而是更多地关注创造影响力。",
     "title": "成为每月捐助者"
   },
+  "hear-it-pronounced": "单击任意单词，即可听到其发音！",
   "help": "帮助",
   "hizb": "希兹布",
   "home": "首页",
@@ -278,7 +279,7 @@
   },
   "recitation": "朗诵",
   "reciter": "诵读家",
-  "reciter-summary": "逐字朗诵者： <span> {{reciterName}} </span> 。单击一个单词以收听其朗读。",
+  "reciter-summary": "（经 Tafsir Center 友情许可）",
   "reciters": "朗诵者",
   "reflect": "参悟",
   "reflections": "反思",

src/components/Navbar/Navbar.tsx

@@ -9,9 +9,7 @@ import NavbarBody from './NavbarBody';
 
 import Banner from '@/components/Banner/Banner';
 import { useOnboarding } from '@/components/Onboarding/OnboardingProvider';
-import Button, { ButtonSize, ButtonType } from '@/dls/Button/Button';
 import { selectNavbar } from '@/redux/slices/navbar';
-import { getProductUpdatesUrl } from '@/utils/navigation';
 
 const Navbar = () => {
   const { isActive } = useOnboarding();
@@ -23,15 +21,7 @@ const Navbar = () => {
     <>
       <div className={styles.emptySpacePlaceholder} />
       <nav className={classNames(styles.container, { [styles.hiddenNav]: !showNavbar })}>
-        <Banner
-          shouldShowPrefixIcon={false}
-          text={`🎉 ${t('exciting-updates')}!`}
-          ctaButton={
-            <Button href={getProductUpdatesUrl()} size={ButtonSize.Small} type={ButtonType.Success}>
-              {t('see-new')}
-            </Button>
-          }
-        />
+        <Banner shouldShowPrefixIcon={false} text={`🔊 ${t('hear-it-pronounced')}!`} />
         <NavbarBody />
       </nav>
     </>

src/components/Navbar/SettingsDrawer/WordByWordSection.tsx

@@ -198,11 +198,17 @@ const WordByWordSection = () => {
               checked={wordClickFunctionality === WordClickFunctionality.PlayAudio}
               id="wbw-recitation"
               name="wbw-recitation"
-              label={`${t('recitation')} (${t('unavailable')})`}
+              label={t('recitation')}
               onChange={onRecitationChange}
-              disabled
             />
           </div>
+
+          <Section.Footer>
+            <Trans
+              components={{ span: <span className={styles.source} /> }}
+              i18nKey="common:reciter-summary"
+            />
+          </Section.Footer>
         </div>
       </Section.Row>
       <Separator className={styles.separator} />

src/components/dls/QuranWord/playWordAudio.ts

@@ -1,9 +1,11 @@
-import { QURANCDN_AUDIO_BASE_URL } from '@/utils/audio';
+import { getWordByWordAudioUrl } from '@/utils/audio';
 import { logEvent } from '@/utils/eventLogger';
 import Word from 'types/Word';
 
 const playWordAudio = (word: Word) => {
-  playWordByWordAudio(`${QURANCDN_AUDIO_BASE_URL}${word.audioUrl}`);
+  const [chapterId, verseId, wordId] = word.location.split(':');
+  const audioUrl = getWordByWordAudioUrl(Number(chapterId), Number(verseId), Number(wordId));
+  playWordByWordAudio(audioUrl);
 };
 
 export default playWordAudio;