wineater-bot 1.5.8 → 1.5.10

package/dist/wineater-chatbot.mjs

@@ -190,6 +190,10 @@ const f = `
     background: white; /* White background for wine items */
 }
 
+.wine-item a {
+    color: #7E27ED;
+}
+
 .wine-item img {
     width: 80px; /* Smaller wine image size */
     height: auto;
@@ -276,29 +280,33 @@ const f = `
 }`, p = document.createElement("style");
 p.textContent = f;
 document.head.appendChild(p);
-function b(n, e, t) {
-  let o = "";
-  if (t) {
+function b(o, t, e) {
+  let n = "";
+  if (e) {
     const i = /* @__PURE__ */ new Date();
-    i.setTime(i.getTime() + t * 24 * 60 * 60 * 1e3), o = "; expires=" + i.toUTCString();
+    i.setTime(i.getTime() + e * 24 * 60 * 60 * 1e3), n = "; expires=" + i.toUTCString();
   }
-  document.cookie = n + "=" + (e || "") + o + "; path=/; secure; samesite=strict";
+  document.cookie = o + "=" + (t || "") + n + "; path=/; secure; samesite=strict";
 }
-function r(n) {
-  const t = `; ${document.cookie}`.split(`; ${n}=`);
-  if (t.length === 2)
-    return t.pop().split(";").shift();
+function r(o) {
+  const e = `; ${document.cookie}`.split(`; ${o}=`);
+  if (e.length === 2)
+    return e.pop().split(";").shift();
 }
-function d(n, e) {
-  const t = "6f3d90d5b02720f58de3663e3ef675fe", o = "https://api.mixpanel.com/track", i = [{
-    event: n,
+function d(o, t) {
+  const e = "6f3d90d5b02720f58de3663e3ef675fe", n = "https://api.mixpanel.com/track", i = [{
+    event: o,
     properties: {
-      token: t,
-      ...e
+      token: e,
+      ...t
     }
   }];
-  fetch(o, {
+  fetch(n, {
     method: "POST",
+    headers: {
+      accept: "text/plain",
+      "content-type": "application/json"
+    },
     body: JSON.stringify(i)
   }).then((s) => {
     s.ok || console.error("Mixpanel tracking failed", s);
@@ -306,78 +314,78 @@ function d(n, e) {
     console.error("Mixpanel tracking error", s);
   });
 }
-function g() {
+function h() {
   d("Chatbot Opened", { distinct_id: r("chatbotToken") });
 }
-function h() {
+function g() {
   d("Chatbot Closed", { distinct_id: r("chatbotToken") });
 }
-function y(n) {
-  d("Message Sent", { distinct_id: r("chatbotToken"), message_content: n });
+function y(o) {
+  d("Message Sent", { distinct_id: r("chatbotToken"), message_content: o });
 }
-function w(n) {
-  d("Message Sent", { distinct_id: r("chatbotToken"), products: n });
+function w(o) {
+  d("Message Sent", { distinct_id: r("chatbotToken"), products: o });
 }
-function x(n) {
-  d("Product Clicked", { distinct_id: r("chatbotToken"), product_id: n });
+function x(o) {
+  d("Product Clicked", { distinct_id: r("chatbotToken"), product_id: o });
 }
 function u() {
-  const n = document.getElementById("chat-window"), e = document.getElementById("chat-icon");
-  n.classList.contains("visible") ? (h(), n.classList.remove("visible"), e.style.display = "flex") : (g(), n.classList.add("visible"), e.style.display = "none");
+  const o = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
+  o.classList.contains("visible") ? (g(), o.classList.remove("visible"), t.style.display = "flex") : (h(), o.classList.add("visible"), t.style.display = "none");
 }
 function v() {
-  h(), document.getElementById("chat-window").classList.remove("visible");
+  g(), document.getElementById("chat-window").classList.remove("visible");
 }
 function k() {
-  g(), document.getElementById("chat-window").classList.add("visible");
+  h(), document.getElementById("chat-window").classList.add("visible");
 }
 document.addEventListener("DOMContentLoaded", () => {
   setupCloseButton(), setupOutsideClick();
 });
-const C = ["climats", "telckel", "biobio", "weinpoint"], E = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
+const E = ["climats", "telckel", "biobio", "weinpoint"], I = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
 class m {
-  constructor(e) {
-    var t;
-    this.baseURL = "https://api.wineater.com/", this.store = C.find((o) => window.location.href.includes(o)), this.token = ((t = window == null ? void 0 : window.wineaterData) == null ? void 0 : t.CLIENT_TOKEN) || E;
+  constructor(t) {
+    var e;
+    this.baseURL = "https://api.wineater.com/", this.store = E.find((n) => window.location.href.includes(n)), this.token = ((e = window == null ? void 0 : window.wineaterData) == null ? void 0 : e.CLIENT_TOKEN) || I;
   }
-  async getStoreConfig(e) {
-    console.log(e);
+  async getStoreConfig(t) {
+    console.log(t);
     try {
-      const t = await fetch(`${this.baseURL}stores/store`, {
+      const e = await fetch(`${this.baseURL}stores/store`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.token}`
         },
-        body: JSON.stringify({ store: e })
+        body: JSON.stringify({ store: t })
       });
-      if (!t.ok)
-        throw new Error(`HTTP error! Status: ${t.status}`);
-      return await t.json();
-    } catch (t) {
-      throw console.error("Error fetching store configuration:", t), 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(e) {
+  async getWineRecommendations(t) {
     console.log(window.location.href);
     try {
-      const t = await fetch(`${this.baseURL}dish/recommendations`, {
+      const e = await fetch(`${this.baseURL}dish/recommendations`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.token}`
         },
-        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"}`);
-      return o;
-    } catch (t) {
-      throw console.error("Fetching wine recommendations failed:", t.message), new Error(`Error in getWineRecommendations: ${t.message}`);
+        body: JSON.stringify({ text: t, store: this.store ? this.store.toString().charAt(0).toUpperCase() + this.store.slice(1) : void 0 })
+      }), n = await e.json();
+      if (!e.ok)
+        throw new Error(`API call failed with status ${e.status}: ${n.message || "No additional error information"}`);
+      return n;
+    } catch (e) {
+      throw console.error("Fetching wine recommendations failed:", e.message), new Error(`Error in getWineRecommendations: ${e.message}`);
     }
   }
 }
-class I {
+class C {
   constructor() {
     this.api = new m(), this.language = "en", this.translations = {
       fr: {
@@ -392,6 +400,18 @@ class I {
         type: "Type",
         moreInfo: "Plus d'infos"
       },
+      de: {
+        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.",
@@ -415,41 +435,53 @@ class I {
         region: "Region",
         type: "Type",
         moreInfo: "More info"
+      },
+      de: {
+        welcomeMessage: "Verbessern Sie Ihr kulinarisches Erlebnis. Geben Sie einfach die Details Ihres Gerichts an und erhalten Sie die ideale Weinempfehlung. Was möchten Sie essen?",
+        noResultsFound: "Keine Ergebnisse gefunden.",
+        somethingWentWrong: "Entschuldigung, etwas ist schief gelaufen.",
+        chatButton: "Wein zum Abendessen kombinieren",
+        inputPlaceholder: "z.B., Thunfischsalat",
+        sendButton: "Kombinieren",
+        price: "Preis",
+        region: "Region",
+        type: "Typ",
+        moreInfo: "Mehr Info"
       }
     };
   }
-  async fetchConfig(e) {
-    if (e) {
-      const t = await this.api.getStoreConfig(e);
-      this.language = t.lang;
+  async fetchConfig(t) {
+    if (t) {
+      const e = await this.api.getStoreConfig(t);
+      this.language = e.lang;
     }
   }
-  translate(e) {
-    return this.translations[this.language][e] || e;
+  translate(t) {
+    return this.translations[this.language][t] || t;
   }
 }
-const a = new I();
+const a = new C();
 class T {
   constructor() {
     this.api = new m(), this.displayFirstMessage(a.translate("welcomeMessage"));
   }
   initialize() {
-    document.getElementById("send-button").addEventListener("click", () => this.handleUserInput()), document.getElementById("user-input").addEventListener("keypress", (o) => {
-      o.key === "Enter" && this.handleUserInput();
+    document.getElementById("send-button").addEventListener("click", () => this.handleUserInput()), document.getElementById("user-input").addEventListener("keypress", (n) => {
+      n.key === "Enter" && this.handleUserInput();
     });
   }
-  displayFirstMessage(e, t = "api") {
-    const o = document.getElementById("message-container"), i = document.createElement("div");
-    i.className = `message ${t}`, i.textContent = e, o.appendChild(i), o.scrollTop = o.scrollHeight;
+  displayFirstMessage(t, e = "api") {
+    const n = document.getElementById("message-container"), i = document.createElement("div");
+    i.className = `message ${e}`, i.textContent = t, n.appendChild(i), n.scrollTop = n.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 {
-        y(t);
-        const o = await this.api.getWineRecommendations(t);
-        this.hideTypingIndicator(), o && o.length ? this.displayResults(o) : this.displayMessage("No results found.", "api");
+        y(e);
+        const n = await this.api.getWineRecommendations(e);
+        this.hideTypingIndicator(), n && n.length ? this.displayResults(n) : this.displayMessage("No results found.", "api");
       } catch {
         this.hideTypingIndicator(), this.displayMessage(a.translate("somethingWentWrong"), "api");
       }
@@ -461,37 +493,37 @@ class T {
   hideTypingIndicator() {
     document.getElementById("typing-indicator").classList.remove("visible");
   }
-  displayMessage(e, t) {
-    const o = document.getElementById("message-container"), i = document.createElement("div");
-    i.textContent = e, i.className = "message " + t, o.appendChild(i), o.scrollTop = o.scrollHeight;
+  displayMessage(t, e) {
+    const n = document.getElementById("message-container"), i = document.createElement("div");
+    i.textContent = t, i.className = "message " + e, n.appendChild(i), n.scrollTop = n.scrollHeight;
   }
-  sendAnalytics(e) {
-    x(e);
+  sendAnalytics(t) {
+    x(t);
   }
-  displayResults(e) {
-    const t = document.getElementById("message-container");
-    w(e.map((o) => o.Title)), e.forEach((o) => {
+  displayResults(t) {
+    const e = document.getElementById("message-container");
+    w(t.map((n) => n.Title)), t.forEach((n) => {
       const i = document.createElement("div");
       i.className = "wine-item";
       const s = document.createElement("img");
-      s.src = o.Image, i.appendChild(s);
+      s.src = n.Image, i.appendChild(s);
       const c = document.createElement("div");
       c.innerHTML = `
-            <strong>${o.Title}</strong><br>
-            ${a.translate("price")}: ${o.Price}<br>
-            ${a.translate("region")}: ${o.Region}<br>
-            ${a.translate("type")}: ${o.Type}<br>
-            <a href="${o.Url}" onclick="sendAnalytics(${o.Title})" target="_blank">${a.translate("moreInfo")}</a>
-            `, i.appendChild(c), t.appendChild(i);
-    }), t.scrollTop = t.scrollHeight;
+            <strong>${n.Title}</strong><br>
+            ${a.translate("price")}: ${n.Price}<br>
+            ${a.translate("region")}: ${n.Region}<br>
+            ${a.translate("type")}: ${n.Type}<br>
+            <a href="${n.Url}" onclick="sendAnalytics(${n.Title})" target="_blank">${a.translate("moreInfo")}</a>
+            `, i.appendChild(c), e.appendChild(i);
+    }), e.scrollTop = e.scrollHeight;
   }
 }
 const B = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
 document.addEventListener("DOMContentLoaded", () => {
   window.toggleChatWindow = u, window.closeChatWindow = v, window.openChatWindow = k;
 });
-function L() {
-  const n = `
+function W() {
+  const o = `
       <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 -->
@@ -518,30 +550,30 @@ function L() {
           </div>
       </div>
   `;
-  document.body.insertAdjacentHTML("beforeend", n);
+  document.body.insertAdjacentHTML("beforeend", o);
 }
 function P() {
   document.getElementById("close-btn").addEventListener("click", u);
 }
-function W() {
-  window.addEventListener("click", function(n) {
-    const e = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
-    !e.contains(n.target) && !t.contains(n.target) && (e.classList.remove("visible"), t.style.display = "flex");
+function L() {
+  window.addEventListener("click", function(o) {
+    const t = document.getElementById("chat-window"), e = document.getElementById("chat-icon");
+    !t.contains(o.target) && !e.contains(o.target) && (t.classList.remove("visible"), e.style.display = "flex");
   });
 }
-function O(n) {
-  console.log(n);
-  const e = document.getElementById("chat-icon"), t = document.getElementById("chat-window");
-  e.className = "", t.className = "", n === "right-center" ? (e.classList.add("chat-icon-right-center"), t.classList.add("right-center-aligned")) : e.classList.add("chat-icon-bottom-right");
+function S(o) {
+  console.log(o);
+  const t = document.getElementById("chat-icon"), e = document.getElementById("chat-window");
+  t.className = "", e.className = "", o === "right-center" ? (t.classList.add("chat-icon-right-center"), e.classList.add("right-center-aligned")) : t.classList.add("chat-icon-bottom-right");
 }
 var l;
 if (typeof window < "u") {
-  const n = ((l = window.wineaterData) == null ? void 0 : l.POSITION) || "bottom-right";
+  const o = ((l = window.wineaterData) == null ? void 0 : l.POSITION) || "bottom-right";
   window.addEventListener("DOMContentLoaded", async () => {
     var s;
-    const t = ["climats", "telckel", "biobio", "weinpoint"].find((c) => window.location.href.includes(c)) || null;
-    let o;
-    t && (o = t.charAt(0).toUpperCase() + t.slice(1)), await a.fetchConfig(o || null), L(), P(), W(), O(n), b("chatbotToken", ((s = window.wineaterData) == null ? void 0 : s.CLIENT_TOKEN) || B, 365), new T().initialize();
+    const e = ["climats", "telckel", "biobio", "weinpoint"].find((c) => window.location.href.includes(c)) || null;
+    let n;
+    e && (n = e.charAt(0).toUpperCase() + e.slice(1)), await a.fetchConfig(n || null), W(), P(), L(), S(o), b("chatbotToken", ((s = window.wineaterData) == null ? void 0 : s.CLIENT_TOKEN) || B, 365), new T().initialize();
   });
 }
 export {

package/dist/wineater-chatbot.umd.js

@@ -190,6 +190,10 @@
     background: white; /* White background for wine items */
 }
 
+.wine-item a {
+    color: #7E27ED;
+}
+
 .wine-item img {
     width: 80px; /* Smaller wine image size */
     height: auto;
@@ -273,13 +277,13 @@
 .typing-indicator.visible {
     visibility: visible;
     height: 50px;
-}`,g=document.createElement("style");g.textContent=d,document.head.appendChild(g);function x(n,t,e){let o="";if(e){const i=new Date;i.setTime(i.getTime()+e*24*60*60*1e3),o="; expires="+i.toUTCString()}document.cookie=n+"="+(t||"")+o+"; path=/; secure; samesite=strict"}function c(n){const e=`; ${document.cookie}`.split(`; ${n}=`);if(e.length===2)return e.pop().split(";").shift()}function l(n,t){const e="6f3d90d5b02720f58de3663e3ef675fe",o="https://api.mixpanel.com/track",i=[{event:n,properties:{token:e,...t}}];fetch(o,{method:"POST",body:JSON.stringify(i)}).then(a=>{a.ok||console.error("Mixpanel tracking failed",a)}).catch(a=>{console.error("Mixpanel tracking error",a)})}function u(){l("Chatbot Opened",{distinct_id:c("chatbotToken")})}function m(){l("Chatbot Closed",{distinct_id:c("chatbotToken")})}function v(n){l("Message Sent",{distinct_id:c("chatbotToken"),message_content:n})}function k(n){l("Message Sent",{distinct_id:c("chatbotToken"),products:n})}function C(n){l("Product Clicked",{distinct_id:c("chatbotToken"),product_id:n})}function h(){const n=document.getElementById("chat-window"),t=document.getElementById("chat-icon");n.classList.contains("visible")?(m(),n.classList.remove("visible"),t.style.display="flex"):(u(),n.classList.add("visible"),t.style.display="none")}function f(){m(),document.getElementById("chat-window").classList.remove("visible")}function b(){u(),document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const E=["climats","telckel","biobio","weinpoint"],I="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";class y{constructor(t){var e;this.baseURL="https://api.wineater.com/",this.store=E.find(o=>window.location.href.includes(o)),this.token=((e=window==null?void 0:window.wineaterData)==null?void 0:e.CLIENT_TOKEN)||I}async getStoreConfig(t){console.log(t);try{const e=await fetch(`${this.baseURL}stores/store`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.token}`},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",Authorization:`Bearer ${this.token}`},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 T{constructor(){this.api=new y,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 T;class B{constructor(){this.api=new y,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{v(e);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}sendAnalytics(t){C(t)}displayResults(t){const e=document.getElementById("message-container");k(t.map(o=>o.Title)),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 p=document.createElement("div");p.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}" onclick="sendAnalytics(${o.Title})" target="_blank">${s.translate("moreInfo")}</a>
-            `,i.appendChild(p),e.appendChild(i)}),e.scrollTop=e.scrollHeight}}const L="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=h,window.closeChatWindow=f,window.openChatWindow=b});function W(){const n=`
+}`,g=document.createElement("style");g.textContent=d,document.head.appendChild(g);function x(o,t,e){let n="";if(e){const i=new Date;i.setTime(i.getTime()+e*24*60*60*1e3),n="; expires="+i.toUTCString()}document.cookie=o+"="+(t||"")+n+"; path=/; secure; samesite=strict"}function c(o){const e=`; ${document.cookie}`.split(`; ${o}=`);if(e.length===2)return e.pop().split(";").shift()}function l(o,t){const e="6f3d90d5b02720f58de3663e3ef675fe",n="https://api.mixpanel.com/track",i=[{event:o,properties:{token:e,...t}}];fetch(n,{method:"POST",headers:{accept:"text/plain","content-type":"application/json"},body:JSON.stringify(i)}).then(a=>{a.ok||console.error("Mixpanel tracking failed",a)}).catch(a=>{console.error("Mixpanel tracking error",a)})}function u(){l("Chatbot Opened",{distinct_id:c("chatbotToken")})}function m(){l("Chatbot Closed",{distinct_id:c("chatbotToken")})}function v(o){l("Message Sent",{distinct_id:c("chatbotToken"),message_content:o})}function k(o){l("Message Sent",{distinct_id:c("chatbotToken"),products:o})}function E(o){l("Product Clicked",{distinct_id:c("chatbotToken"),product_id:o})}function h(){const o=document.getElementById("chat-window"),t=document.getElementById("chat-icon");o.classList.contains("visible")?(m(),o.classList.remove("visible"),t.style.display="flex"):(u(),o.classList.add("visible"),t.style.display="none")}function f(){m(),document.getElementById("chat-window").classList.remove("visible")}function b(){u(),document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const C=["climats","telckel","biobio","weinpoint"],I="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";class y{constructor(t){var e;this.baseURL="https://api.wineater.com/",this.store=C.find(n=>window.location.href.includes(n)),this.token=((e=window==null?void 0:window.wineaterData)==null?void 0:e.CLIENT_TOKEN)||I}async getStoreConfig(t){console.log(t);try{const e=await fetch(`${this.baseURL}stores/store`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.token}`},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",Authorization:`Bearer ${this.token}`},body:JSON.stringify({text:t,store:this.store?this.store.toString().charAt(0).toUpperCase()+this.store.slice(1):void 0})}),n=await e.json();if(!e.ok)throw new Error(`API call failed with status ${e.status}: ${n.message||"No additional error information"}`);return n}catch(e){throw console.error("Fetching wine recommendations failed:",e.message),new Error(`Error in getWineRecommendations: ${e.message}`)}}}class T{constructor(){this.api=new y,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"},de:{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"},de:{welcomeMessage:"Verbessern Sie Ihr kulinarisches Erlebnis. Geben Sie einfach die Details Ihres Gerichts an und erhalten Sie die ideale Weinempfehlung. Was möchten Sie essen?",noResultsFound:"Keine Ergebnisse gefunden.",somethingWentWrong:"Entschuldigung, etwas ist schief gelaufen.",chatButton:"Wein zum Abendessen kombinieren",inputPlaceholder:"z.B., Thunfischsalat",sendButton:"Kombinieren",price:"Preis",region:"Region",type:"Typ",moreInfo:"Mehr 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 T;class W{constructor(){this.api=new y,this.displayFirstMessage(s.translate("welcomeMessage"))}initialize(){document.getElementById("send-button").addEventListener("click",()=>this.handleUserInput()),document.getElementById("user-input").addEventListener("keypress",n=>{n.key==="Enter"&&this.handleUserInput()})}displayFirstMessage(t,e="api"){const n=document.getElementById("message-container"),i=document.createElement("div");i.className=`message ${e}`,i.textContent=t,n.appendChild(i),n.scrollTop=n.scrollHeight}async handleUserInput(){const t=document.getElementById("user-input"),e=t.value.trim();if(e){this.displayMessage(e,"user"),t.value="",this.showTypingIndicator();try{v(e);const n=await this.api.getWineRecommendations(e);this.hideTypingIndicator(),n&&n.length?this.displayResults(n):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 n=document.getElementById("message-container"),i=document.createElement("div");i.textContent=t,i.className="message "+e,n.appendChild(i),n.scrollTop=n.scrollHeight}sendAnalytics(t){E(t)}displayResults(t){const e=document.getElementById("message-container");k(t.map(n=>n.Title)),t.forEach(n=>{const i=document.createElement("div");i.className="wine-item";const a=document.createElement("img");a.src=n.Image,i.appendChild(a);const p=document.createElement("div");p.innerHTML=`
+            <strong>${n.Title}</strong><br>
+            ${s.translate("price")}: ${n.Price}<br>
+            ${s.translate("region")}: ${n.Region}<br>
+            ${s.translate("type")}: ${n.Type}<br>
+            <a href="${n.Url}" onclick="sendAnalytics(${n.Title})" target="_blank">${s.translate("moreInfo")}</a>
+            `,i.appendChild(p),e.appendChild(i)}),e.scrollTop=e.scrollHeight}}const B="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=h,window.closeChatWindow=f,window.openChatWindow=b});function P(){const o=`
       <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 -->
@@ -305,4 +309,4 @@
               </div>
           </div>
       </div>
-  `;document.body.insertAdjacentHTML("beforeend",n)}function P(){document.getElementById("close-btn").addEventListener("click",h)}function O(){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 S(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")}if(typeof window<"u"){const n=((w=window.wineaterData)==null?void 0:w.POSITION)||"bottom-right";window.addEventListener("DOMContentLoaded",async()=>{var a;const e=["climats","telckel","biobio","weinpoint"].find(p=>window.location.href.includes(p))||null;let o;e&&(o=e.charAt(0).toUpperCase()+e.slice(1)),await s.fetchConfig(o||null),W(),P(),O(),S(n),x("chatbotToken",((a=window.wineaterData)==null?void 0:a.CLIENT_TOKEN)||L,365),new B().initialize()})}r.closeChatWindow=f,r.openChatWindow=b,r.toggleChatWindow=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+  `;document.body.insertAdjacentHTML("beforeend",o)}function L(){document.getElementById("close-btn").addEventListener("click",h)}function S(){window.addEventListener("click",function(o){const t=document.getElementById("chat-window"),e=document.getElementById("chat-icon");!t.contains(o.target)&&!e.contains(o.target)&&(t.classList.remove("visible"),e.style.display="flex")})}function O(o){console.log(o);const t=document.getElementById("chat-icon"),e=document.getElementById("chat-window");t.className="",e.className="",o==="right-center"?(t.classList.add("chat-icon-right-center"),e.classList.add("right-center-aligned")):t.classList.add("chat-icon-bottom-right")}if(typeof window<"u"){const o=((w=window.wineaterData)==null?void 0:w.POSITION)||"bottom-right";window.addEventListener("DOMContentLoaded",async()=>{var a;const e=["climats","telckel","biobio","weinpoint"].find(p=>window.location.href.includes(p))||null;let n;e&&(n=e.charAt(0).toUpperCase()+e.slice(1)),await s.fetchConfig(n||null),P(),L(),S(),O(o),x("chatbotToken",((a=window.wineaterData)==null?void 0:a.CLIENT_TOKEN)||B,365),new W().initialize()})}r.closeChatWindow=f,r.openChatWindow=b,r.toggleChatWindow=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

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

package/src/js/analytics.js

@@ -21,7 +21,7 @@ function setCookie(name, value, days) {
     const token = '6f3d90d5b02720f58de3663e3ef675fe'; // Замените на ваш Mixpanel токен
     const endpoint = 'https://api.mixpanel.com/track';
     const data = [{
-      event: event,
+      event,
       properties: {
         token: token,
         ...properties

package/src/js/i18n.js

@@ -17,6 +17,18 @@ class Translator {
                 type: "Type",
                 moreInfo: "Plus d'infos"
             },
+            de: {
+                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.",
@@ -40,7 +52,19 @@ class Translator {
                 region: "Region",
                 type: "Type",
                 moreInfo: "More info"
-            }
+            },
+            de: {
+                welcomeMessage: "Verbessern Sie Ihr kulinarisches Erlebnis. Geben Sie einfach die Details Ihres Gerichts an und erhalten Sie die ideale Weinempfehlung. Was möchten Sie essen?",
+                noResultsFound: "Keine Ergebnisse gefunden.",
+                somethingWentWrong: "Entschuldigung, etwas ist schief gelaufen.",
+                chatButton: "Wein zum Abendessen kombinieren",
+                inputPlaceholder: "z.B., Thunfischsalat",
+                sendButton: "Kombinieren",
+                price: "Preis",
+                region: "Region",
+                type: "Typ",
+                moreInfo: "Mehr Info"
+              }
         };
     }
 

package/src/js/styles.js

@@ -191,6 +191,10 @@ const css = `
     background: white; /* White background for wine items */
 }
 
+.wine-item a {
+    color: #7E27ED;
+}
+
 .wine-item img {
     width: 80px; /* Smaller wine image size */
     height: auto;