l-min-components 1.0.750 → 1.0.757

package/package.json

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

package/src/components/header/languageDropdown.jsx

@@ -21,13 +21,13 @@ import { DebounceInput } from "react-debounce-input";
  *
  */
 const LanguageDropdown = ({ languageDropdown, setLanguageDropdown }) => {
-  const { setGeneralData, generalData, setDefaultLang, findText } =
+  const { setGeneralData, generalData, defaultLang, setDefaultLang, findText } =
     useContext(OutletContext);
   const [filteredData, setFilteredData] = useState([]);
   const [isSearch, setIsSearch] = useState(false);
   const containerRef = useRef(null);
 
-  const sampleSuggestions = ["English", "Spanish"];
+  console.log("object", defaultLang)
 
   const handleFilter = (event) => {
     const searchWord = event.target.value;

package/src/components/header/login-header.jsx

@@ -6,6 +6,7 @@ import { ArrowDownIcon } from "./assets/svg/arrow-down";
 import ButtonComponent from "../button";
 import { useLocation, useNavigate } from "react-router-dom";
 import usFlag from "../../assets/images/usFlag.png";
+import koreanFlag from "../../assets/images/koreaFlag.png";
 import { OutletContext } from "..";
 
 /**

package/src/hooks/useTranslation.jsx

@@ -1,5 +1,5 @@
-import { useCallback, useEffect, useState } from "react";
-import loadTranslations from "../utils/translation";
+import React, { useCallback, useEffect, useState } from "react";
+import loadTranslations from "./utils/translation";
 
 const useTranslation = () => {
   const value = localStorage.getItem("defaultLang");

package/src/hooks/utils/translation.js

@@ -0,0 +1,65 @@
+// import Tabletop from "tabletop";
+import Papa from "papaparse";
+
+/**
+ * Loads translation data from a Google Sheet URL into a structured object.
+ *
+ * @param {string} sheetUrl - The URL of the published Google Sheet.
+ * @param {string[]} languages - Array of language codes (e.g., ['es', 'fr']) to include in the result.
+ * @returns {Promise<Object>} A Promise that resolves to an object with English keys and translated values.
+ */
+
+const protoUrl =
+  "https://docs.google.com/spreadsheets/d/e/2PACX-1vSvUIA_1eqpANaRTXafwYkh0y7ZYfbgvlHeLNjti21yjdtJjy6Fjk7pAuQjODROqT3uALC2Aq_odZy4/pub?gid=0&single=true&output=csv";
+
+async function loadTranslations(sheetUrl = protoUrl, language = "") {
+  try {
+    // 1. Fetch data from the Google Sheet
+    const response = await fetch(sheetUrl);
+
+    // Check if the request was successful
+    if (!response.ok) {
+      throw new Error(
+        `Failed to fetch from Google Sheet: ${response.status} ${response.statusText}`
+      );
+    }
+
+    const csvData = await response.text();
+
+    // 2. Parse CSV data (handling quoted fields with commas)
+    const parseResult = Papa.parse(csvData, { header: true });
+
+    // Check for parsing errors
+    if (parseResult.errors.length > 0) {
+      throw new Error(`Failed to parse CSV data: ${parseResult.errors}`);
+    }
+
+    const rows = parseResult.data;
+
+    // 3. Identify the English column and language columns
+    const headers = Object.keys(rows[0]);
+
+    const englishColumnIndex = headers.indexOf("en"); // Using 'en' instead of 'English' based on your feedback
+
+    // Ensure English column exists
+    if (englishColumnIndex === -1) {
+      throw new Error("English column not found in Google Sheet");
+    }
+
+    // if language exists
+    if (!headers.includes(language))
+      throw new Error(language.concat(" translation not found"));
+
+    const translations = {};
+    for (let row of rows) {
+      translations[row.en.trim().replace(/\r\n|\r/g, "\n")] = row[language];
+    }
+    return translations;
+  } catch (error) {
+    console.error("Error loading translations:", error);
+    return {};
+    // throw error; // Rethrow for handling elsewhere
+  }
+}
+
+export default loadTranslations;