wineater-bot 3.0.2 → 3.0.4

package/index.html

@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chatbot</title>
     <!-- <script type="module" src="https://unpkg.com/wineater-bot@1.0.0/dist/wineater-chatbot.umd.js"></script> -->
-    <script>window.wineaterData = {CLIENT_TOKEN: 'Y3I8Pi1FruGjVmIBqpV24PtOLYjzdROuxWX9tCXh82zjz7uUPxV3ETvHhoeiLS17', position: 'right-center'};</script>
-    <script type="module" src="./src/index.js"></script>
+    <script>window.wineaterData = {CLIENT_TOKEN: 'HeUw6IXuhvz6tRuXdPEGEbj3SGQ3Q2YtEc1Z8jd41Kg9LtyPb4Epu0to31SYIadG', position: 'right-center', TYPE: 'widget'};</script>
+    <script type="module" src="./dist/wineater-chatbot.umd.js"></script>
 </head>
 <body style="margin: 0;">
-    <div id="widget-container"></div> <!-- Контейнер для виджета -->
+    <div id="wineater-widget-conteiner"></div> <!-- Контейнер для виджета -->
 </body>
 </html>

package/package.json

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

package/src/index.js

@@ -8,11 +8,11 @@ import translator from './js/i18n.js';
 import { shouldOpenChatAutomatically } from './js/auto-open.js';
 import { toggleChatWindow, closeChatWindow, openChatWindow } from './js/ui.js';
 
-const DEMO_TOKEN = 'tbMTFzLbWcXFgXK8SzyFHA6kIjelFcz5VQABVPbXdXh5XZJCDQH9BcVlrv3DF3kA';
+const DEMO_TOKEN = 'HeUw6IXuhvz6tRuXdPEGEbj3SGQ3Q2YtEc1Z8jd41Kg9LtyPb4Epu0to31SYIadG';
 
 class App {
     constructor() {
-        this.stores = ['climats', 'telckel', 'biobio', 'weinpoint', 'vinigrandi', 'ampely'];
+        this.stores = ['climats', 'telckel', 'biobio', 'weinpoint', 'vinigrandi', 'ampely', 'test'];
         this.tracker = new Tracker({ projectKey: "PA8j9fAi49i6g2QnvpNs", '__DISABLE_SECURE_MODE': true });
         this.position = window?.wineaterData?.POSITION || 'right-center';
         this.type = window?.wineaterData?.TYPE || 'chatbot';
@@ -37,8 +37,8 @@ class App {
     }
 
     async initTranslator() {
-        const storeName = this.store ? this.store.charAt(0).toUpperCase() + this.store.slice(1) : 'Climats';
-        await translator.fetchConfig(storeName || 'Climats');
+        const storeName = this.store ? this.store.charAt(0).toUpperCase() + this.store.slice(1) : 'Test';
+        await translator.fetchConfig(storeName || 'Test');
     }
 
     initCookies() {

package/src/js/api.js

@@ -1,7 +1,7 @@
 // api.js
 
-const stores = ['climats', 'telckel', 'biobio', 'weinpoint', 'vinigrandi', 'ampely'];
-const DEMO_TOKEN='Y3I8Pi1FruGjVmIBqpV24PtOLYjzdROuxWX9tCXh82zjz7uUPxV3ETvHhoeiLS17';
+const stores = ['climats', 'telckel', 'biobio', 'weinpoint', 'vinigrandi', 'ampely', 'test'];
+const DEMO_TOKEN='HeUw6IXuhvz6tRuXdPEGEbj3SGQ3Q2YtEc1Z8jd41Kg9LtyPb4Epu0to31SYIadG';
 
 export class Api {
     constructor(apiEndpoint) {

package/src/js/styles.js

@@ -435,10 +435,14 @@ border-bottom-right-radius: 15px;
   justify-content: center;
   align-items: center;
   height: 0;
-    visibility: hidden;
+  visibility: hidden;
   background-color: white;
 }
 
+#loading-indicator .typing-indicator {
+visibility: visible;
+}
+
 .typing-indicator span {
   display: block;
   width: 8px;

package/src/js/widget.js

@@ -16,6 +16,7 @@ export class WineWidget {
     }
 
     initializeWidget() {
+        const widgetContainer = document.getElementById('wineater-widget-conteiner');
         const widgetHTML = `
             <div id="wine-widget-container">
                 <div id="wine-widget-left">
@@ -31,9 +32,10 @@ export class WineWidget {
                     <div class="filter-group">
                         <span class="filter-label">${translator.translate('priceRange')}:</span>
                         <div class="filter-buttons" id="price-buttons">
-                            <button data-value="<10"><$10</button>
-                            <button data-value="10-20">$10-$20</button>
-                            <button data-value=">20">>$20</button>
+                            <button data-value="< 500">< $500</button>
+                            <button data-value="500 - 1000">$500 - $1000</button>
+                            <button data-value="> 1000">> $1000</button>
+                            <button data-value=" " class="selected">Any</button>
                         </div>
                     </div>
                     <div class="filter-group">
@@ -42,6 +44,7 @@ export class WineWidget {
                             <button data-value="red">${translator.translate('red')}</button>
                             <button data-value="white">${translator.translate('white')}</button>
                             <button data-value="rose">${translator.translate('rose')}</button>
+                            <button data-value=" " class="selected">${translator.translate('Any')}</button>
                         </div>
                     </div>
                     <div class="filter-group">
@@ -50,6 +53,7 @@ export class WineWidget {
                             <button data-value="light">${translator.translate('light')}</button>
                             <button data-value="medium">${translator.translate('medium')}</button>
                             <button data-value="full">${translator.translate('full')}</button>
+                            <button data-value=" " class="selected">${translator.translate('Any')}</button>
                         </div>
                     </div>
                 </div>
@@ -62,13 +66,15 @@ export class WineWidget {
             </div>
                 <div id="wine-widget-right">
                     <div id="loading-indicator" class="hidden">
-                        <img src="https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/mascot.jpeg" alt="Loading" />
+                        <div id="typing-indicator" class="typing-indicator">
+                            <span></span><span></span><span></span>
+                        </div>
                     </div>
                     <div id="wine-placeholder"></div>
             </div>
             </div>
         `;
-        document.body.insertAdjacentHTML('beforeend', widgetHTML);
+        widgetContainer.insertAdjacentHTML('beforeend', widgetHTML);
         this.addEventListeners();
     }
 
@@ -98,7 +104,7 @@ export class WineWidget {
     }
 
     async handleSearch() {
-        const query = 'wine for' + document.getElementById('wine-search-input').value.trim();
+        const query = 'wine for dish:' + document.getElementById('wine-search-input').value.trim() + ';';
     
         // Учитываем текущие выбранные фильтры
         const filters = this.selectedFilters;
@@ -106,13 +112,13 @@ export class WineWidget {
         // Формируем органичную фразу с фильтрами
         const filterPhrases = [];
         if (filters.price) {
-            filterPhrases.push(`with price ${filters.price}`);
+            filterPhrases.push(`price: ${filters.price || 'any'};`);
         }
         if (filters.color) {
-            filterPhrases.push(`of color ${filters.color}`);
+            filterPhrases.push(`color: ${filters.color || 'any'}; `);
         }
         if (filters.intensity) {
-            filterPhrases.push(`with intensity ${filters.intensity}`);
+            filterPhrases.push(`intensity: ${filters.intensity || 'any'}; `);
         }
     
         // Объединяем фильтры с основным запросом
@@ -222,7 +228,7 @@ export class WineWidget {
     }
 
     async loadInstantRecommendations() {
-        console.log('привет')
+        this.showLoadingIndicator();
         try {
             const recommendations = await this.api.getInstantRecommendations();
             this.displayResults(recommendations); // Обновляем отображение рекомендаций