@webitel/ui-sdk 26.8.153 → 26.8.154

package/dist/{wt-chat-emoji-DY9CjuAU.js → wt-chat-emoji-Ctwc4VYl.js}

@@ -1,4 +1,4 @@
-import "./components-D2-r7suP.js";
+import "./components-BaLs0ZtL.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { E as t, h as n } from "./enums-CKer6GJR.js";
 import { t as r } from "./wt-button-DnbIcGvU.js";

package/dist/{wt-display-chip-items-dggFa-kX.js → wt-display-chip-items-BsaEZtrc.js}

@@ -1,9 +1,9 @@
-import { C as e, i as t } from "./components-D2-r7suP.js";
-import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as r } from "./utils-DQQQIpjz.js";
+import { n as e } from "./utils-zi9lfi8f.js";
+import { C as t, i as n } from "./components-BaLs0ZtL.js";
+import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.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";
 //#region src/components/on-demand/wt-display-chip-items/wt-display-chip-items.vue?vue&type=script&setup=true&lang.ts
-var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b = /*#__PURE__*/ n(/* @__PURE__ */ u({
+var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b = /*#__PURE__*/ r(/* @__PURE__ */ u({
 	__name: "wt-display-chip-items",
 	props: {
 		hideFirstItem: { type: Boolean },
@@ -11,16 +11,16 @@ var _ = { class: "wt-display-chip-items" }, v = { key: 0 }, y = ["onClick"], b =
 		title: {},
 		items: {}
 	},
-	setup(n) {
-		let u = n, b = a(() => u.items?.length ? u.items[0]?.name : u.useEmptySymbol ? "-" : ""), x = a(() => u.items?.length ? u.hideFirstItem ? u.items : u.items.slice(1) : []);
+	setup(r) {
+		let u = r, b = a(() => u.items?.length ? u.items[0]?.name : u.useEmptySymbol ? "-" : ""), x = a(() => u.items?.length ? u.hideFirstItem ? u.items : u.items.slice(1) : []);
 		return (a, S) => (d(), s("div", _, [
-			u.title ? (d(), s("p", v, m(n.title) + ":", 1)) : o("", !0),
-			u.hideFirstItem ? o("", !0) : p(a.$slots, "first-item", { key: 1 }, () => [c(m(h(r)(b.value)), 1)], !0),
-			l(h(t), null, {
-				activator: g(({ toggle: t }) => [p(a.$slots, "activator", { toggle: t }, () => [x.value.length ? (d(), s("div", {
+			u.title ? (d(), s("p", v, m(r.title) + ":", 1)) : o("", !0),
+			u.hideFirstItem ? o("", !0) : p(a.$slots, "first-item", { key: 1 }, () => [c(m(h(e)(b.value)), 1)], !0),
+			l(h(n), null, {
+				activator: g(({ toggle: e }) => [p(a.$slots, "activator", { toggle: e }, () => [x.value.length ? (d(), s("div", {
 					key: 0,
-					onClick: t
-				}, [l(h(e), null, {
+					onClick: e
+				}, [l(h(t), null, {
 					default: g(() => [c(" +" + m(x.value.length), 1)], void 0, !0),
 					_: 1
 				})], 8, y)) : o("", !0)], !0)]),

package/dist/{wt-screen-recordings-action-CHlh4sNO.js → wt-screen-recordings-action-61pRZySe.js}

@@ -1,5 +1,5 @@
+import "./utils-zi9lfi8f.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import "./utils-DQQQIpjz.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

package/dist/{wt-send-message-popup-BFEY-Mub.js → wt-send-message-popup--fi3UrPJ.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-D2-r7suP.js";
-import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-BS52VCEA.js";
+import { n as e } from "./components-BaLs0ZtL.js";
+import { i as t, r as n } from "./clients-CD7NXpWz.js";
+import "./convertDuration-DZkUGHBR.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-status-select-DItpCCVE.js → wt-status-select-qCkEA9K6.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./convertDuration-CIPonKKW.js";
+import { t as e } from "./convertDuration-DZkUGHBR.js";
 import { O as t, h as n } from "./enums-CKer6GJR.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { computed as i, createBlock as a, createVNode as o, defineComponent as s, openBlock as c, resolveComponent as l, unref as u, withCtx as d } from "vue";

package/dist/{wt-type-extension-value-input-CkDs3VWL.js → wt-type-extension-value-input-DOivJ4hj.js}

@@ -1,7 +1,7 @@
 import "./dist-EXdgfpvN.js";
 import { n as e } from "./genClient-CvWlQ0TZ.js";
-import { a as t, o as n, r, s as i, w as a } from "./components-D2-r7suP.js";
-import { n as o, t as s } from "./clients-BS52VCEA.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-BaLs0ZtL.js";
+import { n as o, t as s } from "./clients-CD7NXpWz.js";
 import { a as c, c as l, i as u, n as d, o as f, p, r as m, s as h, t as g } from "./enums-CKer6GJR.js";
 import { n as _ } from "./vue-i18n-VBiROMZ4.js";
 import "./wt-toast-3-3ZylQ9.js";

package/dist/{wt-vidstack-player-B8tTDkf3.js → wt-vidstack-player-D-W9J2CY.js}

@@ -1,5 +1,5 @@
-import { T as e } from "./components-D2-r7suP.js";
-import "./convertDuration-CIPonKKW.js";
+import { T as e } from "./components-BaLs0ZtL.js";
+import "./convertDuration-DZkUGHBR.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";
 import "./wt-button-DnbIcGvU.js";

package/package.json

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

package/src/components/index.js

@@ -49,6 +49,7 @@ import WtRoundedAction from './wt-rounded-action/wt-rounded-action.vue';
 import WtSingleSelect from './wt-single-select/wt-single-select.vue';
 import WtSwitcher from './wt-switcher/wt-switcher.vue';
 import WtTextarea from './wt-textarea/wt-textarea.vue';
+import WtTimeTooltip from './wt-time-tooltip/wt-time-tooltip.vue';
 import WtToast from './wt-toast/wt-toast.vue';
 import WtTooltip from './wt-tooltip/wt-tooltip.vue';
 
@@ -312,6 +313,7 @@ const Components = {
 	WtChatEmoji,
 	WtExpansionCard,
 	WtDatetimeText,
+	WtTimeTooltip,
 	WtCard,
 	WtSingleSelect,
 	WtMultiSelect,
@@ -408,6 +410,7 @@ export {
 	WtTextarea,
 	WtTimeInput,
 	WtTimepicker,
+	WtTimeTooltip,
 	WtToast,
 	WtTooltip,
 	WtTree,

package/src/components/wt-time-tooltip/__tests__/WtTimeTooltip.spec.js

@@ -0,0 +1,56 @@
+import { mount } from '@vue/test-utils';
+import { nextTick } from 'vue';
+
+import WtTimeTooltip from '../wt-time-tooltip.vue';
+
+describe('WtTimeTooltip', () => {
+	beforeEach(() => {
+		localStorage.setItem('user-timezone-setting', 'Africa/Addis_Ababa');
+	});
+
+	afterEach(() => {
+		localStorage.removeItem('user-timezone-setting');
+	});
+
+	const showTooltip = async (wrapper) => {
+		await nextTick();
+		await wrapper.find('.wt-tooltip__activator').trigger('mouseenter');
+		await nextTick();
+	};
+
+	it('shows the operator zone when no label is passed', async () => {
+		const wrapper = mount(WtTimeTooltip, {
+			props: {
+				text: '15.10.2026, 14:19:00',
+			},
+		});
+
+		expect(wrapper.text()).toContain('15.10.2026, 14:19:00');
+		await showTooltip(wrapper);
+		expect(wrapper.text()).toContain('Africa/Addis_Ababa 03:00');
+	});
+
+	it('shows an explicit zone caption as-is', async () => {
+		const wrapper = mount(WtTimeTooltip, {
+			props: {
+				text: '09:00',
+				label: 'Europe/Kyiv 02:00',
+			},
+		});
+
+		await showTooltip(wrapper);
+		expect(wrapper.text()).toContain('Europe/Kyiv 02:00');
+		expect(wrapper.text()).not.toContain('Africa/Addis_Ababa');
+	});
+
+	it('renders nothing when the time is empty', () => {
+		const wrapper = mount(WtTimeTooltip, {
+			props: {
+				text: '',
+			},
+		});
+
+		expect(wrapper.text()).toBe('');
+		expect(wrapper.find('.wt-tooltip').exists()).toBe(false);
+	});
+});

package/src/components/wt-time-tooltip/wt-time-tooltip.vue

@@ -0,0 +1,36 @@
+<template>
+  <wt-tooltip
+    v-if="text"
+    class="wt-time-tooltip"
+    :disabled="!tooltipLabel"
+  >
+    <template #activator>
+      <span class="wt-time-tooltip__value">{{ text }}</span>
+    </template>
+    {{ tooltipLabel }}
+  </wt-tooltip>
+</template>
+
+<script setup lang="ts">
+import { getUserTimeZone } from '@webitel/api-services/utils';
+import { computed } from 'vue';
+
+import { formatTimeZoneLabel } from '../../utils/timeZoneLabel';
+
+const props = defineProps<{
+	text?: string | null;
+	label?: string;
+}>();
+
+const tooltipLabel = computed(() =>
+	formatTimeZoneLabel(
+		props.label === undefined ? getUserTimeZone() : props.label,
+	),
+);
+</script>
+
+<style scoped>
+.wt-time-tooltip__value {
+  line-height: normal;
+}
+</style>

package/src/utils/__tests__/timeZoneLabel.spec.ts

@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest';
+
+import { formatTimeZoneLabel } from '../timeZoneLabel';
+
+const winter = new Date('2026-01-15T12:00:00Z');
+
+describe('formatTimeZoneLabel', () => {
+	it('builds the tooltip caption from an IANA id', () => {
+		expect(formatTimeZoneLabel('Africa/Addis_Ababa', winter)).toBe(
+			'Africa/Addis_Ababa 03:00',
+		);
+		expect(formatTimeZoneLabel('UTC', winter)).toBe('UTC 00:00');
+		expect(formatTimeZoneLabel('America/New_York', winter)).toBe(
+			'America/New_York -05:00',
+		);
+	});
+
+	it('keeps a caption that already includes an offset', () => {
+		expect(formatTimeZoneLabel('Europe/Kyiv 02:00', winter)).toBe(
+			'Europe/Kyiv 02:00',
+		);
+		expect(formatTimeZoneLabel('Europe/Kyiv +02:00', winter)).toBe(
+			'Europe/Kyiv +02:00',
+		);
+		expect(formatTimeZoneLabel('America/New_York -05:00', winter)).toBe(
+			'America/New_York -05:00',
+		);
+	});
+
+	it('returns an empty caption unchanged', () => {
+		expect(formatTimeZoneLabel('')).toBe('');
+	});
+});

package/src/utils/index.ts

@@ -2,3 +2,4 @@ export * from './displayText';
 export * from './findTreePath';
 export * from './formatDate';
 export * from './prettifyDate';
+export * from './timeZoneLabel';

package/src/utils/timeZoneLabel.ts

@@ -0,0 +1,17 @@
+import { formatInTimeZone } from 'date-fns-tz';
+
+const OFFSET_SUFFIX = /\s[+-]?\d{2}:\d{2}$/;
+
+export function formatTimeZoneLabel(
+	timeZone: string,
+	date: Date = new Date(),
+): string {
+	if (!timeZone || OFFSET_SUFFIX.test(timeZone)) return timeZone;
+
+	try {
+		const offset = formatInTimeZone(date, timeZone, 'xxx').replace(/^\+/, '');
+		return `${timeZone} ${offset}`;
+	} catch {
+		return timeZone;
+	}
+}