wineater-bot 3.1.11 → 3.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/wineater-chatbot.mjs +444 -474
- package/dist/wineater-chatbot.umd.js +37 -65
- package/index.html +2 -2
- package/package.json +1 -1
- package/src/index.js +1 -31
- package/src/js/widget-styles.js +1 -1
package/index.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<title>Chatbot</title>
|
|
7
7
|
<script>window.wineaterData = {CLIENT_TOKEN: 'HeUw6IXuhvz6tRuXdPEGEbj3SGQ3Q2YtEc1Z8jd41Kg9LtyPb4Epu0to31SYIadG', TYPE: 'widget', WIDGET_TYPE: 'store', WIDGET_WRAPPER: 'wineater-widget-conteiner'};</script>
|
|
8
|
-
<script type="module" src="./dist/wineater-chatbot.umd.js"></script>
|
|
9
|
-
|
|
8
|
+
<!-- <script type="module" src="./dist/wineater-chatbot.umd.js"></script> -->
|
|
9
|
+
<script type="module" src="./src/index.js"></script>
|
|
10
10
|
</head>
|
|
11
11
|
<body style="margin: 0;">
|
|
12
12
|
<div id="wineater-widget-conteiner"></div> <!-- Контейнер для виджета -->
|
package/package.json
CHANGED
package/src/index.js
CHANGED
|
@@ -60,37 +60,7 @@ class App {
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
createChatbotUI() {
|
|
63
|
-
const
|
|
64
|
-
const buttonText = window?.wineaterData?.BUTTON_TEXT || translator.translate(`chatButton${btnTextOption}`);
|
|
65
|
-
const chatbotHTML = `
|
|
66
|
-
<div id="chatbot-container">
|
|
67
|
-
<div id="chat-icon">
|
|
68
|
-
<img src="https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/chat-icon.svg" alt="Chat Icon">
|
|
69
|
-
<span>${buttonText}</span>
|
|
70
|
-
</div>
|
|
71
|
-
<div id="chat-window" class="hidden">
|
|
72
|
-
<div id="chat-header">
|
|
73
|
-
<div id="chat-title">
|
|
74
|
-
<h1>${translator.translate('chatTitle')}</h1>
|
|
75
|
-
</div>
|
|
76
|
-
<div id="close-btn">×</div>
|
|
77
|
-
</div>
|
|
78
|
-
<div id="message-container"></div>
|
|
79
|
-
<div id="typing-indicator" class="typing-indicator hidden">
|
|
80
|
-
<span></span><span></span><span></span>
|
|
81
|
-
</div>
|
|
82
|
-
<div id="input-container">
|
|
83
|
-
<input type="text" id="user-input" placeholder="${translator.translate('inputPlaceholder')}">
|
|
84
|
-
<button id="send-button">${translator.translate('sendButton')}</button>
|
|
85
|
-
</div>
|
|
86
|
-
<div id="powered-by">
|
|
87
|
-
<a href="https://wineater.com" target="_blank">
|
|
88
|
-
<span>${translator.translate('poweredBy')}</span>
|
|
89
|
-
<img src="https://czvgkhagwvmknscoerfy.supabase.co/storage/v1/object/public/static-media/logo.svg" alt="Wineater Logo" id="chatbot-logo">
|
|
90
|
-
</a>
|
|
91
|
-
</div>
|
|
92
|
-
</div>
|
|
93
|
-
`;
|
|
63
|
+
const chatbotHTML = ``;
|
|
94
64
|
document.body.insertAdjacentHTML('beforeend', chatbotHTML);
|
|
95
65
|
}
|
|
96
66
|
|
package/src/js/widget-styles.js
CHANGED
|
@@ -251,7 +251,7 @@ body {
|
|
|
251
251
|
|
|
252
252
|
/* Картинка */
|
|
253
253
|
#wine-widget-container .wine-image {
|
|
254
|
-
width:
|
|
254
|
+
width: 150px; /* или 200px, на ваш вкус */
|
|
255
255
|
max-height: 200px;
|
|
256
256
|
object-fit: contain; /* чтобы не обрезалось, если нужно */
|
|
257
257
|
margin: 0 auto 16px; /* отступ снизу */
|