@webitel/ui-sdk 26.8.45 → 26.8.47

package/dist/{wt-chat-emoji-BA1xkC5R.js → wt-chat-emoji-PSwoA5FA.js}

@@ -1,4 +1,4 @@
-import "./components-Be_GSVom.js";
+import "./components-CfX8XNuf.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./wt-button-B7B7qITq.js";

package/dist/{wt-display-chip-items-9N0X72Pw.js → wt-display-chip-items-CIXM-Ohl.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-Be_GSVom.js";
+import { C as e, i as t } from "./components-CfX8XNuf.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-6oNlX5JL.js → wt-send-message-popup-3yRiBsoN.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-BGap1xkq.js";
-import { T as r, n as i, w as a } from "./components-Be_GSVom.js";
+import { n as t, r as n } from "./clients-DBqdsc05.js";
+import { T as r, n as i, w as a } from "./components-CfX8XNuf.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";

package/dist/{wt-status-select-B-N9Fvz4.js → wt-status-select-DL1bOn9G.js}

@@ -31,18 +31,15 @@ var f = [
 		statusDuration: { default: 0 },
 		options: {}
 	},
-	emits: ["change", "closed"],
+	emits: ["change"],
 	setup(s, { emit: p }) {
 		let m = s, h = p, { t: g } = n(), _ = i(() => m.options ? m.options : f.map((e) => ({
 			...e,
 			text: g(e.locale)
-		}))), v = i(() => _.value.find((e) => e.value === m.status)), y = i(() => _.value.reduce((e, n) => (m.status === n.value && n.value !== t.PAUSE || n.value === t.BREAK_OUT || e.push(n), e), [])), b = i(() => typeof m.statusDuration == "string" ? m.statusDuration : m.statusDuration === void 0 ? v.value?.text ?? "" : r(m.statusDuration));
+		}))), v = i(() => _.value.find((e) => e.value === m.status)), y = i(() => _.value.filter((e) => e.value !== t.BREAK_OUT && (e.value !== t.OFFLINE || m.status !== t.OFFLINE))), b = i(() => typeof m.statusDuration == "string" ? m.statusDuration : m.statusDuration === void 0 ? v.value?.text ?? "" : r(m.statusDuration));
 		function x(e) {
 			h("change", e.value);
 		}
-		function S(e) {
-			h("closed", e);
-		}
 		return (t, n) => {
 			let r = l("wt-indicator"), i = l("wt-single-select");
 			return c(), a(i, {
@@ -53,7 +50,6 @@ var f = [
 				class: "wt-status-select",
 				"data-key": "value",
 				size: u(e).SM,
-				onClosed: S,
 				"onUpdate:modelValue": x
 			}, {
 				value: d(() => [o(r, {

package/dist/{wt-type-extension-value-input-DpqAuKgv.js → wt-type-extension-value-input-DArCroNk.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-BGap1xkq.js";
-import { a as t, o as n, r, s as i } from "./components-Be_GSVom.js";
+import { t as e } from "./clients-DBqdsc05.js";
+import { a as t, o as n, r, s as i } from "./components-CfX8XNuf.js";
 import { t as a } from "./enums-De8CDKZ1.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";

package/dist/{wt-vidstack-player-1mc2bsov.js → wt-vidstack-player-BGnQxLI3.js}

@@ -1,4 +1,4 @@
-import { E as e } from "./components-Be_GSVom.js";
+import { E as e } from "./components-CfX8XNuf.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
 import "./wt-button-B7B7qITq.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.45",
+	"version": "26.8.47",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/wt-status-select/__tests__/WtStatusSelect.spec.js

@@ -1,5 +1,6 @@
 import { shallowMount } from '@vue/test-utils';
 
+import AgentStatus from '../../../enums/AgentStatus/AgentStatus.enum';
 import WtSingleSelect from '../../wt-single-select/wt-single-select.vue';
 import WtStatusSelect from '../wt-status-select.vue';
 
@@ -13,6 +14,70 @@ describe('WtStatusSelect', () => {
 		expect(wrapper.classes('wt-status-select')).toBe(true);
 	});
 
+	it('keeps "online" option in the list when it is the current status', () => {
+		const wrapper = shallowMount(WtStatusSelect, {
+			props: {
+				status: AgentStatus.ONLINE,
+			},
+			stubs: {
+				WtSingleSelect,
+			},
+		});
+		expect(
+			wrapper.vm.availableOptions.some(
+				(opt) => opt.value === AgentStatus.ONLINE,
+			),
+		).toBe(true);
+	});
+
+	it('keeps "pause" option in the list when it is the current status', () => {
+		const wrapper = shallowMount(WtStatusSelect, {
+			props: {
+				status: AgentStatus.PAUSE,
+			},
+			stubs: {
+				WtSingleSelect,
+			},
+		});
+		expect(
+			wrapper.vm.availableOptions.some(
+				(opt) => opt.value === AgentStatus.PAUSE,
+			),
+		).toBe(true);
+	});
+
+	it('removes "offline" option from the list when it is the current status', () => {
+		const wrapper = shallowMount(WtStatusSelect, {
+			props: {
+				status: AgentStatus.OFFLINE,
+			},
+			stubs: {
+				WtSingleSelect,
+			},
+		});
+		expect(
+			wrapper.vm.availableOptions.some(
+				(opt) => opt.value === AgentStatus.OFFLINE,
+			),
+		).toBe(false);
+	});
+
+	it('always removes "break_out" option from the list', () => {
+		const wrapper = shallowMount(WtStatusSelect, {
+			props: {
+				status: AgentStatus.BREAK_OUT,
+			},
+			stubs: {
+				WtSingleSelect,
+			},
+		});
+		expect(
+			wrapper.vm.availableOptions.some(
+				(opt) => opt.value === AgentStatus.BREAK_OUT,
+			),
+		).toBe(false);
+	});
+
 	it('correctly represents duration', () => {
 		const wrapper = shallowMount(WtStatusSelect, {
 			stubs: {

package/src/components/wt-status-select/wt-status-select.vue

@@ -7,7 +7,6 @@
     class="wt-status-select"
     data-key="value"
 		:size="ComponentSize.SM"
-    @closed="closedHandler"
     @update:model-value="inputHandler"
   >
     <template #value>
@@ -55,9 +54,6 @@ const emit = defineEmits<{
 	change: [
 		value: string,
 	];
-	closed: [
-		event: Event,
-	];
 }>();
 
 const { t } = useI18n();
@@ -76,18 +72,12 @@ const selectedOption = computed<StatusOption | undefined>(() =>
 );
 
 const availableOptions = computed<StatusOption[]>(() =>
-	statusOptions.value.reduce<StatusOption[]>((options, opt) => {
-		// PAUSE option is always passed
-		if (
-			(props.status === opt.value && opt.value !== AgentStatus.PAUSE) ||
-			opt.value === AgentStatus.BREAK_OUT
-		) {
-			// skip breakout option
-			return options;
-		}
-		options.push(opt);
-		return options;
-	}, []),
+	statusOptions.value.filter(
+		(opt) =>
+			opt.value !== AgentStatus.BREAK_OUT &&
+			(opt.value !== AgentStatus.OFFLINE ||
+				props.status !== AgentStatus.OFFLINE),
+	),
 );
 
 const duration = computed<string>(() => {
@@ -105,8 +95,4 @@ const duration = computed<string>(() => {
 function inputHandler(value: StatusOption) {
 	emit('change', value.value);
 }
-
-function closedHandler(event: Event) {
-	emit('closed', event);
-}
 </script>

package/src/locale/uk/uk.js

@@ -205,7 +205,7 @@ export default {
 			queueType: 'Тип черги | Типи черг',
 			type: {
 				[QueueType.INBOUND_QUEUE]: 'Вхідна черга',
-				[QueueType.OFFLINE_QUEUE]: 'Оффлайн черга',
+				[QueueType.OFFLINE_QUEUE]: 'Офлайн черга',
 				[QueueType.OUTBOUND_IVR_QUEUE]: 'Вихідний IVR',
 				[QueueType.PREDICTIVE_DIALER]: 'Предиктивний обзвін',
 				[QueueType.PROGRESSIVE_DIALER]: 'Прогресивний обзвін',

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

@@ -1,4 +1,4 @@
-import { mount, shallowMount } from '@vue/test-utils';
+import { flushPromises, mount, shallowMount } from '@vue/test-utils';
 import { createStore } from 'vuex';
 
 import AgentStatus from '../../../../enums/AgentStatus/AgentStatus.enum.js';
@@ -28,6 +28,19 @@ vi.spyOn(AgentStatusAPIFactory, 'default').mockImplementation(() => ({
 	patch: agentStatusMock,
 }));
 
+const onlineSkillsGetListMock = vi.fn(() => ({
+	items: [
+		{
+			id: 'default',
+		},
+	],
+}));
+vi.mock('@webitel/api-services/api', () => ({
+	OnlineSkillsAPI: {
+		getList: (...args) => onlineSkillsGetListMock(...args),
+	},
+}));
+
 const agent = {
 	status: '',
 	agentId: 1,
@@ -46,9 +59,17 @@ const mountOptions = {
 	shallow: true,
 };
 
+function emitStatusChange(wrapper, value) {
+	wrapper
+		.findComponent('.wt-cc-agent-status-select__status-select')
+		.vm.$emit('change', value);
+}
+
 describe('Wt Cc Agent Status Select', () => {
 	beforeEach(() => {
 		getAgentPauseCausesMock.mockClear();
+		agentStatusMock.mockClear();
+		onlineSkillsGetListMock.mockClear();
 	});
 	it('renders a component', () => {
 		const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
@@ -76,4 +97,79 @@ describe('Wt Cc Agent Status Select', () => {
 		};
 		expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
 	});
+
+	it(`at repeated "online" selection (already active status), if online skills
+   exist, opens the activity-type popup instead of updating status`, async () => {
+		onlineSkillsGetListMock.mockReturnValueOnce({
+			items: [
+				{
+					id: 'default',
+				},
+				{
+					id: 'skill1',
+					name: 'Skill 1',
+				},
+			],
+		});
+		const wrapper = mount(WtCcAgentStatusSelect, {
+			...mountOptions,
+			props: {
+				...mountOptions.props,
+				status: AgentStatus.ONLINE,
+			},
+		});
+		emitStatusChange(wrapper, AgentStatus.ONLINE);
+		await flushPromises();
+		expect(
+			wrapper
+				.findComponent({
+					name: 'activity-type-popup',
+				})
+				.exists(),
+		).toBe(true);
+		expect(agentStatusMock).not.toHaveBeenCalled();
+	});
+
+	it(`at repeated "online" selection (already active status), if no online
+   skills exist, does not open a popup and does not update status`, async () => {
+		const wrapper = mount(WtCcAgentStatusSelect, {
+			...mountOptions,
+			props: {
+				...mountOptions.props,
+				status: AgentStatus.ONLINE,
+			},
+		});
+		emitStatusChange(wrapper, AgentStatus.ONLINE);
+		await flushPromises();
+		expect(onlineSkillsGetListMock).toHaveBeenCalled();
+		expect(
+			wrapper
+				.findComponent({
+					name: 'activity-type-popup',
+				})
+				.exists(),
+		).toBe(false);
+		expect(agentStatusMock).not.toHaveBeenCalled();
+	});
+
+	it(`at repeated "pause" selection (already active status), if pause causes
+   exist, opens the pause-cause popup instead of updating status`, async () => {
+		const wrapper = mount(WtCcAgentStatusSelect, {
+			...mountOptions,
+			props: {
+				...mountOptions.props,
+				status: AgentStatus.PAUSE,
+			},
+		});
+		emitStatusChange(wrapper, AgentStatus.PAUSE);
+		await flushPromises();
+		expect(
+			wrapper
+				.findComponent({
+					name: 'pause-cause-popup',
+				})
+				.exists(),
+		).toBe(true);
+		expect(agentStatusMock).not.toHaveBeenCalled();
+	});
 });

package/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue

@@ -12,8 +12,7 @@
 			:key="status"
       :status="status"
       :status-duration="statusDuration"
-      @closed="handleClosed"
-      @change="handleSelectInput"
+      @change="handleStatus"
       class="wt-cc-agent-status-select__status-select"
     />
     <activity-type-popup
@@ -89,7 +88,6 @@ const { t } = useI18n();
 const isPauseCausePopup = ref(false);
 const pauseCauses = ref<EngineForAgentPauseCause[]>([]);
 const error = ref(null);
-const chosenStatus = ref('');
 
 const isActivityTypePopup = ref(false);
 const activityTypes = ref<ActivityType[]>([]);
@@ -203,26 +201,6 @@ async function handleStatus(status: string) {
 	});
 }
 
-function handleSelectInput(newStatus: string) {
-	handleStatus(newStatus);
-	chosenStatus.value = newStatus;
-	// we need to save changes which come from input, because sometimes we want
-	// to choose 'pause' repeatedly and have to check the previous status
-}
-
-function handleClosed(event: { value: string }) {
-	// sometimes we want to choose 'pause' repeatedly
-	// but 'change' event from wt-status-select can't give us the same value,
-	// in this case we have to use value from 'closed' event to choose 'pause' status
-	if (
-		(event.value === chosenStatus.value || !chosenStatus.value) && // if closed status the same as chosen, or chosen status is empty
-		event.value === AgentStatus.PAUSE
-	) {
-		// and only for 'pause' status
-		handleStatus(event.value);
-	}
-}
-
 function handleActivityTypeInput(activityType: ActivityType) {
 	const payload =
 		activityType.id === defaultActivityTypeOption.value?.id