l-min-components 1.7.1536 → 1.7.1537

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.7.1536",
+  "version": "1.7.1537",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/AppMainLayout/index.jsx

@@ -331,84 +331,7 @@ const AppMainLayout = ({ children }) => {
 
   // const currentPlan = userPlanData?.data?.current_plan;
   const planState = userPlanData?.data?.state;
-  const wordBank = [
-    "Sign out",
-    "Learning",
-    "Community",
-    "Fun",
-    "Duet",
-    "Speech",
-    "Settings",
-    "Notifications",
-    "Hello",
-    "API",
-    "Documentation",
-    "Reports",
-    "Created",
-    "Report",
-    "Dictionary",
-    "What's your language?",
-    "Add account",
-    "Developer accounts",
-    "Developer",
-    "Search",
-    "Get started",
-    "Sign in",
-    "Sorry, you can’t access your account on a mobile browser.",
-    "We know it's inconvenient. For better user accessibility, login with a desktop device or via our mobile app.",
-    "Download on google play",
-    "Download on apple store",
-    "Help",
-    "10% off your next subscription purchase?",
-    "Let's go!",
-    "Get a discount when you upgrade to a custom plan and unlock a new world of building.",
-    "Contact us",
-    "Get more API calls for less with our custom plan",
-    "Upgrade now for a 10% discount.",
-    "Build the future with Learngual!",
-    "Choose our custom plans for more calls and better flexibility.",
-    "We know it's inconvenient. For better user accessibility, login with a desktop device.",
-    // Additional text from codebase analysis - ONLY actual strings found
-    "Student",
-    "Instructor account",
-    "Enterprise account",
-    "Student account",
-    "Dashboard",
-    "Courses",
-    "My courses",
-    "Manage courses",
-    "Manage report",
-    "Manage teams",
-    "Manage student",
-    "Messages",
-    "Announcements",
-    "File manager",
-    "Library",
-    "Add on",
-    "Contracts",
-    "Demo",
-    "Explore",
-    "Connect",
-    "Select affiliate",
-    "Search affiliates",
-    "Affiliates",
-    "GRACE PERIOD",
-    "ACTIVE",
-    "Oops!",
-    "Select plans",
-    "Renew subscription",
-    "Instructor",
-    "profile",
-    "account photo",
-    "Search by Name / Email / Username",
-    "Text",
-    "add",
-    "Ready",
-    "play",
-    // expired instructor
-    "You haven’t been added to an enterprise account yet",
-    "This account will be active once an enterprise assigns you as an instructor.",
-  ];
+
   const {
     setDefaultLang,
     defaultLang,

package/src/hooks/useTranslation.jsx

@@ -1,9 +1,15 @@
 import React, { useCallback, useContext, useEffect, useState } from "react";
 import useAxios from "axios-hooks";
 
+// Global cache for master translations
+if (!window.translationCache) {
+  window.translationCache = {};
+}
+
 const environment = window.location.hostname.includes("staging")
   ? "learngual-bucket"
   : "learngual-production";
+const CACHE_DURATION = 60 * 60 * 1000; // 1 hour in milliseconds
 const S3_BASE_URL = `https://${environment}.sfo3.digitaloceanspaces.com/${environment}/media/media/`;
 
 const useTranslation = (initialSentences = []) => {
@@ -11,9 +17,6 @@ const useTranslation = (initialSentences = []) => {
 
   useEffect(() => {
     if (value) {
-      console.log("====================================");
-      console.log(value, "bfr");
-      console.log("====================================");
       setDefaultLang(value);
     }
   }, [value]);
@@ -64,9 +67,17 @@ const useTranslation = (initialSentences = []) => {
   };
 
   /**
-   * Fetch master translations from S3
+   * Fetch master translations from S3 with caching
    */
-  const getMasterTranslations = async () => {
+  const getMasterTranslationsWithCache = async () => {
+    const now = Date.now();
+    const cached = window.translationCache.master;
+
+    // Check if cache is valid and not expired
+    if (cached && cached.data && cached.expires > now) {
+      return cached.data;
+    }
+
     try {
       // Fetch from S3 - master JSON contains all languages
       const response = await fetch(
@@ -85,9 +96,22 @@ const useTranslation = (initialSentences = []) => {
 
       console.log(masterTranslations, "MASTER");
 
+      // Cache in memory (single cache for all languages since JSON contains all)
+      window.translationCache.master = {
+        data: masterTranslations,
+        timestamp: now,
+        expires: now + CACHE_DURATION,
+      };
+
       return masterTranslations;
     } catch (error) {
       console.error("Failed to fetch master translations:", error);
+
+      // Fallback to cached data if available (even if expired)
+      if (cached && cached.data) {
+        return cached.data;
+      }
+
       throw error;
     }
   };
@@ -123,8 +147,8 @@ const useTranslation = (initialSentences = []) => {
       // Step 1: Fire-and-forget translation request to backend
       sendTranslationRequestToBackend(language, words);
 
-      // Step 2: Get master translations from S3
-      const masterTranslations = await getMasterTranslations();
+      // Step 2: Get master translations (cached or fresh from S3)
+      const masterTranslations = await getMasterTranslationsWithCache();
 
       // Step 3: Extract only the translations we need
       const relevantTranslations = extractRelevantTranslations(

package/src/mc/wordStore.json

@@ -1,4 +1,78 @@
 [
+  "Sign out",
+  "Learning",
+  "Community",
+  "Fun",
+  "Duet",
+  "Speech",
+  "Settings",
+  "Notifications",
+  "Hello",
+  "API",
+  "Documentation",
+  "Reports",
+  "Created",
+  "Report",
+  "Dictionary",
+  "What's your language?",
+  "Add account",
+  "Developer accounts",
+  "Developer",
+  "Search",
+  "Get started",
+  "Sign in",
+  "Sorry, you can’t access your account on a mobile browser.",
+  "We know it's inconvenient. For better user accessibility, login with a desktop device or via our mobile app.",
+  "Download on google play",
+  "Download on apple store",
+  "Help",
+  "10% off your next subscription purchase?",
+  "Let's go!",
+  "Get a discount when you upgrade to a custom plan and unlock a new world of building.",
+  "Contact us",
+  "Get more API calls for less with our custom plan",
+  "Upgrade now for a 10% discount.",
+  "Build the future with Learngual!",
+  "Choose our custom plans for more calls and better flexibility.",
+  "We know it's inconvenient. For better user accessibility, login with a desktop device.",
+  "Student",
+  "Instructor account",
+  "Enterprise account",
+  "Student account",
+  "Dashboard",
+  "Courses",
+  "My courses",
+  "Manage courses",
+  "Manage report",
+  "Manage teams",
+  "Manage student",
+  "Messages",
+  "Announcements",
+  "File manager",
+  "Library",
+  "Add on",
+  "Contracts",
+  "Demo",
+  "Explore",
+  "Connect",
+  "Select affiliate",
+  "Search affiliates",
+  "Affiliates",
+  "GRACE PERIOD",
+  "ACTIVE",
+  "Oops!",
+  "Select plans",
+  "Renew subscription",
+  "Instructor",
+  "profile",
+  "account photo",
+  "Search by Name / Email / Username",
+  "Text",
+  "add",
+  "Ready",
+  "play",
+  "You haven’t been added to an enterprise account yet",
+  "This account will be active once an enterprise assigns you as an instructor.",
   "(decibel level)",
   "(Raw Format)",
   "(WAV)",
@@ -101,7 +175,6 @@
   "email",
   "Email",
   "email address",
-  "Email: **********oe@gmail.com",
   "Emoji",
   "English",
   "Enter role name",