wineater-bot 1.4.0 → 1.4.1

package/dist/wineater-chatbot.mjs

@@ -1,4 +1,4 @@
-const p = `
+const g = `
 @font-face {
     font-family: 'Poppins';
     src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@@ -273,27 +273,27 @@ const p = `
 .typing-indicator.visible {
     visibility: visible;
     height: 50px;
-}`, d = document.createElement("style");
-d.textContent = p;
-document.head.appendChild(d);
-function c() {
+}`, c = document.createElement("style");
+c.textContent = g;
+document.head.appendChild(c);
+function l() {
   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 g() {
+function h() {
   document.getElementById("chat-window").classList.remove("visible");
 }
-function h() {
+function u() {
   document.getElementById("chat-window").classList.add("visible");
 }
 document.addEventListener("DOMContentLoaded", () => {
   setupCloseButton(), setupOutsideClick();
 });
-const u = ["climats", "telckel", "biobio", "weinpoint"], m = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
-class l {
+const m = ["climats", "telckel", "biobio", "weinpoint"], f = "OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";
+class p {
   constructor(t) {
     var e;
-    this.baseURL = "https://api.wineater.com/", this.store = u.find((o) => window.location.href.includes(o)), this.token = ((e = window == null ? void 0 : window.wineaterData) == null ? void 0 : e.CLIENT_TOKEN) || m;
+    this.baseURL = "https://api.wineater.com/", this.store = m.find((o) => window.location.href.includes(o)), this.token = ((e = window == null ? void 0 : window.wineaterData) == null ? void 0 : e.CLIENT_TOKEN) || f;
   }
   async getStoreConfig(t) {
     console.log(t);
@@ -332,9 +332,9 @@ class l {
     }
   }
 }
-class f {
+class y {
   constructor() {
-    this.api = new l(), this.language = "en", this.translations = {
+    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é.",
@@ -383,10 +383,10 @@ class f {
     return this.translations[this.language][t] || t;
   }
 }
-const s = new f();
-class y {
+const s = new y();
+class b {
   constructor() {
-    this.api = new l(), this.displayFirstMessage(s.translate("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) => {
@@ -438,9 +438,9 @@ class y {
   }
 }
 document.addEventListener("DOMContentLoaded", () => {
-  window.toggleChatWindow = c, window.closeChatWindow = g, window.openChatWindow = h;
+  window.toggleChatWindow = l, window.closeChatWindow = h, window.openChatWindow = u;
 });
-function b() {
+function w() {
   const n = `
       <div id="chatbot-container">
           <div id="chat-icon" onclick="toggleChatWindow()">
@@ -470,30 +470,31 @@ function b() {
   `;
   document.body.insertAdjacentHTML("beforeend", n);
 }
-function w() {
-  document.getElementById("close-btn").addEventListener("click", c);
-}
 function x() {
+  document.getElementById("close-btn").addEventListener("click", l);
+}
+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 v(n) {
+function E(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");
 }
+var d;
 if (typeof window < "u") {
-  const n = window.wineaterData.POSITION || "bottom-right";
+  const n = ((d = window.wineaterData) == null ? void 0 : d.POSITION) || "bottom-right";
   window.addEventListener("DOMContentLoaded", async () => {
     const e = ["climats", "telckel", "biobio", "weinpoint"].find((a) => window.location.href.includes(a)) || null;
     let o;
-    e && (o = e.charAt(0).toUpperCase() + e.slice(1)), await s.fetchConfig(o || null), b(), w(), x(), v(n), new y().initialize();
+    e && (o = e.charAt(0).toUpperCase() + e.slice(1)), await s.fetchConfig(o || null), w(), x(), v(), E(n), new b().initialize();
   });
 }
 export {
-  g as closeChatWindow,
-  h as openChatWindow,
-  c as toggleChatWindow
+  h as closeChatWindow,
+  u as openChatWindow,
+  l as toggleChatWindow
 };

package/dist/wineater-chatbot.umd.js

@@ -1,4 +1,4 @@
-(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=`
+(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";var u;const r=`
 @font-face {
     font-family: 'Poppins';
     src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@@ -273,13 +273,13 @@
 .typing-indicator.visible {
     visibility: visible;
     height: 50px;
-}`,l=document.createElement("style");l.textContent=r,document.head.appendChild(l);function c(){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 p(){document.getElementById("chat-window").classList.remove("visible")}function g(){document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const m=["climats","telckel","biobio","weinpoint"],f="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";class h{constructor(t){var e;this.baseURL="https://api.wineater.com/",this.store=m.find(o=>window.location.href.includes(o)),this.token=((e=window==null?void 0:window.wineaterData)==null?void 0:e.CLIENT_TOKEN)||f}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 y{constructor(){this.api=new h,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 h,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 d=document.createElement("img");d.src=o.Image,i.appendChild(d);const u=document.createElement("div");u.innerHTML=`
+}`,l=document.createElement("style");l.textContent=r,document.head.appendChild(l);function c(){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 p(){document.getElementById("chat-window").classList.remove("visible")}function g(){document.getElementById("chat-window").classList.add("visible")}document.addEventListener("DOMContentLoaded",()=>{setupCloseButton(),setupOutsideClick()});const f=["climats","telckel","biobio","weinpoint"],y="OuhXJRleF6sROjsQZPWx1yqjrL6APeJxmHswqyOBWbgIqtXcht3MDadvI9DtOOoL";class h{constructor(t){var e;this.baseURL="https://api.wineater.com/",this.store=f.find(o=>window.location.href.includes(o)),this.token=((e=window==null?void 0:window.wineaterData)==null?void 0:e.CLIENT_TOKEN)||y}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 b{constructor(){this.api=new h,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 b;class w{constructor(){this.api=new h,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 d=document.createElement("img");d.src=o.Image,i.appendChild(d);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(u),e.appendChild(i)}),e.scrollTop=e.scrollHeight}}document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=c,window.closeChatWindow=p,window.openChatWindow=g});function w(){const n=`
+            `,i.appendChild(m),e.appendChild(i)}),e.scrollTop=e.scrollHeight}}document.addEventListener("DOMContentLoaded",()=>{window.toggleChatWindow=c,window.closeChatWindow=p,window.openChatWindow=g});function x(){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 x(){document.getElementById("close-btn").addEventListener("click",c)}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 E(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=window.wineaterData.POSITION||"bottom-right";window.addEventListener("DOMContentLoaded",async()=>{const e=["climats","telckel","biobio","weinpoint"].find(d=>window.location.href.includes(d))||null;let o;e&&(o=e.charAt(0).toUpperCase()+e.slice(1)),await s.fetchConfig(o||null),w(),x(),v(),E(n),new b().initialize()})}a.closeChatWindow=p,a.openChatWindow=g,a.toggleChatWindow=c,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+  `;document.body.insertAdjacentHTML("beforeend",n)}function v(){document.getElementById("close-btn").addEventListener("click",c)}function E(){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 I(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=((u=window.wineaterData)==null?void 0:u.POSITION)||"bottom-right";window.addEventListener("DOMContentLoaded",async()=>{const e=["climats","telckel","biobio","weinpoint"].find(d=>window.location.href.includes(d))||null;let o;e&&(o=e.charAt(0).toUpperCase()+e.slice(1)),await s.fetchConfig(o||null),x(),v(),E(),I(n),new w().initialize()})}a.closeChatWindow=p,a.openChatWindow=g,a.toggleChatWindow=c,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/package.json

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

package/src/index.js

@@ -91,7 +91,7 @@ function toggleChatIconPosition(position) {
 
 // If you want to initialize your chatbot automatically when the script is loaded
 if (typeof window !== 'undefined') {
-  const position = window.wineaterData['POSITION'] || 'bottom-right';
+  const position = window.wineaterData?.POSITION || 'bottom-right';
   window.addEventListener('DOMContentLoaded', async () => {
     const stores = ['climats', 'telckel', 'biobio', 'weinpoint'];
     const store = stores.find(value => window.location.href.includes(value)) || null;