wineater-bot 1.1.8 → 1.2.0

package/dist/wineater-chatbot.mjs

@@ -424,3 +424,5 @@ export {
   u as openChatWindow,
   l as toggleChatWindow
 };
+
+

package/package.json

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

package/src/index.js

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

package/src/js/api.js

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

package/src/js/chatbot.js

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

package/src/js/i18n.js

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