wineater-bot 3.0.21 → 3.1.0

package/index.html

@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <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: 'BrB2YDr8ksFKXP3RXSW4YubF0MEVJryO8EfRiQBIZoVOyUZZSsm9xdh2tkLlOJM3', position: 'right-center', TYPE: 'widget', WIDGET_TYPE: 'bar'};</script>
-    <script type="module" src="./src/index.js"></script>
+    <script>window.wineaterData = {CLIENT_TOKEN: 'HeUw6IXuhvz6tRuXdPEGEbj3SGQ3Q2YtEc1Z8jd41Kg9LtyPb4Epu0to31SYIadG', 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>
 <body style="margin: 0;">
     <div id="wineater-widget-conteiner"></div> <!-- Контейнер для виджета -->

package/package.json

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

package/src/js/i18n.js

@@ -6,6 +6,7 @@ class Translator {
         this.language = 'en'; // Default to English
         this.translations = {
             fr: {
+                lang: 'fr',
                 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é.",
@@ -60,8 +61,16 @@ class Translator {
                     "Parfait avec du poisson",
                     "Recommandé pour une soirée"
                 ],
+                headerLine1: "Partagez tout ce qui vous passe par la tête —",
+                headerLine2: "— et obtenez des recommandations de vin parfait en quelques secondes",
+                headerMeal: "repas",
+                headerMood: "humeur",
+                headerBudget: "budget",
+                headerOccasion: "occasion",
+                headerOr: "ou",
             },
             es: {
+                lang: 'es',
                 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.",
@@ -116,8 +125,16 @@ class Translator {
                     "Perfecto con pescado",
                     "Recomendado para una fiesta"
                 ],
+                headerLine1: "Comparte cualquier cosa que tengas en mente —",
+                headerLine2: "— y obtén recomendaciones del vino perfecto en cuestión de segundos",
+                headerMeal: "comida",
+                headerMood: "estado de ánimo",
+                headerBudget: "presupuesto",
+                headerOccasion: "ocasión",
+                headerOr: "o",
             },
             en: {
+                lang: 'en',
                 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.",
@@ -172,8 +189,16 @@ class Translator {
                     "Perfect with fish",
                     "Recommended for a party"
                 ],
+                headerLine1: "Share anything on your mind —",
+                headerLine2: "— and get recommendations of the perfect wine in seconds",
+                headerMeal: "meal",
+                headerMood: "mood",
+                headerBudget: "budget",
+                headerOccasion: "occasion",
+                headerOr: "or",
             },
             de: {
+                lang: 'de',
                 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.",
@@ -227,6 +252,77 @@ class Translator {
                 barSendButton: "Senden",
                 barResetButton: "Zurücksetzen",
                 barName: "Name der Bar",
+                headerLine1: "Teilen Sie alles, was Ihnen durch den Kopf geht —",
+                headerLine2: "— und erhalten Sie in Sekundenschnelle Empfehlungen für den perfekten Wein",
+                headerMeal: "Mahlzeit",
+                headerMood: "Stimmung",
+                headerBudget: "Budget",
+                headerOccasion: "Anlass",
+                headerOr: "oder",
+            },
+            ru: {
+                lang: 'ru',
+                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: "Код"
+                },
+                searchButton: "Поиск",
+                priceRange: "Диапазон цен",
+                wineColor: "Цвет вина",
+                intensity: "Интенсивность",
+                red: "Красное",
+                white: "Белое",
+                rose: "Розовое",
+                light: "Лёгкое",
+                medium: "Среднее",
+                full: "Полное",
+            
+                /* -- Новые ключи для бара -- */
+                barTitle: "Закуски к вину",
+                barSubtitle: "Выберите блюда ниже и нажмите ‘Отправить’",
+                barSendButton: "Отправить",
+                barResetButton: "Сбросить",
+                barName: "Название бара",
+                barNotesPlaceholder: "Добавьте ваши пожелания здесь...",
+                placeholderSuggestions: [
+                    "Вино для пасты",
+                    "Идеально к рыбе",
+                    "Рекомендуем для вечеринки"
+                ],
+                headerLine1: "Поделитесь любыми вашими мыслями —",
+                headerLine2: "— и получите рекомендации по идеальному вину за считанные секунды",
+                headerMeal: "блюдо",
+                headerMood: "настроение",
+                headerBudget: "бюджет",
+                headerOccasion: "случай",
+                headerOr: "или",
             }
         };
     }

package/src/js/styles.js

@@ -1,4 +1,8 @@
 const css = `
+:root {
+    --wineater-corp-color: #0044FF;
+    --wineater-color: #7B2BEB;
+}
 @font-face {
     font-family: 'Poppins';
     src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
@@ -21,7 +25,7 @@ const css = `
       justify-content: center;
       padding: 10px 20px;
       border-radius: 25px;
-      background: linear-gradient(90deg, #7B2BEB, #0044FF); /* Фиолетовый к синему */
+      background: linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color)); /* Фиолетовый к синему */
       cursor: pointer;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* Тень */
       color: white; /* Белый текст */
@@ -95,7 +99,7 @@ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
 display: none;
 overflow: hidden;
 background: linear-gradient(white, white) padding-box,
-linear-gradient(90deg, #7B2BEB, #0044FF) border-box;
+linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color)) border-box;
   
 }
 
@@ -194,7 +198,7 @@ linear-gradient(90deg, #7B2BEB, #0044FF) border-box;
   transition: all 0.2s ease;
   background: 
     linear-gradient(white, white) padding-box,
-    linear-gradient(90deg, #0044FF, #7B2BEB) border-box;
+    linear-gradient(90deg, var(--wineater-corp-color), var(--wineater-color)) border-box;
 }
 
 #user-input:focus {
@@ -204,7 +208,7 @@ linear-gradient(90deg, #7B2BEB, #0044FF) border-box;
 
 /* Кнопка отправки */
 #send-button {
-  background: linear-gradient(90deg, #7B2BEB, #0044FF);
+  background: linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color));
   color: white;
   border: none;
   padding: 12px 24px;
@@ -283,7 +287,7 @@ linear-gradient(90deg, #7B2BEB, #0044FF) border-box;
 
 /* Стили для сообщений API (бота) */
 .message.api {
-  background: linear-gradient(90deg, #7B2BEB, #0044FF);
+  background: linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color));
   color: white;
   border-top-left-radius: 4px;
   margin-right: auto;
@@ -325,7 +329,7 @@ border-top-left-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
   background: 
     linear-gradient(white, white) padding-box,
-    linear-gradient(90deg, #7B2BEB, #0044FF) border-box;
+    linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color)) border-box;
 }
 
 .wine-item {
@@ -353,7 +357,7 @@ border-top-left-radius: 4px;
 }
 
 .wine-item-price {
-  color: #7B2BEB;
+  color: var(--wineater-color);
   font-weight: 500;
   margin-bottom: 4px;
 }
@@ -365,7 +369,7 @@ border-top-left-radius: 4px;
 }
 
 .wine-item a {
-  color: #0044FF; /* Синий цвет ссылки */
+  color: var(--wineater-corp-color); /* Синий цвет ссылки */
   text-decoration: underline; /* Подчеркивание для эффекта ссылки */
   font-size: 14px; /* Размер текста */
   font-weight: 500; /* Полужирный текст */
@@ -388,7 +392,7 @@ border-bottom-right-radius: 15px;
 
   font-size: 14px;
   line-height: 1.5;
-  background: linear-gradient(90deg, #7B2BEB, #0044FF);
+  background: linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color));
   box-shadow: 0 2px 8px rgba(123, 43, 235, 0.15);
 }
 
@@ -403,7 +407,7 @@ border-bottom-right-radius: 15px;
   width: 40px;
   height: 40px;
   margin: 20px auto;
-  background: conic-gradient(from 0deg, #7B2BEB, #0044FF, #7B2BEB);
+  background: conic-gradient(from 0deg, var(--wineater-color), var(--wineater-corp-color), var(--wineater-color));
   border-radius: 50%;
   animation: spin 1s linear infinite;
   position: relative;
@@ -449,7 +453,7 @@ visibility: visible;
   height: 8px;
   margin: 0 3px;
   border-radius: 50%;
-  background: linear-gradient(90deg, #7B2BEB, #0044FF);
+  background: linear-gradient(90deg, var(--wineater-color), var(--wineater-corp-color));
   opacity: 0.7;
   animation: typing 1s infinite;
 }