@webitel/ui-sdk 26.8.55 → 26.8.57

package/dist/{wt-call-media-action-Bn2bGCWs.js → wt-call-media-action-Bkyppnsm.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./engineCallFileType.zod-C-t93kQg.js";
+import { t } from "./engineCallFileType-D7QVFOac.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
 //#region src/components/on-demand/wt-call-media-action/wt-call-media-action.vue?vue&type=script&setup=true&lang.ts
 var p = { class: "wt-call-media-action__option" }, m = /*#__PURE__*/ e(/* @__PURE__ */ c({

package/dist/{wt-chat-emoji-B13JscVZ.js → wt-chat-emoji-Cj3B8oR5.js}

@@ -1,4 +1,4 @@
-import "./components-DNSY1_s4.js";
+import "./components-BWyW5EEY.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-DY3jIXFF.js";
 import { t as n } from "./wt-button-2_aOV7LX.js";

package/dist/{wt-display-chip-items-Cf8L5Upd.js → wt-display-chip-items-Cvm5rOYr.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-DNSY1_s4.js";
+import { C as e, i as t } from "./components-BWyW5EEY.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-screen-recordings-action-Dj6ITuhE.js → wt-screen-recordings-action-DI1qlUi1.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./engineCallFileType.zod-C-t93kQg.js";
+import { t } from "./engineCallFileType-D7QVFOac.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, resolveComponent as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 //#region src/components/on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue?vue&type=script&setup=true&lang.ts
 var h = { class: "wt-screen-recordings-action" }, g = { class: "wt-screen-recordings-action__option" }, _ = /*#__PURE__*/ e(/* @__PURE__ */ l({

package/dist/{wt-send-message-popup-CO92UYST.js → wt-send-message-popup-OYvzhdyL.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-Ck0KwDIR.js";
-import { T as r, n as i, w as a } from "./components-DNSY1_s4.js";
+import { n as t, r as n } from "./clients-B8MJJx6E.js";
+import { T as r, n as i, w as a } from "./components-BWyW5EEY.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-type-extension-value-input-FHQ4bN4j.js → wt-type-extension-value-input-BfUPxO-s.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-Ck0KwDIR.js";
-import { a as t, o as n, r, s as i } from "./components-DNSY1_s4.js";
+import { t as e } from "./clients-B8MJJx6E.js";
+import { a as t, o as n, r, s as i } from "./components-BWyW5EEY.js";
 import { t as a } from "./enums-DY3jIXFF.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-DcItshB2.js → wt-vidstack-player-DjQEPOTu.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./components-DNSY1_s4.js";
+import { D as e } from "./components-BWyW5EEY.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-DY3jIXFF.js";
 import "./wt-button-2_aOV7LX.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.55",
+	"version": "26.8.57",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -62,6 +62,7 @@
 		"@vuepic/vue-datepicker": "^4.5.1",
 		"@vueuse/components": "^14.0.0",
 		"autosize": "^6.0.1",
+		"csv-parse": "^6.1.0",
 		"csv-stringify": "^5.5.3",
 		"date-fns-tz": "^3.2.0",
 		"dompurify": "^3.3.1",
@@ -139,7 +140,6 @@
 		"@vuelidate/validators": "^2.0.4",
 		"@webitel/styleguide": "~26.2",
 		"clipboard-copy": "^4.x",
-		"csv-parse": "^6.1.0",
 		"globals": "^16.0.0",
 		"globby": "^16.x",
 		"happy-dom": "^20.x",
@@ -355,6 +355,10 @@
 			"types": "./types/modules/ObjectPermissions/index.d.ts",
 			"import": "./src/modules/ObjectPermissions/index.ts"
 		},
+		"./modules/UploadCsvPopup": {
+			"types": "./types/modules/UploadCsvPopup/index.d.ts",
+			"import": "./src/modules/UploadCsvPopup/index.ts"
+		},
 		"./plugins*": {
 			"types": "./types/plugins*",
 			"import": "./src/plugins*"

package/src/api/clients/caseSources/caseSources.ts

@@ -1,151 +1,2 @@
-import {
-	CreateSourceBody,
-	getSources,
-	ListSourcesQueryParams,
-	UpdateSourceBody,
-} from '@webitel/api-services/gen';
-import {
-	// getFieldsToSendFromZodSchema,
-	getShallowFieldsToSendFromZodSchema,
-} from '@webitel/api-services/gen/utils';
-import {
-	getDefaultGetListResponse,
-	getDefaultGetParams,
-} from '../../defaults/index';
-import applyTransform, {
-	camelToSnake,
-	merge,
-	notify,
-	sanitize,
-	snakeToCamel,
-} from '../../transformers/index';
-import type {
-	AddItemParams,
-	ApiParams,
-	DeleteItemParams,
-	GetItemParams,
-	UpdateItemParams,
-} from '../_shared/types';
-
-const sourceService = getSources();
-
-const getSourcesList = async (params: ApiParams) => {
-	const fieldsToSend = getShallowFieldsToSendFromZodSchema(
-		ListSourcesQueryParams,
-	);
-
-	const { page, size, fields, sort, id, q, type } = applyTransform(params, [
-		merge(getDefaultGetParams()),
-		sanitize(fieldsToSend),
-		camelToSnake(),
-	]);
-
-	try {
-		const response = await sourceService.listSources({
-			page,
-			size,
-			fields,
-			sort,
-			id,
-			q: q || params.search,
-			type,
-		});
-		const { items, next } = applyTransform(response.data, [
-			merge(getDefaultGetListResponse()),
-		]);
-		return {
-			items: applyTransform(items, []),
-			next,
-		};
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const getSource = async ({ itemId: id }: GetItemParams<string>) => {
-	const itemResponseHandler = (item: ApiParams) => item.source; // TODO wtf??
-
-	try {
-		const response = await sourceService.locateSource(id);
-		return applyTransform(response.data, [
-			snakeToCamel(),
-			itemResponseHandler,
-		]);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const addSource = async ({ itemInstance }: AddItemParams) => {
-	const item = applyTransform(itemInstance, [
-		sanitize(getShallowFieldsToSendFromZodSchema(CreateSourceBody)),
-		camelToSnake(),
-	]);
-	try {
-		const response = await sourceService.createSource(item);
-		return applyTransform(response.data, [
-			snakeToCamel(),
-		]);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const updateSource = async ({
-	itemInstance,
-	itemId: id,
-}: UpdateItemParams<string>) => {
-	const item = applyTransform(itemInstance, [
-		camelToSnake(),
-		sanitize(getShallowFieldsToSendFromZodSchema(UpdateSourceBody)),
-	]);
-
-	try {
-		const response = await sourceService.updateSource(id, item);
-		return applyTransform(response.data, [
-			snakeToCamel(),
-		]);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const deleteSource = async ({ id }: DeleteItemParams<string>) => {
-	try {
-		const response = await sourceService.deleteSource(id);
-		return applyTransform(response.data, []);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const getLookup = (params: ApiParams) =>
-	getSourcesList({
-		...params,
-		fields: params.fields || [
-			'id',
-			'name',
-			'type',
-		],
-	});
-
-const CaseSourcesAPI = {
-	getList: getSourcesList,
-	get: getSource,
-	add: addSource,
-	update: updateSource,
-	delete: deleteSource,
-	getLookup,
-};
-
-export default CaseSourcesAPI;
+/* moved to @webitel/api-services; kept as a re-export for existing importers */
+export { CaseSourcesAPI as default } from '@webitel/api-services/api';

package/src/api/clients/quickReplies/quickReplies.ts

@@ -1,157 +1,2 @@
-import { getQuickRepliesService } from '@webitel/api-services/gen';
-import {
-	getDefaultGetListResponse,
-	getDefaultGetParams,
-} from '../../defaults/index';
-import applyTransform, {
-	camelToSnake,
-	merge,
-	notify,
-	sanitize,
-	snakeToCamel,
-	starToSearch,
-} from '../../transformers/index';
-import type {
-	AddItemParams,
-	ApiParams,
-	DeleteItemParams,
-	GetItemParams,
-	UpdateItemParams,
-} from '../_shared/types';
-
-const quickReplyService = getQuickRepliesService();
-
-const fieldsToSend = [
-	'name',
-	'queues',
-	'article',
-	'teams',
-	'text',
-];
-
-const getQuickRepliesList = async (params: ApiParams) => {
-	const fieldsToSend = [
-		'page',
-		'size',
-		'q',
-		'sort',
-		'fields',
-		'id',
-	];
-
-	const { page, size, fields, sort, id, q } = applyTransform(params, [
-		merge(getDefaultGetParams()),
-		starToSearch('search'),
-		(params: ApiParams) => ({
-			...params,
-			q: params.search,
-		}),
-		sanitize(fieldsToSend),
-		camelToSnake(),
-	]);
-
-	try {
-		const response = await quickReplyService.searchQuickReplies({
-			page,
-			size,
-			fields,
-			sort,
-			id,
-			q,
-		});
-		const { items, next } = applyTransform(response.data, [
-			merge(getDefaultGetListResponse()),
-		]);
-		return {
-			items: applyTransform(items, [
-				snakeToCamel(),
-			]),
-			next,
-		};
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const getQuickReply = async ({ itemId: id }: GetItemParams<number>) => {
-	try {
-		const response = await quickReplyService.readQuickReply(id);
-		return applyTransform(response.data, [
-			snakeToCamel(),
-		]);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const addQuickReply = async ({ itemInstance }: AddItemParams) => {
-	const item = applyTransform(itemInstance, [
-		sanitize(fieldsToSend),
-		camelToSnake(),
-	]);
-	try {
-		const response = await quickReplyService.createQuickReply(item);
-		return applyTransform(response.data, [
-			snakeToCamel(),
-		]);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const updateQuickReply = async ({
-	itemInstance,
-	itemId: id,
-}: UpdateItemParams<number>) => {
-	const item = applyTransform(itemInstance, [
-		camelToSnake(),
-		sanitize(fieldsToSend),
-	]);
-
-	try {
-		const response = await quickReplyService.updateQuickReply(id, item);
-		return applyTransform(response.data, [
-			snakeToCamel(),
-		]);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const deleteQuickReply = async ({ id }: DeleteItemParams<number>) => {
-	try {
-		const response = await quickReplyService.deleteQuickReply(id);
-		return applyTransform(response.data, []);
-	} catch (err) {
-		throw applyTransform(err, [
-			notify,
-		]);
-	}
-};
-
-const getLookup = (params: ApiParams) =>
-	getQuickRepliesList({
-		...params,
-		fields: params.fields || [
-			'id',
-			'name',
-		],
-	});
-
-const QuickRepliesApi = {
-	getList: getQuickRepliesList,
-	get: getQuickReply,
-	add: addQuickReply,
-	update: updateQuickReply,
-	delete: deleteQuickReply,
-	getLookup,
-};
-export default QuickRepliesApi;
+/* moved to @webitel/api-services; kept as a re-export for existing importers */
+export { QuickRepliesAPI as default } from '@webitel/api-services/api';

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/UploadCsvPopup/components/__tests__/wt-upload-csv-popup.spec.js

@@ -0,0 +1,32 @@
+import { shallowMount } from '@vue/test-utils';
+
+import WtUploadCsvPopup from '../wt-upload-csv-popup.vue';
+
+describe('WtUploadCsvPopup', () => {
+	it('renders a component', () => {
+		const wrapper = shallowMount(WtUploadCsvPopup, {
+			props: {
+				file: null,
+				mappingFields: [],
+			},
+		});
+
+		expect(wrapper).toBeTruthy();
+	});
+
+	/*
+	An undeclared prop silently falls through as an attribute, so the composable
+	would never see the saver and the import would close as a success without
+	saving anything. Props extends UseUploadCsvProps to prevent that — this
+	guards the contract.
+	 */
+	it.each([
+		'file',
+		'mappingFields',
+		'addBulkItems',
+		'handlingMode',
+		'fileUploadHandler',
+	])('declares the %s prop', (prop) => {
+		expect(Object.keys(WtUploadCsvPopup.props)).toContain(prop);
+	});
+});

package/src/modules/UploadCsvPopup/components/wt-upload-csv-popup.vue

@@ -79,8 +79,8 @@
             :key="key"
             class="wt-upload-csv-popup-mapping-item"
           >
-            <p class="wt-upload-csv-popup-mapping-item__field">
-              {{ t(field.locale) }}<span v-if="field.required">*</span>
+            <p class="wt-upload-csv-popup-mapping-item__field typo-body-1">
+              {{ getFieldLabel(field) }}<span v-if="field.required">*</span>
             </p>
 
             <wt-single-select
@@ -88,34 +88,29 @@
               v-model:model-value="field.csv"
               :show-clear="!field.required"
               :options="csvColumns"
-              :placeholder="t(field.locale)"
+              :placeholder="getFieldLabel(field)"
               :data-key="null"
               class="wt-upload-csv-popup-mapping-item__select"
             />
             <wt-multi-select
               v-else
               v-model:model-value="field.csv"
+              chips-view
               :options="csvColumns"
-              :placeholder="t(field.locale)"
+              :placeholder="getFieldLabel(field)"
+              :data-key="null"
               class="wt-upload-csv-popup-mapping-item__select"
             />
 
             <div
               v-if="field.tooltip"
-              class="upload-tooltip"
+              class="upload-tooltip typo-caption"
             >
               {{ field.tooltip }}
             </div>
           </div>
         </div>
       </section>
-
-      <div
-        v-show="!isParsingPreview && parseErrorStackTrace"
-        class="wt-upload-csv-popup-form__error-stack-trace"
-      >
-        {{ parseErrorStackTrace }}
-      </div>
     </template>
 
     <template
@@ -143,7 +138,10 @@
 import { ref, toRefs } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import useUploadCsv from '../composable/useUploadCsv';
+import useUploadCsv, {
+	type UseUploadCsvProps,
+} from '../composable/useUploadCsv';
+import type { CsvMappingField } from '../scripts/normalizeCSVData';
 import HandlingCSVMode from '../types/WtUploadCSVHandlingMode.enum';
 
 interface CharsetOption {
@@ -151,12 +149,9 @@ interface CharsetOption {
 	value: string;
 }
 
-interface Props {
+interface Props extends UseUploadCsvProps {
 	file: File | null;
 	mappingFields: CsvMappingField[];
-	addBulkItems?: (items: unknown[]) => unknown | Promise<unknown>;
-	handlingMode?: string;
-	fileUploadHandler?: () => unknown | Promise<unknown>;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -173,6 +168,9 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const getFieldLabel = (field: CsvMappingField) =>
+	field.locale ? t(field.locale) : field.name;
+
 const skipHeaders = ref(true);
 const separator = ref(',');
 const charsetOptions = ref<CharsetOption[]>([]);
@@ -187,7 +185,6 @@ const {
 	isReadingFile,
 	isParsingCSV,
 	isParsingPreview,
-	parseErrorStackTrace,
 	csvPreviewTableData,
 	csvPreviewTableHeaders,
 	csvColumns,
@@ -254,13 +251,5 @@ const {
       }
     }
   }
-
-  .wt-upload-csv-popup-form__error-stack-trace {
-    margin-top: var(--spacing-sm);
-    padding: var(--spacing-sm);
-    color: var(--error-color);
-    border-radius: var(--border-radius);
-    background: var(--secondary-color);
-  }
 }
 </style>