wineater-bot 3.5.1 → 3.6.0

package/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chatbot</title>
-    <script>window.wineaterData = {CLIENT_TOKEN: 'OjvAprylAugk5pKTHRIzZxcPPb6HMPr9qHhrazG0sF3uHjkrvBzufPZ65igfRJJa', TYPE: 'widget', WIDGET_TYPE: 'bar',  WIDGET_WRAPPER: 'wineater-widget-conteiner'};</script>
+    <script>window.wineaterData = {CLIENT_TOKEN: 'dRBwg6wB6LeEKFUiLHdlXa84TgSVDuR8HhE0hhq1l4vVeq3cE12DJkPDwXvuhT01', TYPE: 'widget', WIDGET_TYPE: 'store',  WIDGET_WRAPPER: 'wineater-widget-conteiner'};</script>
         <!-- <script type="module" src="./dist/wineater-chatbot.umd.js"></script> -->
     <script type="module" src="./src/index.js"></script>
 </head>

package/package.json

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

package/src/js/api.js

@@ -68,7 +68,7 @@ export class Api {
                     'Content-Type': 'application/json',
                     'Authorization': `Bearer ${this.token}`
                 },
-                body: JSON.stringify({ text: text, store: this.store ? (this.store.toString().charAt(0).toUpperCase() + this.store.slice(1)) : undefined})
+                body: JSON.stringify({ text: text})
             });
 
             const data = await response.json();
@@ -119,7 +119,7 @@ export class Api {
                     'Content-Type': 'application/json',
                     'Authorization': `Bearer ${this.token}`
                 },
-                body: JSON.stringify({ store: this.store })
+                body: JSON.stringify({ store: this.store})
             });
 
             const data = await response.json();

package/src/js/i18n.js

@@ -469,14 +469,80 @@ class Translator {
                 headerBudget: "бюджет",
                 headerOccasion: "случай",
                 headerOr: "или",
-            }
+            },
+            kz: {
+                lang: 'kz',
+                welcomeMessage: "Сіз не жегіңіз келеді? Тағамыңызды сипаттаңыз, мен оған керемет шарап ұсынамын.",
+                noResultsFound: "Нәтижелер табылмады.",
+                somethingWentWrong: "Кешіріңіз, бірдеңе дұрыс болмады.",
+                chatButton1: "Сәйкестік табу",
+                chatButton2: "Шарап таңдау",
+                chatButton3: "Кеңес алу",
+                chatTitle: "Шарап таңдаушы көмекші 🍷",
+                chatSubtitle: "Тағамыңызды сипаттаңыз — 30 секундта ұсыныс алыңыз",
+                inputPlaceholder: "мысалы, тунец салатымен",
+                sendButton: "Таңдау",
+                poweredBy: "Powered by",
+                price: "Бағасы",
+                region: "Өңір",
+                type: "Түрі",
+                reason: "Ұсыныс",
+                moreInfo: "Толығырақ",
+                winePairingIntro: "Бұл шарапқа келесі тағамдар сәйкес келеді:",
+                askForDinner: "Кешкі асқа не қалайсыз?",
+                clearChatButton: "Чатты тазалау",
+                widgetTitle: "КЕРЕМЕТ ШАРАПТЫ ТАБЫҢЫЗ",
+                widgetSubtitle: "Таңдауларыңызды бөлісіңіз — тағам, көңіл-күй, бюджет немесе жағдай — және біздің AI-сомелье сізге бірнеше секундта шарап ұсынады",
+                searchPlaceholder: "Кілт сөзді немесе сипаттаманы енгізіңіз",
+                wineDetails: {
+                  price: "Бағасы",
+                  region: "Өңір",
+                  type: "Түрі",
+                  moreInfo: "Толығырақ",
+                  reason: "Себебі",
+                  sommSelection: "Сомелье таңдауы",
+                  code: "Код",
+                  buy: "Сатып алу"
+                },
+                searchButton: "Іздеу",
+                priceRange: "Баға диапазоны",
+                wineColor: "Шарап түсі",
+                intensity: "Қанықтылық",
+                red: "Қызыл",
+                white: "Ақ",
+                rose: "Розалық",
+                light: "Жеңіл",
+                medium: "Орташа",
+                full: "Толық",
+                
+                /* -- Барға арналған жаңа кілттер -- */
+                barTitle: "Шарапқа арналған тіскебасарлар",
+                barSubtitle: "Төмендегі тағамдарды таңдаңыз және 'Жіберу' батырмасын басыңыз",
+                barSendButton: "Жіберу",
+                barResetButton: "Қалпына келтіру",
+                barName: "Бар атауы",
+                barNotesPlaceholder: "Мұнда өз тілектеріңізді жазыңыз...",
+                placeholderSuggestions: [
+                  "Пастаға арналған шарап",
+                  "Балыққа тамаша үйлеседі",
+                  "Кешке ұсынуға болады"
+                ],
+                headerLine1: "Ойларыңызбен бөлісіңіз —",
+                headerLine2: "— және бірнеше секундта мінсіз шарап ұсынысын алыңыз",
+                headerMeal: "тағам",
+                headerMood: "көңіл-күй",
+                headerBudget: "бюджет",
+                headerOccasion: "жағдай",
+                headerOr: "немесе",
+              }
         };
     }
 
     async fetchConfig(storeName) {
         try {
             const config = await this.api.getStoreConfig(storeName);
-    
+            this.storeLanguage = config.lang;
+            this.supportedLanguages = config.available_languages;
             // ✅ Если язык уже сохранён в localStorage — использовать его
             const storedLang = localStorage.getItem('selectedLanguage');
             if (storedLang && this.translations[storedLang]) {
@@ -528,8 +594,64 @@ class Translator {
     }
 
     getSupportedLanguages() {
-        return Object.keys(this.translations);
+        return this.supportedLanguages;
     }
+
+    async translateTexts(textObject) {
+        if (this.storeLanguage === this.language || !this.supportedLanguages) {
+          return textObject;
+        }
+      
+        const apiKey = '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'; // ✅ Заменить на твой реальный ключ
+        const url = 'https://api.openai.com/v1/chat/completions';
+      
+        const headers = {
+          'Content-Type': 'application/json',
+          'Authorization': `Bearer ${apiKey}`,
+        };
+      
+        const texts = Object.values(textObject);
+        const joinedText = texts.join(' ||| ');
+      
+        const prompt = `Translate the following texts to ${this.language}. Return only the translated texts separated by " ||| " in the same order:
+      
+      ${joinedText}`;
+      
+        const body = JSON.stringify({
+          model: 'gpt-3.5-turbo',
+          messages: [
+            { role: 'system', content: 'You are a professional translator.' },
+            { role: 'user', content: prompt },
+          ],
+          temperature: 0.2,
+          max_tokens: 1000,
+        });
+      
+        try {
+          const response = await fetch(url, {
+            method: 'POST',
+            headers,
+            body,
+          });
+      
+          const data = await response.json();
+          const translatedRaw = data.choices?.[0]?.message?.content?.trim();
+      
+          if (!translatedRaw) throw new Error('No response from OpenAI');
+      
+          const translatedTexts = translatedRaw.split(' ||| ').map(t => t.trim());
+      
+          const translatedObject = {};
+          Object.keys(textObject).forEach((key, index) => {
+            translatedObject[key] = translatedTexts[index] || textObject[key];
+          });
+      
+          return translatedObject;
+        } catch (error) {
+          console.error('Error translating texts:', error);
+          return textObject;
+        }
+      }
 }
 
 export default new Translator();

package/src/js/widget.js

@@ -240,7 +240,7 @@ export class WineWidget {
         return price.toLocaleString('en-US'); // e.g., 1000 -> "1,000"
       }
     
-      wines.forEach((wine, index) => {
+      wines.forEach(async (wine, index) => {
         const title = getValue(wine, 'title');
         const image = getValue(wine, 'image');
         const price = getValue(wine, 'total');
@@ -272,15 +272,16 @@ export class WineWidget {
               }
             </div>
     
-            <div class="card-popup hidden">
-              <div class="card-popup-header">
-                <h2>${title}</h2>
-                <span class="card-popup-close">&times;</span>
-              </div>
-              ${shortDescription ? `<p>${shortDescription}</p>` : ''}
-              ${wine.reason ? `<div class="popup-reason">${wine.reason}</div>` : pairing ? `<p>${pairing}</p>` : ''}
-              ${tagsHTML ? `<div class="popup-tags">${tagsHTML}</div>` : ''}
-            </div>
+            <div class="card-popup hidden" data-wine-index="${index}">
+  <div class="card-popup-header">
+    <h2>${title}</h2>
+    <span class="card-popup-close">&times;</span>
+  </div>
+  ${shortDescription ? `<p class="popup-short-desc" data-orig="${shortDescription}">${shortDescription}</p>` : ''}
+  ${wine.reason ? `<div class="popup-reason" data-orig="${wine.reason}">${wine.reason}</div>` 
+                : pairing ? `<p class="popup-pairing" data-orig="${pairing}">${pairing}</p>` : ''}
+  ${tagsHTML ? `<div class="popup-tags">${tagsHTML}</div>` : ''}
+</div>
     
             ${reasonPopupHTML}
           </div>
@@ -342,6 +343,8 @@ export class WineWidget {
           currentCard.style.transform = 'translateY(0)';
         }, isAnimated ? index * 200 : 0);
       });
+
+      this.translatePopupContent(wines); // переводы подгружаются после отрисовки
     
       if (this.widgetType === 'store') {
         this.enableHoverPopups();
@@ -391,6 +394,62 @@ export class WineWidget {
         `;
     }
 
+    async translatePopupContent(wines) {
+      console.log(translator.language, translator.storeLanguage);
+      if (translator.language === translator.storeLanguage || this.widgetType !== 'bar') {
+        return;
+      }
+      const fieldsToTranslate = ['Short Description', 'reason', 'pairing_recommendation', 'Tags'];
+      const language = translator.language;
+    
+      const batchSize = 4;
+      for (let i = 0; i < wines.length; i += batchSize) {
+        const batch = wines.slice(i, i + batchSize);
+    
+        const translationPromises = batch.map(async (wine, index) => {
+          const globalIndex = i + index;
+          const textObject = {};
+    
+          fieldsToTranslate.forEach(field => {
+            const val = wine[field] || wine[field.toLowerCase()];
+            if (val) textObject[field] = Array.isArray(val) ? val.join(', ') : val;
+          });
+    
+          if (Object.keys(textObject).length === 0) return;
+    
+          const translated = await translator.translateTexts(textObject);
+    
+          const popup = document.querySelector(`.card-popup[data-wine-index="${globalIndex}"]`);
+          if (!popup) return;
+    
+          if (translated['Short Description']) {
+            const el = popup.querySelector('.popup-short-desc');
+            if (el) el.textContent = translated['Short Description'];
+          }
+    
+          if (translated.reason) {
+            const el = popup.querySelector('.popup-reason');
+            if (el) el.textContent = translated.reason;
+          }
+    
+          if (translated.pairing_recommendation) {
+            const el = popup.querySelector('.popup-pairing');
+            if (el) el.textContent = translated.pairing_recommendation;
+          }
+    
+          if (translated.Tags) {
+            const tagsArray = translated.Tags.split(',').map(tag => tag.trim());
+            const tagHTML = tagsArray.map(tag => `<span class="popup-tag">${tag}</span>`).join('');
+            const tagsContainer = popup.querySelector('.popup-tags');
+            if (tagsContainer) tagsContainer.innerHTML = tagHTML;
+          }
+        });
+    
+        // Ждём выполнения всей пачки
+        await Promise.all(translationPromises);
+      }
+    }
+
     async loadInstantRecommendations() {
         this.showLoadingIndicator();
         try {
@@ -451,6 +510,9 @@ export class WineWidget {
 createLanguageSwitcher() {
   const langContainer = document.querySelector('#powered-by-widget .powered-by-lang');
   const languages = translator.getSupportedLanguages();
+  if (!languages) {
+    return;
+  }
   const currentLanguage = translator.language;
 
   const dropdown = document.createElement('select');