ai-chatbot-widget 0.1.2 → 0.1.3
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/README.md +42 -30
- package/dist/chatbot-widget.es.js +6784 -6229
- package/dist/chatbot-widget.iife.js +85 -84
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -4,6 +4,18 @@ This chatbot widget was developed for [Agile Alpaca](https://agile-alpaca.com) c
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## Stores Using This Widget
|
|
8
|
+
|
|
9
|
+
Last update: **April 3, 2026**.
|
|
10
|
+
|
|
11
|
+
- [bsign-store.com](https://bsign-store.com/) - Manufacturer of custom door signs and modern door numbers made from metal, wood, and acrylic for homes, offices, apartments, and hotels.
|
|
12
|
+
- [bsign-store.com.ua](https://bsign-store.com.ua/) - Ukrainian storefront of BSign focused on interior door signs and room numbers for homes, offices, and hospitality spaces.
|
|
13
|
+
- [lemap.co](https://lemap.co/) - Store focused on travel-themed wall maps, especially national park maps and related decor/sign products.
|
|
14
|
+
- [dfadecor.com](https://dfadecor.com/) - Interior decor shop with reusable wall stencils, mirror strips, and imprint tools for decorative wall finishing.
|
|
15
|
+
- [evenwood.com.ua](https://evenwood.com.ua/) - Ukrainian handmade wooden decor and home-organization products, including planters, shelves, and shoe storage.
|
|
16
|
+
- [ndukraine.com](https://ndukraine.com/) - Ukrainian goods store selling embroidered clothing, accessories, and home decor with handmade focus.
|
|
17
|
+
- [buzzcrafts.art](https://buzzcrafts.art/) - Gift store centered on anniversary gifts by year and milestone-based present ideas.
|
|
18
|
+
|
|
7
19
|
## Features
|
|
8
20
|
- [x] Theme customization – the theme parameter applies predefined styles that change the background, button, and message-bubble colors.
|
|
9
21
|
- [x] Animated popup window – the chat window is anchored to the bottom-right corner and opens/collapses with smooth animation.
|
|
@@ -16,8 +28,8 @@ This chatbot widget was developed for [Agile Alpaca](https://agile-alpaca.com) c
|
|
|
16
28
|
- [x] Page context (pageContext) – lets you run arbitrary scripts (e.g., auto-show the chat or display a personalized message) once a visitor has spent timer ms on a specific pathname.
|
|
17
29
|
- [x] Full control via context object – the execPageContext function provides external code with a complete set of setters (open, messageOptions, input, promptsOptions) plus a scrollToBottom method, simplifying integration with analytics or business logic.
|
|
18
30
|
- [x] Input with Shift+Enter support – pressing Enter sends a message; Shift+Enter inserts a newline.
|
|
19
|
-
- [x] Configurable input position - place input on top and header on bottom with props.
|
|
20
|
-
- [x] Automatic scroll to the latest message
|
|
31
|
+
- [x] Configurable input position - place input on top and header on bottom with props.
|
|
32
|
+
- [x] Automatic scroll to the latest message
|
|
21
33
|
- [x] Responsive design
|
|
22
34
|
- [ ] Full-page context handling – ability to send the entire page context to the server along with the user’s message.
|
|
23
35
|
|
|
@@ -123,12 +135,12 @@ Thank you for reaching out! 💬`
|
|
|
123
135
|
greeting,
|
|
124
136
|
chatPrompts,
|
|
125
137
|
openTriggerId: 'open-chatbot-btn', // optional: use your own trigger element
|
|
126
|
-
position: {
|
|
127
|
-
mode: 'trigger' // opens the chat near the openTriggerId element
|
|
128
|
-
},
|
|
129
|
-
messageInputPosition: 'top', // optional: top input + bottom header + newest messages on top
|
|
130
|
-
|
|
131
|
-
title: 'Bsign Assistant',
|
|
138
|
+
position: {
|
|
139
|
+
mode: 'trigger' // opens the chat near the openTriggerId element
|
|
140
|
+
},
|
|
141
|
+
messageInputPosition: 'top', // optional: top input + bottom header + newest messages on top
|
|
142
|
+
|
|
143
|
+
title: 'Bsign Assistant',
|
|
132
144
|
imageUrl: 'https://cdn.shopify.com/s/files/1/0248/8198/7665/files/chatbot-logo.png?v=1750682293',
|
|
133
145
|
imageWidth: '120px',
|
|
134
146
|
|
|
@@ -204,28 +216,28 @@ position: {
|
|
|
204
216
|
}
|
|
205
217
|
```
|
|
206
218
|
|
|
207
|
-
Open near trigger example:
|
|
208
|
-
```typescript
|
|
209
|
-
openTriggerId: 'open-chatbot-btn',
|
|
210
|
-
position: {
|
|
211
|
-
mode: 'trigger',
|
|
212
|
-
gap: 10,
|
|
213
|
-
offsetY: -20
|
|
214
|
-
}
|
|
215
|
-
```
|
|
216
|
-
|
|
217
|
-
### Input position
|
|
218
|
-
|
|
219
|
-
Use `messageInputPosition` to control where the input lives.
|
|
220
|
-
|
|
221
|
-
```typescript
|
|
222
|
-
messageInputPosition?: 'bottom' | 'top'
|
|
223
|
-
```
|
|
224
|
-
|
|
225
|
-
- `'bottom'` (default): header is on top, input is on bottom, newest messages appear at the bottom.
|
|
226
|
-
- `'top'`: input is on top, header moves to bottom, newest messages appear at the top.
|
|
227
|
-
|
|
228
|
-
### Themes
|
|
219
|
+
Open near trigger example:
|
|
220
|
+
```typescript
|
|
221
|
+
openTriggerId: 'open-chatbot-btn',
|
|
222
|
+
position: {
|
|
223
|
+
mode: 'trigger',
|
|
224
|
+
gap: 10,
|
|
225
|
+
offsetY: -20
|
|
226
|
+
}
|
|
227
|
+
```
|
|
228
|
+
|
|
229
|
+
### Input position
|
|
230
|
+
|
|
231
|
+
Use `messageInputPosition` to control where the input lives.
|
|
232
|
+
|
|
233
|
+
```typescript
|
|
234
|
+
messageInputPosition?: 'bottom' | 'top'
|
|
235
|
+
```
|
|
236
|
+
|
|
237
|
+
- `'bottom'` (default): header is on top, input is on bottom, newest messages appear at the bottom.
|
|
238
|
+
- `'top'`: input is on top, header moves to bottom, newest messages appear at the top.
|
|
239
|
+
|
|
240
|
+
### Themes
|
|
229
241
|
|
|
230
242
|
Avaible themes: `futuristic`, `lighty`, `boring`, `o Canada`.
|
|
231
243
|
|