wineater-bot 2.0.1 → 2.1.0

package/src/js/chatbot.js

@@ -89,16 +89,24 @@ export class Chatbot {
     }
 
     displayResults(wines) {
+        console.log(wines);
         const messageContainer = document.getElementById('message-container');
         trackRecommendationsGet(wines.map(value => value.Title));
         wines.forEach(wine => {
+
+            const recDiv = document.createElement('div');
+            recDiv.className = 'wine-recommendation';
+
             const wineDiv = document.createElement('div');
             wineDiv.className = 'wine-item';
+            recDiv.appendChild(wineDiv);
 
             const image = document.createElement('img');
             image.src = wine.Image;
             wineDiv.appendChild(image);
 
+            console.log(wineDiv, 'wine div');
+
             const contentDiv = document.createElement('div');
             contentDiv.innerHTML = `
             <strong>${wine.Title}</strong><br>
@@ -116,11 +124,16 @@ export class Chatbot {
                 window.open(wine.Url, '_blank'); // Open the link in a new tab
             });
             wineDiv.appendChild(contentDiv);
+
+            const reasonDiv = document.createElement('div');
+            reasonDiv.className = 'wine-description';
+            reasonDiv.innerHTML = wine.Reason;
+            recDiv.appendChild(reasonDiv);
             // const suggestionDiv = document.createElement('div');
             // suggestionDiv.innerHTML = `${translator.translate('reason')}: ${wine.Reason}<br>`;
             // wineDiv.appendChild(suggestionDiv);
-            messageContainer.appendChild(wineDiv);
-            this.displayFirstMessage(wine.Reason);
+            console.log(recDiv);
+            messageContainer.appendChild(recDiv);
         });
         messageContainer.scrollTop = messageContainer.scrollHeight;
     }

package/src/js/i18n.js

@@ -6,12 +6,17 @@ class Translator {
         this.language = 'en'; // Default to English
         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?",
+                welcomeMessage: "Quel plat allez-vous déguster ? Décrivez-le-moi et je vous proposerai le vin qui l'accompagnera parfaitement.",
                 noResultsFound: "Aucun résultat trouvé.",
                 somethingWentWrong: "Désolé, quelque chose a mal tourné.",
-                chatButton: "Accorder le vin au dîner",
+                chatButton1: "Trouvez l'accord parfait",
+                chatButton2: "Associez le vin",
+                chatButton3: "Obtenez des conseils",
+                chatTitle: "Accord Mets & Vins 🍷",
+                chatSubtitle: "Décrivez votre plat et obtenez une recommandation en 30 secondes",
                 inputPlaceholder: "ex., Salade de thon",
                 sendButton: "Accorder",
+                poweredBy: "Propulsé par",
                 price: "Prix",
                 region: "Région",
                 type: "Type",
@@ -22,12 +27,17 @@ class Translator {
                 clearChatButton: "Effacer le chat"
             },
             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?",
+                welcomeMessage: "¿Qué vas a comer? Cuéntame tu plato y te recomendaré el maridaje perfecto.",
                 noResultsFound: "No se encontraron resultados.",
                 somethingWentWrong: "Lo sentimos, algo salió mal.",
-                chatButton: "Maridaje ideal",
+                chatButton1: "Encuentra tu maridaje",
+                chatButton2: "Combina vino ya",
+                chatButton3: "Recibe asesoría ahora",
+                chatTitle: "Maridaje de Vinos 🍷",
+                chatSubtitle: "Describe tu comida y obtén una recomendación en 30 segundos",
                 inputPlaceholder: "ej., Ensalada de atún",
-                sendButton: "Maridar",
+                sendButton: "Combinar",
+                poweredBy: "Desarrollado por",
                 price: "Precio",
                 region: "Región",
                 type: "Tipo",
@@ -38,12 +48,17 @@ class Translator {
                 clearChatButton: "Limpiar el chat"
             },
             en: {
-                welcomeMessage: "Enhance your dining experience. Just provide your dish details and get the ideal wine pairing. What would you like to eat?",
+                welcomeMessage: "What are you planning to eat? Share your dish and I'll recommend the perfect wine pairing for your meal.",
                 noResultsFound: "No results found.",
                 somethingWentWrong: "Sorry, something went wrong.",
-                chatButton: "Pair wine with dinner",
-                inputPlaceholder: "e.g., Tuna Salad",
-                sendButton: "Pair",
+                chatButton1: "Find Your Pairing",
+                chatButton2: "Pair Wine Now",
+                chatButton3: "Get Wine Advice",
+                chatTitle: "Wine Pairing Assistant 🍷",
+                chatSubtitle: "Describe your meal and get a recommendation in 30 seconds",
+                inputPlaceholder: "e.g., Tuna salad",
+                sendButton: "Match",
+                poweredBy: "Powered by",
                 price: "Price",
                 region: "Region",
                 type: "Type",
@@ -54,12 +69,17 @@ class Translator {
                 clearChatButton: "Clear Chat"
             },
             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?",
+                welcomeMessage: "Was möchten Sie essen? Beschreiben Sie Ihr Gericht und ich empfehle Ihnen den perfekten Wein dazu.",
                 noResultsFound: "Keine Ergebnisse gefunden.",
                 somethingWentWrong: "Entschuldigung, etwas ist schief gelaufen.",
-                chatButton: "Wein zum Abendessen",
+                chatButton1: "Finde Dein Pairing",
+                chatButton2: "Wein jetzt wählen",
+                chatButton3: "Erhalte Weinberatung",
+                chatTitle: "Wein & Speisen 🍷",
+                chatSubtitle: "Beschreiben Sie Ihr Gericht und erhalten Sie in 30 Sekunden eine Empfehlung",
                 inputPlaceholder: "z.B., Thunfischsalat",
                 sendButton: "Kombinieren",
+                poweredBy: "Unterstützt von",
                 price: "Preis",
                 region: "Region",
                 type: "Typ",
@@ -72,13 +92,16 @@ class Translator {
         };
     }
 
-    async fetchConfig(storeName = 'Demo') {
+    async fetchConfig(storeName) {
+        console.log(storeName);
         try {
             const config = await this.api.getStoreConfig(storeName);
+            console.log(config);
             this.language = config.lang;
         } catch (e) {
             this.language = 'en'; // Fallback to English
         }
+        console.log(this.language);
     }
 
     translate(key) {