@webitel/ui-sdk 26.4.16 → 26.4.18

package/src/composables/useRepresentableAgentPauseCause/__tests__/useRepresentableAgentPauseCause.spec.js

@@ -2,137 +2,117 @@ import { useRepresentableAgentPauseCause } from '../useRepresentableAgentPauseCa
 
 describe('useRepresentableAgentPauseCause', () => {
 	it('correctly computes duration', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 10,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 10,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].duration).toBe('00:10');
 	});
 	it('isOverflow with limit = 0 returns false', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 10,
-					limitMin: 0,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 10,
+				limitMin: 0,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].isOverflow).toBe(false);
 	});
 	it('isOverflow with duration < limit returns false', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 10,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 10,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].isOverflow).toBe(false);
 	});
 	it('isOverflow with duration > limit returns true', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 14,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 14,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].isOverflow).toBe(true);
 	});
 
 	it('isOverflow with duration = limit returns false', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 12,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 12,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].isOverflow).toBe(false);
 	});
 
 	it('correctly computes progressColor', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 10,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 10,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].progressColor).toBe('primary');
 	});
 
 	it('correctly computes progressColor with duration > limit', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 14,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 14,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].progressColor).toBe('error');
 	});
 
 	it('correctly computes progressColor with duration < limit', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 3,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 3,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].progressColor).toBe('success');
 	});
 
 	it('correctly computes progressColor with duration = limit', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 12,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 12,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].progressColor).toBe('primary');
 	});
 
 	it('correctly computes limit', () => {
-		const pauseCauses = {
-			value: [
-				{
-					durationMin: 12,
-					limitMin: 12,
-				},
-			],
-		};
+		const pauseCauses = [
+			{
+				durationMin: 12,
+				limitMin: 12,
+			},
+		];
 		const { representablePauseCause } =
 			useRepresentableAgentPauseCause(pauseCauses);
 		expect(representablePauseCause.value[0].limit).toBe('00:12');

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-agent-status-select.spec.js

@@ -54,53 +54,8 @@ describe('Wt Cc Agent Status Select', () => {
 		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
 		expect(wrapper.exists()).toBe(true);
 	});
-	it(`at wt-status-select "change" to "online" event, triggers agent status patch
-   with "online" status`, () => {
-		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-		wrapper
-			.findComponent({
-				name: 'wt-status-select',
-			})
-			.vm.$emit('change', AgentStatus.ONLINE);
-		const reqPayload = {
-			status: AgentStatus.ONLINE,
-			agentId: agent.agentId,
-			payload: undefined,
-		};
-		expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
-	});
-	it('at wt-status-select "change" to "pause" event, pause causes are loaded', async () => {
-		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-		wrapper
-			.findComponent({
-				name: 'wt-status-select',
-			})
-			.vm.$emit('change', AgentStatus.PAUSE);
-		await wrapper.vm.$nextTick();
-		expect(getAgentPauseCausesMock).toHaveBeenCalled();
-	});
-	it(`at wt-status-select "change" to "pause" event and pause causes truthy response,
-   pause-cause-popup appears`, async () => {
-		const wrapper = mount(WtCcAgentStatusSelect, mountOptions);
-		wrapper
-			.findComponent({
-				name: 'wt-status-select',
-			})
-			.vm.$emit('change', AgentStatus.PAUSE);
-		await wrapper.vm.$nextTick(); // load pause causes
-		await wrapper.vm.$nextTick();
-		await wrapper.vm.$nextTick(); // render popup
-		expect(
-			wrapper
-				.findComponent({
-					name: 'pause-cause-popup',
-				})
-				.isVisible(),
-		).toBe(true);
-	});
 	it(`at pause-cause-popup "change" event, triggers patch agent status
    with "pause" status and passed pauseCause`, async () => {
-		const pauseCause = 'jest';
 		const wrapper = mount(WtCcAgentStatusSelect, mountOptions);
 		wrapper.vm.openPauseCausePopup();
 		await wrapper.vm.$nextTick();
@@ -109,11 +64,15 @@ describe('Wt Cc Agent Status Select', () => {
 			.findComponent({
 				name: 'pause-cause-popup',
 			})
-			.vm.$emit('change', pauseCause);
+			.vm.$emit('change', {
+				pauseCause: 'coffee',
+				statusComment: 'brb',
+			});
 		const reqPayload = {
 			status: AgentStatus.PAUSE,
 			agentId: agent.agentId,
-			pauseCause,
+			pauseCause: 'coffee',
+			statusComment: 'brb',
 		};
 		expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
 	});

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-pause-cause-popup.spec.js

@@ -13,7 +13,8 @@ describe('Pause cause popup', () => {
 			props: {
 				options: [
 					{
-						value,
+						id: 1,
+						name: value,
 					},
 				],
 			},
@@ -22,7 +23,34 @@ describe('Pause cause popup', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input');
-		expect(wrapper.vm.selected.value).toEqual(value);
+			.vm.$emit('update:selected');
+		expect(wrapper.vm.selected.name).toEqual(value);
+	});
+
+	it('emits payload and close on setPause', async () => {
+		const wrapper = mount(WtCcPauseCausePopup, {
+			props: {
+				options: [
+					{
+						id: 1,
+						name: 'coffee',
+					},
+				],
+			},
+		});
+
+		wrapper.vm.select({
+			id: 1,
+			name: 'coffee',
+			statusComment: 'brb',
+		});
+		wrapper.vm.setPause();
+		await wrapper.vm.$nextTick();
+
+		expect(wrapper.emitted().change[0][0]).toEqual({
+			pauseCause: 'coffee',
+			statusComment: 'brb',
+		});
+		expect(wrapper.emitted().close).toBeTruthy();
 	});
 });

package/src/modules/Appearance/components/__tests__/wt-dark-mode-switcher.spec.js

@@ -5,16 +5,20 @@ import AppearanceStoreModule from '../../store/AppearanceStoreModule.js';
 import WtDarkModeSwitcher from '../wt-dark-mode-switcher.vue';
 
 describe('WtDarkModeSwitcher', () => {
-	let store;
+	let wrapper;
 
-	store = createStore(new AppearanceStoreModule().getModule());
+	beforeEach(() => {
+		const store = createStore(new AppearanceStoreModule().getModule());
+		localStorage.removeItem('theme');
+		document.documentElement.classList.remove('theme--dark');
 
-	const wrapper = shallowMount(WtDarkModeSwitcher, {
-		global: {
-			plugins: [
-				store,
-			],
-		},
+		wrapper = shallowMount(WtDarkModeSwitcher, {
+			global: {
+				plugins: [
+					store,
+				],
+			},
+		});
 	});
 
 	it('should render component', () => {
@@ -25,13 +29,15 @@ describe('WtDarkModeSwitcher', () => {
 		expect(
 			window.document.documentElement.classList.contains('theme--dark'),
 		).toBe(false);
-		await wrapper
+		wrapper
 			.findComponent({
 				name: 'wt-switcher',
 			})
-			.trigger('change');
+			.vm.$emit('update:model-value');
+		await wrapper.vm.$nextTick();
 		expect(
 			window.document.documentElement.classList.contains('theme--dark'),
 		).toBe(true);
+		expect(localStorage.getItem('theme')).toBe('dark');
 	});
 });

package/src/modules/AuditForm/components/form-questions/options/__tests__/audit-form-question-options.spec.js

@@ -25,7 +25,7 @@ describe('AuditFormQuestionOptions', () => {
 		wrapper
 			.findComponent('.audit-form-question-options-write__add-button')
 			.vm.$emit('click');
-		expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(2);
+		expect(wrapper.emitted()['update:question'][0][0].options.length).toBe(2);
 	});
 	it('deletes existing question option at "delete" icon-btn click', () => {
 		const wrapper = mount(AuditFormQuestionOptions, {
@@ -42,7 +42,7 @@ describe('AuditFormQuestionOptions', () => {
 			name: 'audit-form-question-options-write-row',
 		});
 		writeRow.vm.$emit('delete');
-		expect(wrapper.emitted()['change:question'][0][0].options.length).toBe(0);
+		expect(wrapper.emitted()['update:question'][0][0].options.length).toBe(0);
 	});
 	it('emits result change with selected radio option score', () => {
 		const score = 11;
@@ -62,10 +62,8 @@ describe('AuditFormQuestionOptions', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input', {
-				score,
-			});
-		expect(wrapper.emitted()['change:result'][0][0]).toEqual({
+			.vm.$emit('update:selected', score);
+		expect(wrapper.emitted()['update:answer'][0][0]).toEqual({
 			score,
 		});
 	});

package/src/modules/AuditForm/components/form-questions/score/__tests__/audit-form-question-score.spec.js

@@ -29,8 +29,8 @@ describe('AuditFormQuestionScore', () => {
 			.findComponent({
 				name: 'wt-radio',
 			})
-			.vm.$emit('input');
-		expect(wrapper.emitted()['change:result'][0][0]).toEqual({
+			.vm.$emit('update:selected', min);
+		expect(wrapper.emitted()['update:answer'][0][0]).toEqual({
 			score: min,
 		});
 	});

package/src/modules/DeleteConfirmationPopup/__tests__/delete-confirmation-popup.spec.js

@@ -1,4 +1,4 @@
-import { mount, shallowMount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import { ref } from 'vue';
 
 import { useValidation } from '../../../mixins/validationMixin/useValidation';
@@ -23,69 +23,25 @@ describe('DeleteConfirmationPopup', () => {
 		expect(wrapper.classes('delete-confirmation-popup')).toBe(true);
 	});
 
-	it('yes button called props callback', async () => {
-		const callback = vi.fn();
-		const wrapper = mount(DeleteConfirmationPopup, {
-			props: {
-				deleteCount: 1,
-				callback,
-			},
-		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('Yes'));
-		expect(button.text()).toContain('Yes');
-		await button.trigger('click');
-		await wrapper.vm.$nextTick();
-		expect(callback).toHaveBeenCalled();
-	});
-
 	it('popup message block have delete count', () => {
 		const deleteCount = 123;
-		const wrapper = mount(DeleteConfirmationPopup, {
+		const wrapper = shallowMount(DeleteConfirmationPopup, {
 			props: {
 				deleteCount,
 				callback: vi.fn(),
 			},
 		});
-		expect(
-			wrapper.find('.delete-confirmation-popup__content').text(),
-		).toContain(deleteCount.toString());
+		expect(wrapper.vm.deleteMessage).toContain(deleteCount.toString());
 	});
 
-	it('yes button emitted close', async () => {
-		const wrapper = mount(DeleteConfirmationPopup, {
+	it('uses "delete all" text for zero count', () => {
+		const wrapper = shallowMount(DeleteConfirmationPopup, {
 			props: {
-				deleteCount: 1,
+				deleteCount: 0,
 				callback: vi.fn(),
 			},
 		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('Yes'));
-		await button.vm.$emit('close');
-		await wrapper.vm.$nextTick();
-		expect(button.emitted('close')).toBeTruthy();
-	});
 
-	it('no button emitted close', async () => {
-		const wrapper = mount(DeleteConfirmationPopup, {
-			props: {
-				deleteCount: 1,
-				callback: vi.fn(),
-			},
-		});
-		const button = wrapper
-			.findAllComponents({
-				name: 'wt-button',
-			})
-			.find((btn) => btn.text().includes('No'));
-		await button.vm.$emit('close');
-		await wrapper.vm.$nextTick();
-		expect(button.emitted('close')).toBeTruthy();
+		expect(wrapper.vm.deleteMessage).toBeTruthy();
 	});
 });

package/src/modules/QueryFilters/store/__tests__/QueryFiltersStoreModule.spec.js

@@ -48,13 +48,17 @@ describe('QueryFiltersStoreModule getters', () => {
 });
 
 describe('QueryFiltersStoreModule actions', () => {
-	const context = {
-		state: {
-			...state,
-		},
-		commit: vi.fn(),
-	};
-	const module = new QueryFiltersStoreModule().getModule();
+	let context;
+	let module;
+	beforeEach(() => {
+		context = {
+			state: {
+				...state,
+			},
+			commit: vi.fn(),
+		};
+		module = new QueryFiltersStoreModule().getModule();
+	});
 	it('SET_FILTER: single value filter', () => {
 		const filter = {
 			filter: valueFilter,
@@ -114,7 +118,7 @@ describe('QueryFiltersStoreModule actions', () => {
 	});
 	it('calls RESET_FILTERS mutation on RESET_FILTERS action call', () => {
 		module.actions.RESET_FILTERS(context);
-		expect(context.commit).toHaveBeenCalledWith('RESET_FILTERS');
+		expect(context.commit).toHaveBeenCalledWith('RESET_FILTERS', undefined);
 	});
 });
 

package/types/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue.d.ts

@@ -0,0 +1,10 @@
+interface Props {
+    files: unknown[];
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "set-video": (val: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onSet-video"?: (val: unknown) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/wt-display-chip-items-DO2rtX0h.js

@@ -1,46 +0,0 @@
-import { defineComponent as v, computed as p, createElementBlock as t, openBlock as s, createCommentVNode as a, renderSlot as m, createVNode as d, toDisplayString as n, createTextVNode as h, unref as u, withCtx as c, Fragment as k, renderList as C } from "vue";
-import { ae as I, af as B, _ as S } from "./install-BduuMOLN.js";
-const y = "-", b = (i) => i || y, g = { class: "wt-display-chip-items" }, w = { key: 0 }, E = ["onClick"], F = /* @__PURE__ */ v({
-  __name: "wt-display-chip-items",
-  props: {
-    hideFirstItem: { type: Boolean },
-    useEmptySymbol: { type: Boolean },
-    title: {},
-    items: {}
-  },
-  setup(i) {
-    const e = i, f = p(() => e.items?.length ? e.items[0]?.name : e.useEmptySymbol ? y : ""), o = p(() => e.items?.length ? e.hideFirstItem ? e.items : e.items.slice(1) : []);
-    return (l, N) => (s(), t("div", g, [
-      e.title ? (s(), t("p", w, n(i.title) + ":", 1)) : a("", !0),
-      e.hideFirstItem ? a("", !0) : m(l.$slots, "first-item", { key: 1 }, () => [
-        h(n(u(b)(f.value)), 1)
-      ], !0),
-      d(u(I), null, {
-        activator: c(({ toggle: r }) => [
-          m(l.$slots, "activator", { toggle: r }, () => [
-            o.value.length ? (s(), t("div", {
-              key: 0,
-              onClick: r
-            }, [
-              d(u(B), null, {
-                default: c(() => [
-                  h(" +" + n(o.value.length), 1)
-                ], void 0, !0),
-                _: 1
-              })
-            ], 8, E)) : a("", !0)
-          ], !0)
-        ]),
-        default: c(() => [
-          m(l.$slots, "items", { items: o.value }, () => [
-            (s(!0), t(k, null, C(o.value, ({ name: r, id: _ }) => (s(), t("div", { key: _ }, n(r), 1))), 128))
-          ], !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), T = /* @__PURE__ */ S(F, [["__scopeId", "data-v-4c67fbb7"]]);
-export {
-  T as default
-};

package/src/components/wt-copy-action/__tests__/WtCopyAction.spec.js

@@ -1,15 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-
-import WtIconBtn from '../../wt-icon-btn/wt-icon-btn.vue';
-import WtCopyAction from '../wt-copy-action.vue';
-
-describe('WtCopyAction', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtCopyAction, {
-			stubs: {
-				WtIconBtn,
-			},
-		});
-		expect(wrapper.classes('wt-copy-action')).toBe(true);
-	});
-});

package/src/components/wt-divider/__tests__/WtDivider.spec.js

@@ -1,10 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-
-import WtDivider from '../wt-divider.vue';
-
-describe('WtDivider', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtDivider);
-		expect(wrapper.classes('wt-divider')).toBe(true);
-	});
-});

package/src/components/wt-slider/__tests__/WtSlider.spec.js

@@ -1,10 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-
-import WtSlider from '../wt-slider.vue';
-
-describe('WtSlider', () => {
-	it('renders a component', () => {
-		const wrapper = shallowMount(WtSlider, {});
-		expect(wrapper.classes('wt-slider')).toBe(true);
-	});
-});