@yartsun/chat-widget-types 1.0.13 → 1.0.14

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.
Files changed (21) hide show
  1. package/dist/config.types.d.ts +80 -36
  2. package/dist/config.types.d.ts.map +1 -1
  3. package/dist/default-config.d.ts.map +1 -1
  4. package/dist/default-config.js +245 -98
  5. package/dist/default-config.js.map +1 -1
  6. package/dist/default-config.old.d.ts +3 -0
  7. package/dist/default-config.old.d.ts.map +1 -0
  8. package/dist/default-config.old.js +172 -0
  9. package/dist/default-config.old.js.map +1 -0
  10. package/dist/migration/examples.d.ts.map +1 -1
  11. package/dist/migration/examples.js +2 -172
  12. package/dist/migration/examples.js.map +1 -1
  13. package/dist/migration/strategies.d.ts.map +1 -1
  14. package/dist/migration/strategies.js +4 -1
  15. package/dist/migration/strategies.js.map +1 -1
  16. package/package.json +1 -1
  17. package/src/config.types.ts +82 -36
  18. package/src/default-config.old.ts +183 -0
  19. package/src/default-config.ts +274 -128
  20. package/src/migration/examples.ts +2 -178
  21. package/src/migration/strategies.ts +4 -1
package/src/default-config.ts CHANGED
@@ -1,178 +1,324 @@
1
1
  import type { WidgetConfig } from './config.types'
2
2
 
3
3
  export const DEFAULT_CONFIG: WidgetConfig = {
4
- schema: {
4
+ schema: { // Схема віджета
5
5
  version: '1.0',
6
6
  required: ['settings', 'texts', 'sections'],
7
7
  },
8
- settings: {
9
- bgChat: '#434345',
10
- gapMessageLine: 12,
11
- fontFamily: 'MacPaw Fixel',
12
- borderRadius: 12,
13
- launchView: 'closed',
14
- letterSpacing: 0,
8
+ settings: { // Настройки
9
+ bgChat: '#434345', // Фон чата
10
+ gapMessageLine: 12, // Відстань між повідомленнями
11
+ fontFamily: 'MacPaw Fixel', // Шрифт
12
+ borderRadius: 12, // Радіус округлості чату
13
+ launchView: 'closed', // Початковий стан чату
14
+ letterSpacing: 0, // Інтервал між літерами
15
15
  logo: '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.22048 12.26L8.71413 11.1293C9.1535 10.1231 9.94426 9.32209 10.9307 8.88424L12.2895 8.28107C12.7215 8.08931 12.7215 7.46082 12.2895 7.26906L10.9731 6.68472C9.9613 6.23561 9.15637 5.40496 8.72453 4.3644L8.22447 3.15941C8.0389 2.71224 7.42105 2.71224 7.23548 3.15941L6.7354 4.36439C6.30357 5.40496 5.49861 6.23561 4.48686 6.68472L3.17045 7.26906C2.73843 7.46082 2.73843 8.08931 3.17045 8.28107L4.5293 8.88424C5.51569 9.32209 6.30646 10.1231 6.7458 11.1293L7.23948 12.26C7.42924 12.6946 8.03069 12.6946 8.22048 12.26ZM13.1632 15.0131L13.302 14.6949C13.5495 14.1275 13.9953 13.6758 14.5515 13.4287L14.9792 13.2386C15.2106 13.1358 15.2106 12.7996 14.9792 12.6969L14.5754 12.5174C14.0049 12.264 13.5511 11.7955 13.3078 11.2089L13.1653 10.865C13.0659 10.6254 12.7346 10.6254 12.6352 10.865L12.4927 11.2089C12.2494 11.7955 11.7957 12.264 11.2251 12.5174L10.8213 12.6969C10.59 12.7996 10.59 13.1358 10.8213 13.2386L11.249 13.4287C11.8053 13.6758 12.251 14.1275 12.4985 14.6949L12.6374 15.0131C12.739 15.246 13.0615 15.246 13.1632 15.0131Z" fill="currentColor"/></svg>',
16
- fontWeight: 500,
17
- lineHeight: 1.2,
18
- loader: 'dots',
16
+ fontWeight: 500, // Товщина шрифту
17
+ lineHeight: 1.2, // Висота рядка
18
+ loader: 'dots', // Тип лоадера
19
+ globalRoundingRadius: true, // Радиус округлости чата
20
+ theme: 'light', // Тема
21
+ mode: 'collapsed', // Режим
22
+ position: 'bottomRight', // Положение
23
+ size: {
24
+ width: 435,
25
+ height: 450,
26
+ },
27
+ offset: {
28
+ x: 24,
29
+ y: 36,
30
+ },
19
31
  },
20
- texts: {
32
+ texts: { // Тексти
21
33
  welcomeMessage:
22
- '🖖 Hi there — I’m your assistant for finding documents, tracking access, and making sense of your files. \n\nHow can I help?',
23
- widgetTitle: 'HyperShadow',
24
- launchIssueTitle: 'There was a glitch',
25
- launchIssueText: 'Please restart the chat, it should work',
26
- issueText: 'Something went wrong, please restart',
27
- reconnectText: 'Connection issue, trying to reconnect',
28
- inputPlaceholder: 'Type question',
34
+ '🖖 Hi there — I’m your assistant for finding documents, tracking access, and making sense of your files. \n\nHow can I help?', // Привітання
35
+ widgetTitle: 'HyperShadow', // Заголовок чату
36
+ launchIssueTitle: 'There was a glitch', // Заголовок помилки запуску
37
+ launchIssueText: 'Please restart the chat, it should work', // Текст помилки запуску
38
+ issueText: 'Something went wrong, please restart', // Текст помилки в процесі
39
+ reconnectText: 'Connection issue, trying to reconnect', // Текст помилки перепідключення
40
+ inputPlaceholder: 'Type question', // Плейсхолдер для введення тексту
29
41
  disableInputText:
30
- 'Can’t send a message while processing the previous request',
31
- disclaimer: 'AI-Copilot makes mistakes, please don’t consider 100% accurate',
42
+ 'Can’t send a message while processing the previous request', // Текст заблокованого введення
43
+ disclaimer: 'AI-Copilot makes mistakes, please don’t consider 100% accurate', // Дисклеймер
44
+ typingLoader: 'AI-Co-pilot typing', // Тип лоадера
45
+ sendButton: 'Send', // Текст кнопки відправлення
32
46
  },
33
- sections: {
34
- warnings: {
35
- launchIssue: {
36
- params: {
37
- warningStyle: 'faded',
38
- showIcon: true,
39
- icon:
40
- '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.76 16.42L15.36 4.9C14.5 3.35 13.31 2.5 12 2.5C10.69 2.5 9.5 3.35 8.64 4.9L2.24 16.42C1.43 17.89 1.34 19.3 1.99 20.41C2.64 21.52 3.92 22.13 5.6 22.13H18.4C20.08 22.13 21.36 21.52 22.01 20.41C22.66 19.3 22.57 17.88 21.76 16.42ZM12.71 18.21C12.66 18.25 12.61 18.29 12.56 18.33C12.5 18.37 12.44 18.4 12.38 18.42C12.32 18.45 12.26 18.47 12.19 18.48C12.13 18.49 12.06 18.5 12 18.5C11.94 18.5 11.87 18.49 11.8 18.48C11.74 18.47 11.68 18.45 11.62 18.42C11.56 18.4 11.5 18.37 11.44 18.33C11.39 18.29 11.34 18.25 11.29 18.21C11.11 18.02 11 17.76 11 17.5C11 17.24 11.11 16.98 11.29 16.79C11.34 16.75 11.39 16.71 11.44 16.67C11.5 16.63 11.56 16.6 11.62 16.58C11.68 16.55 11.74 16.53 11.8 16.52C11.93 16.49 12.07 16.49 12.19 16.52C12.26 16.53 12.32 16.55 12.38 16.58C12.44 16.6 12.5 16.63 12.56 16.67C12.61 16.71 12.66 16.75 12.71 16.79C12.89 16.98 13 17.24 13 17.5C13 17.76 12.89 18.02 12.71 18.21ZM11.25 9.5C11.25 9.09 11.59 8.75 12 8.75C12.41 8.75 12.75 9.09 12.75 9.5V14.5C12.75 14.91 12.41 15.25 12 15.25C11.59 15.25 11.25 14.91 11.25 14.5V9.5Z" fill="currentColor"/></svg>',
47
+ sections: { // Секції віджета
48
+ colapsed: { // Коллапс
49
+ color: '#fff', // Колір тексту
50
+ bgColor: '#7D52F4', // Колір фону
51
+ width: 56,
52
+ height: 56,
53
+ borderRadius: 50,
54
+ borderWidth: 8,
55
+ borderColor: 'rgba(29, 29, 31, 0.90)',
56
+ logo: '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.22048 12.26L8.71413 11.1293C9.1535 10.1231 9.94426 9.32209 10.9307 8.88424L12.2895 8.28107C12.7215 8.08931 12.7215 7.46082 12.2895 7.26906L10.9731 6.68472C9.9613 6.23561 9.15637 5.40496 8.72453 4.3644L8.22447 3.15941C8.0389 2.71224 7.42105 2.71224 7.23548 3.15941L6.7354 4.36439C6.30357 5.40496 5.49861 6.23561 4.48686 6.68472L3.17045 7.26906C2.73843 7.46082 2.73843 8.08931 3.17045 8.28107L4.5293 8.88424C5.51569 9.32209 6.30646 10.1231 6.7458 11.1293L7.23948 12.26C7.42924 12.6946 8.03069 12.6946 8.22048 12.26ZM13.1632 15.0131L13.302 14.6949C13.5495 14.1275 13.9953 13.6758 14.5515 13.4287L14.9792 13.2386C15.2106 13.1358 15.2106 12.7996 14.9792 12.6969L14.5754 12.5174C14.0049 12.264 13.5511 11.7955 13.3078 11.2089L13.1653 10.865C13.0659 10.6254 12.7346 10.6254 12.6352 10.865L12.4927 11.2089C12.2494 11.7955 11.7957 12.264 11.2251 12.5174L10.8213 12.6969C10.59 12.7996 10.59 13.1358 10.8213 13.2386L11.249 13.4287C11.8053 13.6758 12.251 14.1275 12.4985 14.6949L12.6374 15.0131C12.739 15.246 13.0615 15.246 13.1632 15.0131Z" fill="currentColor"/></svg>',
57
+ icon: {
58
+ showIcon: true,
59
+ size: 18,
60
+ },
61
+ },
62
+ warnings: { // Попередження
63
+ launchIssue: { // Помилка запуску
64
+ warningStyle: 'faded', // Стиль попередження
65
+ content: {
66
+ icon: {
67
+ showIcon: true,
68
+ src: '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.76 16.42L15.36 4.9C14.5 3.35 13.31 2.5 12 2.5C10.69 2.5 9.5 3.35 8.64 4.9L2.24 16.42C1.43 17.89 1.34 19.3 1.99 20.41C2.64 21.52 3.92 22.13 5.6 22.13H18.4C20.08 22.13 21.36 21.52 22.01 20.41C22.66 19.3 22.57 17.88 21.76 16.42ZM12.71 18.21C12.66 18.25 12.61 18.29 12.56 18.33C12.5 18.37 12.44 18.4 12.38 18.42C12.32 18.45 12.26 18.47 12.19 18.48C12.13 18.49 12.06 18.5 12 18.5C11.94 18.5 11.87 18.49 11.8 18.48C11.74 18.47 11.68 18.45 11.62 18.42C11.56 18.4 11.5 18.37 11.44 18.33C11.39 18.29 11.34 18.25 11.29 18.21C11.11 18.02 11 17.76 11 17.5C11 17.24 11.11 16.98 11.29 16.79C11.34 16.75 11.39 16.71 11.44 16.67C11.5 16.63 11.56 16.6 11.62 16.58C11.68 16.55 11.74 16.53 11.8 16.52C11.93 16.49 12.07 16.49 12.19 16.52C12.26 16.53 12.32 16.55 12.38 16.58C12.44 16.6 12.5 16.63 12.56 16.67C12.61 16.71 12.66 16.75 12.71 16.79C12.89 16.98 13 17.24 13 17.5C13 17.76 12.89 18.02 12.71 18.21ZM11.25 9.5C11.25 9.09 11.59 8.75 12 8.75C12.41 8.75 12.75 9.09 12.75 9.5V14.5C12.75 14.91 12.41 15.25 12 15.25C11.59 15.25 11.25 14.91 11.25 14.5V9.5Z" fill="currentColor"/></svg>',
69
+ color: '#FFCC77',
70
+ size: 24,
71
+ },
72
+ bgColor: '#8A7045', // Колір фону
73
+ verticalSpacing: 4,
74
+ sidePadding: 8,
75
+ headlineColor: '#f9c97c', // Колір заголовка
76
+ color: '#fff', // Колір тексту
77
+ headlineTextSize: 12, // Размер заголовка
78
+ subTextSize: 12, // Размер текста
41
79
  },
42
- iconColor: '#FFCC77',
43
- bgColor: '#8A7045',
44
- headlineColor: '#f9c97c',
45
- color: '#fff',
46
- resetButton: {
47
- color: '#2e2e30',
48
- bgColor: '#e5e1dd',
80
+ resetButton: { // Кнопка скидання
81
+ bgType: 'filled',
82
+ showType: 'both',
83
+ borderRadius: 12,
84
+ size: 'md',
85
+ color: '#2e2e30', // Колір тексту кнопки
86
+ bgColor: '#e5e1dd', // Колір фону кнопки
87
+ fontSize: 12,
88
+ icon: {
89
+ showIcon: true,
90
+ src: '<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.793 1.83301H5.20634C2.77967 1.83301 1.33301 3.27967 1.33301 5.70634V11.2863C1.33301 13.7197 2.77967 15.1663 5.20634 15.1663H10.7863C13.213 15.1663 14.6597 13.7197 14.6597 11.293V5.70634C14.6663 3.27967 13.2197 1.83301 10.793 1.83301ZM7.99967 12.6663C6.80634 12.6663 5.87301 12.073 5.23967 11.4863V11.9597C5.23967 12.233 5.01301 12.4597 4.73967 12.4597C4.46634 12.4597 4.23967 12.233 4.23967 11.9597V10.1263C4.23967 9.85301 4.46634 9.62634 4.73967 9.62634H6.39301C6.66634 9.62634 6.89301 9.85301 6.89301 10.1263C6.89301 10.3997 6.66634 10.6263 6.39301 10.6263H5.79301C6.28634 11.1197 7.05301 11.6663 7.99967 11.6663C9.74634 11.6663 11.1663 10.2463 11.1663 8.49967C11.1663 8.22634 11.393 7.99967 11.6663 7.99967C11.9397 7.99967 12.1663 8.22634 12.1663 8.49967C12.1663 10.7997 10.2997 12.6663 7.99967 12.6663ZM12.1663 6.85967C12.1663 6.87967 12.1663 6.89967 12.1663 6.91301C12.1597 6.98634 12.1397 7.05301 12.1063 7.11301C12.073 7.17301 12.0263 7.22634 11.9663 7.27301C11.9197 7.30634 11.8663 7.33301 11.8063 7.35301C11.7597 7.36634 11.713 7.37301 11.6663 7.37301H10.0463C9.77301 7.37301 9.54634 7.14634 9.54634 6.87301C9.54634 6.59967 9.77301 6.37301 10.0463 6.37301H10.5997C10.0663 5.87967 9.20634 5.33301 8.01301 5.33301C6.26634 5.33301 4.84634 6.75301 4.84634 8.49967C4.84634 8.77301 4.61967 8.99967 4.34634 8.99967C4.07301 8.99967 3.83301 8.77301 3.83301 8.49967C3.83301 6.19967 5.69967 4.33301 7.99967 4.33301C9.43301 4.33301 10.4863 4.95301 11.1663 5.54634V5.03967C11.1663 4.76634 11.393 4.53967 11.6663 4.53967C11.9397 4.53967 12.1663 4.76634 12.1663 5.03967V6.85967Z" fill="currentColor"/></svg>',
91
+ color: '#2e2e30',
92
+ size: 16,
93
+ },
49
94
  },
50
95
  },
51
- connectionIssue: {
52
- params: {
53
- warningStyle: 'faded',
54
- showIcon: true,
55
- icon:
56
- '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21.76 16.42L15.36 4.9C14.5 3.35 13.31 2.5 12 2.5C10.69 2.5 9.49998 3.35 8.63998 4.9L2.23998 16.42C1.42998 17.89 1.33998 19.3 1.98998 20.41C2.63998 21.52 3.91998 22.13 5.59998 22.13H18.4C20.08 22.13 21.36 21.52 22.01 20.41C22.66 19.3 22.57 17.88 21.76 16.42ZM11.25 9.5C11.25 9.09 11.59 8.75 12 8.75C12.41 8.75 12.75 9.09 12.75 9.5V14.5C12.75 14.91 12.41 15.25 12 15.25C11.59 15.25 11.25 14.91 11.25 14.5V9.5ZM12.71 18.21C12.66 18.25 12.61 18.29 12.56 18.33C12.5 18.37 12.44 18.4 12.38 18.42C12.32 18.45 12.26 18.47 12.19 18.48C12.13 18.49 12.06 18.5 12 18.5C11.94 18.5 11.87 18.49 11.8 18.48C11.74 18.47 11.68 18.45 11.62 18.42C11.56 18.4 11.5 18.37 11.44 18.33C11.39 18.29 11.34 18.25 11.29 18.21C11.11 18.02 11 17.76 11 17.5C11 17.24 11.11 16.98 11.29 16.79C11.34 16.75 11.39 16.71 11.44 16.67C11.5 16.63 11.56 16.6 11.62 16.58C11.68 16.55 11.74 16.53 11.8 16.52C11.93 16.49 12.07 16.49 12.19 16.52C12.26 16.53 12.32 16.55 12.38 16.58C12.44 16.6 12.5 16.63 12.56 16.67C12.61 16.71 12.66 16.75 12.71 16.79C12.89 16.98 13 17.24 13 17.5C13 17.76 12.89 18.02 12.71 18.21Z" fill="#FFCC77"/>\n</svg>',
96
+ connectionIssue: { // Помилка фатальна в процесі
97
+ warningStyle: 'faded', // Стиль попередження
98
+ content: { // Параметри попередження
99
+ icon: {
100
+ showIcon: true, // Показувати іконку
101
+ src: '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M21.76 16.42L15.36 4.9C14.5 3.35 13.31 2.5 12 2.5C10.69 2.5 9.49998 3.35 8.63998 4.9L2.23998 16.42C1.42998 17.89 1.33998 19.3 1.98998 20.41C2.63998 21.52 3.91998 22.13 5.59998 22.13H18.4C20.08 22.13 21.36 21.52 22.01 20.41C22.66 19.3 22.57 17.88 21.76 16.42ZM11.25 9.5C11.25 9.09 11.59 8.75 12 8.75C12.41 8.75 12.75 9.09 12.75 9.5V14.5C12.75 14.91 12.41 15.25 12 15.25C11.59 15.25 11.25 14.91 11.25 14.5V9.5ZM12.71 18.21C12.66 18.25 12.61 18.29 12.56 18.33C12.5 18.37 12.44 18.4 12.38 18.42C12.32 18.45 12.26 18.47 12.19 18.48C12.13 18.49 12.06 18.5 12 18.5C11.94 18.5 11.87 18.49 11.8 18.48C11.74 18.47 11.68 18.45 11.62 18.42C11.56 18.4 11.5 18.37 11.44 18.33C11.39 18.29 11.34 18.25 11.29 18.21C11.11 18.02 11 17.76 11 17.5C11 17.24 11.11 16.98 11.29 16.79C11.34 16.75 11.39 16.71 11.44 16.67C11.5 16.63 11.56 16.6 11.62 16.58C11.68 16.55 11.74 16.53 11.8 16.52C11.93 16.49 12.07 16.49 12.19 16.52C12.26 16.53 12.32 16.55 12.38 16.58C12.44 16.6 12.5 16.63 12.56 16.67C12.61 16.71 12.66 16.75 12.71 16.79C12.89 16.98 13 17.24 13 17.5C13 17.76 12.89 18.02 12.71 18.21Z" fill="#FFCC77"/>\n</svg>',
102
+ color: '#fff',
103
+ size: 16,
104
+ },
105
+ bgColor: '#8A7045', // Колір фону
106
+ verticalSpacing: 8,
107
+ sidePadding: 8,
108
+ color: '#fff', // Колір тексту
57
109
  },
58
- iconColor: '#fff',
59
- bgColor: '#8A7045',
60
- color: '#fff',
61
- resetButton: {
62
- color: '#2F2F31',
63
- bgColor: '#E5E1DD',
110
+ resetButton: { // Кнопка скидання
111
+ bgType: 'filled',
112
+ showType: 'both',
113
+ borderRadius: 12,
114
+ size: 'md',
115
+ color: '#2e2e30', // Колір тексту кнопки
116
+ bgColor: '#e5e1dd', // Колір фону кнопки
117
+ fontSize: 12,
118
+ icon: {
119
+ showIcon: true,
120
+ src: '<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.793 1.83301H5.20634C2.77967 1.83301 1.33301 3.27967 1.33301 5.70634V11.2863C1.33301 13.7197 2.77967 15.1663 5.20634 15.1663H10.7863C13.213 15.1663 14.6597 13.7197 14.6597 11.293V5.70634C14.6663 3.27967 13.2197 1.83301 10.793 1.83301ZM7.99967 12.6663C6.80634 12.6663 5.87301 12.073 5.23967 11.4863V11.9597C5.23967 12.233 5.01301 12.4597 4.73967 12.4597C4.46634 12.4597 4.23967 12.233 4.23967 11.9597V10.1263C4.23967 9.85301 4.46634 9.62634 4.73967 9.62634H6.39301C6.66634 9.62634 6.89301 9.85301 6.89301 10.1263C6.89301 10.3997 6.66634 10.6263 6.39301 10.6263H5.79301C6.28634 11.1197 7.05301 11.6663 7.99967 11.6663C9.74634 11.6663 11.1663 10.2463 11.1663 8.49967C11.1663 8.22634 11.393 7.99967 11.6663 7.99967C11.9397 7.99967 12.1663 8.22634 12.1663 8.49967C12.1663 10.7997 10.2997 12.6663 7.99967 12.6663ZM12.1663 6.85967C12.1663 6.87967 12.1663 6.89967 12.1663 6.91301C12.1597 6.98634 12.1397 7.05301 12.1063 7.11301C12.073 7.17301 12.0263 7.22634 11.9663 7.27301C11.9197 7.30634 11.8663 7.33301 11.8063 7.35301C11.7597 7.36634 11.713 7.37301 11.6663 7.37301H10.0463C9.77301 7.37301 9.54634 7.14634 9.54634 6.87301C9.54634 6.59967 9.77301 6.37301 10.0463 6.37301H10.5997C10.0663 5.87967 9.20634 5.33301 8.01301 5.33301C6.26634 5.33301 4.84634 6.75301 4.84634 8.49967C4.84634 8.77301 4.61967 8.99967 4.34634 8.99967C4.07301 8.99967 3.83301 8.77301 3.83301 8.49967C3.83301 6.19967 5.69967 4.33301 7.99967 4.33301C9.43301 4.33301 10.4863 4.95301 11.1663 5.54634V5.03967C11.1663 4.76634 11.393 4.53967 11.6663 4.53967C11.9397 4.53967 12.1663 4.76634 12.1663 5.03967V6.85967Z" fill="currentColor"/></svg>',
121
+ color: '#2e2e30',
122
+ size: 16,
123
+ },
64
124
  },
65
125
  },
66
- reconnectIssue: {
67
- params: {
68
- warningStyle: 'gradient',
69
- showIcon: true,
70
- icon:
71
- '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d=\"M4 4.02667C3.06667 5.08667 2.5 6.48 2.5 8C2.5 11.3133 5.18667 14 8.5 14C11.8133 14 14.5 11.3133 14.5 8C14.5 4.68667 11.8133 2 8.5 2C8.02667 2 7.56667 2.05333 7.12667 2.16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>',
126
+ reconnectIssue: { // Помилка перепідключення
127
+ warningStyle: 'gradient', // Стиль попередження
128
+ content: { // Параметри попередження
129
+ bgColor: '#8A7045', // Колір фону
130
+ color: '#fff', // Колір тексту
131
+ borderRadius: 12,
132
+ verticalSpacing: 8,
133
+ sidePadding: 8,
134
+ margin: 8,
135
+ icon: {
136
+ showIcon: true, // Показувати іконку
137
+ src:
138
+ '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d=\"M4 4.02667C3.06667 5.08667 2.5 6.48 2.5 8C2.5 11.3133 5.18667 14 8.5 14C11.8133 14 14.5 11.3133 14.5 8C14.5 4.68667 11.8133 2 8.5 2C8.02667 2 7.56667 2.05333 7.12667 2.16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>',
139
+ color: '#FFF',
140
+ size: 16,
141
+ }
72
142
  },
73
- iconColor: '#FFF',
74
- bgColor: '#8A7045',
75
- color: '#fff',
76
143
  },
77
- disableInputIssue: {
78
- params: {
79
- warningStyle: 'gradient',
80
- showIcon: true,
81
- icon:
144
+ disableInputIssue: { // Блокування введення
145
+ warningStyle: 'gradient', // Стиль попередження
146
+ content: { // Параметри попередження
147
+ bgColor: '#8A7045', // Колір фону
148
+ color: '#fff', // Колір тексту
149
+ icon: {
150
+ showIcon: true, // Показувати іконку
151
+ src:
82
152
  '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d=\"M4 4.02667C3.06667 5.08667 2.5 6.48 2.5 8C2.5 11.3133 5.18667 14 8.5 14C11.8133 14 14.5 11.3133 14.5 8C14.5 4.68667 11.8133 2 8.5 2C8.02667 2 7.56667 2.05333 7.12667 2.16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>',
83
- },
84
- iconColor: '#fff',
85
- bgColor: '#8A7045',
86
- color: '#fff',
153
+ color: '#FFF',
154
+ }},
155
+
156
+
87
157
  },
88
158
  },
89
159
  loader: {
160
+ typingLoader:{
161
+ color: '#8E8E8F',
162
+ bgColor: '#2F2F31',
163
+ },
90
164
  completeStep: {
91
- icon: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M7.99967 14.6666C11.6816 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 4.31802 11.6816 1.33325 7.99967 1.33325C4.31778 1.33325 1.33301 4.31802 1.33301 7.99992C1.33301 11.6818 4.31778 14.6666 7.99967 14.6666Z" fill="currentColor"/><path d="M7.05297 10.3867C6.91964 10.3867 6.79297 10.3334 6.69964 10.2401L4.81297 8.3534C4.61964 8.16007 4.61964 7.84007 4.81297 7.64673C5.0063 7.4534 5.3263 7.4534 5.51964 7.64673L7.05297 9.18007L10.4796 5.7534C10.673 5.56007 10.993 5.56007 11.1863 5.7534C11.3796 5.94673 11.3796 6.26673 11.1863 6.46006L7.4063 10.2401C7.31297 10.3334 7.1863 10.3867 7.05297 10.3867Z" fill="currentColor"/></svg>',
165
+ verticalSpacing: 8,
166
+ fontSize: 12,
92
167
  color: '#8E8E8F',
168
+ icon: {
169
+ showIcon: true,
170
+ src: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M7.99967 14.6666C11.6816 14.6666 14.6663 11.6818 14.6663 7.99992C14.6663 4.31802 11.6816 1.33325 7.99967 1.33325C4.31778 1.33325 1.33301 4.31802 1.33301 7.99992C1.33301 11.6818 4.31778 14.6666 7.99967 14.6666Z" fill="currentColor"/><path d="M7.05297 10.3867C6.91964 10.3867 6.79297 10.3334 6.69964 10.2401L4.81297 8.3534C4.61964 8.16007 4.61964 7.84007 4.81297 7.64673C5.0063 7.4534 5.3263 7.4534 5.51964 7.64673L7.05297 9.18007L10.4796 5.7534C10.673 5.56007 10.993 5.56007 11.1863 5.7534C11.3796 5.94673 11.3796 6.26673 11.1863 6.46006L7.4063 10.2401C7.31297 10.3334 7.1863 10.3867 7.05297 10.3867Z" fill="currentColor"/></svg>',
171
+ color: '#8E8E8F',
172
+ size: 16,
173
+ }
93
174
  },
94
175
  activeStep: {
95
- icon: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 4.02667C2.56667 5.08667 2 6.48 2 8C2 11.3133 4.68667 14 8 14C11.3133 14 14 11.3133 14 8C14 4.68667 11.3133 2 8 2C7.52667 2 7.06667 2.05333 6.62667 2.16" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>',
96
- color: '#fff',
176
+ fontSize: 12,
177
+ color: '#FFF',
178
+ icon: {
179
+ showIcon: true,
180
+ src: '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 4.02667C2.56667 5.08667 2 6.48 2 8C2 11.3133 4.68667 14 8 14C11.3133 14 14 11.3133 14 8C14 4.68667 11.3133 2 8 2C7.52667 2 7.06667 2.05333 6.62667 2.16" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>',
181
+ color: '#fff',
182
+ size: 16,
183
+ }
97
184
  },
98
185
  },
99
- top: {
100
- params: {
101
- size: 'md',
102
- chipStyle: 'filled',
103
- chipType: 'both',
104
- buttonStyle: 'filled',
105
- buttonType: 'both',
186
+ top: { // Верхня частина віджета
187
+ params: { // Параметри верхньої частини
188
+ size: 'md', // Розмір
189
+ bgColor: '#5E4AC6', // Колір фону
190
+ bgStyle: 'gradient', // Стиль фону
191
+ paddingVertical: 8, // Вертикальний відступ
192
+ paddingHorizontal: 8, // Горизонтальний відступ
193
+ chipStyle: 'filled', // Стиль чіпа
194
+ buttonStyle: 'filled', // Стиль кнопки
106
195
  },
107
- chipWidgetTitle: {
108
- color: '#fff',
109
- bgColor: '#5E4AC6',
196
+ chipWidgetTitle: { // Заголовок чипа
197
+ color: '#fff', // Колір тексту
198
+ bgColor: '#5E4AC6', // Колір фону
199
+ borderRadius: 12,
200
+ showType: 'both',
110
201
  },
111
- buttons: {
112
- color: '#BBBBBD',
113
- bgColor: '#2F2F31',
202
+ buttons: { // Кнопки
203
+ color: '#BBBBBD', // Колір тексту
204
+ bgColor: '#2F2F31', // Колір фону
205
+ borderRadius: 12,
206
+ showType: 'both',
114
207
  },
115
208
  },
116
- inside: {
117
- params: {
209
+ inside: { // Внутрішня частина віджета
210
+ params: { // Параметри внутрішньої частини
211
+ size: 'md', // Розмір
212
+ },
213
+ welcomeMessage: { // Привітання
214
+ color: '#fff', // Колір тексту
215
+ bgType: 'gradient', // Стиль фону
216
+ fontSize: 14,
118
217
  size: 'md',
218
+ borderRadius: 12,
219
+ borderWidth: 1,
220
+ bgColor: '#595959',
119
221
  },
120
- messageUser: {
121
- color: '#F9F8F8',
122
- bgColor: '#F8F8F933',
123
- bgType: 'bubble',
222
+ messageUser: { // Повідомлення користувача
223
+ color: '#F9F8F8', // Колір тексту
224
+ bgColor: '#F8F8F933', // Колір фону
225
+ bgType: 'bubble', // Тип фону
226
+ borderRadius: 12,
227
+ fontSize: 14,
228
+ size: 'md',
229
+ borderWidth: 1,
230
+ borderColor: '#595959',
124
231
  },
125
- messageBot: {
126
- color: '#fff',
127
- bgColor: '#5E4AC6',
128
- bgType: 'plain',
232
+ messageBot: { // Повідомлення бота
233
+ color: '#fff', // Колір тексту
234
+ bgColor: '#5E4AC6', // Колір фону
235
+ bgType: 'plain', // Тип фону
236
+ borderRadius: 12,
237
+ fontSize: 14,
238
+ size: 'md',
239
+ borderWidth: 1,
240
+ borderColor: '#595959',
129
241
  },
130
- activeSnippet: {
131
- params: {
132
- buttonType: 'both',
133
- buttonStyle: 'filled',
134
- size: 'md',
242
+ activeSnippet: { // Сніппет
243
+ params: { // Параметри сніппета
244
+ buttonType: 'both', // Тип кнопки
245
+ buttonStyle: 'filled', // Стиль кнопки
246
+ size: 'md', // Розмір
135
247
  },
136
- color: '#fff',
137
- bgColor: '#373739',
138
- headerChip: {
139
- color: '#fff',
140
- bgColor: '#69696A',
248
+ element: {
249
+ color: '#fff', // Колір тексту
250
+ bgColor: '#373739', // Колір фону
251
+ borderRadius: 12,
252
+ borderWidth: 1,
253
+ borderColor: '#595959',
254
+ verticalSpacing: 8,
255
+ sidePadding: 8,
256
+ fontSize: 12,
141
257
  },
142
- propertyColor: 'rgba(255, 255, 255, 0.30)',
143
- valueColor: '#fff',
144
- yesButton: {
145
- color: '#fff',
146
- bgColor: '#12A150',
258
+ headerChip: { // Заголовок чипа
259
+ color: '#fff', // Колір тексту
260
+ bgColor: '#69696A', // Колір фону
261
+ borderRadius: 12,
262
+ size: 'md',
263
+ fontSize: 12,
264
+ bgType: 'filled',
147
265
  },
148
- noButton: {
149
- color: '#fff',
150
- bgColor: '#C20E4D',
266
+ propertyColor: 'rgba(255, 255, 255, 0.30)', // Колір тексту
267
+ valueColor: '#fff', // Колір тексту
268
+ yesButton: { // Кнопка так
269
+ color: '#fff', // Колір тексту
270
+ bgColor: '#12A150', // Колір фону
271
+ borderRadius: 12,
272
+ fontSize: 12,
273
+ },
274
+ noButton: { // Кнопка ні
275
+ color: '#fff', // Колір тексту
276
+ bgColor: '#C20E4D', // Колір фону
277
+ borderRadius: 12,
278
+ fontSize: 12,
151
279
  },
152
- },
153
- welcomeMessage: {
154
- color: '#fff',
155
280
  },
156
281
  },
157
- bottom: {
158
- params: {
282
+ bottom: { // Нижня частина віджета
283
+ params: { // Параметри нижньої частини
284
+ size: 'md', // Розмір
285
+ disclaimerShow: false, // Показувати дисклеймер
286
+ },
287
+ inputSend: { // Кнопка відправлення
159
288
  size: 'md',
160
- disclaimerShow: false,
289
+ color: '#EEECEC', // Колір тексту
290
+ bgColor: '#373739', // Колір фону
291
+ borderColor: '#595959', // Колір бордера
292
+ borderWidth: 1, // Ширина бордера
293
+ inputStyle: 'inside', // Стиль введення
294
+ bgType: 'plain', // Тип фону
295
+ paddingVertical: 8,
296
+ paddingHorizontal: 8,
297
+ sidePadding: 8,
298
+ fontSize: 12,
299
+ borderRadius: 8,
161
300
  },
162
- inputSend: {
163
- color: '#EEECEC',
164
- bgColor: '#373739',
165
- borderStyle: {
166
- borderColor: '#595959',
167
- borderWidth: 1,
301
+ btnSend: { // Кнопка відправлення
302
+ color: '#1E1E1E', // Колір тексту
303
+ bgColor: 'rgba(255, 255, 255, 0.50)', // Колір фону
304
+ showType: 'both', // Тип кнопки
305
+ borderWidth: 1,
306
+ borderColor: '#595959',
307
+ borderRadius: 50,
308
+ size: 'md',
309
+ fontSize: 12,
310
+ icon: {
311
+ showIcon: true,
312
+ src: '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 2.56445C9.01973 2.56449 9.03453 2.57164 9.04395 2.58105L13.5967 7.13379C13.606 7.14324 13.6133 7.15811 13.6133 7.17773C13.6132 7.19738 13.606 7.21226 13.5967 7.22168L13.5898 7.22754L13.584 7.23438C13.5865 7.23164 13.5864 7.23284 13.5801 7.23535C13.5732 7.23801 13.5633 7.24018 13.5527 7.24023C13.5431 7.24023 13.5351 7.23862 13.5293 7.23633C13.524 7.23419 13.5171 7.22992 13.5088 7.22168L9 2.71289L4.49121 7.22168C4.48176 7.23107 4.46699 7.23828 4.44727 7.23828C4.42752 7.23826 4.41275 7.23109 4.40332 7.22168C4.3939 7.21226 4.38676 7.19747 4.38672 7.17773C4.38672 7.15801 4.39393 7.14324 4.40332 7.13379L8.95605 2.58105C8.9655 2.57167 8.98027 2.56445 9 2.56445Z" stroke="currentColor"/><path d="M9 2.68994C9.01306 2.68994 9.02868 2.69518 9.04297 2.70947C9.05726 2.72376 9.0625 2.73938 9.0625 2.75244V15.3745C9.0625 15.3875 9.0571 15.4032 9.04297 15.4175C9.02868 15.4318 9.01306 15.437 9 15.437C8.98694 15.437 8.97132 15.4318 8.95703 15.4175C8.9429 15.4032 8.9375 15.3875 8.9375 15.3745V2.75244C8.9375 2.73938 8.94274 2.72376 8.95703 2.70947C8.97132 2.69518 8.98694 2.68994 9 2.68994Z" fill="currentColor" stroke="currentColor"/></svg>',
313
+ color: '#fff',
314
+ size: 18,
168
315
  },
169
- inputStyle: 'inside',
170
- bgType: 'plain',
171
316
  },
172
- btnSend: {
173
- color: '#1E1E1E',
174
- bgColor: 'rgba(255, 255, 255, 0.50)',
175
- type: 'both',
317
+ disclaimer: { // Дисклеймер
318
+ color: '#fff', // Колір тексту
319
+ bgColor: '#FF0000', // Колір фону
320
+ height: 20, // Висота
321
+ fontSize: 12, // Розмір тексту
176
322
  },
177
323
  },
178
324
  },