wineater-bot 3.0.16 → 3.0.18

package/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chatbot</title>
     <!--     <script type="module" src="./dist/wineater-chatbot.umd.js"></script> -->
-    <script>window.wineaterData = {CLIENT_TOKEN: 'Y3I8Pi1FruGjVmIBqpV24PtOLYjzdROuxWX9tCXh82zjz7uUPxV3ETvHhoeiLS17', position: 'right-center', TYPE: 'widget', WIDGET_TYPE: 'store'};</script>
+    <script>window.wineaterData = {CLIENT_TOKEN: 'BrB2YDr8ksFKXP3RXSW4YubF0MEVJryO8EfRiQBIZoVOyUZZSsm9xdh2tkLlOJM3', position: 'right-center', TYPE: 'widget', WIDGET_TYPE: 'bar'};</script>
     <script type="module" src="./src/index.js"></script>
 </head>
 <body style="margin: 0;">

package/package.json

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

package/src/js/api.js

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

package/src/js/barConfig.js

@@ -10,7 +10,7 @@ export const barConfig = {
           "Ensalada de arúgula y parmesano",
           "Tomate hierloom aliñado",
           "Aceitunas LENEZ",
-          "PapaBnaz",
+          "Papatinaz",
           "Croquetas | hongos de temporada | jamón serrano",
           "Carpaccio Cesar",
           "Torreznos",
@@ -31,13 +31,13 @@ export const barConfig = {
           "Jamón Ibérico de bellota",
           "Lomo ibérico",
           "Chorizo ibérico",
-          "Plato mixto"
+          "Plato mixto iberico"
         ]
       },
       {
         groupTitle: "Quesos",
         dishes: [
-          "Selección de quesos"
+          "Selección de quesos (D’Affinois, Brie Ermitage, Manchego semi curado, Roquefort)"
         ]
       },
       {

package/src/js/i18n.js

@@ -28,6 +28,15 @@ class Translator {
                 widgetTitle: "TROUVEZ VOTRE VIN PARFAIT",
                 widgetSubtitle: "Partagez tout ce que vous avez en tête—votre repas, humeur, budget ou occasion—et notre sommelier IA vous recommandera le vin parfait en quelques secondes",
                 searchPlaceholder: "Entrez un mot-clé ou une description",
+                wineDetails: {
+                    reason: "Raison",
+                    price: "Prix",
+                    region: "Région",
+                    type: "Type",
+                    moreInfo: "Plus d'infos",
+                    sommSelection: "Sélection Somm",
+                    code: "Code"
+                },
                 searchButton: "Rechercher",
                 priceRange: "Gamme de prix",
                 wineColor: "Couleur du vin",
@@ -75,6 +84,15 @@ class Translator {
                 widgetTitle: "ENCUENTRA TU VINO PERFECTO",
         widgetSubtitle: "Comparte cualquier cosa que tengas en mente—tu comida, estado de ánimo, presupuesto o evento—y nuestro sommelier de IA te recomendará el vino perfecto en segundos",
                 searchPlaceholder: "Escribe una palabra clave o descripción",
+                wineDetails: {
+                    reason: "Razón",
+                    price: "Precio",
+                    region: "Región",
+                    type: "Tipo",
+                    code: "Código",
+                    moreInfo: "Más información",
+                    sommSelection: "Selección Somm"
+                },
                 searchButton: "Buscar",
                 priceRange: "Rango de precios",
                 wineColor: "Color del vino",
@@ -122,6 +140,15 @@ class Translator {
                 widgetTitle: "FIND YOUR PERFECT WINE",
                 widgetSubtitle: "Share anything on your mind—your meal, mood, budget, or occasion—and our AI sommelier will recommend the perfect wine in seconds",
                 searchPlaceholder: "Enter a keyword or description",
+                wineDetails: {
+                    price: "Price",
+                    region: "Region",
+                    type: "Type",
+                    moreInfo: "More info",
+                    reason: "Reason",
+                    sommSelection: "Somm Selection",
+                    code: "Code"
+                },
                 searchButton: "Search",
                 priceRange: "Price Range",
                 wineColor: "Wine Color",
@@ -174,6 +201,15 @@ class Translator {
                     "Empfohlen für eine Party"
                 ],
                 searchPlaceholder: "Geben Sie ein Stichwort oder eine Beschreibung ein",
+                wineDetails: {
+                    price: "Preis",
+                    region: "Region",
+                    type: "Typ",
+                    moreInfo: "Mehr Infos",
+                    sommSelection: "Somm-Auswahl",
+                    reason: "Grund",
+                    code: "Code"
+                },
                 searchButton: "Suche",
                 priceRange: "Preisspanne",
                 wineColor: "Weinfarbe",
@@ -205,7 +241,18 @@ class Translator {
     }
 
     translate(key) {
-        return this.translations[this.language][key] || key;
+        const keys = key.split('.'); // Разбиваем ключ на части
+        let value = this.translations[this.language];
+    
+        for (const k of keys) {
+            if (value && typeof value === 'object' && k in value) {
+                value = value[k]; // Переходим к следующему уровню
+            } else {
+                return key; // Если ключ не найден, возвращаем сам ключ
+            }
+        }
+    
+        return value;
     }
 }
 

package/src/js/widget-styles.js

@@ -447,7 +447,7 @@ width: 100%;
     overflow-x: auto;
     scroll-snap-type: x mandatory;
     padding: 8px 0;
-    width: 100%;
+    width: calc(100vw - 32px);
     min-width: calc(100vw - 32px);
 }
 

package/src/js/widget.js

@@ -210,17 +210,20 @@ export class WineWidget {
     
         wines.forEach((wine, index) => {
             const wineHTML = `
-            <div class="wine-recommendation-tile ${index === wines.length - 1 ? 'somm-selection' : ''}">
-                ${index === wines.length - 1 ? '<div class="somm-selection-badge">Somm Selection</div>' : ''}
-                <img src="${wine.Image}" alt="${wine.Title}" />
-                <div class="tile-details">
-                    <strong>${wine.Title}</strong>
-                    <p>Prix: ${wine.Price || 'N/A'}</p>
-                    <p>Région: ${wine.Region || 'N/A'}</p>
-                    <p>Type: ${wine.Type || 'N/A'}</p>
-                    <a href="${wine.Url}" target="_blank">Plus d'infos</a>
-                </div>
-            </div>
+           <div class="wine-recommendation-tile ${wine.isSommSelection ? 'somm-selection' : ''}">
+    ${wine.isSommSelection ? `<div class="somm-selection-badge">${translator.translate('wineDetails.sommSelection')}</div>` : ''}
+    ${!!wine.image ? `<img src="${wine.image}" alt="${wine.title}" />` : '' }
+    <div class="tile-details">
+        <strong>${wine.title}</strong>
+        <p>${translator.translate('wineDetails.price')}: ${wine.price || 'N/A'}</p>
+        <p>${translator.translate('wineDetails.region')}: ${wine.region || 'N/A'}</p>
+        <p>${translator.translate('wineDetails.type')}: ${wine.type || 'N/A'}</p>
+        ${this.widgetType === 'bar' ? `<p>${translator.translate('wineDetails.reason')}: ${wine.pairing_recommendation || 'N/A'}</p>` : ''}
+        ${this.widgetType === 'bar' 
+            ? `<p>${translator.translate('wineDetails.code')}: ${wine.url || 'N/A'}</p>` 
+            : `<a href="${wine.Url}" target="_blank">${translator.translate('wineDetails.moreInfo')}</a>`}
+    </div>
+</div>
             `;
             resultsContainer.insertAdjacentHTML('beforeend', wineHTML);