wineater-bot 2.1.2 → 2.1.4

package/package.json

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

package/src/index.js

@@ -13,13 +13,6 @@ const tracker = new Tracker({
   '__DISABLE_SECURE_MODE': true
 });
 
-flagsmith.init({
-  environmentID: '5RfiDoiqb4dHrNdQvzbkfM',
-  // api:"http://localhost:8000/api/v1/" set this if you are self hosting, and point it to your API
-  cacheFlags: true, // stores flags in localStorage cache
-  enableAnalytics: true, // See https://docs.flagsmith.com/flag-analytics/ for more info.
- });
-
 // Import your JavaScript modules here
 import { toggleChatWindow, closeChatWindow, openChatWindow } from './js/ui.js';
 import { Chatbot } from  './js/chatbot.js';
@@ -44,6 +37,10 @@ export {
     openChatWindow
 };
 
+function getUniqueId() {
+  const uniqueId = getCookie()
+}
+
 function createChatbotUI() {
   tracker.start();
   const btnTextOption = flagsmith.getValue('chat-btn-txt');
@@ -146,13 +143,28 @@ if (typeof window !== 'undefined') {
       }
     }
     await translator.fetchConfig(capitalizeStore || 'Climats'); 
-    createChatbotUI(); // Create the UI
+    setCookie('chatbotToken', window.wineaterData?.CLIENT_TOKEN || DEMO_TOKEN, 365);
+    setUniqueUserCookie();
+    flagsmith.init({
+      environmentID: '5RfiDoiqb4dHrNdQvzbkfM',
+      // api:"http://localhost:8000/api/v1/" set this if you are self hosting, and point it to your API
+      cacheFlags: false, // stores flags in localStorage cache
+      enableAnalytics: true,
+      identity: getCookie('uniqueUserID') // See https://docs.flagsmith.com/flag-analytics/ for more info.
+     }).then(() => {
+      createChatbotUI(); // Create the UI
+      setupCloseButton();
+      setupOutsideClick();
+      toggleChatIconPosition(position);
+      const myChatbot = new Chatbot();
+      myChatbot.initialize();
+     }).catch(() => {
+      createChatbotUI(); // Create the UI
     setupCloseButton();
     setupOutsideClick();
     toggleChatIconPosition(position);
-    setCookie('chatbotToken', window.wineaterData?.CLIENT_TOKEN || DEMO_TOKEN, 365);
-    setUniqueUserCookie();
     const myChatbot = new Chatbot();
     myChatbot.initialize();
+     });
   });
 }

package/src/js/auto-open.js

@@ -38,16 +38,16 @@ export async function shouldOpenChatAutomatically() {
         if (regex.test(currentURL)) {
             try {
                 // Get meta title and description from the document
-                const metaTitle = document.querySelector('meta[name="title"]')?.getAttribute('content') || document.title;
-                const metaDescription = document.querySelector('meta[name="description"]')?.getAttribute('content') || '';
+                // const metaTitle = document.querySelector('meta[name="title"]')?.getAttribute('content') || document.title;
+                // const metaDescription = document.querySelector('meta[name="description"]')?.getAttribute('content') || '';
 
                 // Fetch dishes based on meta data
-                const dishes = await api.getPossibleDishesWithMeta(metaTitle, metaDescription);
+                // const dishes = await api.getPossibleDishesWithMeta(metaTitle, metaDescription);
 
                 console.log(dishes);
                 
                 const timer = setTimeout(() => {
-                    openChatWindowWithDishes(dishes);  // Открыть чат с блюдами через 15 секунд
+                    openChatWindow();  // Открыть чат с блюдами через 15 секунд
                 }, 15000);  // 15000 миллисекунд = 15 секунд
 
                 // Сохраняем таймер, чтобы можно было его сбросить при ручном открытии чата

package/src/js/styles.js

@@ -10,7 +10,7 @@ const css = `
     bottom: 20px;
     right: 20px;
     font-family: 'Poppins', sans-serif; /* Use Poppins as the main font */
-    z-index: 1000; /* Ensure chat is above other content */
+    z-index: 10000; /* Ensure chat is above other content */
 }
 
 /* Styling the chat icon */
@@ -28,6 +28,7 @@ const css = `
       font-family: 'Poppins', sans-serif;
       font-size: 16px; /* Увеличенный размер текста */
       font-weight: bold;
+      box-sizing: border-box;
       transition: transform 0.2s ease, box-shadow 0.2s ease; /* Анимация при наведении */
     }
 
@@ -84,14 +85,18 @@ const css = `
 /* Chat window styles */
 #chat-window {
   position: fixed;
-  bottom: 20px;
-  right: 20px;
-  width: 380px;
-  background-color: white;
-  border-radius: 24px;
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
-  display: none;
-  overflow: hidden;
+bottom: 20px;
+right: 20px;
+width: 380px;
+background-color: white;
+border-radius: 24px;
+border: 2px solid transparent;
+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;
+  
 }
 
 #chat-header {
@@ -360,10 +365,17 @@ border-top-left-radius: 4px;
 }
 
 .wine-item a {
-  color: #0044FF;
-  text-decoration: none;
-  font-size: 14px;
-  font-weight: 500;
+  color: #0044FF; /* Синий цвет ссылки */
+  text-decoration: underline; /* Подчеркивание для эффекта ссылки */
+  font-size: 14px; /* Размер текста */
+  font-weight: 500; /* Полужирный текст */
+  margin-top: 10px; /* Отступ сверху */
+  display: inline-block; /* Чтобы отступы работали корректно */
+}
+
+.wine-item a:hover {
+  text-decoration: none; /* Убираем подчеркивание при наведении */
+  color: #002699; /* Более темный синий для интерактивного эффекта */
 }
 
 .wine-description {
@@ -387,7 +399,7 @@ border-bottom-right-radius: 15px;
 
 /* Loader Styles */
 .loader {
-  display: none;
+ display: none;
   width: 40px;
   height: 40px;
   margin: 20px auto;
@@ -423,7 +435,7 @@ border-bottom-right-radius: 15px;
   justify-content: center;
   align-items: center;
   height: 0;
-  visibility: hidden;
+    visibility: hidden;
   background-color: white;
 }
 
@@ -477,7 +489,7 @@ border-bottom-right-radius: 15px;
     }
 
     #message-container {
-        height: calc(100vh - 180px); /* Учитываем высоту header и input container */
+        height: calc(100vh - 250px); /* Учитываем высоту header и input container */
         max-height: none;
     }