wineater-bot 1.1.8 → 1.2.1

package/dist/wineater-chatbot.mjs

@@ -1,7 +1,4 @@
-var p = Object.defineProperty;
-var g = (i, e, t) => e in i ? p(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var r = (i, e, t) => (g(i, typeof e != "symbol" ? e + "" : e, t), t);
-const h = `
+const g = `
 @font-face {
     font-family: 'Poppins';
     src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@@ -277,13 +274,13 @@ const h = `
     visibility: visible;
     height: 50px;
 }`, c = document.createElement("style");
-c.textContent = h;
+c.textContent = g;
 document.head.appendChild(c);
 function l() {
-  const i = document.getElementById("chat-window"), e = document.getElementById("chat-icon");
-  i.classList.contains("visible") ? (i.classList.remove("visible"), e.style.display = "flex") : (i.classList.add("visible"), e.style.display = "none");
+  const n = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
+  n.classList.contains("visible") ? (n.classList.remove("visible"), t.style.display = "flex") : (n.classList.add("visible"), t.style.display = "none");
 }
-function m() {
+function h() {
   document.getElementById("chat-window").classList.remove("visible");
 }
 function u() {
@@ -292,52 +289,120 @@ function u() {
 document.addEventListener("DOMContentLoaded", () => {
   setupCloseButton(), setupOutsideClick();
 });
-const f = ["climats", "telckel", "biobio", "weinpoint"];
-class b {
-  constructor(e) {
-    this.apiEndpoint = e || "https://api.wineater.com/dish/recommendations", this.store = f.find((t) => window.location.href.includes(t)), console.log(this.store);
+const m = ["climats", "telckel", "biobio", "weinpoint"];
+class p {
+  constructor(t) {
+    this.baseURL = "https://api.wineater.com/", this.store = m.find((e) => window.location.href.includes(e)), console.log(this.store);
   }
-  async getWineRecommendations(e) {
+  async getStoreConfig(t) {
+    console.log(t);
+    try {
+      const e = await fetch(`${this.baseURL}stores/store`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ store: t })
+      });
+      if (!e.ok)
+        throw new Error(`HTTP error! Status: ${e.status}`);
+      return await e.json();
+    } catch (e) {
+      throw console.error("Error fetching store configuration:", e), e;
+    }
+  }
+  async getWineRecommendations(t) {
     console.log(window.location.href);
     try {
-      const t = await fetch(this.apiEndpoint, {
+      const e = await fetch(`${this.baseURL}dish/recommendations`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
-        body: JSON.stringify({ text: e, store: this.store ? this.store.toString().charAt(0).toUpperCase() + this.store.slice(1) : void 0 })
-      }), o = await t.json();
-      if (!t.ok)
-        throw new Error(`API call failed with status ${t.status}: ${o.message || "No additional error information"}`);
+        body: JSON.stringify({ text: t, store: this.store ? this.store.toString().charAt(0).toUpperCase() + this.store.slice(1) : void 0 })
+      }), o = await e.json();
+      if (!e.ok)
+        throw new Error(`API call failed with status ${e.status}: ${o.message || "No additional error information"}`);
       return o;
-    } catch (t) {
-      throw console.error("Fetching wine recommendations failed:", t.message), new Error(`Error in getWineRecommendations: ${t.message}`);
+    } catch (e) {
+      throw console.error("Fetching wine recommendations failed:", e.message), new Error(`Error in getWineRecommendations: ${e.message}`);
+    }
+  }
+}
+class f {
+  constructor() {
+    this.api = new p(), this.language = "en", this.translations = {
+      fr: {
+        welcomeMessage: "Sublimez votre expérience gastronomique. Il vous suffit de donner les détails de votre plat, et obtenez la recommandation de compagnon de vin idéale. Que voulez-vous manger?",
+        noResultsFound: "Aucun résultat trouvé.",
+        somethingWentWrong: "Désolé, quelque chose a mal tourné.",
+        chatButton: "Accorder le vin au dîner",
+        inputPlaceholder: "ex., Salade de thon",
+        sendButton: "Accorder",
+        price: "Prix",
+        region: "Région",
+        type: "Type",
+        moreInfo: "Plus d'infos"
+      },
+      es: {
+        welcomeMessage: "Mejore su experiencia gastronómica. Solo proporcione los detalles de su plato y obtenga la recomendación de vino ideal. ¿Qué le gustaría comer?",
+        noResultsFound: "No se encontraron resultados.",
+        somethingWentWrong: "Lo sentimos, algo salió mal.",
+        chatButton: "Maridar vino con cena",
+        inputPlaceholder: "ej., Ensalada de atún",
+        sendButton: "Maridar",
+        price: "Precio",
+        region: "Región",
+        type: "Tipo",
+        moreInfo: "Más info"
+      },
+      en: {
+        welcomeMessage: "Enhance your dining experience. Just provide your dish details and get the ideal wine pairing. What would you like to eat?",
+        noResultsFound: "No results found.",
+        somethingWentWrong: "Sorry, something went wrong.",
+        chatButton: "Pair wine with dinner",
+        inputPlaceholder: "e.g., Tuna Salad",
+        sendButton: "Pair",
+        price: "Price",
+        region: "Region",
+        type: "Type",
+        moreInfo: "More info"
+      }
+    };
+  }
+  async fetchConfig(t) {
+    if (t) {
+      const e = await this.api.getStoreConfig(t);
+      this.language = e.lang;
     }
   }
+  translate(t) {
+    return this.translations[this.language][t] || t;
+  }
 }
+const s = new f();
 class y {
   constructor() {
-    r(this, "welcomeMessage", "Sublimez votre expérience gastronomique. Il vous suffit de donner les détails de votre plat, et obtenez la recommandation de compagnon de vin idéale. Que voulez-vous manger?");
-    this.api = new b(), this.displayFirstMessage(this.welcomeMessage);
+    this.api = new p(), this.displayFirstMessage(s.translate("welcomeMessage"));
   }
   initialize() {
     document.getElementById("send-button").addEventListener("click", () => this.handleUserInput()), document.getElementById("user-input").addEventListener("keypress", (o) => {
       o.key === "Enter" && this.handleUserInput();
     });
   }
-  displayFirstMessage(e, t = "api") {
-    const o = document.getElementById("message-container"), n = document.createElement("div");
-    n.className = `message ${t}`, n.textContent = e, o.appendChild(n), o.scrollTop = o.scrollHeight;
+  displayFirstMessage(t, e = "api") {
+    const o = document.getElementById("message-container"), i = document.createElement("div");
+    i.className = `message ${e}`, i.textContent = t, o.appendChild(i), o.scrollTop = o.scrollHeight;
   }
   async handleUserInput() {
-    const e = document.getElementById("user-input"), t = e.value.trim();
-    if (t) {
-      this.displayMessage(t, "user"), e.value = "", this.showTypingIndicator();
+    const t = document.getElementById("user-input"), e = t.value.trim();
+    if (e) {
+      this.displayMessage(e, "user"), t.value = "", this.showTypingIndicator();
       try {
-        const o = await this.api.getWineRecommendations(t);
+        const o = await this.api.getWineRecommendations(e);
         this.hideTypingIndicator(), o && o.length ? this.displayResults(o) : this.displayMessage("No results found.", "api");
-      } catch (o) {
-        this.hideTypingIndicator(), console.error("Error fetching wine recommendations:", o), this.displayMessage("Sorry, something went wrong.", "api");
+      } catch {
+        this.hideTypingIndicator(), this.displayMessage(s.translate("somethingWentWrong"), "api");
       }
     }
   }
@@ -347,37 +412,37 @@ class y {
   hideTypingIndicator() {
     document.getElementById("typing-indicator").classList.remove("visible");
   }
-  displayMessage(e, t) {
-    const o = document.getElementById("message-container"), n = document.createElement("div");
-    n.textContent = e, n.className = "message " + t, o.appendChild(n), o.scrollTop = o.scrollHeight;
+  displayMessage(t, e) {
+    const o = document.getElementById("message-container"), i = document.createElement("div");
+    i.textContent = t, i.className = "message " + e, o.appendChild(i), o.scrollTop = o.scrollHeight;
   }
-  displayResults(e) {
-    const t = document.getElementById("message-container");
-    e.forEach((o) => {
-      const n = document.createElement("div");
-      n.className = "wine-item";
-      const s = document.createElement("img");
-      s.src = o.Image, n.appendChild(s);
-      const a = document.createElement("div");
-      a.innerHTML = `
-                <strong>${o.Title}</strong><br>
-                Prix: ${o.Price}<br>
-                Région: ${o.Region}<br>
-                Type: ${o.Type}<br>
-                <a href="${o.Url}" target="_blank">Plus d'infos</a>
-            `, n.appendChild(a), t.appendChild(n);
-    }), t.scrollTop = t.scrollHeight;
+  displayResults(t) {
+    const e = document.getElementById("message-container");
+    t.forEach((o) => {
+      const i = document.createElement("div");
+      i.className = "wine-item";
+      const a = document.createElement("img");
+      a.src = o.Image, i.appendChild(a);
+      const r = document.createElement("div");
+      r.innerHTML = `
+            <strong>${o.Title}</strong><br>
+            ${s.translate("price")}: ${o.Price}<br>
+            ${s.translate("region")}: ${o.Region}<br>
+            ${s.translate("type")}: ${o.Type}<br>
+            <a href="${o.Url}" target="_blank">${s.translate("moreInfo")}</a>
+            `, i.appendChild(r), e.appendChild(i);
+    }), e.scrollTop = e.scrollHeight;
   }
 }
 document.addEventListener("DOMContentLoaded", () => {
-  window.toggleChatWindow = l, window.closeChatWindow = m, window.openChatWindow = u;
+  window.toggleChatWindow = l, window.closeChatWindow = h, window.openChatWindow = u;
 });
-function w() {
-  document.body.insertAdjacentHTML("beforeend", `
+function b() {
+  const n = `
       <div id="chatbot-container">
           <div id="chat-icon" onclick="toggleChatWindow()">
               <img src="https://landing-static.s3.eu-central-1.amazonaws.com/images/chat-icon.svg" alt="Chat Icon"> <!-- Update the path to your logo image -->
-              <span>Accorder le vin au dîner</span>
+              <span>${s.translate("chatButton")}</span>
           </div>
 
           <div id="chat-window" class="hidden">
@@ -394,33 +459,35 @@ function w() {
                   <span></span><span></span><span></span>
               </div>
               <div id="input-container">
-                  <input type="text" id="user-input" placeholder="ex., Salade de thon">
-                  <button id="send-button">Accorder</button>
+                  <input type="text" id="user-input" placeholder="${s.translate("inputPlaceholder")}">
+                  <button id="send-button">${s.translate("sendButton")}</button>
               </div>
           </div>
       </div>
-  `);
+  `;
+  document.body.insertAdjacentHTML("beforeend", n);
 }
-function x() {
+function w() {
   document.getElementById("close-btn").addEventListener("click", l);
 }
-function v() {
-  window.addEventListener("click", function(i) {
-    const e = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
-    !e.contains(i.target) && !t.contains(i.target) && (e.classList.remove("visible"), t.style.display = "flex");
+function x() {
+  window.addEventListener("click", function(n) {
+    const t = document.getElementById("chat-window"), e = document.getElementById("chat-icon");
+    !t.contains(n.target) && !e.contains(n.target) && (t.classList.remove("visible"), e.style.display = "flex");
   });
 }
-function d(i) {
-  console.log(i);
-  const e = document.getElementById("chat-icon"), t = document.getElementById("chat-window");
-  e.className = "", t.className = "", i === "right-center" ? (e.classList.add("chat-icon-right-center"), t.classList.add("right-center-aligned")) : e.classList.add("chat-icon-bottom-right");
+function d(n) {
+  console.log(n);
+  const t = document.getElementById("chat-icon"), e = document.getElementById("chat-window");
+  t.className = "", e.className = "", n === "right-center" ? (t.classList.add("chat-icon-right-center"), e.classList.add("right-center-aligned")) : t.classList.add("chat-icon-bottom-right");
 }
-typeof window < "u" && window.addEventListener("DOMContentLoaded", () => {
-  const e = ["climats", "telckel", "biobio", "weinpoint"].find((o) => window.location.href.includes(o)) || null;
-  w(), x(), v(), d(e && e === "biobio" ? "right-center" : "bottom-right"), new y().initialize();
+typeof window < "u" && window.addEventListener("DOMContentLoaded", async () => {
+  const t = ["climats", "telckel", "biobio", "weinpoint"].find((i) => window.location.href.includes(i)) || null;
+  let e;
+  t && (e = t.charAt(0).toUpperCase() + t.slice(1)), await s.fetchConfig(e || null), b(), w(), x(), d(t && t === "biobio" ? "right-center" : "bottom-right"), new y().initialize();
 });
 export {
-  m as closeChatWindow,
+  h as closeChatWindow,
   u as openChatWindow,
   l as toggleChatWindow
 };

package/dist/wineater-chatbot.umd.js

@@ -1,4 +1,4 @@
-(function(n,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(n=typeof globalThis<"u"?globalThis:n||self,s(n.WineaterChatbot={}))})(this,function(n){"use strict";var v=Object.defineProperty;var E=(n,s,r)=>s in n?v(n,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[s]=r;var u=(n,s,r)=>(E(n,typeof s!="symbol"?s+"":s,r),r);const s=`
+(function(a,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(a=typeof globalThis<"u"?globalThis:a||self,r(a.WineaterChatbot={}))})(this,function(a){"use strict";const r=`
 @font-face {
     font-family: 'Poppins';
     src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@@ -273,17 +273,17 @@
 .typing-indicator.visible {
     visibility: visible;
     height: 50px;
-}`,r=document.createElement("style");r.textContent=s,document.head.appendChild(r);function d(){const i=document.getElementById("chat-window"),t=document.getElementById("chat-icon");i.classList.contains("visible")?(i.classList.remove("visible"),t.style.display="flex"):(i.classList.add("visible"),t.style.display="none")}function c(){document.getElementById("chat-window").classList.remove("visible")}function l(){document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const m=["climats","telckel","biobio","weinpoint"];class f{constructor(t){this.apiEndpoint=t||"https://api.wineater.com/dish/recommendations",this.store=m.find(e=>window.location.href.includes(e)),console.log(this.store)}async getWineRecommendations(t){console.log(window.location.href);try{const e=await fetch(this.apiEndpoint,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({text:t,store:this.store?this.store.toString().charAt(0).toUpperCase()+this.store.slice(1):void 0})}),o=await e.json();if(!e.ok)throw new Error(`API call failed with status ${e.status}: ${o.message||"No additional error information"}`);return o}catch(e){throw console.error("Fetching wine recommendations failed:",e.message),new Error(`Error in getWineRecommendations: ${e.message}`)}}}class b{constructor(){u(this,"welcomeMessage","Sublimez votre expérience gastronomique. Il vous suffit de donner les détails de votre plat, et obtenez la recommandation de compagnon de vin idéale. Que voulez-vous manger?");this.api=new f,this.displayFirstMessage(this.welcomeMessage)}initialize(){document.getElementById("send-button").addEventListener("click",()=>this.handleUserInput()),document.getElementById("user-input").addEventListener("keypress",o=>{o.key==="Enter"&&this.handleUserInput()})}displayFirstMessage(t,e="api"){const o=document.getElementById("message-container"),a=document.createElement("div");a.className=`message ${e}`,a.textContent=t,o.appendChild(a),o.scrollTop=o.scrollHeight}async handleUserInput(){const t=document.getElementById("user-input"),e=t.value.trim();if(e){this.displayMessage(e,"user"),t.value="",this.showTypingIndicator();try{const o=await this.api.getWineRecommendations(e);this.hideTypingIndicator(),o&&o.length?this.displayResults(o):this.displayMessage("No results found.","api")}catch(o){this.hideTypingIndicator(),console.error("Error fetching wine recommendations:",o),this.displayMessage("Sorry, something went wrong.","api")}}}showTypingIndicator(){document.getElementById("typing-indicator").classList.add("visible")}hideTypingIndicator(){document.getElementById("typing-indicator").classList.remove("visible")}displayMessage(t,e){const o=document.getElementById("message-container"),a=document.createElement("div");a.textContent=t,a.className="message "+e,o.appendChild(a),o.scrollTop=o.scrollHeight}displayResults(t){const e=document.getElementById("message-container");t.forEach(o=>{const a=document.createElement("div");a.className="wine-item";const g=document.createElement("img");g.src=o.Image,a.appendChild(g);const h=document.createElement("div");h.innerHTML=`
-                <strong>${o.Title}</strong><br>
-                Prix: ${o.Price}<br>
-                Région: ${o.Region}<br>
-                Type: ${o.Type}<br>
-                <a href="${o.Url}" target="_blank">Plus d'infos</a>
-            `,a.appendChild(h),e.appendChild(a)}),e.scrollTop=e.scrollHeight}}document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=d,window.closeChatWindow=c,window.openChatWindow=l});function y(){document.body.insertAdjacentHTML("beforeend",`
+}`,c=document.createElement("style");c.textContent=r,document.head.appendChild(c);function d(){const n=document.getElementById("chat-window"),t=document.getElementById("chat-icon");n.classList.contains("visible")?(n.classList.remove("visible"),t.style.display="flex"):(n.classList.add("visible"),t.style.display="none")}function l(){document.getElementById("chat-window").classList.remove("visible")}function p(){document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const f=["climats","telckel","biobio","weinpoint"];class g{constructor(t){this.baseURL="https://api.wineater.com/",this.store=f.find(e=>window.location.href.includes(e)),console.log(this.store)}async getStoreConfig(t){console.log(t);try{const e=await fetch(`${this.baseURL}stores/store`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({store:t})});if(!e.ok)throw new Error(`HTTP error! Status: ${e.status}`);return await e.json()}catch(e){throw console.error("Error fetching store configuration:",e),e}}async getWineRecommendations(t){console.log(window.location.href);try{const e=await fetch(`${this.baseURL}dish/recommendations`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({text:t,store:this.store?this.store.toString().charAt(0).toUpperCase()+this.store.slice(1):void 0})}),o=await e.json();if(!e.ok)throw new Error(`API call failed with status ${e.status}: ${o.message||"No additional error information"}`);return o}catch(e){throw console.error("Fetching wine recommendations failed:",e.message),new Error(`Error in getWineRecommendations: ${e.message}`)}}}class y{constructor(){this.api=new g,this.language="en",this.translations={fr:{welcomeMessage:"Sublimez votre expérience gastronomique. Il vous suffit de donner les détails de votre plat, et obtenez la recommandation de compagnon de vin idéale. Que voulez-vous manger?",noResultsFound:"Aucun résultat trouvé.",somethingWentWrong:"Désolé, quelque chose a mal tourné.",chatButton:"Accorder le vin au dîner",inputPlaceholder:"ex., Salade de thon",sendButton:"Accorder",price:"Prix",region:"Région",type:"Type",moreInfo:"Plus d'infos"},es:{welcomeMessage:"Mejore su experiencia gastronómica. Solo proporcione los detalles de su plato y obtenga la recomendación de vino ideal. ¿Qué le gustaría comer?",noResultsFound:"No se encontraron resultados.",somethingWentWrong:"Lo sentimos, algo salió mal.",chatButton:"Maridar vino con cena",inputPlaceholder:"ej., Ensalada de atún",sendButton:"Maridar",price:"Precio",region:"Región",type:"Tipo",moreInfo:"Más info"},en:{welcomeMessage:"Enhance your dining experience. Just provide your dish details and get the ideal wine pairing. What would you like to eat?",noResultsFound:"No results found.",somethingWentWrong:"Sorry, something went wrong.",chatButton:"Pair wine with dinner",inputPlaceholder:"e.g., Tuna Salad",sendButton:"Pair",price:"Price",region:"Region",type:"Type",moreInfo:"More info"}}}async fetchConfig(t){if(t){const e=await this.api.getStoreConfig(t);this.language=e.lang}}translate(t){return this.translations[this.language][t]||t}}const s=new y;class b{constructor(){this.api=new g,this.displayFirstMessage(s.translate("welcomeMessage"))}initialize(){document.getElementById("send-button").addEventListener("click",()=>this.handleUserInput()),document.getElementById("user-input").addEventListener("keypress",o=>{o.key==="Enter"&&this.handleUserInput()})}displayFirstMessage(t,e="api"){const o=document.getElementById("message-container"),i=document.createElement("div");i.className=`message ${e}`,i.textContent=t,o.appendChild(i),o.scrollTop=o.scrollHeight}async handleUserInput(){const t=document.getElementById("user-input"),e=t.value.trim();if(e){this.displayMessage(e,"user"),t.value="",this.showTypingIndicator();try{const o=await this.api.getWineRecommendations(e);this.hideTypingIndicator(),o&&o.length?this.displayResults(o):this.displayMessage("No results found.","api")}catch{this.hideTypingIndicator(),this.displayMessage(s.translate("somethingWentWrong"),"api")}}}showTypingIndicator(){document.getElementById("typing-indicator").classList.add("visible")}hideTypingIndicator(){document.getElementById("typing-indicator").classList.remove("visible")}displayMessage(t,e){const o=document.getElementById("message-container"),i=document.createElement("div");i.textContent=t,i.className="message "+e,o.appendChild(i),o.scrollTop=o.scrollHeight}displayResults(t){const e=document.getElementById("message-container");t.forEach(o=>{const i=document.createElement("div");i.className="wine-item";const u=document.createElement("img");u.src=o.Image,i.appendChild(u);const m=document.createElement("div");m.innerHTML=`
+            <strong>${o.Title}</strong><br>
+            ${s.translate("price")}: ${o.Price}<br>
+            ${s.translate("region")}: ${o.Region}<br>
+            ${s.translate("type")}: ${o.Type}<br>
+            <a href="${o.Url}" target="_blank">${s.translate("moreInfo")}</a>
+            `,i.appendChild(m),e.appendChild(i)}),e.scrollTop=e.scrollHeight}}document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=d,window.closeChatWindow=l,window.openChatWindow=p});function w(){const n=`
       <div id="chatbot-container">
           <div id="chat-icon" onclick="toggleChatWindow()">
               <img src="https://landing-static.s3.eu-central-1.amazonaws.com/images/chat-icon.svg" alt="Chat Icon"> <!-- Update the path to your logo image -->
-              <span>Accorder le vin au dîner</span>
+              <span>${s.translate("chatButton")}</span>
           </div>
 
           <div id="chat-window" class="hidden">
@@ -300,9 +300,9 @@
                   <span></span><span></span><span></span>
               </div>
               <div id="input-container">
-                  <input type="text" id="user-input" placeholder="ex., Salade de thon">
-                  <button id="send-button">Accorder</button>
+                  <input type="text" id="user-input" placeholder="${s.translate("inputPlaceholder")}">
+                  <button id="send-button">${s.translate("sendButton")}</button>
               </div>
           </div>
       </div>
-  `)}function w(){document.getElementById("close-btn").addEventListener("click",d)}function x(){window.addEventListener("click",function(i){const t=document.getElementById("chat-window"),e=document.getElementById("chat-icon");!t.contains(i.target)&&!e.contains(i.target)&&(t.classList.remove("visible"),e.style.display="flex")})}function p(i){console.log(i);const t=document.getElementById("chat-icon"),e=document.getElementById("chat-window");t.className="",e.className="",i==="right-center"?(t.classList.add("chat-icon-right-center"),e.classList.add("right-center-aligned")):t.classList.add("chat-icon-bottom-right")}typeof window<"u"&&window.addEventListener("DOMContentLoaded",()=>{const t=["climats","telckel","biobio","weinpoint"].find(o=>window.location.href.includes(o))||null;y(),w(),x(),p(t&&t==="biobio"?"right-center":"bottom-right"),new b().initialize()}),n.closeChatWindow=c,n.openChatWindow=l,n.toggleChatWindow=d,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+  `;document.body.insertAdjacentHTML("beforeend",n)}function x(){document.getElementById("close-btn").addEventListener("click",d)}function v(){window.addEventListener("click",function(n){const t=document.getElementById("chat-window"),e=document.getElementById("chat-icon");!t.contains(n.target)&&!e.contains(n.target)&&(t.classList.remove("visible"),e.style.display="flex")})}function h(n){console.log(n);const t=document.getElementById("chat-icon"),e=document.getElementById("chat-window");t.className="",e.className="",n==="right-center"?(t.classList.add("chat-icon-right-center"),e.classList.add("right-center-aligned")):t.classList.add("chat-icon-bottom-right")}typeof window<"u"&&window.addEventListener("DOMContentLoaded",async()=>{const t=["climats","telckel","biobio","weinpoint"].find(i=>window.location.href.includes(i))||null;let e;t&&(e=t.charAt(0).toUpperCase()+t.slice(1)),await s.fetchConfig(e||null),w(),x(),v(),h(t&&t==="biobio"?"right-center":"bottom-right"),new b().initialize()}),a.closeChatWindow=l,a.openChatWindow=p,a.toggleChatWindow=d,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wineater-bot",
-  "version": "1.1.8",
+  "version": "1.2.1",
   "description": "",
   "main": "dist/index.js",
   "module": "src/index.js",

package/src/index.js

@@ -7,6 +7,7 @@ import './js/styles.js';
 import { toggleChatWindow, closeChatWindow, openChatWindow } from './js/ui.js';
 import { Chatbot } from  './js/chatbot.js';
 import './js/api.js';
+import translator from './js/i18n.js';
 
 document.addEventListener('DOMContentLoaded', () => {
     // Attach any necessary initialization code here
@@ -14,7 +15,6 @@ document.addEventListener('DOMContentLoaded', () => {
     window.toggleChatWindow = toggleChatWindow;
     window.closeChatWindow = closeChatWindow;
     window.openChatWindow = openChatWindow;
-    
 });
 
 export {
@@ -28,7 +28,7 @@ function createChatbotUI() {
       <div id="chatbot-container">
           <div id="chat-icon" onclick="toggleChatWindow()">
               <img src="https://landing-static.s3.eu-central-1.amazonaws.com/images/chat-icon.svg" alt="Chat Icon"> <!-- Update the path to your logo image -->
-              <span>Accorder le vin au dîner</span>
+              <span>${translator.translate('chatButton')}</span>
           </div>
 
           <div id="chat-window" class="hidden">
@@ -45,8 +45,8 @@ function createChatbotUI() {
                   <span></span><span></span><span></span>
               </div>
               <div id="input-container">
-                  <input type="text" id="user-input" placeholder="ex., Salade de thon">
-                  <button id="send-button">Accorder</button>
+                  <input type="text" id="user-input" placeholder="${translator.translate('inputPlaceholder')}">
+                  <button id="send-button">${translator.translate('sendButton')}</button>
               </div>
           </div>
       </div>
@@ -91,9 +91,14 @@ function toggleChatIconPosition(position) {
 
 // If you want to initialize your chatbot automatically when the script is loaded
 if (typeof window !== 'undefined') {
-  window.addEventListener('DOMContentLoaded', () => {
+  window.addEventListener('DOMContentLoaded', async () => {
     const stores = ['climats', 'telckel', 'biobio', 'weinpoint'];
     const store = stores.find(value => window.location.href.includes(value)) || null;
+    let capitalizeStore;
+    if (store) {
+      capitalizeStore = store.charAt(0).toUpperCase() + store.slice(1)
+    }
+    await translator.fetchConfig(capitalizeStore || null); 
     createChatbotUI(); // Create the UI
     setupCloseButton();
     setupOutsideClick();
@@ -101,7 +106,7 @@ if (typeof window !== 'undefined') {
       toggleChatIconPosition('right-center');
     } else {
       toggleChatIconPosition('bottom-right');
-    }
+    }    
     const myChatbot = new Chatbot();
     myChatbot.initialize();
   });

package/src/js/api.js

@@ -5,15 +5,33 @@ const stores = ['climats', 'telckel', 'biobio', 'weinpoint'];
 export class Api {
     constructor(apiEndpoint) {
         // Allow users of the library to specify their own endpoint if needed
-        this.apiEndpoint = apiEndpoint || 'https://api.wineater.com/dish/recommendations';
+        this.baseURL = 'https://api.wineater.com/';
         this.store = stores.find(value => window.location.href.includes(value));
         console.log(this.store);
     }
 
+    async getStoreConfig(storeName) {
+        console.log(storeName);
+        try {
+            const response = await fetch(`${this.baseURL}stores/store`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ store: storeName })
+            });
+            if (!response.ok) throw new Error(`HTTP error! Status: ${response.status}`);
+            return await response.json();
+        } catch (error) {
+            console.error('Error fetching store configuration:', error);
+            throw error;
+        }
+    }
+
     async getWineRecommendations(text) {
         console.log(window.location.href);
         try {
-            const response = await fetch(this.apiEndpoint, {
+            const response = await fetch(`${this.baseURL}dish/recommendations`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json'

package/src/js/chatbot.js

@@ -1,14 +1,13 @@
 // chatbot.js
 import { Api } from './api.js';
+import translator from './i18n.js';
 
 export class Chatbot {
     constructor() {
         this.api = new Api(); // Instantiate the Api class
-        this.displayFirstMessage(this.welcomeMessage);
+        this.displayFirstMessage(translator.translate('welcomeMessage'));
     }
 
-    welcomeMessage = "Sublimez votre expérience gastronomique. Il vous suffit de donner les détails de votre plat, et obtenez la recommandation de compagnon de vin idéale. Que voulez-vous manger?";
-
     initialize() {
         // Attach event listeners
         const sendButton = document.getElementById('send-button');
@@ -58,8 +57,7 @@ export class Chatbot {
             // Hide the loader
             this.hideTypingIndicator();
             
-            console.error('Error fetching wine recommendations:', error);
-            this.displayMessage('Sorry, something went wrong.', 'api');
+            this.displayMessage(translator.translate('somethingWentWrong'), 'api');
         }
     }
 
@@ -94,11 +92,11 @@ export class Chatbot {
 
             const contentDiv = document.createElement('div');
             contentDiv.innerHTML = `
-                <strong>${wine.Title}</strong><br>
-                Prix: ${wine.Price}<br>
-                Région: ${wine.Region}<br>
-                Type: ${wine.Type}<br>
-                <a href="${wine.Url}" target="_blank">Plus d'infos</a>
+            <strong>${wine.Title}</strong><br>
+            ${translator.translate('price')}: ${wine.Price}<br>
+            ${translator.translate('region')}: ${wine.Region}<br>
+            ${translator.translate('type')}: ${wine.Type}<br>
+            <a href="${wine.Url}" target="_blank">${translator.translate('moreInfo')}</a>
             `;
             wineDiv.appendChild(contentDiv);
 

package/src/js/i18n.js

@@ -0,0 +1,59 @@
+import { Api } from './api.js';
+
+class Translator {
+    constructor() {
+        this.api = new Api();
+        this.language = 'en'; // Default to French
+        this.translations = {
+            fr: {
+                welcomeMessage: "Sublimez votre expérience gastronomique. Il vous suffit de donner les détails de votre plat, et obtenez la recommandation de compagnon de vin idéale. Que voulez-vous manger?",
+                noResultsFound: "Aucun résultat trouvé.",
+                somethingWentWrong: "Désolé, quelque chose a mal tourné.",
+                chatButton: "Accorder le vin au dîner",
+                inputPlaceholder: "ex., Salade de thon",
+                sendButton: "Accorder",
+                price: "Prix",
+                region: "Région",
+                type: "Type",
+                moreInfo: "Plus d'infos"
+            },
+            es: {
+                welcomeMessage: "Mejore su experiencia gastronómica. Solo proporcione los detalles de su plato y obtenga la recomendación de vino ideal. ¿Qué le gustaría comer?",
+                noResultsFound: "No se encontraron resultados.",
+                somethingWentWrong: "Lo sentimos, algo salió mal.",
+                chatButton: "Maridar vino con cena",
+                inputPlaceholder: "ej., Ensalada de atún",
+                sendButton: "Maridar",
+                price: "Precio",
+                region: "Región",
+                type: "Tipo",
+                moreInfo: "Más info"
+            },
+            en: {
+                welcomeMessage: "Enhance your dining experience. Just provide your dish details and get the ideal wine pairing. What would you like to eat?",
+                noResultsFound: "No results found.",
+                somethingWentWrong: "Sorry, something went wrong.",
+                chatButton: "Pair wine with dinner",
+                inputPlaceholder: "e.g., Tuna Salad",
+                sendButton: "Pair",
+                price: "Price",
+                region: "Region",
+                type: "Type",
+                moreInfo: "More info"
+            }
+        };
+    }
+
+    async fetchConfig(storeName) {
+        if (storeName) {
+            const config = await this.api.getStoreConfig(storeName);
+            this.language = config.lang;
+        }
+    }
+
+    translate(key) {
+        return this.translations[this.language][key] || key;
+    }
+}
+
+export default new Translator();