@webitel/ui-sdk 26.6.46 → 26.6.48

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 (66) hide show
  1. package/dist/{components-gi3TmScp.js → components-BvEqkYgM.js} +575 -606
  2. package/dist/{composables-BJtyGE9D.js → composables-BB80tQ5H.js} +1 -1
  3. package/dist/{debounce-DrmECuJ2.js → debounce-DPzXwiOS.js} +9 -4
  4. package/dist/eventBus-By3thVlR.js +31 -0
  5. package/dist/ui-sdk.css +1 -1
  6. package/dist/ui-sdk.js +5015 -4022
  7. package/dist/ui-sdk.umd.cjs +918 -628
  8. package/dist/{useVidstackSrc-DfNrFbOO.js → useVidstackSrc-jCDCYTce.js} +1 -1
  9. package/dist/usetoast-BECIyaas.js +10 -0
  10. package/dist/{vidstack-Bq6c3Bam-3dCf_D36.js → vidstack-Bq6c3Bam-hoRopLll.js} +1 -1
  11. package/dist/{vidstack-D2pY00kU-DoW028io.js → vidstack-D2pY00kU-dXPuSPZl.js} +1 -1
  12. package/dist/{vidstack-audio-B58bvsna.js → vidstack-audio-CCSR8cXr.js} +1 -1
  13. package/dist/{vidstack-dash-CX-LTHx3.js → vidstack-dash-CNcNULYU.js} +2 -2
  14. package/dist/{vidstack-hls-CLzdTFu6.js → vidstack-hls-BP6P23Cc.js} +2 -2
  15. package/dist/{vidstack-video-XtP8iTBc.js → vidstack-video-IgjC6GLU.js} +2 -2
  16. package/dist/{wt-button-BJmzJIU6.js → wt-button-CZfPNaIj.js} +1 -1
  17. package/dist/{wt-chat-emoji-70Ip-iGR.js → wt-chat-emoji-D0e2D_oH.js} +571 -553
  18. package/dist/{wt-display-chip-items-7t7gfd-q.js → wt-display-chip-items-Df-7rB8U.js} +1 -1
  19. package/dist/{wt-expansion-card-Bvs6YO3O.js → wt-expansion-card-B9GnNWua.js} +1 -1
  20. package/dist/{wt-galleria-BXZJO_cB.js → wt-galleria-CbkWtFhM.js} +1 -1
  21. package/dist/{wt-icon-pxO7IjwV.js → wt-icon-DZxZg6ON.js} +2 -0
  22. package/dist/{wt-icon-btn-CjjI4cgE.js → wt-icon-btn-BUpa-fbk.js} +1 -1
  23. package/dist/wt-notifications-bar-CDTqa7M9.js +29 -0
  24. package/dist/{wt-pagination-BA_PZPIE.js → wt-pagination-CZuQFM3-.js} +1 -1
  25. package/dist/{wt-player-DROQ1CPs.js → wt-player-BxvfY3f0.js} +3 -3
  26. package/dist/{wt-search-bar-CWZdvAOf.js → wt-search-bar-CyMYRgHH.js} +1 -1
  27. package/dist/{wt-send-message-popup-Bg1K-tw8.js → wt-send-message-popup-D1z5Kbon.js} +1 -1
  28. package/dist/{wt-table-D4XANcJ1.js → wt-table-DRNWny3Q.js} +1 -1
  29. package/dist/wt-toast-m61COwji.js +44 -0
  30. package/dist/{wt-tree-table-MLET4gIv.js → wt-tree-table-2u2mPfO_.js} +1 -1
  31. package/dist/{wt-type-extension-value-input-DQhC5C4L.js → wt-type-extension-value-input-D2LEPL22.js} +1 -1
  32. package/dist/{wt-vidstack-player-CmdiCgCp.js → wt-vidstack-player-DTPlrBiG.js} +9 -9
  33. package/package.json +1 -1
  34. package/src/assets/icons/sprite/error.svg +4 -0
  35. package/src/assets/icons/sprite/index.ts +4 -0
  36. package/src/assets/icons/sprite/warning.svg +3 -0
  37. package/src/components/index.js +3 -3
  38. package/src/components/wt-notifications-bar/__tests__/WtNotificationsBar.spec.js +49 -46
  39. package/src/components/wt-notifications-bar/wt-notifications-bar.vue +24 -84
  40. package/src/components/wt-toast/__tests__/WtToast.spec.js +19 -0
  41. package/src/components/wt-toast/types/index.ts +11 -0
  42. package/src/components/wt-toast/wt-toast.vue +53 -0
  43. package/src/components/wt-vidstack-player/components/panels/playback-controls-panel/components/time-group.vue +1 -0
  44. package/src/css/components-variables.css +0 -1
  45. package/src/enums/LoginOptions/LoginOptions.ts +7 -0
  46. package/src/enums/index.ts +2 -0
  47. package/src/plugins/primevue/primevue.plugin.js +4 -0
  48. package/src/plugins/primevue/theme/components/components.js +2 -0
  49. package/src/plugins/primevue/theme/components/toast/toast.js +26 -0
  50. package/types/components/wt-notifications-bar/wt-notifications-bar.vue.d.ts +1 -12
  51. package/types/components/wt-player/wt-player.vue.d.ts +1 -1
  52. package/types/components/wt-toast/types/index.d.ts +7 -0
  53. package/types/components/wt-toast/wt-toast.vue.d.ts +3 -0
  54. package/types/enums/LoginOptions/LoginOptions.d.ts +6 -0
  55. package/types/enums/index.d.ts +2 -1
  56. package/types/modules/Flow/lookups/FlowTypeApplications.lookup.d.ts +5 -5
  57. package/types/plugins/primevue/theme/components/components.d.ts +2 -0
  58. package/types/plugins/primevue/theme/components/toast/toast.d.ts +223 -0
  59. package/dist/isObject-Dgs_L5xI.js +0 -11
  60. package/dist/logger-hl3ueNok.js +0 -47
  61. package/dist/wt-notifications-bar-BwO_qvrc.js +0 -52
  62. package/src/components/wt-notification/__tests__/WtNotification.spec.js +0 -28
  63. package/src/components/wt-notification/_variables.css +0 -9
  64. package/src/components/wt-notification/wt-notification.vue +0 -68
  65. package/types/components/wt-notification/wt-notification.vue.d.ts +0 -18
  66. /package/types/components/{wt-notification/__tests__/WtNotification.spec.d.ts → wt-toast/__tests__/WtToast.spec.d.ts} +0 -0
@@ -0,0 +1,53 @@
1
+ <template>
2
+ <PToast v-bind="$attrs">
3
+ <template #message="{ message }">
4
+ <wt-icon
5
+ :icon="severityToIconNameMap[message.severity] ?? ''"
6
+ :color="severityToIconColorMap[message.severity] ?? MessageColor.CONTRAST"
7
+ class="p-toast-message-icon"
8
+ />
9
+ <div class="p-toast-message-text">
10
+ <span class="p-toast-summary">{{ message.summary }}</span>
11
+ <div v-if="message.detail" class="p-toast-detail">{{ message.detail }}</div>
12
+ </div>
13
+ </template>
14
+ <template #closeicon>
15
+ <wt-icon icon="close" :size="ComponentSize.SM" />
16
+ </template>
17
+ </PToast>
18
+ </template>
19
+
20
+ <script setup lang="ts">
21
+ import { ComponentSize, MessageColor } from '../../enums';
22
+ import WtIcon from '../wt-icon/wt-icon.vue';
23
+
24
+ defineOptions({
25
+ name: 'WtToast',
26
+ inheritAttrs: false,
27
+ });
28
+
29
+ const severityToIconNameMap: Record<string, string> = {
30
+ success: 'done',
31
+ info: 'rounded-info',
32
+ warn: 'warning',
33
+ error: 'error',
34
+ };
35
+
36
+ const severityToIconColorMap: Record<string, string> = {
37
+ success: MessageColor.SUCCESS,
38
+ info: MessageColor.INFO,
39
+ warn: MessageColor.WARN,
40
+ error: MessageColor.ERROR,
41
+ contrast: MessageColor.CONTRAST,
42
+ secondary: MessageColor.SECONDARY,
43
+ };
44
+ </script>
45
+
46
+ <style>
47
+ .p-toast-close-button:hover {
48
+ background: transparent;
49
+ }
50
+ .p-toast-close-button:focus-visible {
51
+ outline: none;
52
+ }
53
+ </style>
@@ -35,5 +35,6 @@ const props = withDefaults(
35
35
  align-items: center;
36
36
  gap: var(--spacing-2xs);
37
37
  color: var(--wt-player-video-control-bar-color);
38
+ white-space: nowrap;
38
39
  }
39
40
  </style>
@@ -28,7 +28,6 @@
28
28
  @import "../components/wt-loader/_variables.css";
29
29
  @import "../components/wt-logo/_variables.css";
30
30
  @import "../components/wt-navigation-bar/_variables.css";
31
- @import "../components/wt-notification/_variables.css";
32
31
  @import "../components/wt-notifications-bar/_variables.css";
33
32
  @import "../components/wt-page-wrapper/_variables.css";
34
33
  @import "../components/wt-pagination/_variables.css";
@@ -0,0 +1,7 @@
1
+ export const LoginOptions = {
2
+ LOCAL_PASSWORD_ONLY: 'local_password_only',
3
+ SSO_AND_LOCAL: 'sso_and_local',
4
+ SSO_ONLY: 'sso_only',
5
+ } as const;
6
+
7
+ export type LoginOptions = keyof typeof LoginOptions;
@@ -34,6 +34,7 @@ import { WfmSections } from './WebitelApplications/WfmSections';
34
34
  import { WtApplication } from './WebitelApplications/WtApplication';
35
35
  import { WtObject } from './WtObject/WtObject';
36
36
  import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
37
+ import { LoginOptions } from './LoginOptions/LoginOptions';
37
38
 
38
39
  export type {
39
40
  UserSettingsBroadcastMessage,
@@ -74,4 +75,5 @@ export {
74
75
  WtApplication,
75
76
  WtObject,
76
77
  WtTypeExtensionFieldKind,
78
+ LoginOptions,
77
79
  };
@@ -24,6 +24,8 @@ import PRadio from 'primevue/radiobutton';
24
24
  import PSelect from 'primevue/select';
25
25
  import PSlider from 'primevue/slider';
26
26
  import PTextarea from 'primevue/textarea';
27
+ import PToast from 'primevue/toast';
28
+ import ToastService from 'primevue/toastservice';
27
29
  import PToggleSwitch from 'primevue/toggleswitch';
28
30
  import PToolbar from 'primevue/toolbar';
29
31
  import Tooltip from 'primevue/tooltip';
@@ -41,6 +43,7 @@ const changeComponentCompatMode = (component) => {
41
43
  };
42
44
 
43
45
  const initPrimevue = (app) => {
46
+ app.use(ToastService);
44
47
  app.use(PrimeVue, {
45
48
  theme: {
46
49
  preset: WebitelTheme,
@@ -82,6 +85,7 @@ const initPrimevue = (app) => {
82
85
  changeComponentCompatMode(PInputGroupAddon),
83
86
  );
84
87
  app.component('PMessage', changeComponentCompatMode(PMessage));
88
+ app.component('PToast', changeComponentCompatMode(PToast));
85
89
  app.component('PMultiSelect', changeComponentCompatMode(PMultiSelect));
86
90
  app.component('PSelect', changeComponentCompatMode(PSelect));
87
91
 
@@ -22,6 +22,7 @@ import slider from './slider/slider.js';
22
22
  import switcher from './switcher/switcher.js';
23
23
  import table from './table/table.js';
24
24
  import textarea from './textarea/textarea.js';
25
+ import toast from './toast/toast.js';
25
26
  import toolbar from './toolbar/toolbar.js';
26
27
  import tooltip from './tooltip/tooltip.js';
27
28
 
@@ -34,6 +35,7 @@ const components = {
34
35
  chip,
35
36
  checkbox,
36
37
  textarea,
38
+ toast,
37
39
  toggleswitch: switcher,
38
40
  divider,
39
41
  image,
@@ -0,0 +1,26 @@
1
+ import { ToastScheme } from '@webitel/styleguide/component-schemes';
2
+
3
+ import { MessageColor } from '../../../../../enums';
4
+
5
+ const generateCloseIconCss = ({ colorName, dt }) => `
6
+ .p-toast-message-${colorName} .p-toast-close-button svg {
7
+ fill: ${dt(`toast.${colorName}.color`)};
8
+ }
9
+ `;
10
+
11
+ const toast = {
12
+ ...ToastScheme.sizes,
13
+ colorScheme: ToastScheme.colorScheme,
14
+
15
+ css: ({ dt }) =>
16
+ Object.values(MessageColor)
17
+ .map((colorName) =>
18
+ generateCloseIconCss({
19
+ colorName,
20
+ dt,
21
+ }),
22
+ )
23
+ .join(''),
24
+ };
25
+
26
+ export default toast;
@@ -1,14 +1,3 @@
1
1
  declare const _default: typeof __VLS_export;
2
2
  export default _default;
3
- declare const __VLS_export: import("vue").DefineComponent<{}, {}, {
4
- notificationDuration: number;
5
- notifications: any[];
6
- eventBus: {
7
- $on: (...args: any[]) => void;
8
- $off: (...args: any[]) => void;
9
- $emit: (...args: any[]) => void;
10
- };
11
- }, {}, {
12
- showNotification(notification: any): void;
13
- closeNotification(notification: any): void;
14
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
3
+ declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -88,13 +88,13 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
88
88
  }>, {
89
89
  download: string | ((url: string) => string) | boolean;
90
90
  closable: boolean;
91
+ position: string;
91
92
  autoplay: boolean;
92
93
  loop: boolean;
93
94
  resetOnEnd: boolean;
94
95
  hideVolumeSlider: boolean;
95
96
  hideMuteButton: boolean;
96
97
  hideSettings: boolean;
97
- position: string;
98
98
  invertTime: boolean;
99
99
  resetVolume: boolean;
100
100
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -0,0 +1,7 @@
1
+ export declare const TypeToSeverityMap: {
2
+ readonly success: "success";
3
+ readonly info: "info";
4
+ readonly error: "error";
5
+ readonly warning: "warn";
6
+ };
7
+ export type TypeToSeverityMap = (typeof TypeToSeverityMap)[keyof typeof TypeToSeverityMap];
@@ -0,0 +1,3 @@
1
+ declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ declare const _default: typeof __VLS_export;
3
+ export default _default;
@@ -0,0 +1,6 @@
1
+ export declare const LoginOptions: {
2
+ readonly LOCAL_PASSWORD_ONLY: "local_password_only";
3
+ readonly SSO_AND_LOCAL: "sso_and_local";
4
+ readonly SSO_ONLY: "sso_only";
5
+ };
6
+ export type LoginOptions = keyof typeof LoginOptions;
@@ -30,5 +30,6 @@ import { WfmSections } from './WebitelApplications/WfmSections';
30
30
  import { WtApplication } from './WebitelApplications/WtApplication';
31
31
  import { WtObject } from './WtObject/WtObject';
32
32
  import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
33
+ import { LoginOptions } from './LoginOptions/LoginOptions';
33
34
  export type { UserSettingsBroadcastMessage, WebphoneBroadcastMessage, WebphoneBroadcastPayload, };
34
- export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, BroadcastChannelName, ButtonColor, ButtonVariant, ChatGatewayProvider, ChipColor, ComponentSize, CrmSections, CrudAction, DefaultWorkspaceTabSettings, EmptyCause, FormatDateMode, IconAction, IconColor, MessageColor, MessageVariant, MimeTypes, ProcessingTableColumnType, ProviderIconType, QueueType, QueueTypeName, RelativeDatetimeValue, RingtoneType, SupervisorSections, TypesExportedSettings, WfmSections, WtApplication, WtObject, WtTypeExtensionFieldKind, };
35
+ export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, BroadcastChannelName, ButtonColor, ButtonVariant, ChatGatewayProvider, ChipColor, ComponentSize, CrmSections, CrudAction, DefaultWorkspaceTabSettings, EmptyCause, FormatDateMode, IconAction, IconColor, MessageColor, MessageVariant, MimeTypes, ProcessingTableColumnType, ProviderIconType, QueueType, QueueTypeName, RelativeDatetimeValue, RingtoneType, SupervisorSections, TypesExportedSettings, WfmSections, WtApplication, WtObject, WtTypeExtensionFieldKind, LoginOptions, };
@@ -1,8 +1,8 @@
1
1
  export declare const FlowTypeApplications: {
2
- readonly voice: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "markIVR", "setGrantee", "classifier", "ringReady", "preAnswer", "answer", "sipRedirect", "ringback", "updateCid", "park", "conference", "bridge", "hangup", "inBandDTMF", "flushDTMF", "playback", "recordFile", "recordSession", "generateLink", "tts", "joinQueue", "joinAgent"];
3
- readonly chat: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "menu", "recvMessage", "sendText", "sendTts", "sendFile", "stt", "generateLink", "classifier", "joinQueue", "chatHistory", "chatAi"];
4
- readonly processing: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "makeCall", "formTextfield", "formSelect", "formSelectService", "formText", "formDatetimePicker", "formRichTextEditor", "formSelectFromObject", "formSelectCaseStatus", "formTable", "formFile", "generateForm", "attemptResult", "iFrame"];
5
- readonly service: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "log" | "notification" | "schema" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "attemptResult", "stt"];
6
- readonly default: ("string" | "function" | "set" | "menu" | "stop" | "switch" | "export" | "calendar" | "trigger" | "recordFile" | "list" | "execute" | "math" | "start" | "log" | "notification" | "hangup" | "schema" | "sendMessage" | "tts" | "userInfo" | "answer" | "goto" | "if" | "js" | "plataByMono" | "iFrame" | "markIVR" | "softSleep" | "setGrantee" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "playback" | "ringReady" | "preAnswer" | "sipRedirect" | "ringback" | "bridge" | "conference" | "generateLink" | "inBandDTMF" | "flushDTMF" | "updateCid" | "park" | "joinQueue" | "recordSession" | "memberInfo" | "getQueueAgents" | "joinAgent" | "callbackQueue" | "patchMembers" | "recvMessage" | "sendText" | "sendFile" | "sendEmail" | "sendTts" | "stt" | "classifier" | "broadcastChatMessage" | "chatHistory" | "chatAi" | "makeCall" | "formTextfield" | "formSelect" | "formSelectService" | "formTable" | "formText" | "formDatetimePicker" | "formRichTextEditor" | "formSelectFromObject" | "formSelectCaseStatus" | "generateForm" | "attemptResult" | "getEmail" | "formFile" | "customModule")[];
2
+ readonly voice: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "markIVR", "setGrantee", "classifier", "ringReady", "preAnswer", "answer", "sipRedirect", "ringback", "updateCid", "park", "conference", "bridge", "hangup", "inBandDTMF", "flushDTMF", "playback", "recordFile", "recordSession", "generateLink", "tts", "joinQueue", "joinAgent"];
3
+ readonly chat: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "trigger", "menu", "recvMessage", "sendText", "sendTts", "sendFile", "stt", "generateLink", "classifier", "joinQueue", "chatHistory", "chatAi"];
4
+ readonly processing: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "makeCall", "formTextfield", "formSelect", "formSelectService", "formText", "formDatetimePicker", "formRichTextEditor", "formSelectFromObject", "formSelectCaseStatus", "formTable", "formFile", "generateForm", "attemptResult", "iFrame"];
5
+ readonly service: readonly [...("string" | "function" | "set" | "switch" | "export" | "calendar" | "list" | "execute" | "math" | "notification" | "schema" | "log" | "sendMessage" | "userInfo" | "goto" | "if" | "js" | "plataByMono" | "softSleep" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "memberInfo" | "getQueueAgents" | "callbackQueue" | "patchMembers" | "sendEmail" | "broadcastChatMessage" | "getEmail" | "customModule")[], "attemptResult", "stt"];
6
+ readonly default: ("string" | "function" | "set" | "menu" | "stop" | "switch" | "export" | "calendar" | "trigger" | "recordFile" | "list" | "execute" | "math" | "start" | "notification" | "hangup" | "schema" | "log" | "sendMessage" | "tts" | "userInfo" | "answer" | "goto" | "if" | "js" | "plataByMono" | "iFrame" | "markIVR" | "softSleep" | "setGrantee" | "httpRequest" | "customCode" | "unSet" | "listAdd" | "while" | "openLink" | "playback" | "ringReady" | "preAnswer" | "sipRedirect" | "ringback" | "bridge" | "conference" | "generateLink" | "inBandDTMF" | "flushDTMF" | "updateCid" | "park" | "joinQueue" | "recordSession" | "memberInfo" | "getQueueAgents" | "joinAgent" | "callbackQueue" | "patchMembers" | "recvMessage" | "sendText" | "sendFile" | "sendEmail" | "sendTts" | "stt" | "classifier" | "broadcastChatMessage" | "chatHistory" | "chatAi" | "makeCall" | "formTextfield" | "formSelect" | "formSelectService" | "formTable" | "formText" | "formDatetimePicker" | "formRichTextEditor" | "formSelectFromObject" | "formSelectCaseStatus" | "generateForm" | "attemptResult" | "getEmail" | "formFile" | "customModule")[];
7
7
  };
8
8
  export type FlowTypeApplications = (typeof FlowTypeApplications)[keyof typeof FlowTypeApplications];
@@ -8,6 +8,7 @@ declare namespace components {
8
8
  export { chip };
9
9
  export { checkbox };
10
10
  export { textarea };
11
+ export { toast };
11
12
  export { switcher as toggleswitch };
12
13
  export { divider };
13
14
  export { image };
@@ -35,6 +36,7 @@ import badge from './badge/badge.js';
35
36
  import chip from './chip/chip.js';
36
37
  import checkbox from './checkbox/checkbox.js';
37
38
  import textarea from './textarea/textarea.js';
39
+ import toast from './toast/toast.js';
38
40
  import switcher from './switcher/switcher.js';
39
41
  import divider from './divider/divider.js';
40
42
  import image from './image/image.js';
@@ -0,0 +1,223 @@
1
+ export default toast;
2
+ declare const toast: {
3
+ colorScheme: {
4
+ light: {
5
+ root: {
6
+ blur: string;
7
+ };
8
+ info: {
9
+ background: string;
10
+ borderColor: string;
11
+ color: string;
12
+ detailColor: string;
13
+ shadow: string;
14
+ closeButton: {
15
+ hoverBackground: string;
16
+ focusRing: {
17
+ color: string;
18
+ shadow: string;
19
+ };
20
+ };
21
+ };
22
+ success: {
23
+ background: string;
24
+ borderColor: string;
25
+ color: string;
26
+ detailColor: string;
27
+ shadow: string;
28
+ closeButton: {
29
+ hoverBackground: string;
30
+ focusRing: {
31
+ color: string;
32
+ shadow: string;
33
+ };
34
+ };
35
+ };
36
+ warn: {
37
+ background: string;
38
+ borderColor: string;
39
+ color: string;
40
+ detailColor: string;
41
+ shadow: string;
42
+ closeButton: {
43
+ hoverBackground: string;
44
+ focusRing: {
45
+ color: string;
46
+ shadow: string;
47
+ };
48
+ };
49
+ };
50
+ error: {
51
+ background: string;
52
+ borderColor: string;
53
+ color: string;
54
+ detailColor: string;
55
+ shadow: string;
56
+ closeButton: {
57
+ hoverBackground: string;
58
+ focusRing: {
59
+ color: string;
60
+ shadow: string;
61
+ };
62
+ };
63
+ };
64
+ secondary: {
65
+ background: string;
66
+ borderColor: string;
67
+ color: string;
68
+ detailColor: string;
69
+ shadow: string;
70
+ closeButton: {
71
+ hoverBackground: string;
72
+ focusRing: {
73
+ color: string;
74
+ shadow: string;
75
+ };
76
+ };
77
+ };
78
+ contrast: {
79
+ background: string;
80
+ borderColor: string;
81
+ color: string;
82
+ detailColor: string;
83
+ shadow: string;
84
+ closeButton: {
85
+ hoverBackground: string;
86
+ focusRing: {
87
+ color: string;
88
+ shadow: string;
89
+ };
90
+ };
91
+ };
92
+ };
93
+ dark: {
94
+ root: {
95
+ blur: string;
96
+ };
97
+ info: {
98
+ background: string;
99
+ borderColor: string;
100
+ color: string;
101
+ detailColor: string;
102
+ shadow: string;
103
+ closeButton: {
104
+ hoverBackground: string;
105
+ focusRing: {
106
+ color: string;
107
+ shadow: string;
108
+ };
109
+ };
110
+ };
111
+ success: {
112
+ background: string;
113
+ borderColor: string;
114
+ color: string;
115
+ detailColor: string;
116
+ shadow: string;
117
+ closeButton: {
118
+ hoverBackground: string;
119
+ focusRing: {
120
+ color: string;
121
+ shadow: string;
122
+ };
123
+ };
124
+ };
125
+ warn: {
126
+ background: string;
127
+ borderColor: string;
128
+ color: string;
129
+ detailColor: string;
130
+ shadow: string;
131
+ closeButton: {
132
+ hoverBackground: string;
133
+ focusRing: {
134
+ color: string;
135
+ shadow: string;
136
+ };
137
+ };
138
+ };
139
+ error: {
140
+ background: string;
141
+ borderColor: string;
142
+ color: string;
143
+ detailColor: string;
144
+ shadow: string;
145
+ closeButton: {
146
+ hoverBackground: string;
147
+ focusRing: {
148
+ color: string;
149
+ shadow: string;
150
+ };
151
+ };
152
+ };
153
+ secondary: {
154
+ background: string;
155
+ borderColor: string;
156
+ color: string;
157
+ detailColor: string;
158
+ shadow: string;
159
+ closeButton: {
160
+ hoverBackground: string;
161
+ focusRing: {
162
+ color: string;
163
+ shadow: string;
164
+ };
165
+ };
166
+ };
167
+ contrast: {
168
+ background: string;
169
+ borderColor: string;
170
+ color: string;
171
+ detailColor: string;
172
+ shadow: string;
173
+ closeButton: {
174
+ hoverBackground: string;
175
+ focusRing: {
176
+ color: string;
177
+ shadow: string;
178
+ };
179
+ };
180
+ };
181
+ };
182
+ };
183
+ css: ({ dt }: {
184
+ dt: any;
185
+ }) => string;
186
+ root: {
187
+ width: string;
188
+ borderRadius: string;
189
+ borderWidth: string;
190
+ transitionDuration: string;
191
+ };
192
+ icon: {
193
+ size: string;
194
+ };
195
+ content: {
196
+ padding: string;
197
+ gap: string;
198
+ };
199
+ text: {
200
+ gap: string;
201
+ };
202
+ summary: {
203
+ fontWeight: string;
204
+ fontSize: string;
205
+ };
206
+ detail: {
207
+ fontWeight: string;
208
+ fontSize: string;
209
+ };
210
+ closeButton: {
211
+ width: string;
212
+ height: string;
213
+ borderRadius: string;
214
+ focusRing: {
215
+ width: string;
216
+ style: string;
217
+ offset: string;
218
+ };
219
+ };
220
+ closeIcon: {
221
+ size: string;
222
+ };
223
+ };
@@ -1,11 +0,0 @@
1
- import { t as e } from "./chunk-CY3AvKd6.js";
2
- //#region node_modules/lodash/isObject.js
3
- var t = /* @__PURE__ */ e(((e, t) => {
4
- function n(e) {
5
- var t = typeof e;
6
- return e != null && (t == "object" || t == "function");
7
- }
8
- t.exports = n;
9
- }));
10
- //#endregion
11
- export { t };
@@ -1,47 +0,0 @@
1
- import { a as e } from "./chunk-CY3AvKd6.js";
2
- import { t } from "./isObject-Dgs_L5xI.js";
3
- //#region node_modules/mitt/dist/mitt.mjs
4
- function n(e) {
5
- return {
6
- all: e ||= /* @__PURE__ */ new Map(),
7
- on: function(t, n) {
8
- var r = e.get(t);
9
- r ? r.push(n) : e.set(t, [n]);
10
- },
11
- off: function(t, n) {
12
- var r = e.get(t);
13
- r && (n ? r.splice(r.indexOf(n) >>> 0, 1) : e.set(t, []));
14
- },
15
- emit: function(t, n) {
16
- var r = e.get(t);
17
- r && r.slice().map(function(e) {
18
- e(n);
19
- }), (r = e.get("*")) && r.slice().map(function(e) {
20
- e(t, n);
21
- });
22
- }
23
- };
24
- }
25
- //#endregion
26
- //#region src/scripts/eventBus.js
27
- var r = n(), i = {
28
- $on: (...e) => r.on(...e),
29
- $off: (...e) => r.off(...e),
30
- $emit: (...e) => r.emit(...e)
31
- }, a = /* @__PURE__ */ e(t(), 1), o = (e) => (0, a.default)(e) && (e.entity || e.module), s = (e) => (t) => (...n) => {
32
- if (o(n[0])) {
33
- let { app: r = e, entity: i = "", module: a = "" } = n[0], o = /* @__PURE__ */ new Date(), s = window?.location?.href || "non-browser env";
34
- return (...e) => {
35
- let n = `@webitel/${r}:${i}:${a}:`, c = `[${o}][${s}]`;
36
- return console[t](n, ...e, c);
37
- };
38
- }
39
- return console[t](...n);
40
- }, c = ((e) => ({
41
- info: s(e)("info"),
42
- warn: s(e)("warn"),
43
- error: s(e)("error"),
44
- log: s(e)("log")
45
- }))("ui-sdk");
46
- //#endregion
47
- export { i as n, c as t };
@@ -1,52 +0,0 @@
1
- import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
2
- import { n as t, t as n } from "./logger-hl3ueNok.js";
3
- import { Fragment as r, TransitionGroup as i, createBlock as a, createElementBlock as o, createTextVNode as s, createVNode as c, openBlock as l, renderList as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
4
- //#region src/components/wt-notifications-bar/wt-notifications-bar.vue
5
- var m = {
6
- name: "WtNotificationsBar",
7
- inject: ["$eventBus"],
8
- data: () => ({
9
- notificationDuration: 4e3,
10
- notifications: [],
11
- eventBus: t
12
- }),
13
- created() {
14
- this.$eventBus ? this.eventBus = this.$eventBus : n.warn({
15
- entity: "component",
16
- module: "wt-notification-bar"
17
- })("no globally provided $eventBus found, using default webitel-ui eventBus"), this.eventBus.$on("notification", this.showNotification);
18
- },
19
- unmounted() {
20
- this.eventBus.$off("notification", this.showNotification);
21
- },
22
- methods: {
23
- showNotification(e) {
24
- this.notifications.unshift(e), setTimeout(() => this.closeNotification(e), e.timeout * 1e3 || this.notificationDuration);
25
- },
26
- closeNotification(e) {
27
- let t = this.notifications.indexOf(e);
28
- this.notifications.splice(t, 1);
29
- }
30
- }
31
- }, h = { class: "wt-notifications-bar wt-scrollbar" };
32
- function g(e, t, n, m, g, _) {
33
- let v = d("wt-notification");
34
- return l(), o("aside", h, [c(i, {
35
- class: "wt-notifications-bar__wrapper",
36
- name: "wt-notifications-transition",
37
- tag: "div"
38
- }, {
39
- default: p(() => [(l(!0), o(r, null, u(e.notifications, (e, t) => (l(), a(v, {
40
- key: t + e.text,
41
- type: e.type,
42
- onClose: (t) => _.closeNotification(e)
43
- }, {
44
- default: p(() => [s(f(e.text), 1)], void 0, !0),
45
- _: 2
46
- }, 1032, ["type", "onClose"]))), 128))], void 0, !0),
47
- _: 1
48
- })]);
49
- }
50
- var _ = /*#__PURE__*/ e(m, [["render", g], ["__scopeId", "data-v-37c12272"]]);
51
- //#endregion
52
- export { _ as default };
@@ -1,28 +0,0 @@
1
- import { shallowMount } from '@vue/test-utils';
2
-
3
- import WtIcon from '../../wt-icon/wt-icon.vue';
4
- import WtNotification from '../wt-notification.vue';
5
-
6
- describe('WtNotification', () => {
7
- it('renders a component', () => {
8
- const wrapper = shallowMount(WtNotification, {
9
- stubs: {
10
- WtIcon,
11
- },
12
- });
13
- expect(wrapper.classes('wt-notification')).toBe(true);
14
- });
15
-
16
- it('renders message via default slot', () => {
17
- const content = 'Hello there';
18
- const wrapper = shallowMount(WtNotification, {
19
- stubs: {
20
- WtIcon,
21
- },
22
- slots: {
23
- default: content,
24
- },
25
- });
26
- expect(wrapper.find('.wt-notification__text').text()).toBe(content);
27
- });
28
- });
@@ -1,9 +0,0 @@
1
- :root {
2
- --wt-notification-min-width: 30vw;
3
- --wt-notification-max-width: 40vw;
4
- --wt-notification-padding: var(--spacing-xs);
5
- --wt-notification-icon-margin: var(--spacing-xs);
6
-
7
- --wt-notification-text-color: var(--text-main-color);
8
- --wt-notification-bg-color: var(--content-wrapper-color);
9
- }