wineater-bot 1.6.1 → 1.7.0

package/dist/wineater-chatbot.mjs

@@ -282,35 +282,35 @@ g.textContent = b;
 document.head.appendChild(g);
 function y() {
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(o) {
-    const t = Math.random() * 16 | 0;
-    return (o === "x" ? t : t & 3 | 8).toString(16);
+    const e = Math.random() * 16 | 0;
+    return (o === "x" ? e : e & 3 | 8).toString(16);
   });
 }
-function h(o, t, e) {
+function h(o, e, t) {
   let n = "";
-  if (e) {
+  if (t) {
     const i = /* @__PURE__ */ new Date();
-    i.setTime(i.getTime() + e * 24 * 60 * 60 * 1e3), n = "; expires=" + i.toUTCString();
+    i.setTime(i.getTime() + t * 24 * 60 * 60 * 1e3), n = "; expires=" + i.toUTCString();
   }
-  document.cookie = o + "=" + (t || "") + n + "; path=/; secure; samesite=strict";
+  document.cookie = o + "=" + (e || "") + n + "; path=/; secure; samesite=strict";
 }
 function s(o) {
-  const t = o + "=", e = document.cookie.split(";");
-  for (let n = 0; n < e.length; n++) {
-    let i = e[n];
+  const e = o + "=", t = document.cookie.split(";");
+  for (let n = 0; n < t.length; n++) {
+    let i = t[n];
     for (; i.charAt(0) === " "; )
       i = i.substring(1, i.length);
-    if (i.indexOf(t) === 0)
-      return i.substring(t.length, i.length);
+    if (i.indexOf(e) === 0)
+      return i.substring(e.length, i.length);
   }
   return null;
 }
 function x() {
   const o = "uniqueUserID";
-  let t = s(o);
-  return t || (t = y(), h(o, t, 365)), t;
+  let e = s(o);
+  return e || (e = y(), h(o, e, 365)), e;
 }
-function d(o, t) {
+function d(o, e) {
   fetch("https://api.wineater.com/proxy/track", {
     method: "POST",
     headers: {
@@ -318,7 +318,7 @@ function d(o, t) {
     },
     body: JSON.stringify({
       event: o,
-      properties: t
+      properties: e
     })
   }).then((i) => {
     i.ok || console.error("Mixpanel tracking failed", i);
@@ -342,8 +342,8 @@ function k(o) {
   d("Product Clicked", { distinct_id: s("uniqueUserID"), product_id: o, client: s("chatbotToken") });
 }
 function m() {
-  const o = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
-  o.classList.contains("visible") ? (u(), o.classList.remove("visible"), t.style.display = "flex") : (p(), o.classList.add("visible"), t.style.display = "none");
+  const o = document.getElementById("chat-window"), e = document.getElementById("chat-icon");
+  o.classList.contains("visible") ? (u(), o.classList.remove("visible"), e.style.display = "flex") : (p(), o.classList.add("visible"), e.style.display = "none");
 }
 function I() {
   u(), document.getElementById("chat-window").classList.remove("visible");
@@ -356,44 +356,44 @@ document.addEventListener("DOMContentLoaded", () => {
 });
 const C = ["climats", "telckel", "biobio", "weinpoint", "vinigrandi"], T = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
 class f {
-  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) || T;
+  constructor(e) {
+    var t;
+    this.baseURL = "http://localhost:3000/", this.store = C.find((n) => window.location.href.includes(n)), this.token = ((t = window == null ? void 0 : window.wineaterData) == null ? void 0 : t.CLIENT_TOKEN) || T;
   }
-  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 })
-      }), n = await e.json();
-      if (!e.ok)
-        throw new Error(`API call failed with status ${e.status}: ${n.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 })
+      }), n = await t.json();
+      if (!t.ok)
+        throw new Error(`API call failed with status ${t.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}`);
+    } catch (t) {
+      throw console.error("Fetching wine recommendations failed:", t.message), new Error(`Error in getWineRecommendations: ${t.message}`);
     }
   }
 }
@@ -454,39 +454,41 @@ class B {
       }
     };
   }
-  async fetchConfig(t = "Demo") {
+  async fetchConfig(e = "Demo") {
     try {
-      const e = await this.api.getStoreConfig(t);
-      this.language = e.lang;
+      const t = await this.api.getStoreConfig(e);
+      this.language = t.lang;
     } catch {
       this.language = "en";
     }
   }
-  translate(t) {
-    return this.translations[this.language][t] || t;
+  translate(e) {
+    return this.translations[this.language][e] || e;
   }
 }
 const a = new B();
-class W {
+class S {
   constructor() {
-    this.api = new f(), this.displayFirstMessage(a.translate("welcomeMessage"));
+    this.api = new f();
+    const e = window.wineaterData.FIRST_MESSAGE_TEXT || a.translate("welcomeMessage");
+    this.displayFirstMessage(e);
   }
   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") {
+  displayFirstMessage(e, t = "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;
+    i.className = `message ${t}`, i.textContent = e, 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();
+    const e = document.getElementById("user-input"), t = e.value.trim();
+    if (t) {
+      this.displayMessage(t, "user"), e.value = "", this.showTypingIndicator();
       try {
-        w(e);
-        const n = await this.api.getWineRecommendations(e);
+        w(t);
+        const n = await this.api.getWineRecommendations(t);
         this.hideTypingIndicator(), n && n.length ? this.displayResults(n) : this.displayMessage("No results found.", "api");
       } catch {
         this.hideTypingIndicator(), this.displayMessage(a.translate("somethingWentWrong"), "api");
@@ -499,16 +501,16 @@ class W {
   hideTypingIndicator() {
     document.getElementById("typing-indicator").classList.remove("visible");
   }
-  displayMessage(t, e) {
+  displayMessage(e, t) {
     const n = document.getElementById("message-container"), i = document.createElement("div");
-    i.textContent = t, i.className = "message " + e, n.appendChild(i), n.scrollTop = n.scrollHeight;
+    i.textContent = e, i.className = "message " + t, n.appendChild(i), n.scrollTop = n.scrollHeight;
   }
-  sendAnalytics(t) {
-    k(t);
+  sendAnalytics(e) {
+    k(e);
   }
-  displayResults(t) {
-    const e = document.getElementById("message-container");
-    v(t.map((n) => n.Title)), t.forEach((n) => {
+  displayResults(e) {
+    const t = document.getElementById("message-container");
+    v(e.map((n) => n.Title)), e.forEach((n) => {
       const i = document.createElement("div");
       i.className = "wine-item";
       const r = document.createElement("img");
@@ -520,20 +522,20 @@ class W {
             ${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), this.displayFirstMessage(n.Reason);
-    }), e.scrollTop = e.scrollHeight;
+            `, i.appendChild(c), t.appendChild(i), this.displayFirstMessage(n.Reason);
+    }), t.scrollTop = t.scrollHeight;
   }
 }
-const L = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
+const W = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
 document.addEventListener("DOMContentLoaded", () => {
   window.toggleChatWindow = m, window.closeChatWindow = I, window.openChatWindow = E;
 });
-function P() {
-  const o = `
+function L() {
+  const e = `
       <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>${a.translate("chatButton")}</span>
+              <span>${window.wineaterData.BUTTON_TEXT || a.translate("chatButton")}</span>
           </div>
 
           <div id="chat-window" class="hidden">
@@ -558,30 +560,30 @@ function P() {
           </div>
       </div>
   `;
-  document.body.insertAdjacentHTML("beforeend", o);
+  document.body.insertAdjacentHTML("beforeend", e);
 }
-function S() {
+function P() {
   document.getElementById("close-btn").addEventListener("click", m);
 }
 function O() {
   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");
+    const e = document.getElementById("chat-window"), t = document.getElementById("chat-icon");
+    !e.contains(o.target) && !t.contains(o.target) && (e.classList.remove("visible"), t.style.display = "flex");
   });
 }
 function M(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");
+  const e = document.getElementById("chat-icon"), t = document.getElementById("chat-window");
+  e.className = "", t.className = "", o === "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") {
   let o = ((l = window.wineaterData) == null ? void 0 : l.POSITION) || "bottom-right";
   window.addEventListener("DOMContentLoaded", async () => {
     var r;
-    const e = ["climats", "telckel", "biobio", "weinpoint", "vinigrandi"].find((c) => window.location.href.includes(c)) || null;
+    const t = ["climats", "telckel", "biobio", "weinpoint", "vinigrandi"].find((c) => window.location.href.includes(c)) || null;
     let n;
-    e && (n = e.charAt(0).toUpperCase() + e.slice(1), n === "Biobio" && (o = "right-center")), await a.fetchConfig(n || "Demo"), P(), S(), O(), M(o), h("chatbotToken", ((r = window.wineaterData) == null ? void 0 : r.CLIENT_TOKEN) || L, 365), x(), new W().initialize();
+    t && (n = t.charAt(0).toUpperCase() + t.slice(1), n === "Biobio" && (o = "right-center")), await a.fetchConfig(n || "Demo"), L(), P(), O(), M(o), h("chatbotToken", ((r = window.wineaterData) == null ? void 0 : r.CLIENT_TOKEN) || W, 365), x(), new S().initialize();
   });
 }
 export {

package/dist/wineater-chatbot.umd.js

@@ -1,4 +1,4 @@
-(function(r,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(r=typeof globalThis<"u"?globalThis:r||self,d(r.WineaterChatbot={}))})(this,function(r){"use strict";var w;const d=`
+(function(r,d){typeof exports=="object"&&typeof module<"u"?d(exports):typeof define=="function"&&define.amd?define(["exports"],d):(r=typeof globalThis<"u"?globalThis:r||self,d(r.WineaterChatbot={}))})(this,function(r){"use strict";var x;const d=`
 @font-face {
     font-family: 'Poppins';
     src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@@ -277,17 +277,17 @@
 .typing-indicator.visible {
     visibility: visible;
     height: 50px;
-}`,p=document.createElement("style");p.textContent=d,document.head.appendChild(p);function v(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(o){const t=Math.random()*16|0;return(o==="x"?t:t&3|8).toString(16)})}function u(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 s(o){const t=o+"=",e=document.cookie.split(";");for(let n=0;n<e.length;n++){let i=e[n];for(;i.charAt(0)===" ";)i=i.substring(1,i.length);if(i.indexOf(t)===0)return i.substring(t.length,i.length)}return null}function k(){const o="uniqueUserID";let t=s(o);return t||(t=v(),u(o,t,365)),t}function c(o,t){fetch("https://api.wineater.com/proxy/track",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:o,properties:t})}).then(i=>{i.ok||console.error("Mixpanel tracking failed",i)}).catch(i=>{console.error("Mixpanel tracking error",i)})}function m(){c("Chatbot Opened",{distinct_id:s("uniqueUserID"),client:s("chatbotToken")})}function f(){c("Chatbot Closed",{distinct_id:s("uniqueUserID"),client:s("chatbotToken")})}function I(o){c("Message Sent",{distinct_id:s("uniqueUserID"),message_content:o,client:s("chatbotToken")})}function C(o){c("Products Got",{distinct_id:s("uniqueUserID"),products:o,client:s("chatbotToken")})}function E(o){c("Product Clicked",{distinct_id:s("uniqueUserID"),product_id:o,client:s("chatbotToken")})}function h(){const o=document.getElementById("chat-window"),t=document.getElementById("chat-icon");o.classList.contains("visible")?(f(),o.classList.remove("visible"),t.style.display="flex"):(m(),o.classList.add("visible"),t.style.display="none")}function b(){f(),document.getElementById("chat-window").classList.remove("visible")}function y(){m(),document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const T=["climats","telckel","biobio","weinpoint","vinigrandi"],B="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";class x{constructor(t){var e;this.baseURL="https://api.wineater.com/",this.store=T.find(n=>window.location.href.includes(n)),this.token=((e=window==null?void 0:window.wineaterData)==null?void 0:e.CLIENT_TOKEN)||B}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 W{constructor(){this.api=new x,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",reason:"Suggestion",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",reason:"Sugerencia",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",reason:"Suggestion",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",inputPlaceholder:"z.B., Thunfischsalat",sendButton:"Kombinieren",price:"Preis",region:"Region",type:"Typ",reason:"Anregung",moreInfo:"Mehr Info"}}}async fetchConfig(t="Demo"){try{const e=await this.api.getStoreConfig(t);this.language=e.lang}catch{this.language="en"}}translate(t){return this.translations[this.language][t]||t}}const a=new W;class L{constructor(){this.api=new x,this.displayFirstMessage(a.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{I(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")}}}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");C(t.map(n=>n.Title)),t.forEach(n=>{const i=document.createElement("div");i.className="wine-item";const l=document.createElement("img");l.src=n.Image,i.appendChild(l);const g=document.createElement("div");g.innerHTML=`
+}`,p=document.createElement("style");p.textContent=d,document.head.appendChild(p);function v(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(o){const e=Math.random()*16|0;return(o==="x"?e:e&3|8).toString(16)})}function u(o,e,t){let n="";if(t){const i=new Date;i.setTime(i.getTime()+t*24*60*60*1e3),n="; expires="+i.toUTCString()}document.cookie=o+"="+(e||"")+n+"; path=/; secure; samesite=strict"}function s(o){const e=o+"=",t=document.cookie.split(";");for(let n=0;n<t.length;n++){let i=t[n];for(;i.charAt(0)===" ";)i=i.substring(1,i.length);if(i.indexOf(e)===0)return i.substring(e.length,i.length)}return null}function k(){const o="uniqueUserID";let e=s(o);return e||(e=v(),u(o,e,365)),e}function c(o,e){fetch("https://api.wineater.com/proxy/track",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({event:o,properties:e})}).then(i=>{i.ok||console.error("Mixpanel tracking failed",i)}).catch(i=>{console.error("Mixpanel tracking error",i)})}function m(){c("Chatbot Opened",{distinct_id:s("uniqueUserID"),client:s("chatbotToken")})}function f(){c("Chatbot Closed",{distinct_id:s("uniqueUserID"),client:s("chatbotToken")})}function I(o){c("Message Sent",{distinct_id:s("uniqueUserID"),message_content:o,client:s("chatbotToken")})}function E(o){c("Products Got",{distinct_id:s("uniqueUserID"),products:o,client:s("chatbotToken")})}function C(o){c("Product Clicked",{distinct_id:s("uniqueUserID"),product_id:o,client:s("chatbotToken")})}function h(){const o=document.getElementById("chat-window"),e=document.getElementById("chat-icon");o.classList.contains("visible")?(f(),o.classList.remove("visible"),e.style.display="flex"):(m(),o.classList.add("visible"),e.style.display="none")}function b(){f(),document.getElementById("chat-window").classList.remove("visible")}function y(){m(),document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const T=["climats","telckel","biobio","weinpoint","vinigrandi"],B="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";class w{constructor(e){var t;this.baseURL="http://localhost:3000/",this.store=T.find(n=>window.location.href.includes(n)),this.token=((t=window==null?void 0:window.wineaterData)==null?void 0:t.CLIENT_TOKEN)||B}async getStoreConfig(e){console.log(e);try{const t=await fetch(`${this.baseURL}stores/store`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${this.token}`},body:JSON.stringify({store: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(e){console.log(window.location.href);try{const t=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})}),n=await t.json();if(!t.ok)throw new Error(`API call failed with status ${t.status}: ${n.message||"No additional error information"}`);return n}catch(t){throw console.error("Fetching wine recommendations failed:",t.message),new Error(`Error in getWineRecommendations: ${t.message}`)}}}class W{constructor(){this.api=new w,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",reason:"Suggestion",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",reason:"Sugerencia",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",reason:"Suggestion",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",inputPlaceholder:"z.B., Thunfischsalat",sendButton:"Kombinieren",price:"Preis",region:"Region",type:"Typ",reason:"Anregung",moreInfo:"Mehr Info"}}}async fetchConfig(e="Demo"){try{const t=await this.api.getStoreConfig(e);this.language=t.lang}catch{this.language="en"}}translate(e){return this.translations[this.language][e]||e}}const a=new W;class S{constructor(){this.api=new w;const e=window.wineaterData.FIRST_MESSAGE_TEXT||a.translate("welcomeMessage");this.displayFirstMessage(e)}initialize(){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 n=document.getElementById("message-container"),i=document.createElement("div");i.className=`message ${t}`,i.textContent=e,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();try{I(t);const n=await this.api.getWineRecommendations(t);this.hideTypingIndicator(),n&&n.length?this.displayResults(n):this.displayMessage("No results found.","api")}catch{this.hideTypingIndicator(),this.displayMessage(a.translate("somethingWentWrong"),"api")}}}showTypingIndicator(){document.getElementById("typing-indicator").classList.add("visible")}hideTypingIndicator(){document.getElementById("typing-indicator").classList.remove("visible")}displayMessage(e,t){const n=document.getElementById("message-container"),i=document.createElement("div");i.textContent=e,i.className="message "+t,n.appendChild(i),n.scrollTop=n.scrollHeight}sendAnalytics(e){C(e)}displayResults(e){const t=document.getElementById("message-container");E(e.map(n=>n.Title)),e.forEach(n=>{const i=document.createElement("div");i.className="wine-item";const l=document.createElement("img");l.src=n.Image,i.appendChild(l);const g=document.createElement("div");g.innerHTML=`
             <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(g),e.appendChild(i),this.displayFirstMessage(n.Reason)}),e.scrollTop=e.scrollHeight}}const P="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=h,window.closeChatWindow=b,window.openChatWindow=y});function S(){const o=`
+            `,i.appendChild(g),t.appendChild(i),this.displayFirstMessage(n.Reason)}),t.scrollTop=t.scrollHeight}}const L="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=h,window.closeChatWindow=b,window.openChatWindow=y});function P(){const e=`
       <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>${a.translate("chatButton")}</span>
+              <span>${window.wineaterData.BUTTON_TEXT||a.translate("chatButton")}</span>
           </div>
 
           <div id="chat-window" class="hidden">
@@ -311,4 +311,4 @@
               </div>
           </div>
       </div>
-  `;document.body.insertAdjacentHTML("beforeend",o)}function O(){document.getElementById("close-btn").addEventListener("click",h)}function M(){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 D(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"){let o=((w=window.wineaterData)==null?void 0:w.POSITION)||"bottom-right";window.addEventListener("DOMContentLoaded",async()=>{var l;const e=["climats","telckel","biobio","weinpoint","vinigrandi"].find(g=>window.location.href.includes(g))||null;let n;e&&(n=e.charAt(0).toUpperCase()+e.slice(1),n==="Biobio"&&(o="right-center")),await a.fetchConfig(n||"Demo"),S(),O(),M(),D(o),u("chatbotToken",((l=window.wineaterData)==null?void 0:l.CLIENT_TOKEN)||P,365),k(),new L().initialize()})}r.closeChatWindow=b,r.openChatWindow=y,r.toggleChatWindow=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+  `;document.body.insertAdjacentHTML("beforeend",e)}function O(){document.getElementById("close-btn").addEventListener("click",h)}function M(){window.addEventListener("click",function(o){const e=document.getElementById("chat-window"),t=document.getElementById("chat-icon");!e.contains(o.target)&&!t.contains(o.target)&&(e.classList.remove("visible"),t.style.display="flex")})}function D(o){console.log(o);const e=document.getElementById("chat-icon"),t=document.getElementById("chat-window");e.className="",t.className="",o==="right-center"?(e.classList.add("chat-icon-right-center"),t.classList.add("right-center-aligned")):e.classList.add("chat-icon-bottom-right")}if(typeof window<"u"){let o=((x=window.wineaterData)==null?void 0:x.POSITION)||"bottom-right";window.addEventListener("DOMContentLoaded",async()=>{var l;const t=["climats","telckel","biobio","weinpoint","vinigrandi"].find(g=>window.location.href.includes(g))||null;let n;t&&(n=t.charAt(0).toUpperCase()+t.slice(1),n==="Biobio"&&(o="right-center")),await a.fetchConfig(n||"Demo"),P(),O(),M(),D(o),u("chatbotToken",((l=window.wineaterData)==null?void 0:l.CLIENT_TOKEN)||L,365),k(),new S().initialize()})}r.closeChatWindow=b,r.openChatWindow=y,r.toggleChatWindow=h,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

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

package/src/index.js

@@ -28,11 +28,12 @@ export {
 };
 
 function createChatbotUI() {
+  const buttonText = window.wineaterData.BUTTON_TEXT || translator.translate('chatButton');
   const chatbotHTML = `
       <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>${translator.translate('chatButton')}</span>
+              <span>${buttonText}</span>
           </div>
 
           <div id="chat-window" class="hidden">

package/src/js/api.js

@@ -6,8 +6,8 @@ const DEMO_TOKEN='OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOO
 export class Api {
     constructor(apiEndpoint) {
         // Allow users of the library to specify their own endpoint if needed
-        this.baseURL = 'https://api.wineater.com/';
-        // this.baseURL = 'http://localhost:3000/'
+        // this.baseURL = 'https://api.wineater.com/';
+        this.baseURL = 'http://localhost:3000/'
         this.store = stores.find(value => window.location.href.includes(value));
         this.token = window?.wineaterData?.CLIENT_TOKEN || DEMO_TOKEN;
     }

package/src/js/chatbot.js

@@ -6,7 +6,8 @@ import { trackMessageSent, trackProductClick, trackRecommendationsGet } from './
 export class Chatbot {
     constructor() {
         this.api = new Api(); // Instantiate the Api class
-        this.displayFirstMessage(translator.translate('welcomeMessage'));
+        const firstMessageText = window.wineaterData.FIRST_MESSAGE_TEXT || translator.translate('welcomeMessage');
+        this.displayFirstMessage(firstMessageText);
     }
 
     initialize() {