wineater-bot 1.5.1 → 1.5.3

package/dist/wineater-chatbot.mjs

@@ -276,25 +276,25 @@ const f = `
 }`, p = document.createElement("style");
 p.textContent = f;
 document.head.appendChild(p);
-function b(n, t, e) {
+function b(n, e, t) {
   let o = "";
-  if (e) {
+  if (t) {
     const i = /* @__PURE__ */ new Date();
-    i.setTime(i.getTime() + e * 24 * 60 * 60 * 1e3), o = "; expires=" + i.toUTCString();
+    i.setTime(i.getTime() + t * 24 * 60 * 60 * 1e3), o = "; expires=" + i.toUTCString();
   }
-  document.cookie = n + "=" + (t || "") + o + "; path=/; secure; samesite=strict";
+  document.cookie = n + "=" + (e || "") + o + "; path=/; secure; samesite=strict";
 }
 function r(n) {
-  const e = `; ${document.cookie}`.split(`; ${n}=`);
-  if (e.length === 2)
-    return e.pop().split(";").shift();
+  const t = `; ${document.cookie}`.split(`; ${n}=`);
+  if (t.length === 2)
+    return t.pop().split(";").shift();
 }
-function d(n, t) {
-  const e = "6f3d90d5b02720f58de3663e3ef675fe", o = "https://api-eu.mixpanel.com/track", i = {
+function d(n, e) {
+  const t = "6f3d90d5b02720f58de3663e3ef675fe", o = "https://api-eu.mixpanel.com/track", i = {
     event: n,
     properties: {
-      token: e,
-      ...t
+      token: t,
+      ...e
     }
   };
   fetch(o, {
@@ -322,8 +322,8 @@ function x(n) {
   d("Product Clicked", { distinct_id: r("chatbotToken"), product_id: n });
 }
 function u() {
-  const n = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
-  n.classList.contains("visible") ? (h(), n.classList.remove("visible"), t.style.display = "flex") : (g(), n.classList.add("visible"), t.style.display = "none");
+  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");
 }
 function v() {
   h(), document.getElementById("chat-window").classList.remove("visible");
@@ -336,44 +336,44 @@ document.addEventListener("DOMContentLoaded", () => {
 });
 const C = ["climats", "telckel", "biobio", "weinpoint"], E = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
 class m {
-  constructor(t) {
-    var e;
-    this.baseURL = "https://api.wineater.com/", this.store = C.find((o) => window.location.href.includes(o)), this.token = ((e = window == null ? void 0 : window.wineaterData) == null ? void 0 : e.CLIENT_TOKEN) || E;
+  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;
   }
-  async getStoreConfig(t) {
-    console.log(t);
+  async getStoreConfig(e) {
+    console.log(e);
     try {
-      const e = await fetch(`${this.baseURL}stores/store`, {
+      const t = await fetch(`${this.baseURL}stores/store`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.token}`
         },
-        body: JSON.stringify({ store: t })
+        body: JSON.stringify({ store: e })
       });
-      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;
+      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;
     }
   }
-  async getWineRecommendations(t) {
+  async getWineRecommendations(e) {
     console.log(window.location.href);
     try {
-      const e = await fetch(`${this.baseURL}dish/recommendations`, {
+      const t = 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"}`);
+        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 (e) {
-      throw console.error("Fetching wine recommendations failed:", e.message), new Error(`Error in getWineRecommendations: ${e.message}`);
+    } catch (t) {
+      throw console.error("Fetching wine recommendations failed:", t.message), new Error(`Error in getWineRecommendations: ${t.message}`);
     }
   }
 }
@@ -418,14 +418,14 @@ class I {
       }
     };
   }
-  async fetchConfig(t) {
-    if (t) {
-      const e = await this.api.getStoreConfig(t);
-      this.language = e.lang;
+  async fetchConfig(e) {
+    if (e) {
+      const t = await this.api.getStoreConfig(e);
+      this.language = t.lang;
     }
   }
-  translate(t) {
-    return this.translations[this.language][t] || t;
+  translate(e) {
+    return this.translations[this.language][e] || e;
   }
 }
 const a = new I();
@@ -438,17 +438,17 @@ class T {
       o.key === "Enter" && this.handleUserInput();
     });
   }
-  displayFirstMessage(t, e = "api") {
+  displayFirstMessage(e, t = "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;
+    i.className = `message ${t}`, i.textContent = e, 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();
+    const e = document.getElementById("user-input"), t = e.value.trim();
+    if (t) {
+      this.displayMessage(t, "user"), e.value = "", this.showTypingIndicator();
       try {
-        y(e);
-        const o = await this.api.getWineRecommendations(e);
+        y(t);
+        const o = await this.api.getWineRecommendations(t);
         this.hideTypingIndicator(), o && o.length ? this.displayResults(o) : this.displayMessage("No results found.", "api");
       } catch {
         this.hideTypingIndicator(), this.displayMessage(a.translate("somethingWentWrong"), "api");
@@ -461,16 +461,16 @@ class T {
   hideTypingIndicator() {
     document.getElementById("typing-indicator").classList.remove("visible");
   }
-  displayMessage(t, e) {
+  displayMessage(e, t) {
     const o = document.getElementById("message-container"), i = document.createElement("div");
-    i.textContent = t, i.className = "message " + e, o.appendChild(i), o.scrollTop = o.scrollHeight;
+    i.textContent = e, i.className = "message " + t, o.appendChild(i), o.scrollTop = o.scrollHeight;
   }
-  sendAnalytics(t) {
-    x(t);
+  sendAnalytics(e) {
+    x(e);
   }
-  displayResults(t) {
-    const e = document.getElementById("message-container");
-    w(t.map((o) => o.Title)), t.forEach((o) => {
+  displayResults(e) {
+    const t = document.getElementById("message-container");
+    w(e.map((o) => o.Title)), e.forEach((o) => {
       const i = document.createElement("div");
       i.className = "wine-item";
       const s = document.createElement("img");
@@ -482,14 +482,15 @@ class T {
             ${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), e.appendChild(i);
-    }), e.scrollTop = e.scrollHeight;
+            `, i.appendChild(c), t.appendChild(i);
+    }), t.scrollTop = t.scrollHeight;
   }
 }
+const B = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
 document.addEventListener("DOMContentLoaded", () => {
   window.toggleChatWindow = u, window.closeChatWindow = v, window.openChatWindow = k;
 });
-function B() {
+function L() {
   const n = `
       <div id="chatbot-container">
           <div id="chat-icon" onclick="toggleChatWindow()">
@@ -519,28 +520,28 @@ function B() {
   `;
   document.body.insertAdjacentHTML("beforeend", n);
 }
-function L() {
+function P() {
   document.getElementById("close-btn").addEventListener("click", u);
 }
-function P() {
+function W() {
   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");
+    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 W(n) {
+function O(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");
+  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");
 }
 var l;
 if (typeof window < "u") {
   const n = ((l = window.wineaterData) == null ? void 0 : l.POSITION) || "bottom-right";
   window.addEventListener("DOMContentLoaded", async () => {
     var s;
-    const e = ["climats", "telckel", "biobio", "weinpoint"].find((c) => window.location.href.includes(c)) || null;
+    const t = ["climats", "telckel", "biobio", "weinpoint"].find((c) => window.location.href.includes(c)) || null;
     let o;
-    e && (o = e.charAt(0).toUpperCase() + e.slice(1)), await a.fetchConfig(o || null), B(), L(), P(), W(n), b("chatbotToken", (s = window.wineaterData) == null ? void 0 : s.CLIENT_TOKEN, 365), new T().initialize();
+    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();
   });
 }
 export {

package/dist/wineater-chatbot.umd.js

@@ -279,7 +279,7 @@
             ${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}}document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=h,window.closeChatWindow=f,window.openChatWindow=b});function L(){const n=`
+            `,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=`
       <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 +305,4 @@
               </div>
           </div>
       </div>
-  `;document.body.insertAdjacentHTML("beforeend",n)}function W(){document.getElementById("close-btn").addEventListener("click",h)}function P(){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),L(),W(),P(),S(n),x("chatbotToken",(a=window.wineaterData)==null?void 0:a.CLIENT_TOKEN,365),new B().initialize()})}r.closeChatWindow=f,r.openChatWindow=b,r.toggleChatWindow=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+  `;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"})});

package/package.json

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

package/src/index.js

@@ -10,6 +10,9 @@ import { Chatbot } from  './js/chatbot.js';
 import './js/api.js';
 import translator from './js/i18n.js';
 
+const DEMO_TOKEN='OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL';
+
+
 document.addEventListener('DOMContentLoaded', () => {
     // Attach any necessary initialization code here
     // For example, expose functions to global scope if absolutely necessary
@@ -105,7 +108,7 @@ if (typeof window !== 'undefined') {
     setupCloseButton();
     setupOutsideClick();
     toggleChatIconPosition(position);
-    setCookie('chatbotToken', window.wineaterData?.CLIENT_TOKEN, 365);
+    setCookie('chatbotToken', window.wineaterData?.CLIENT_TOKEN || DEMO_TOKEN, 365);
     const myChatbot = new Chatbot();
     myChatbot.initialize();
   });