@webitel/ui-sdk 25.8.18 → 25.8.20

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webitel/ui-sdk",
3
- "version": "25.8.18",
3
+ "version": "25.8.20",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
@@ -54,8 +54,8 @@
54
54
  "@vuelidate/validators": "^2.0.4",
55
55
  "@vuepic/vue-datepicker": "^4.5.1",
56
56
  "@vueuse/components": "^13.0.0",
57
- "@webitel/api-services": "^0.0.28",
58
- "@webitel/styleguide": "^24.12.32",
57
+ "@webitel/api-services": "^0.0.29",
58
+ "@webitel/styleguide": "^24.12.34",
59
59
  "autosize": "^6.0.1",
60
60
  "axios": "^1.8.3",
61
61
  "clipboard-copy": "^4.0.1",
@@ -8,6 +8,7 @@
8
8
  background: var(--wt-chip-main-background-color);
9
9
  padding: var(--chip-padding);
10
10
  color: var(--wt-chip-main-text-color);
11
+ white-space: nowrap;
11
12
 
12
13
  &--main-color {
13
14
  background: var(--wt-chip-main-background-color);
@@ -184,22 +184,24 @@ export default {
184
184
 
185
185
  computed: {
186
186
  currentNav() {
187
- const path = this.$route.fullPath;
188
- const currentNav = this.nav
189
- .reduce((flatNav, currentNavItem) => {
190
- if (currentNavItem.subNav)
191
- return flatNav.concat(currentNavItem.subNav);
192
- return [...flatNav, currentNavItem];
193
- }, [])
194
- .find((navItem) => path.endsWith(navItem.route));
195
- const currentExpansion = this.nav
196
- .filter((nav) => nav.subNav)
197
- .find((nav) => nav.subNav.indexOf(currentNav) !== -1);
187
+ const pathSegments = this.$route.path.split('/').filter(Boolean);
188
+
189
+ const flatNav = this.nav.flatMap(item => item.subNav ?? [item]);
190
+
191
+ const navMap = new Map(flatNav.map(item => [item.value, item]));
192
+
193
+ const matchingSegment = pathSegments.find(segment => navMap.has(segment));
194
+ const currentNav = navMap.get(matchingSegment);
195
+
196
+ const currentExpansion = this.nav.find(nav =>
197
+ nav.subNav?.includes(currentNav)
198
+ );
199
+
198
200
  return {
199
201
  nav: currentNav?.value,
200
202
  expansion: currentExpansion?.value,
201
203
  };
202
- },
204
+ }
203
205
  },
204
206
  methods: {
205
207
  nestedRoute(subNavItem, navItem) {
@@ -28,7 +28,7 @@
28
28
  </template>
29
29
 
30
30
  <script setup>
31
- import { computed } from 'vue';
31
+ import { computed, ref, watch } from 'vue';
32
32
 
33
33
  const props = defineProps({
34
34
  icon: {
package/src/css/main.scss CHANGED
@@ -61,6 +61,18 @@ iframe {
61
61
  border: none;
62
62
  }
63
63
 
64
+ //@author @Oleksandr Palonnyi
65
+ //[WTEL-6985]-(https://webitel.atlassian.net/browse/WTEL-6985)
66
+ //:not(.wt-button) is added because of wt-button uses primevue component
67
+ //that confilcts with the default button styles
68
+
69
+ button:not(.wt-button) {
70
+ cursor: pointer;
71
+ outline-color: #000;
72
+ background: transparent;
73
+ padding: 0;
74
+ }
75
+
64
76
  a {
65
77
  color: #000;
66
78
  text-decoration: none;
@@ -41,4 +41,5 @@ export const AdminSections = {
41
41
  Triggers: 'triggers',
42
42
  Users: 'users',
43
43
  WorkingConditions: 'working-conditions',
44
+ QuickReplies: 'quick-replies',
44
45
  };
@@ -1,10 +1,11 @@
1
- import { getDefaultGetListResponse } from '@webitel/api-services/api';
2
- import applyTransform, {
1
+ import { getDefaultGetListResponse } from '@webitel/api-services/api/defaults';
2
+ import {
3
+ applyTransform,
3
4
  merge,
4
5
  mergeEach,
5
6
  notify,
6
7
  snakeToCamel,
7
- } from '@webitel/api-services/api';
8
+ } from '@webitel/api-services/api/transformers';
8
9
  import { AgentServiceApiFactory } from 'webitel-sdk';
9
10
 
10
11
  const PauseCauseAPIFactory = ({ instance, OpenAPIConfig }) => {
@@ -1,2 +1,517 @@
1
1
  export default button;
2
- declare const button: any;
2
+ declare const button: {
3
+ colorScheme: {
4
+ light: {
5
+ root: {
6
+ primary: {
7
+ background: string;
8
+ hoverBackground: string;
9
+ activeBackground: string;
10
+ borderColor: string;
11
+ hoverBorderColor: string;
12
+ activeBorderColor: string;
13
+ color: string;
14
+ hoverColor: string;
15
+ activeColor: string;
16
+ focusRing: {
17
+ color: string;
18
+ shadow: string;
19
+ };
20
+ };
21
+ secondary: {
22
+ background: string;
23
+ hoverBackground: string;
24
+ activeBackground: string;
25
+ borderColor: string;
26
+ hoverBorderColor: string;
27
+ activeBorderColor: string;
28
+ color: string;
29
+ hoverColor: string;
30
+ activeColor: string;
31
+ focusRing: {
32
+ color: string;
33
+ shadow: string;
34
+ };
35
+ };
36
+ success: {
37
+ background: string;
38
+ hoverBackground: string;
39
+ activeBackground: string;
40
+ borderColor: string;
41
+ hoverBorderColor: string;
42
+ activeBorderColor: string;
43
+ color: string;
44
+ hoverColor: string;
45
+ activeColor: string;
46
+ focusRing: {
47
+ color: string;
48
+ shadow: string;
49
+ };
50
+ };
51
+ warn: {
52
+ background: string;
53
+ hoverBackground: string;
54
+ activeBackground: string;
55
+ borderColor: string;
56
+ hoverBorderColor: string;
57
+ activeBorderColor: string;
58
+ color: string;
59
+ hoverColor: string;
60
+ activeColor: string;
61
+ focusRing: {
62
+ color: string;
63
+ shadow: string;
64
+ };
65
+ };
66
+ error: {
67
+ background: string;
68
+ hoverBackground: string;
69
+ activeBackground: string;
70
+ borderColor: string;
71
+ hoverBorderColor: string;
72
+ activeBorderColor: string;
73
+ color: string;
74
+ hoverColor: string;
75
+ activeColor: string;
76
+ focusRing: {
77
+ color: string;
78
+ shadow: string;
79
+ };
80
+ };
81
+ info: {
82
+ background: string;
83
+ hoverBackground: string;
84
+ activeBackground: string;
85
+ borderColor: string;
86
+ hoverBorderColor: string;
87
+ activeBorderColor: string;
88
+ color: string;
89
+ hoverColor: string;
90
+ activeColor: string;
91
+ focusRing: {
92
+ color: string;
93
+ shadow: string;
94
+ };
95
+ };
96
+ job: {
97
+ background: string;
98
+ hoverBackground: string;
99
+ activeBackground: string;
100
+ borderColor: string;
101
+ hoverBorderColor: string;
102
+ activeBorderColor: string;
103
+ color: string;
104
+ hoverColor: string;
105
+ activeColor: string;
106
+ focusRing: {
107
+ color: string;
108
+ shadow: string;
109
+ };
110
+ };
111
+ transfer: {
112
+ background: string;
113
+ hoverBackground: string;
114
+ activeBackground: string;
115
+ borderColor: string;
116
+ hoverBorderColor: string;
117
+ activeBorderColor: string;
118
+ color: string;
119
+ hoverColor: string;
120
+ activeColor: string;
121
+ focusRing: {
122
+ color: string;
123
+ shadow: string;
124
+ };
125
+ };
126
+ disabled: {
127
+ color: string;
128
+ background: string;
129
+ };
130
+ };
131
+ outlined: {
132
+ primary: {
133
+ hoverBackground: string;
134
+ activeBackground: string;
135
+ borderColor: string;
136
+ color: string;
137
+ };
138
+ secondary: {
139
+ hoverBackground: string;
140
+ activeBackground: string;
141
+ borderColor: string;
142
+ color: string;
143
+ };
144
+ success: {
145
+ hoverBackground: string;
146
+ activeBackground: string;
147
+ borderColor: string;
148
+ color: string;
149
+ };
150
+ info: {
151
+ hoverBackground: string;
152
+ activeBackground: string;
153
+ borderColor: string;
154
+ color: string;
155
+ };
156
+ warn: {
157
+ hoverBackground: string;
158
+ activeBackground: string;
159
+ borderColor: string;
160
+ color: string;
161
+ };
162
+ help: {
163
+ hoverBackground: string;
164
+ activeBackground: string;
165
+ borderColor: string;
166
+ color: string;
167
+ };
168
+ danger: {
169
+ hoverBackground: string;
170
+ activeBackground: string;
171
+ borderColor: string;
172
+ color: string;
173
+ };
174
+ contrast: {
175
+ hoverBackground: string;
176
+ activeBackground: string;
177
+ borderColor: string;
178
+ color: string;
179
+ };
180
+ plain: {
181
+ hoverBackground: string;
182
+ activeBackground: string;
183
+ borderColor: string;
184
+ color: string;
185
+ };
186
+ };
187
+ text: {
188
+ primary: {
189
+ hoverBackground: string;
190
+ activeBackground: string;
191
+ color: string;
192
+ };
193
+ secondary: {
194
+ hoverBackground: string;
195
+ activeBackground: string;
196
+ color: string;
197
+ };
198
+ success: {
199
+ hoverBackground: string;
200
+ activeBackground: string;
201
+ color: string;
202
+ };
203
+ info: {
204
+ hoverBackground: string;
205
+ activeBackground: string;
206
+ color: string;
207
+ };
208
+ warn: {
209
+ hoverBackground: string;
210
+ activeBackground: string;
211
+ color: string;
212
+ };
213
+ help: {
214
+ hoverBackground: string;
215
+ activeBackground: string;
216
+ color: string;
217
+ };
218
+ danger: {
219
+ hoverBackground: string;
220
+ activeBackground: string;
221
+ color: string;
222
+ };
223
+ contrast: {
224
+ hoverBackground: string;
225
+ activeBackground: string;
226
+ color: string;
227
+ };
228
+ plain: {
229
+ hoverBackground: string;
230
+ activeBackground: string;
231
+ color: string;
232
+ };
233
+ };
234
+ link: {
235
+ color: string;
236
+ hoverColor: string;
237
+ activeColor: string;
238
+ };
239
+ };
240
+ dark: {
241
+ root: {
242
+ primary: {
243
+ background: string;
244
+ hoverBackground: string;
245
+ activeBackground: string;
246
+ borderColor: string;
247
+ hoverBorderColor: string;
248
+ activeBorderColor: string;
249
+ color: string;
250
+ hoverColor: string;
251
+ activeColor: string;
252
+ focusRing: {
253
+ color: string;
254
+ shadow: string;
255
+ };
256
+ };
257
+ secondary: {
258
+ background: string;
259
+ hoverBackground: string;
260
+ activeBackground: string;
261
+ borderColor: string;
262
+ hoverBorderColor: string;
263
+ activeBorderColor: string;
264
+ color: string;
265
+ hoverColor: string;
266
+ activeColor: string;
267
+ focusRing: {
268
+ color: string;
269
+ shadow: string;
270
+ };
271
+ };
272
+ success: {
273
+ background: string;
274
+ hoverBackground: string;
275
+ activeBackground: string;
276
+ borderColor: string;
277
+ hoverBorderColor: string;
278
+ activeBorderColor: string;
279
+ color: string;
280
+ hoverColor: string;
281
+ activeColor: string;
282
+ focusRing: {
283
+ color: string;
284
+ shadow: string;
285
+ };
286
+ };
287
+ warn: {
288
+ background: string;
289
+ hoverBackground: string;
290
+ activeBackground: string;
291
+ borderColor: string;
292
+ hoverBorderColor: string;
293
+ activeBorderColor: string;
294
+ color: string;
295
+ hoverColor: string;
296
+ activeColor: string;
297
+ focusRing: {
298
+ color: string;
299
+ shadow: string;
300
+ };
301
+ };
302
+ error: {
303
+ background: string;
304
+ hoverBackground: string;
305
+ activeBackground: string;
306
+ borderColor: string;
307
+ hoverBorderColor: string;
308
+ activeBorderColor: string;
309
+ color: string;
310
+ hoverColor: string;
311
+ activeColor: string;
312
+ focusRing: {
313
+ color: string;
314
+ shadow: string;
315
+ };
316
+ };
317
+ info: {
318
+ background: string;
319
+ hoverBackground: string;
320
+ activeBackground: string;
321
+ borderColor: string;
322
+ hoverBorderColor: string;
323
+ activeBorderColor: string;
324
+ color: string;
325
+ hoverColor: string;
326
+ activeColor: string;
327
+ focusRing: {
328
+ color: string;
329
+ shadow: string;
330
+ };
331
+ };
332
+ job: {
333
+ background: string;
334
+ hoverBackground: string;
335
+ activeBackground: string;
336
+ borderColor: string;
337
+ hoverBorderColor: string;
338
+ activeBorderColor: string;
339
+ color: string;
340
+ hoverColor: string;
341
+ activeColor: string;
342
+ focusRing: {
343
+ color: string;
344
+ shadow: string;
345
+ };
346
+ };
347
+ transfer: {
348
+ background: string;
349
+ hoverBackground: string;
350
+ activeBackground: string;
351
+ borderColor: string;
352
+ hoverBorderColor: string;
353
+ activeBorderColor: string;
354
+ color: string;
355
+ hoverColor: string;
356
+ activeColor: string;
357
+ focusRing: {
358
+ color: string;
359
+ shadow: string;
360
+ };
361
+ };
362
+ disabled: {
363
+ color: string;
364
+ background: string;
365
+ };
366
+ };
367
+ outlined: {
368
+ primary: {
369
+ hoverBackground: string;
370
+ activeBackground: string;
371
+ borderColor: string;
372
+ color: string;
373
+ };
374
+ secondary: {
375
+ hoverBackground: string;
376
+ activeBackground: string;
377
+ borderColor: string;
378
+ color: string;
379
+ };
380
+ success: {
381
+ hoverBackground: string;
382
+ activeBackground: string;
383
+ borderColor: string;
384
+ color: string;
385
+ };
386
+ info: {
387
+ hoverBackground: string;
388
+ activeBackground: string;
389
+ borderColor: string;
390
+ color: string;
391
+ };
392
+ warn: {
393
+ hoverBackground: string;
394
+ activeBackground: string;
395
+ borderColor: string;
396
+ color: string;
397
+ };
398
+ help: {
399
+ hoverBackground: string;
400
+ activeBackground: string;
401
+ borderColor: string;
402
+ color: string;
403
+ };
404
+ danger: {
405
+ hoverBackground: string;
406
+ activeBackground: string;
407
+ borderColor: string;
408
+ color: string;
409
+ };
410
+ contrast: {
411
+ hoverBackground: string;
412
+ activeBackground: string;
413
+ borderColor: string;
414
+ color: string;
415
+ };
416
+ plain: {
417
+ hoverBackground: string;
418
+ activeBackground: string;
419
+ borderColor: string;
420
+ color: string;
421
+ };
422
+ };
423
+ text: {
424
+ primary: {
425
+ hoverBackground: string;
426
+ activeBackground: string;
427
+ color: string;
428
+ };
429
+ secondary: {
430
+ hoverBackground: string;
431
+ activeBackground: string;
432
+ color: string;
433
+ };
434
+ success: {
435
+ hoverBackground: string;
436
+ activeBackground: string;
437
+ color: string;
438
+ };
439
+ info: {
440
+ hoverBackground: string;
441
+ activeBackground: string;
442
+ color: string;
443
+ };
444
+ warn: {
445
+ hoverBackground: string;
446
+ activeBackground: string;
447
+ color: string;
448
+ };
449
+ help: {
450
+ hoverBackground: string;
451
+ activeBackground: string;
452
+ color: string;
453
+ };
454
+ danger: {
455
+ hoverBackground: string;
456
+ activeBackground: string;
457
+ color: string;
458
+ };
459
+ contrast: {
460
+ hoverBackground: string;
461
+ activeBackground: string;
462
+ color: string;
463
+ };
464
+ plain: {
465
+ hoverBackground: string;
466
+ activeBackground: string;
467
+ color: string;
468
+ };
469
+ };
470
+ link: {
471
+ color: string;
472
+ hoverColor: string;
473
+ activeColor: string;
474
+ };
475
+ };
476
+ };
477
+ extend: {
478
+ transfer: {
479
+ background: string;
480
+ hoverBackground: string;
481
+ color: string;
482
+ hoverColor: string;
483
+ };
484
+ };
485
+ css: ({ dt }: {
486
+ dt: any;
487
+ }) => string;
488
+ borderRadius: string;
489
+ roundedBorderRadius: string;
490
+ gap: string;
491
+ paddingX: string;
492
+ paddingY: string;
493
+ iconOnlyWidth: string;
494
+ sm: {
495
+ fontSize: string;
496
+ paddingX: string;
497
+ paddingY: string;
498
+ iconOnlyWidth: string;
499
+ };
500
+ lg: {
501
+ fontSize: string;
502
+ paddingX: string;
503
+ paddingY: string;
504
+ iconOnlyWidth: string;
505
+ };
506
+ label: {
507
+ fontWeight: string;
508
+ };
509
+ raisedShadow: string;
510
+ focusRing: {
511
+ width: string;
512
+ style: string;
513
+ offset: string;
514
+ };
515
+ badgeSize: string;
516
+ transitionDuration: string;
517
+ };
@@ -1,2 +1,21 @@
1
1
  export default popover;
2
- declare const popover: any;
2
+ declare const popover: {
3
+ colorScheme: {
4
+ light: {
5
+ background: string;
6
+ borderColor: string;
7
+ color: string;
8
+ shadow: string;
9
+ };
10
+ dark: {
11
+ background: string;
12
+ borderColor: string;
13
+ color: string;
14
+ shadow: string;
15
+ };
16
+ };
17
+ padding: string;
18
+ gutter: string;
19
+ arrowOffset: string;
20
+ borderRadius: string;
21
+ };
@@ -1,2 +1,23 @@
1
1
  export default tooltip;
2
- declare const tooltip: any;
2
+ declare const tooltip: {
3
+ colorScheme: {
4
+ light: {
5
+ root: {
6
+ background: string;
7
+ color: string;
8
+ shadow: string;
9
+ };
10
+ };
11
+ dark: {
12
+ root: {
13
+ background: string;
14
+ color: string;
15
+ shadow: string;
16
+ };
17
+ };
18
+ };
19
+ maxWidth: string;
20
+ gutter: string;
21
+ padding: string;
22
+ borderRadius: string;
23
+ };