@webitel/ui-sdk 26.8.54 → 26.8.56

package/src/modules/AgentStatusSelect/composables/useActivityTypesOptions.ts

@@ -0,0 +1,37 @@
+import { OnlineSkillsAPI } from '@webitel/api-services/api';
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import type { LookupOption } from '../../../types';
+
+export const useActivityTypesOptions = () => {
+	const { t } = useI18n();
+
+	const activityTypes = ref<LookupOption[]>([]);
+	const defaultActivityTypeOption = ref<LookupOption | null>(null);
+
+	async function loadActivityTypes(): Promise<void> {
+		const response = await OnlineSkillsAPI.getList({
+			skipDefault: false,
+		});
+		if (!response?.items?.length) {
+			defaultActivityTypeOption.value = null;
+			activityTypes.value = [];
+			return;
+		}
+		defaultActivityTypeOption.value = response.items[0];
+		activityTypes.value = [
+			{
+				id: response.items[0].id,
+				name: t('webitelUI.agentStatusSelect.activityTypePopup.defaultOption'),
+			},
+			...response.items.slice(1),
+		];
+	}
+
+	return {
+		activityTypes,
+		defaultActivityTypeOption,
+		loadActivityTypes,
+	};
+};

package/src/modules/QueryFilters/mixins/__tests__/enumFilterMixin.spec.js

@@ -103,4 +103,64 @@ describe('Enum filter mixin', () => {
 		});
 		expect(wrapper.vm.localizedOptions).toEqual(expectedOptions);
 	});
+
+	it('Normalizes a snake_case scalar locale and translates using the normalized key', async () => {
+		const options = [
+			{
+				locale: 'vi.snake_case_locale',
+			},
+		];
+		const expectedOptions = [
+			{
+				locale: 'vi.snakeCaseLocale',
+				name: 'vi.snakeCaseLocale',
+			},
+		];
+		const wrapper = shallowMount(Component, {
+			global: {
+				plugins: [
+					router,
+				],
+			},
+			data: () => ({
+				options,
+			}),
+		});
+		expect(wrapper.vm.localizedOptions).toEqual(expectedOptions);
+	});
+
+	it('Normalizes only the key element of an array locale, preserving the rest of the translation arguments, and translates using the normalized key', async () => {
+		const options = [
+			{
+				locale: [
+					'vi.snake_case_locale',
+					{
+						count: 5,
+					},
+				],
+			},
+		];
+		const expectedOptions = [
+			{
+				locale: [
+					'vi.snakeCaseLocale',
+					{
+						count: 5,
+					},
+				],
+				name: 'vi.snakeCaseLocale',
+			},
+		];
+		const wrapper = shallowMount(Component, {
+			global: {
+				plugins: [
+					router,
+				],
+			},
+			data: () => ({
+				options,
+			}),
+		});
+		expect(wrapper.vm.localizedOptions).toEqual(expectedOptions);
+	});
 });

package/src/modules/QueryFilters/mixins/enumFilterMixin.js

@@ -1,3 +1,4 @@
+import { snakeToCamel } from '../../../scripts';
 import baseFilterMixin from './baseFilterMixin/baseFilterMixin.js';
 
 export default {
@@ -33,12 +34,26 @@ export default {
 		localizedOptions() {
 			const optsHaveLocale = this.options.length && this.options[0].locale; // just check 1st el
 			if (optsHaveLocale) {
-				return this.options.map((opt) => ({
-					...opt,
-					name: Array.isArray(opt.locale)
-						? this.$t(...opt.locale)
-						: this.$t(opt.locale),
-				}));
+				return this.options.map((opt) => {
+					const isLocaleArray = Array.isArray(opt.locale);
+					const normalizedLocale = isLocaleArray
+						? [
+								typeof opt.locale[0] === 'string'
+									? snakeToCamel(opt.locale[0])
+									: opt.locale[0],
+								...opt.locale.slice(1),
+							]
+						: typeof opt.locale === 'string'
+							? snakeToCamel(opt.locale)
+							: opt.locale;
+					return {
+						...opt,
+						locale: normalizedLocale,
+						name: isLocaleArray
+							? this.$t(...normalizedLocale)
+							: this.$t(normalizedLocale),
+					};
+				});
 			}
 			return this.options;
 		},

package/src/modules/UserNotifications/api/UserNotifications.ts

@@ -2,7 +2,7 @@ import {
 	applyTransform,
 	snakeToCamel,
 } from '@webitel/api-services/api/transformers';
-import { getUsers } from '@webitel/api-services/gen';
+import { getUsers } from '@webitel/api-services/gen-wire';
 
 const getUserWarnings = async () => {
 	try {