wineater-bot 3.4.4 → 3.5.1

package/package.json

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

package/src/js/i18n.js

@@ -194,7 +194,7 @@ class Translator {
 
                 /* -- Новые ключи bar -- */
                 barTitle: "Bar Dishes",
-                barSubtitle: "Select dishes below and click ‘Send’",
+                barSubtitle: "Select dishes below and click 'Send'",
                 barSendButton: "Send",
                 barResetButton: "Reset",
                 barName: "Bar Name",
@@ -259,7 +259,7 @@ class Translator {
 
                 /* -- Novi ključevi za bar -- */
                 "barTitle": "Jela iz bara",
-                "barSubtitle": "Izaberite jela ispod i kliknite ‘Pošalji’",
+                "barSubtitle": "Izaberite jela ispod i kliknite 'Pošalji'",
                 "barSendButton": "Pošalji",
                 "barResetButton": "Resetuj",
                 "barName": "Naziv bara",
@@ -330,7 +330,7 @@ class Translator {
 
                 /* -- Новые ключи bar -- */
                 barTitle: "Bar-Auswahl",
-                barSubtitle: "Wählen Sie Ihre Gerichte und klicken Sie auf „Senden“",
+                barSubtitle: "Wählen Sie Ihre Gerichte und klicken Sie auf 'Senden'",
                 barSendButton: "Senden",
                 barResetButton: "Zurücksetzen",
                 barName: "Name der Bar",
@@ -426,7 +426,7 @@ class Translator {
                 winePairingIntro: "К этому вину подходят следующие блюда:",
                 askForDinner: "Что бы вы хотели на ужин?",
                 clearChatButton: "Очистить чат",
-                widgetTitle: "НАЙДИТЕ ИДЕАЛЬНОЕ ВИНО",
+                widgetTitle: "НАЙДИТЬ ИДЕАЛЬНОЕ ВИНО",
                 widgetSubtitle: "Поделитесь вашими предпочтениями — блюдом, настроением, бюджетом или случаем — и наш AI-сомелье подберёт идеальное вино за секунды",
                 searchPlaceholder: "Введите ключевое слово или описание",
                 wineDetails: {
@@ -452,7 +452,7 @@ class Translator {
             
                 /* -- Новые ключи для бара -- */
                 barTitle: "Закуски к вину",
-                barSubtitle: "Выберите блюда ниже и нажмите ‘Отправить’",
+                barSubtitle: "Выберите блюда ниже и нажмите 'Отправить'",
                 barSendButton: "Отправить",
                 barResetButton: "Сбросить",
                 barName: "Название бара",
@@ -476,10 +476,23 @@ class Translator {
     async fetchConfig(storeName) {
         try {
             const config = await this.api.getStoreConfig(storeName);
-            this.language = config.lang;
-            this.currency = config.currency;
+    
+            // ✅ Если язык уже сохранён в localStorage — использовать его
+            const storedLang = localStorage.getItem('selectedLanguage');
+            if (storedLang && this.translations[storedLang]) {
+                this.language = storedLang;
+            } else if (config.lang && this.translations[config.lang]) {
+                // иначе использовать с бэкенда
+                this.language = config.lang;
+                localStorage.setItem('selectedLanguage', config.lang);
+            } else {
+                this.language = 'en';
+            }
+    
+            this.currency = config.currency || 'USD';
+    
         } catch (e) {
-            this.language = 'en'; // Fallback to English
+            this.language = localStorage.getItem('selectedLanguage') || 'en';
             this.currency = 'USD';
         }
     }
@@ -513,6 +526,10 @@ class Translator {
     
         return value;
     }
+
+    getSupportedLanguages() {
+        return Object.keys(this.translations);
+    }
 }
 
 export default new Translator();

package/src/js/widget-styles.js

@@ -620,14 +620,44 @@ visibility: visible;
 
 /* ===================== 13) Блок Powered by ===================== */
 #powered-by-widget {
-  border-top:2px solid #f6f7fd;  /* разделительная линия сверху */
+  position: relative;
+  border-top: 2px solid #f6f7fd;
   font-family: 'Bricolage Grotesque', sans-serif;
   font-weight: 200;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   padding: 12px 24px;
+  min-height: 40px;
+}
+
+#powered-by-widget .powered-by-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  text-align: center;
 }
+
+#powered-by-widget .powered-by-lang {
+  position: absolute;
+  right: 0px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.language-dropdown {
+  padding: 4px;
+    border-radius: 6px;
+    border: 2px solid var(--wineater-color);
+    background-color: white;
+    color: var(--wineater-color);
+    font-weight: 500;
+    font-family: 'Bricolage Grotesque', sans-serif;
+    font-size: 12px;
+    cursor: pointer;
+    transition: all 0.2sease;
+}
+.language-dropdown:hover {
+  box-shadow: 0 4px 8px rgba(123, 43, 235, 0.2);
+}
+
 #powered-by-widget a {
   text-decoration: none;
   display: flex;
@@ -652,7 +682,7 @@ visibility: visible;
 @media screen and (max-width: 768px) {
   #wine-widget-container {
     flex-direction: column;
-    padding: 16px;
+    padding: 0px 16px;
     min-width: 100vw;
   }
     #wine-widget-header h1 {
@@ -679,6 +709,9 @@ visibility: visible;
   #wine-widget-container .tile-details {
     text-align: center;
   }
+  .powered-by-sommelier {
+  display:none;
+  }
 }
 
 .card-popup {
@@ -808,7 +841,6 @@ margin: 5px 0;
    border: none;
  }
 
-
 /* Пример более узких экранов (i.e. <480px) можно добавить при необходимости */
 `;
 const fontLink = document.createElement('link');

package/src/js/widget.js

@@ -26,7 +26,7 @@ export class WineWidget {
         this.initializeSearchAnimation();
         this.sendEvent('widgetInitialized', { widgetType: this.widgetType });
         this.loadInstantRecommendations();
-
+        this.createLanguageSwitcher();
     }
 
     sendEvent(eventType, data) {
@@ -84,12 +84,15 @@ export class WineWidget {
                     <div id="wine-placeholder"></div>
             </div>
                             <div id="powered-by-widget">
-                    <a href="https://wineater.com" target="_blank">
-                        <span>${translator.translate('poweredBy')}</span>
-                        <img src="${this.countryCode === 'ru' ? 'https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/divino_logo.svg?x=5' : 'https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/logo_medium_gray.svg'}" alt="Wineater Logo">
-                        <span>${translator.translate('AI sommelier')}</span>
-                    </a>
-                </div>
+  <div class="powered-by-center">
+    <a href="https://wineater.com" target="_blank">
+        <span>${translator.translate('poweredBy')}</span>
+        <img src="${this.countryCode === 'ru' ? 'https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/divino_logo.svg?x=5' : 'https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/logo_medium_gray.svg'}" alt="Wineater Logo">
+        <span class="powered-by-sommelier">${translator.translate('AI sommelier')}</span>
+    </a>
+  </div>
+  <div class="powered-by-lang"></div>
+</div>
                 </div>
             </div>
         `;
@@ -444,4 +447,31 @@ export class WineWidget {
         typeEffect();
     });
 }
-}
+
+createLanguageSwitcher() {
+  const langContainer = document.querySelector('#powered-by-widget .powered-by-lang');
+  const languages = translator.getSupportedLanguages();
+  const currentLanguage = translator.language;
+
+  const dropdown = document.createElement('select');
+  dropdown.id = 'language-dropdown';
+  dropdown.className = 'language-dropdown';
+
+  languages.forEach(lang => {
+      const option = document.createElement('option');
+      option.value = lang;
+      option.textContent = lang.toUpperCase();
+      option.selected = lang === currentLanguage;
+      dropdown.appendChild(option);
+  });
+
+  dropdown.onchange = (event) => {
+      const selectedLang = event.target.value;
+      translator.language = selectedLang;
+      localStorage.setItem('selectedLanguage', selectedLang);
+      location.reload(); // Reload to apply language change
+  };
+
+  langContainer.appendChild(dropdown);
+}
+}