@webitel/ui-sdk 26.4.18 → 26.4.20

package/dist/{wt-vidstack-player-CWmoXIAG.js → wt-vidstack-player-DHmGgiDL.js}

@@ -1,6 +1,6 @@
 import { defineComponent as lt, inject as ge, createElementBlock as mt, openBlock as G, normalizeClass as ye, unref as ot, createElementVNode as at, renderSlot as Wt, createVNode as U, useTemplateRef as qi, onMounted as _i, onBeforeUnmount as Ii, createBlock as Gt, createCommentVNode as Ut, toDisplayString as Vi, resolveComponent as Di, withCtx as _e, ref as us, provide as Ri, toRefs as Oi } from "vue";
-import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Ds, E as Rs, D as L, h as Q, o as x, j as Ni, k as f, m as l, n as M, p as Os, q as Hi, r as oe, t as W, V as J, v as w, C as b, S as gt, w as It, x as p, y as rt, z, I as Ns, A as Fi, B as Bi, F as tt, G as Ge, H as Hs, J as ps, K as Ue, L as Fs, M as Tt, N as Ke, O as de, P as Gi, Q as xt, R as Ui, U as Ki, W as Qi, X as Wi, Y as zi, Z as ji, _ as Yi, $ as Xi, a0 as Ji, a1 as Bs, a2 as T, a3 as _, a4 as ce, a5 as Zi, a6 as Vt, a7 as K, a8 as ta, a9 as ea, aa as sa, ab as ia, ac as ms, ad as aa, ae as na, af as v, ag as y, ah as ra, ai as oa, T as ha, u as la } from "./useVidstackSrc-Bmp2wHly.js";
-import { T as da, U as ca, V as ua, X as pa, _ as dt, Q as zt, Y as ma, C as Y } from "./install-CrJnxpPS.js";
+import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Ds, E as Rs, D as L, h as Q, o as x, j as Ni, k as f, m as l, n as M, p as Os, q as Hi, r as oe, t as W, V as J, v as w, C as b, S as gt, w as It, x as p, y as rt, z, I as Ns, A as Fi, B as Bi, F as tt, G as Ge, H as Hs, J as ps, K as Ue, L as Fs, M as Tt, N as Ke, O as de, P as Gi, Q as xt, R as Ui, U as Ki, W as Qi, X as Wi, Y as zi, Z as ji, _ as Yi, $ as Xi, a0 as Ji, a1 as Bs, a2 as T, a3 as _, a4 as ce, a5 as Zi, a6 as Vt, a7 as K, a8 as ta, a9 as ea, aa as sa, ab as ia, ac as ms, ad as aa, ae as na, af as v, ag as y, ah as ra, ai as oa, T as ha, u as la } from "./useVidstackSrc-D9uo15mF.js";
+import { T as da, U as ca, V as ua, X as pa, _ as dt, Q as zt, Y as ma, C as Y } from "./install-Dofcp90y.js";
 import { _ as fa } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const Gs = ft();
 function $() {
@@ -2070,7 +2070,7 @@ class cn {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-Cnpq73DL.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-BrbZotHa.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,7 +2083,7 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-h7Tsw5LU.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-PWMSQ3Gk.js")).VideoProvider(this.target, t);
   }
 }
 class Ye extends je {
@@ -2093,7 +2093,7 @@ class Ye extends je {
     return Ye.supported && Ge(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-CrDFf1Gs.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-BfOysul0.js")).HLSProvider(this.target, t);
   }
 }
 class Xe extends je {
@@ -2103,7 +2103,7 @@ class Xe extends je {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-Bzo3Gzfd.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-KNjyvq2R.js")).DASHProvider(this.target, t);
   }
 }
 class un {
@@ -2125,7 +2125,7 @@ class un {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-CbcdGN2R.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-C5Khtd48.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2157,7 +2157,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-DKzx3LPK.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-CPcpsir2.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: i, resolveYouTubeVideoId: n } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = S(t.src) && n(t.src);
@@ -2625,7 +2625,7 @@ class bn extends Pt {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (te("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-ByaRFZub.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU-BVC5bxHL.js").then((n) => n.v);
         this.#v = new i.GoogleCastLoader();
       }
       await this.#v.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -8022,7 +8022,7 @@ class Mr extends v(HTMLElement, ii) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-BgRVFwPt.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-C0QZLaX5.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }
@@ -8848,8 +8848,8 @@ const Wo = { class: "controls-group__actions" }, zo = /* @__PURE__ */ lt({
         U(Xo, { onToggle: o }),
         n.hideExpand ? Ut("", !0) : (G(), Gt(th, {
           key: 0,
-          "primary-icon": "expand",
-          "secondary-icon": "collapse",
+          "primary-icon": "collapse",
+          "secondary-icon": "expand",
           color: "on-dark",
           onToggle: h
         })),
@@ -8862,7 +8862,7 @@ const Wo = { class: "controls-group__actions" }, zo = /* @__PURE__ */ lt({
       ])
     ], 2));
   }
-}), nh = /* @__PURE__ */ dt(ah, [["__scopeId", "data-v-6fec01ca"]]), rh = { class: "video-display-panel-wrapper" }, oh = { class: "video-layout-content" }, hh = { class: "video-layout-controls" }, lh = /* @__PURE__ */ lt({
+}), nh = /* @__PURE__ */ dt(ah, [["__scopeId", "data-v-cc6668f0"]]), rh = { class: "video-display-panel-wrapper" }, oh = { class: "video-layout-content" }, hh = { class: "video-layout-controls" }, lh = /* @__PURE__ */ lt({
   __name: "video-layout",
   props: {
     title: {},

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.4.18",
+	"version": "26.4.20",
 	"private": false,
 	"scripts": {
 		"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run biome:format:all || true) && npm run publish-lib",
@@ -10,6 +10,7 @@
 		"test:unit:watch": "vitest",
 		"test:coverage": "vitest run --coverage",
 		"biome:format:all": "npx biome check --write ./src",
+		"biome:ci:gh": "biome ci ./src --reporter=github",
 		"build:types": "vue-tsc -p ./tsconfig.build.json",
 		"publish-lib": " npm publish --access public --tag latest",
 		"docs:dev": "vitepress dev docs",
@@ -113,7 +114,7 @@
 		}
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.3.11",
+		"@biomejs/biome": "^2.4.10",
 		"@regle/core": "^1.16.2",
 		"@tsconfig/node22": "^22.0.0",
 		"@types/node": "^22.13.10",
@@ -309,6 +310,10 @@
 			"types": "./types/modules*",
 			"import": "./src/modules*"
 		},
+		"./modules/Flow": {
+			"types": "./types/modules/Flow/index.d.ts",
+			"import": "./src/modules/Flow/index.ts"
+		},
 		"./modules/FilesExport": {
 			"types": "./types/modules/FilesExport/index.d.ts",
 			"import": "./src/modules/FilesExport/index.ts"

package/src/api/clients/agents/agentChats.js

@@ -10,7 +10,6 @@ import applyTransform, {
 	merge,
 	notify,
 	snakeToCamel,
-	starToSearch,
 } from '../../transformers/index.js';
 
 const { t } = i18n.global;

package/src/api/clients/agents/agents.js

@@ -241,7 +241,7 @@ const getAgentHistory = async (params) => {
 };
 
 const getAgentUsersOptions = async (params) => {
-	const { page, size, search, sort, fields, id } = applyTransform(params, [
+	const { page, size, search /* sort, fields, id */ } = applyTransform(params, [
 		merge(getDefaultGetParams()),
 		starToSearch('search'),
 	]);

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

@@ -5,7 +5,7 @@ import {
 	UpdateSourceBody,
 } from '@webitel/api-services/gen';
 import {
-	getFieldsToSendFromZodSchema,
+	// getFieldsToSendFromZodSchema,
 	getShallowFieldsToSendFromZodSchema,
 } from '@webitel/api-services/gen/utils';
 

package/src/api/clients/chatGateways/defaults/webChatGateway.js

@@ -57,13 +57,13 @@ const webChatGateway = (_btnCodeDirty = false) => ({
 			id: '',
 		},
 		alternativeChannels: Object.values(WebchatAlternativeChannel).reduce(
-			(channels, channel) => ({
-				...channels,
-				[channel]: {
+			(channels, channel) => {
+				channels[channel] = {
 					url: '',
 					enabled: false,
-				},
-			}),
+				};
+				return channels;
+			},
 			{},
 		),
 	},

package/src/api/clients/contactGroups/contactGroups.js

@@ -13,7 +13,6 @@ import applyTransform, {
 	notify,
 	sanitize,
 	snakeToCamel,
-	starToSearch,
 } from '../../transformers/index.js';
 import { generatePermissionsApi } from '../_shared/generatePermissionsApi.js';
 

package/src/api/clients/flows/flow.js

@@ -1,7 +1,5 @@
-import {
-	EngineRoutingSchemaType,
-	RoutingSchemaServiceApiFactory,
-} from 'webitel-sdk';
+import { EngineRoutingSchemaType } from '@webitel/api-services/gen/models';
+import { RoutingSchemaServiceApiFactory } from 'webitel-sdk';
 
 import {
 	getDefaultGetListResponse,

package/src/api/clients/queues/queues.js

@@ -57,10 +57,8 @@ const preRequestHandler = (item) => {
 	const copy = deepCopy(item);
 	copy.variables = copy.variables.reduce((variables, variable) => {
 		if (!variable.key) return variables;
-		return {
-			...variables,
-			[variable.key]: variable.value,
-		};
+		variables[variable.key] = variable.value;
+		return variables;
 	}, {});
 	return copy;
 };
@@ -118,25 +116,21 @@ const getQueue = async ({ itemId: id }) => {
 	};
 	const responseHandler = (item) => {
 		const copy = deepCopy(item);
-		try {
-			if (copy.variables) {
-				copy.variables = Object.keys(copy.variables).map((key) => ({
-					key,
-					value: copy.variables[key],
-				}));
-			}
-			if (isEmpty(copy.taskProcessing)) {
-				copy.taskProcessing = processing({
-					enabled: !!copy.processing,
-					formSchema: copy.formSchema,
-					sec: copy.processingSec || 0,
-					renewalSec: copy.processingRenewalSec || 0,
-				});
-			}
-			return copy;
-		} catch (err) {
-			throw err;
+		if (copy.variables) {
+			copy.variables = Object.keys(copy.variables).map((key) => ({
+				key,
+				value: copy.variables[key],
+			}));
+		}
+		if (isEmpty(copy.taskProcessing)) {
+			copy.taskProcessing = processing({
+				enabled: !!copy.processing,
+				formSchema: copy.formSchema,
+				sec: copy.processingSec || 0,
+				renewalSec: copy.processingRenewalSec || 0,
+			});
 		}
+		return copy;
 	};
 	try {
 		const response = await queueService.readQueue(id);

package/src/api/clients/users/users.js

@@ -144,9 +144,17 @@ const preRequestHandler = (item) => {
 	const copy = deepCopy(item);
 	if (item.device && !item.device.id) delete copy.device;
 
-	if (copy.roles) copy.roles.forEach((copy) => delete copy.text);
+	if (copy.roles) {
+		copy.roles.forEach((role) => {
+			delete role.text;
+		});
+	}
 
-	if (copy.devices) copy.devices.forEach((copy) => delete copy.text);
+	if (copy.devices) {
+		copy.devices.forEach((device) => {
+			delete device.text;
+		});
+	}
 	if (copy.license) {
 		copy.license = copy.license.map((copy) => ({
 			id: copy.id,

package/src/api/clients//321/201ontacts/contacts.js

@@ -179,7 +179,6 @@ const getList = async (params) => {
 		id,
 		qin,
 		mode,
-		group_id,
 		group,
 		not_id_group,
 		owner,

package/src/api/clients//321/201ontacts/index.js

@@ -2,4 +2,4 @@ import contactChatMessagesHistory from './contactChatMessagesHistory.js';
 import contacts from './contacts.js';
 import ContactsSearchMode from './enums/ContactsSearchMode.js';
 
-export { contactChatMessagesHistory, contacts, ContactsSearchMode };
+export { ContactsSearchMode, contactChatMessagesHistory, contacts };

package/src/api/defaults/getDefaultGetListResponse/getDefaultGetListResponse.js

@@ -1,4 +1,4 @@
-const getDefaultGetListResponse = ({} = {}) => ({
+const getDefaultGetListResponse = () => ({
 	items: [],
 	next: false,
 });

package/src/api/transformers/addQueryParamsToUrl/addQueryParamsToUrl.transformer.js

@@ -6,12 +6,12 @@ const addQueryParamsToUrl = (queryArray) => (url) => {
 
 	if (queryArray && queryArray.length > 0) {
 		if (modifyUrl.includes('?')) {
-			modifyUrl += '&' + queryArray.join('&');
+			modifyUrl += `&${queryArray.join('&')}`;
 
 			return modifyUrl;
 		}
 
-		modifyUrl += '?' + queryArray.join('&');
+		modifyUrl += `?${queryArray.join('&')}`;
 	}
 
 	return modifyUrl;

package/src/api/transformers/sanitize/sanitize.transformer.js

@@ -2,10 +2,8 @@ const sanitizeTransformer = (fieldsToSend) => (item) => {
 	return Object.keys(item).reduce((sanitizedItem, key) => {
 		if (fieldsToSend.indexOf(key) === -1) return sanitizedItem;
 
-		return {
-			...sanitizedItem,
-			[key]: item[key],
-		};
+		sanitizedItem[key] = item[key];
+		return sanitizedItem;
 	}, {});
 };
 

package/src/api/websocket/WebSocketClientController.ts

@@ -52,10 +52,12 @@ class WebSocketClientController {
 		// const cli = new Client(config);
 		const cli = shallowReactive(new Client(config));
 
-		this._on[WebSocketClientEvent.AFTER_AUTH].forEach((callback) => callback());
-		this._on[WebSocketClientEvent.ERROR].forEach((callback) =>
-			cli.on('error', callback),
-		);
+		this._on[WebSocketClientEvent.AFTER_AUTH].forEach((callback) => {
+			callback();
+		});
+		this._on[WebSocketClientEvent.ERROR].forEach((callback) => {
+			cli.on('error', callback);
+		});
 		cli.on('show_message', (e) =>
 			eventBus.$emit('notification', {
 				type: e.type,

package/src/components/index.js

@@ -262,12 +262,14 @@ export {
 	WtContextMenu,
 	WtCopyAction,
 	WtDatepicker,
+	WtDatetimeText,
 	WtDisplayChipItems,
 	WtDivider,
 	WtDualPanel,
 	WtDummy,
 	WtEmpty,
 	WtErrorPage,
+	WtExpansionCard,
 	WtExpansionPanel,
 	WtFiltersPanelWrapper,
 	WtGalleria,
@@ -303,6 +305,7 @@ export {
 	WtRadio,
 	WtReplaceTransition,
 	WtRoundedAction,
+	WtScreenRecordingsAction,
 	WtSearchBar,
 	WtSelect,
 	WtSelectionPopup,
@@ -324,9 +327,6 @@ export {
 	WtTreeTable,
 	WtTypeExtensionValueInput,
 	WtVidstackPlayer,
-	WtExpansionCard,
-	WtDatetimeText,
-	WtScreenRecordingsAction,
 };
 
 export default Components;

package/src/components/wt-app-header/wt-app-navigator.vue

@@ -135,17 +135,14 @@ const order = [
 
 const formattedApps = computed(() =>
 	props.apps
-		.reduce(
-			(apps, app) => [
-				...apps,
-				{
-					...app,
-					img: props.darkMode ? pics[app.name].dark : pics[app.name].light,
-					currentApp: props.currentApp === app.name,
-				},
-			],
-			[],
-		)
+		.reduce((apps, app) => {
+			apps.push({
+				...app,
+				img: props.darkMode ? pics[app.name].dark : pics[app.name].light,
+				currentApp: props.currentApp === app.name,
+			});
+			return apps;
+		}, [])
 		.sort((a, b) => order.indexOf(a.name) - order.indexOf(b.name)),
 );
 

package/src/components/wt-galleria/wt-galleria.vue

@@ -192,7 +192,7 @@ const handleDelete = () => {
 watch(
 	() => currentImage.value,
 	(oldValue, newValue) => {
-		if (oldValue?.src == newValue?.src) return;
+		if (oldValue?.src === newValue?.src) return;
 		isImageOnLoad.value = true;
 	},
 	{

package/src/components/wt-intersection-observer/wt-intersection-observer.vue

@@ -27,7 +27,7 @@ const emit = defineEmits([
 
 const intersectionTarget = ref(null);
 
-let stopObs;
+let stopObs: (() => void) | undefined;
 
 onMounted(() => {
 	/**

package/src/components/wt-player/src/components/buttons/mute-button.vue

@@ -6,7 +6,6 @@
 </template>
 
 <script setup lang="ts">
-
 </script>
 
 <style scoped>

package/src/components/wt-rounded-action/_variables.css

@@ -12,6 +12,3 @@
 
 	--rounded-action-active-color: var(--dp-10-surface-color);
 }
-
-:root.theme--dark {
-}

package/src/components/wt-select/mixins/multiselectMixin.js

@@ -1,7 +1,6 @@
 import VueMultiselect from 'vue-multiselect';
 import { ObserveVisibility } from 'vue-observe-visibility';
 
-import validationMixin from '../../../mixins/validationMixin/validationMixin.js';
 import debounce from '../../../scripts/debounce.js';
 import isEmpty from '../../../scripts/isEmpty.js';
 import labelUsageMixin from '../../wt-label/mixins/labelUsageMixin.js';

package/src/components/wt-select/multiselect.css

@@ -1,3 +1,5 @@
+/* THIS FILE IS ADDED TO BIOME IGNORE coz it fails to parse Vue :deep() selector*/
+
 :deep(.multiselect) {
     position: relative;
     cursor: pointer;

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

@@ -140,9 +140,10 @@ const search = async (event) => {
 	console.log('event.query', event);
 
 	if (!isApiMode.value) {
-		return (suggestions.value = [
+		suggestions.value = [
 			...props.options,
-		]);
+		];
+		return suggestions.value;
 	}
 
 	const fetchedOptions = await fetchOptions({

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

@@ -100,10 +100,8 @@ export default {
 					// skip breakout option
 					return options;
 				}
-				return [
-					...options,
-					opt,
-				];
+				options.push(opt);
+				return options;
 			}, []);
 		},
 		duration() {

package/src/components/wt-switcher/wt-switcher.vue

@@ -36,7 +36,7 @@ import type { ToggleSwitchProps } from 'primevue/toggleswitch';
 import { computed, nextTick, ref, useSlots } from 'vue';
 
 interface LabelProps {
-	[key: string]: any;
+	[key: string]: unknown;
 }
 
 /**

package/src/components/wt-table/wt-table.vue

@@ -299,7 +299,7 @@ interface Props extends DataTableProps {
 
 	//lazy loading
 	lazy?: boolean;
-	onLoading?: (event: VirtualScrollerLazyEvent) => Promise<any>;
+	onLoading?: (event: VirtualScrollerLazyEvent) => Promise<unknown>;
 	loading?: boolean;
 	itemSize?: number | undefined;
 }

package/src/components/wt-tabs/wt-tabs.vue

@@ -74,8 +74,7 @@ export default {
 
 		moveActiveLine(newValue) {
 			if (!this.current) return;
-			if (!this.$refs || !this.$refs[newValue] || !this.$refs[newValue][0])
-				return;
+			if (!this.$refs?.[newValue]?.[0]) return;
 			const element = this.$refs[newValue][0];
 			this.activeLineWidth = element.clientWidth;
 			this.activeLineOffset = element.offsetLeft;

package/src/components/wt-textarea/wt-textarea.vue

@@ -110,7 +110,7 @@ interface Props extends /* @vue-ignore */ TextareaProps {
 	 * Object with props, passed down to wt-label as props
 	 * @type {Object}
 	 */
-	labelProps?: Record<string, any>;
+	labelProps?: Record<string, unknown>;
 	/**
 	 * Enables auto-resize. If passed, "Enter" key press emits "enter" event, new line is shift+enter
 	 * @type {boolean}
@@ -119,9 +119,8 @@ interface Props extends /* @vue-ignore */ TextareaProps {
 	autoresize?: boolean;
 	/**
 	 * Validation rules
-	 * @type {any}
 	 */
-	v?: any;
+	v?: unknown;
 	/**
 	 * Custom validators array
 	 * @type {Array<{name: string, text: string}>}
@@ -168,7 +167,7 @@ const { isValidation, invalid, validationText, validationTextColor } =
 	useValidation({
 		v: props.v,
 		customValidators: props.customValidators,
-	} as any);
+	});
 
 const handleKeypress = (event: KeyboardEvent) => {
 	emit('keydown', event);

package/src/components/wt-tree/__tests__/WtTree.spec.js

@@ -1,4 +1,4 @@
-import { mount, shallowMount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 
 import WtTree from '../wt-tree.vue';