@webitel/ui-sdk 26.8.99 → 26.8.101

package/dist/{wt-type-extension-value-input-CUx43R8o.js → wt-type-extension-value-input-Cd0towde.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clients-DenpsPyu.js";
-import { a as t, o as n, r, s as i } from "./components-CMBVRgca.js";
-import { t as a } from "./enums-B_9ZBu01.js";
+import { a as e, o as t, r as n, s as r } from "./components-CB2t5ag8.js";
+import { t as i } from "./clients-ClR-VL_c.js";
+import { t as a } from "./enums-Bd-8yrmg.js";
 import { t as o } from "./vue-i18n-B88GcHzn.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";
 //#endregion
@@ -34,11 +34,11 @@ var y = /* @__PURE__ */ d({
 			searchMethod: O(y.field.lookup)
 		})), E = s(() => ({ ...T.value })), D = (e) => {
 			f.value = e;
-		}, O = ({ path: t = "", display: n = "", primary: r = "" } = {}) => (i) => e.getLookup({
-			...i,
-			path: t,
-			display: n,
-			primary: r
+		}, O = ({ path: e = "", display: t = "", primary: n = "" } = {}) => (r) => i.getLookup({
+			...r,
+			path: e,
+			display: t,
+			primary: n
 		}), k = (e) => {
 			let t = e ?? {};
 			if (Object.values(t).length === 0) return D(null);
@@ -52,7 +52,7 @@ var y = /* @__PURE__ */ d({
 				name: e.name
 			})));
 		};
-		return (e, o) => {
+		return (i, o) => {
 			let s = g("wt-input-text"), f = g("wt-input-number");
 			return d.field.kind === _(a).Text ? (m(), c(s, p({ key: 0 }, w.value, {
 				"model-value": C.value,
@@ -60,44 +60,44 @@ var y = /* @__PURE__ */ d({
 			}), null, 16, ["model-value"])) : d.field.kind === _(a).Number ? (m(), c(f, p({ key: 1 }, w.value, {
 				"model-value": C.value,
 				"onUpdate:modelValue": D
-			}), null, 16, ["model-value"])) : d.field.kind === _(a).Boolean ? h(e.$slots, _(a).Boolean, {
+			}), null, 16, ["model-value"])) : d.field.kind === _(a).Boolean ? h(i.$slots, _(a).Boolean, {
 				key: 2,
 				defaultProps: { ...w.value }
-			}, () => [u(_(t), p(w.value, {
+			}, () => [u(_(e), p(w.value, {
 				"model-value": C.value,
 				"onUpdate:modelValue": D
-			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Select ? h(e.$slots, _(a).Select, {
+			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Select ? h(i.$slots, _(a).Select, {
 				key: 3,
 				defaultProps: {
 					...w.value,
 					...T.value,
 					value: C.value
 				}
-			}, () => [u(_(n), p(w.value, {
+			}, () => [u(_(t), p(w.value, {
 				"model-value": C.value,
 				"search-method": O(d.field.lookup),
 				"data-key": "id",
 				"onUpdate:modelValue": k
-			}), null, 16, ["model-value", "search-method"])]) : d.field.kind === _(a).Multiselect ? h(e.$slots, _(a).Multiselect, {
+			}), null, 16, ["model-value", "search-method"])]) : d.field.kind === _(a).Multiselect ? h(i.$slots, _(a).Multiselect, {
 				key: 4,
 				defaultProps: {
 					...w.value,
 					...E.value,
 					value: C.value
 				}
-			}, () => [u(_(i), p({
+			}, () => [u(_(r), p({
 				...w.value,
 				...E.value
 			}, {
 				"model-value": C.value,
 				"onUpdate:modelValue": A
-			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Calendar ? h(e.$slots, _(a).Calendar, {
+			}), null, 16, ["model-value"])]) : d.field.kind === _(a).Calendar ? h(i.$slots, _(a).Calendar, {
 				key: 5,
 				defaultProps: {
 					...w.value,
 					value: C.value
 				}
-			}, () => [u(_(r), p(w.value, {
+			}, () => [u(_(n), p(w.value, {
 				"model-value": C.value,
 				"show-time": "",
 				"onUpdate:modelValue": D

package/dist/{wt-vidstack-player-_x_GEpy4.js → wt-vidstack-player-IfN1Nbyd.js}

@@ -1,8 +1,9 @@
-import { D as e } from "./components-CMBVRgca.js";
+import { w as e } from "./components-CB2t5ag8.js";
+import "./convertDuration-CGW5IDMW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { l as n } from "./enums-B_9ZBu01.js";
-import "./wt-button-CNQAK85M.js";
-import { t as r } from "./wt-icon-btn-DDElLZil.js";
+import { c as n } from "./enums-Bd-8yrmg.js";
+import "./wt-button-BzYDkfhK.js";
+import { t as r } from "./wt-icon-btn-CeGGT2PO.js";
 import { $ as i, C as a, D as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as ee, Q as _, R as te, S as v, U as ne, V as y, W as b, X as x, Y as re, Z as S, _ as C, a as ie, b as ae, c as oe, d as se, et as ce, f as le, g as ue, h as de, i as w, it as fe, j as pe, k as me, l as T, m as he, n as E, nt as D, o as O, ot as ge, p as k, q as A, r as j, rt as _e, t as ve, tt as ye, u as be, v as M, w as xe, y as Se, z as Ce } from "./vidstack-D9mvYVIz-DesuYgKV.js";
 import { _ as N, a as we, c as Te, d as Ee, f as De, g as Oe, h as ke, i as Ae, l as je, m as Me, n as Ne, o as Pe, p as Fe, r as Ie, s as Le, t as P, u as Re } from "./vidstack-CgfrU1hS-CNTJkyzm.js";
 import { _ as ze, a as Be, c as Ve, f as He, g as Ue, h as We, i as Ge, l as Ke, n as qe, r as Je, s as Ye, t as Xe, u as Ze, v as Qe, x as $e, y as et } from "./useVidstackSrc-aQcqC_v0.js";

package/package.json

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

package/src/enums/FormatDateMode/FormatDateMode.ts

@@ -1,10 +1 @@
-export const FormatDateMode = {
-	DATE: 'date',
-	TIME: 'time',
-	TIME_SEC: 'timeSec',
-	DATETIME: 'datetime',
-	DATETIME_SHORT: 'datetimeShort',
-} as const;
-
-export type FormatDateMode =
-	(typeof FormatDateMode)[keyof typeof FormatDateMode];
+export { FormatDateMode } from '@webitel/api-services/enums';

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

@@ -10,7 +10,7 @@
       @update:model-value="toggleCallCenterMode"
     />
     <wt-status-select
-      :key="status"
+      :key="`${status}_${statusSelectKey}`"
       :status="status"
       :status-duration="statusDuration"
       :disabled="disabled"
@@ -85,6 +85,8 @@ const emit = defineEmits<{
 
 const { t } = useI18n();
 
+const statusSelectKey = ref(0);
+
 const isPauseCausePopup = ref(false);
 const pauseCauses = ref<EngineForAgentPauseCause[]>([]);
 const error = ref(null);
@@ -109,6 +111,7 @@ function openPauseCausePopup() {
 
 function closePauseCausePopup() {
 	isPauseCausePopup.value = false;
+	statusSelectKey.value++;
 }
 
 async function loadPauseCauses(): Promise<void> {
@@ -125,6 +128,7 @@ function openActivityTypePopup() {
 function closeActivityTypePopup() {
 	isActivityTypePopup.value = false;
 	callCenterModeChanging.value = false;
+	statusSelectKey.value++;
 }
 
 async function updateStatus({
@@ -162,7 +166,8 @@ async function changeStatus({
 		await updateStatus(statusPayload);
 		emit('changed', statusPayload);
 	} catch (err) {
-		if (err.response.data.id === PauseNotAllowedError.id) error.value = err;
+		statusSelectKey.value++;
+		if (err?.response?.data?.id === PauseNotAllowedError.id) error.value = err;
 		throw err;
 	}
 }

package/src/scripts/convertDuration.js

@@ -1,15 +1,3 @@
-const convertDuration = (duration) => {
-	if (!duration) return '00:00:00';
-
-	let hour = `${Math.floor(duration / 3600)}`;
-	let min = `${Math.floor((duration % 3600) / 60)}`;
-	let sec = `${Math.floor((duration % 3600) % 60)}`;
-
-	if (hour.length === 1) hour = `0${hour}`;
-	if (min.length === 1) min = `0${min}`;
-	if (sec.length === 1) sec = `0${sec}`;
-
-	return `${hour}:${min}:${sec}`;
-};
+import { convertDuration } from '@webitel/api-services/scripts';
 
 export default convertDuration;

package/src/utils/formatDate.ts

@@ -1,37 +1 @@
-import { uk } from 'date-fns/locale';
-import { formatInTimeZone } from 'date-fns-tz';
-
-import type { FormatDateMode } from '../enums';
-import { TIMEZONE_STORAGE_KEY } from '../modules/Userinfo/constants/UserSettingsConstants';
-
-function getUserTimeZone(): string {
-	return (
-		localStorage.getItem(TIMEZONE_STORAGE_KEY) ||
-		Intl.DateTimeFormat().resolvedOptions().timeZone
-	);
-}
-
-// https://date-fns.org/v4.1.0/docs/format
-const formatStringMap = {
-	date: 'P', // dd.MM.yyyy (13.11.2025)
-	time: 'p', // HH:mm (15:53)
-	timeSec: 'pp', // HH:mm:ss (15:53:00)
-	datetime: 'Ppp', // dd.MM.yyyy, HH:mm:ss (13.11.2025, 15:53:00)
-	datetimeShort: 'Pp', // dd.MM.yyyy, HH:mm (13.11.2025, 15:53)
-};
-
-export function formatDate(
-	date: string | number | Date,
-	to: (typeof FormatDateMode)[keyof typeof FormatDateMode],
-	{
-		timezone = undefined,
-	}: {
-		timezone?: string;
-	} = {},
-): string {
-	const timeZone = timezone ?? getUserTimeZone();
-
-	return formatInTimeZone(date, timeZone, formatStringMap[to], {
-		locale: uk,
-	});
-}
+export { formatDate } from '@webitel/api-services/utils';