Notes updates

i18n.json

@@ -19,21 +19,27 @@
   ],
   "defaultLocale": "en",
   "pages": {
-    "*": ["common", "error", "radio", "quick-links"],
+    "*": ["common", "error", "radio", "quick-links", "onboarding"],
     "/": ["home", "radio", "collection", "reading-goal", "reciter"],
     "/reading-goal": ["reading-goal", "reciter"],
     "/my-learning-plans": ["learn"],
     "/learning-plans": ["learn"],
     "/learning-plans/[slug]": ["learn"],
     "/learning-plans/[slug]/lessons/[lessonSlugOrId]": ["learn"],
     "/reading-goal/progress": ["reading-goal", "reading-progress"],
-    "/[chapterId]": ["quran-reader", "reading-goal", "chapter", "surah-info"],
-    "/[chapterId]/reflections": ["quran-reader", "reading-goal"],
-    "/[chapterId]/[verseId]": ["quran-reader", "reading-goal"],
-    "/[chapterId]/[verseId]/tafsirs": ["quran-reader", "reading-goal"],
-    "/page/[pageId]": ["quran-reader", "reading-goal"],
-    "/juz/[juzId]": ["quran-reader", "reading-goal"],
-    "/hizb/[hizbId]": ["quran-reader", "reading-goal"],
+    "/[chapterId]": [
+      "quran-reader",
+      "reading-goal",
+      "notes",
+      "chapter",
+      "surah-info"
+    ],
+    "/[chapterId]/reflections": ["quran-reader", "reading-goal", "notes"],
+    "/[chapterId]/[verseId]": ["quran-reader", "reading-goal", "notes"],
+    "/[chapterId]/[verseId]/tafsirs": ["quran-reader", "reading-goal", "notes"],
+    "/page/[pageId]": ["quran-reader", "reading-goal", "notes"],
+    "/juz/[juzId]": ["quran-reader", "reading-goal", "notes"],
+    "/hizb/[hizbId]": ["quran-reader", "reading-goal", "notes"],
     "/surah/[chapterId]/info": ["surah-info"],
     "/chapter_info/[chapterId]": ["surah-info"],
     "/surah-info/[chapterId]": ["surah-info"],
@@ -43,7 +49,7 @@
     "/about-us": ["about"],
     "/developers": ["developers"],
     "/privacy": ["privacy"],
-    "/rub/[rubId]": ["quran-reader", "reading-goal"],
+    "/rub/[rubId]": ["quran-reader", "reading-goal", "notes"],
     "/support": ["support"],
     "/tajweed-colors": ["tajweed"],
     "/product-updates": ["product-updates"],
@@ -53,8 +59,10 @@
     "/reciters/[reciterId]": ["home", "radio", "reciter"],
     "/reciters/[reciterId]/[chapterId]": ["reciter"],
     "/reciters": ["reciter", "home"],
-    "/profile": ["home", "profile", "collection"],
+    "/profile": ["home", "profile", "collection", "quran-reader"],
     "/login": ["login"],
-    "/about-the-quran": ["about-quran"]
+    "/about-the-quran": ["about-quran"],
+    "/notes-and-reflections": ["notes"],
+    "/ramadan-activities": ["ramadan-activities"]
   }
 }

locales/en/common.json

@@ -2,6 +2,12 @@
   "about": "About Us",
   "allow": "Allow",
   "and": "and",
+  "newest": "Newest",
+  "oldest": "Oldest",
+  "save": "Save",
+  "notes": {
+    "title": "My Notes & Reflections"
+  },
   "announcements": {
     "auth-onboarding": {
       "data-sync": {
@@ -175,7 +181,9 @@
     "code": "Verification Code",
     "email": "Email",
     "firstName": "First Name",
-    "lastName": "Last Name"
+    "lastName": "Last Name",
+    "title": "Title",
+    "body": "Body"
   },
   "from": "From",
   "fundraising-sticky-banner": {
@@ -198,6 +206,7 @@
   "language": "Language",
   "languages": "Languages",
   "learn-more": "Learn more",
+  "show-more": "Show more",
   "learning-plans": "Learning Plans",
   "less": "Less",
   "loading": "Loading",
@@ -355,7 +364,9 @@
   "validation": {
     "invalid-email": "{{field}} must be a valid email address",
     "invalid-field": "Please input a valid {{field}} value",
-    "required-field": "{{field}} is required"
+    "required-field": "{{field}} is required",
+    "maximum-length": "{{field}} cannot exceed {{value}} characters",
+    "minimum-length": "{{field}} must be at least {{value}} characters"
   },
   "verse": "Verse",
   "verse-bookmark-removed": "Verse bookmark removed!",
@@ -383,5 +394,7 @@
     "title": "Word Click"
   },
   "word-tooltip": "Word Tooltip",
-  "yes": "Yes"
+  "yes": "Yes",
+  "edit": "Edit",
+  "delete": "Delete"
 }

locales/en/home.json

@@ -1,18 +1,45 @@
 {
-    "no-bookmarks": "You do not have any bookmarks yet",
-    "noble-quran": "The Noble Quran",
-    "read-juz": "Read Juz",
-    "recently-read": "Recently Read",
-    "revelation-order-disclaimer": "This view shows the chronological order of Surahs in the Quran based on when they were revealed to the Prophet Muhammad <hover>ﷺ<\/hover>. The chronology is a subject of scholarly opinion and some Surahs were revealed in parts at different times. The ordering here is based on the work of <link>Tanzil.net<\/link>. [Note: the compiled Mushaf order from al-Fatiha to al-Nas is a matter of consensus.]",
-    "tab": {
-        "bookmarks": "Bookmarks",
-        "popular": "Popular"
+  "ramadan-activities-cta": "Explore this year's enriching <link>Ramadan activities</link> today!",
+  "no-bookmarks": "You do not have any bookmarks yet",
+  "noble-quran": "The Noble Quran",
+  "read-juz": "Read Juz",
+  "recently-read": "Recently Read",
+  "revelation-order-disclaimer": "This view shows the chronological order of Surahs in the Quran based on when they were revealed to the Prophet Muhammad <hover>ﷺ</hover>. The chronology is a subject of scholarly opinion and some Surahs were revealed in parts at different times. The ordering here is based on the work of <link>Tanzil.net</link>. [Note: the compiled Mushaf order from al-Fatiha to al-Nas is a matter of consensus.]",
+  "tab": {
+    "bookmarks": "Bookmarks",
+    "popular": "Popular"
+  },
+  "view-all-bookmarks": "View all bookmarks",
+  "voice": {
+    "trigger": "Quick access to anything"
+  },
+  "welcome": {
+    "title": "It's the Month of the Quran! Help millions of users get access to the guidance of the Quran."
+  },
+  "qgj": {
+    "title": "Quran Growth Journey",
+    "desc": {
+      "logged-out": "<bold>Reading Streaks</bold> - Challenge yourself to keep a 30 day streak this Ramadan! Simply <link>log in</link>",
+      "logged-in-no-goal": "<bold>Reading Streaks</bold> - Challenge yourself to keep a 30 day streak this Ramadan!",
+      "logged-in": ""
     },
-    "view-all-bookmarks": "View all bookmarks",
-    "voice": {
-        "trigger": "Quick access to anything"
+    "quran-reading-goals": {
+      "title": "Custom Quran Reading Goals",
+      "desc": {
+        "logged-out": "Do you want to read 10 minutes a day, complete a Juz in a month, or finish the entire Quran in a year? It’s easy to create a custom goal and track your progress"
+      }
     },
-    "welcome": {
-        "title": "It's the Month of the Quran! Help millions of users get access to the guidance of the Quran."
+    "learning-plans": {
+      "title": "Learning Plans",
+      "desc": {
+        "logged-in": "Ever started a learning program and got off track halfway through? Learning plans are divided into manageable chunks and we track your progress until you reach the finish line. Explore our current offering of courses today",
+        "logged-in-no-plans": "Ever started a learning program and got off track halfway through? Learning plans are divided into manageable chunks and we track your progress until you reach the finish line. Explore our current offering of courses today",
+        "logged-out": "Ever started a learning program and got off track halfway through? Learning plans are divided into manageable chunks and we track your progress until you reach the finish line. Explore our current offering of courses today"
+      },
+      "cta": {
+        "all-plans": "All Plans",
+        "my-plans": "My Plans"
+      }
     }
-}
+  }
+}

locales/en/learn.json

@@ -30,5 +30,12 @@
   "tabs": {
     "main": "Main Details",
     "syllabus": "Syllabus"
+  },
+  "feedback": {
+    "add-feedback": "Add Feedback",
+    "your-feedback": "Your Feedback",
+    "feedback-placeholder": "Write your feedback",
+    "feedback-success": "Thank you for your feedback!",
+    "desc": "Congratulations! You have completed the '{{courseName}}' learning plan. <br></br>  Please review the learning plan and share your feedback to help us improve the content."
   }
 }

locales/en/notes.json

@@ -0,0 +1,57 @@
+{
+  "note": "Note",
+  "add-another-note": "Add another note",
+  "notes-and-reflcs": "Notes & Reflections",
+  "empty": "No notes found",
+  "empty-reflections": "No reflections found",
+  "delete-note": "Delete note",
+  "body-placeholder": "Use this space to save general notes, or to write a reflection.",
+  "save-success": "Note has been saved successfully",
+  "save-privately": "Save Privately",
+  "update-success": "Note has been updated successfully",
+  "save-publish-failed": "Note has been saved successfully but failed to publish",
+  "update-publish-failed": "Note has been updated successfully but failed to publish",
+  "delete-success": "Note has been deleted successfully",
+  "export-success": "Note has been published to your account on QuranReflect successfully",
+  "share-to-qr": "Share to QuranReflect.com",
+  "post-on-qr": "Post on QuranReflect",
+  "view-on-qr": "View on QuranReflect",
+  "share-to-qr-desc": "Share as <b>{{name}}</b>. Audience is <b>QuranReflect users</b>",
+  "qr-tooltip": "<span><link>QuranReflect</link> is a social platform for sharing reflections on the Quran. Connect around the Quran, connect with what matters.</span>",
+  "click-to-see-more": "click to see more",
+  "private-notes": "Notes",
+  "posted-reflections": "Posted Reflections",
+  "save-post-to-qr": "Save & Post to QuranReflect",
+  "reflections-intro": {
+    "title": "Learn more about Posted Reflections",
+    "line-1": "To view and interact with comments, engage with the community, and do more, visit <link>QuranReflect.com</link>.",
+    "line-2": "You can log into your linked QuranReflect account by logging in or signing up with the same Quran.com email used in your sign-in.",
+    "line-3": "Content that is not suitable for public viewing will be hidden or deleted. Users posting inappropriate content will be blocked."
+  },
+  "new-note-reflc-intro": {
+    "title": "Need help reflecting on the Quran? Learn more",
+    "what-is-reflc": {
+      "title": "What is a Reflection?",
+      "desc": "Reflecting or pondering upon the Quran involves reading or listening carefully to Allah’s words, engaging with its meanings, and allowing it to affect and change us for the better. This is referred to as \"Tadabbur\". Tafsir,  in contrast, is a scholarly interpretation of the Quran, providing detailed explanations of its verses based on classical sources and scholarly analysis. While Tafsir is reserved for the scholars, Allah SWT asks everyone to engage in Tadabbur (Quran <link1>38:29</link1>, <link2>47:24</link2>, <link3>4:82</link3>, and many more).<br></br><br></br>Users can save their notes and personal reflections privately. Oftentimes our reflections can deeply resonate with others, aiding their connection to the Quran, and their relationship with Allah SWT. That’s why users have the option to share their reflection to QuranReflect as part of our efforts to help people grow together in their journey. To learn more, visit: <link4>QuranReflect.com/faq</link4> and <link5>Five Lenses to Reflect on the Quran</link5>"
+    },
+    "reflc-prompts": {
+      "title": "Reflection Prompts",
+      "personal": {
+        "title": "Personal Reflection Questions:",
+        "desc": "<li>In what ways has this verse moved or inspired you?</li><li>Are there qualities or actions mentioned that you can improve upon?</li><li>Is there a promise or a warning/prohibition that you can apply to your life?</li><li>Do you have a personal story related to this verse?</li><li>What changes do you want to make based on this verse, and how can you or someone else practically implement them?</li>"
+      },
+      "deeper": {
+        "title": "Deeper Insights:",
+        "desc": "<li>Are there any names of Allah mentioned, and how do they relate to the verse?</li><li>Which words or linguistic aspects caught your attention?</li><li>Can you draw connections to the verse’s context, other Quranic verses, hadith, or events?</li>"
+      }
+    }
+  },
+  "checkbox-refl-intro": {
+    "title": "What is QuranReflect and what happens if I check this box?",
+    "qr-intro": "QuranReflect, along with Quran.com, is a part of the Quran.Foundation family. It is a social platform for sharing personal reflections on the Quran, encouraging users to internalize its messages and share insights that inspire positive change. Unlike tafsir, which is a scholarly interpretation, reflections are personal thoughts and experiences related to the verses. User posts to QuranReflect are reviewed and moderated by a qualified team, who will help ensure quality of content, etiquettes when interacting with the Quran, and they will empower users by sharing feedback and highlighting valuable discourse thus fostering a spiritually uplifting, Quran-focused community. Learn more: <link>Quranreflect.com/faq</link>",
+    "checkbox": {
+      "title": "What happens if I check this box?",
+      "desc": "<li>Posting means that your reflection will be shared on QuranReflect under your name where it will be reviewed by the moderation team and visible to the QuranReflect community.</li><li>Once your post is reviewed and approved or promoted by our moderation team, you may get likes, comments and follow notifications. Upon signing into QuranReflect, you can update your notification settings to suit your preferences.</li><li>You may view your notes and posted reflections under your Quran.com login profile in the “My Notes and Reflections” section, or log into <link>QuranReflect</link> using your Quran.com sign-in email.</li>"
+    }
+  }
+}

locales/en/onboarding.json

@@ -0,0 +1,108 @@
+{
+  "onboarding-checklist": "Onboarding Checklist",
+  "onboarding-title": "Maximize your Quran.com experience! <br></br> Start your tour now:",
+  "checklist": {
+    "1": "Homepage features",
+    "2": "Customize your settings",
+    "3": "Enrich your Ayah reading experience",
+    "4": "Personalized features"
+  },
+  "skip": "Skip",
+  "next": "Next",
+  "previous": "Previous",
+  "finish": "Finish",
+  "steps": {
+    "quran-radio": {
+      "title": "Quran Radio",
+      "description": "Listen to QuranRadio - stream Quran without ads"
+    },
+    "search-bar": {
+      "title": "Search Bar",
+      "description": "Find the verses, surahs, keywords, juz and topics you are looking for by utilizing our search bar"
+    },
+    "voice-search": {
+      "title": "Voice Search (Tarteel)",
+      "description": "Tap the mic icon and recite the verse you are searching for. Quick Tip! To discover where someone is reciting (Eg. Taraweeh prayers), tap the mic icon. After one or two verses are detected, press stop to find the location"
+    },
+    "juz": {
+      "title": "View Quran by Juz",
+      "description": "View Quran by Juz"
+    },
+    "settings": {
+      "title": "Settings",
+      "description": "Control your preferences"
+    },
+    "theme": {
+      "title": "Read Quran in Light, Sepia, or Dark Mode",
+      "description": "Pick your favorite look—Light, Sepia, or Dark mode—for a comfortable and personalized Quran reading experience."
+    },
+    "font-style": {
+      "title": "Choose your preferred reading script",
+      "description": "Options include Uthmani - King Fahad Complex v1, Uthmani - King Fahad Complex v2, Uthmani QPC Hafs, Indopak 15 lines, Indopak 16 lines"
+    },
+    "font-size": {
+      "title": "Font Size",
+      "description": "Customize your Quran reading with easy-to-adjust font sizes for a comfortable reading experience"
+    },
+    "wbw-translation": {
+      "title": "Read word-by-word translation",
+      "description": "View the meaning of individual words while you read or listen to the Quran to help you enhance your Quranic vocabulary"
+    },
+    "wbw-transliteration": {
+      "title": "Read word-by-word transliteration",
+      "description": "View the transliteration of every word to help you on your Quran reading journey"
+    },
+    "wbw-audio": {
+      "title": "Listen to the word-by-word transliteration by clicking on word",
+      "description": "Select this option to listen to every word individually by simply clicking on the word!"
+    },
+    "inline-wbw": {
+      "title": "Display word-by-word translation in-line (underneath the word) or display tooltip",
+      "description": "View the translation of every word in line (underneath the word) or in a bubble above the word while listening to the Quran"
+    },
+    "translations": {
+      "title": "Translations",
+      "description": "Choose from a variety of translations in multiple languages. Tip: Compare translations by selecting multiple options"
+    },
+    "surah-info": {
+      "title": "Read About the Surah",
+      "description": "Get insights about each Surah - conveniently located at the beginning of every Surah"
+    },
+    "listen": {
+      "title": "Listen to the Surah or Ayah",
+      "description": "Start the audio player to listen to the recitation"
+    },
+    "select-reciter": {
+      "title": "Select from a variety of reciters to listen to",
+      "description": "Personalize your listening experience by selecting a reciter you enjoy listening to most!"
+    },
+    "ayah-tafsir": {
+      "title": "Read Tafsir at the Ayah level",
+      "description": "Explore the Tafsir at the ayah level, offering detailed insights to enhance your understanding as you read. (Tafsir may be grouped for multiple verses when appropriate)"
+    },
+    "ayah-reflection": {
+      "title": "Read reflections at the ayah level",
+      "description": "Read reflections (tadabbur) from scholars, students of knowledge, and everyday people to help you develop a more personal connection with the Quran"
+    },
+    "3-dot-menu": {
+      "title": "3 dot menu",
+      "description": "Click the 3 dot menu to discover options for copying, bookmarking, and repeating verses. Discover a variety of options to repeat verses"
+    },
+    "reading-view": {
+      "title": "Reading mode",
+      "description": "View Quran in reading mushaf mode"
+    },
+    "login": {
+      "title": "Log in",
+      "description": "Log in and save settings across devices and gain access to additional features."
+    },
+    "streak": {
+      "title": "Keep track of reading streaks & reading plans",
+      "description": "Set personalized reading goals, track your progress, and build a consistent Quranic reading habit with our Reading Streaks and Plans feature."
+    },
+    "reading-sessions": {
+      "title": "View reading history",
+      "description": "Easily review your Quranic journey with a glance at your personalized reading history, keeping track of the verses you've explored on Quran.com."
+    }
+  }
+}

locales/en/ramadan-activities.json

@@ -0,0 +1,4 @@
+{
+  "ramadan-activities": "Ramadan Activities",
+  "ramadan-activities-desc": "Elevate your Ramadan experience with our curated programs and features for a deeper connection to the Quran. Explore our Ramadan Activities on Quran.com today!"
+}

package.json

@@ -79,6 +79,7 @@
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.36.1",
     "react-hotkeys-hook": "^3.4.7",
+    "react-joyride": "^2.7.2",
     "react-redux": "^8.0.4",
     "react-toastify": "^9.0.8",
     "react-virtuoso": "^2.19.0",