@webitel/ui-sdk 26.8.149 → 26.8.151

package/dist/{wt-chat-emoji-okPBWTTc.js → wt-chat-emoji-CDJIdeXU.js}

@@ -1,4 +1,4 @@
-import "./components-BQNe8f-D.js";
+import "./components-DFU2gMZC.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-p-X0dCyl.js → wt-display-chip-items-Dj0fY1dF.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-BQNe8f-D.js";
+import { C as e, i as t } from "./components-DFU2gMZC.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DQQQIpjz.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-send-message-popup-C8sMLTcd.js → wt-send-message-popup-SNflIgQ8.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-BQNe8f-D.js";
+import { n as e } from "./components-DFU2gMZC.js";
 import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-CvTW64Rq.js";
+import { i as t, r as n } from "./clients-Bn77MDFb.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-type-extension-value-input-IVO4B3WW.js → wt-type-extension-value-input-BgTpak2x.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-BQNe8f-D.js";
-import { n as o, t as s } from "./clients-CvTW64Rq.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-DFU2gMZC.js";
+import { n as o, t as s } from "./clients-Bn77MDFb.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-DrOhDUTg.js → wt-vidstack-player-BO7ozD50.js}

@@ -1,4 +1,4 @@
-import { T as e } from "./components-BQNe8f-D.js";
+import { T as e } from "./components-DFU2gMZC.js";
 import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.8.149",
+	"version": "26.8.151",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",
@@ -440,6 +440,10 @@
 			"types": "./types/modules/Appearance/index.d.ts",
 			"import": "./src/modules/Appearance/index.ts"
 		},
+		"./modules/SystemSettings": {
+			"types": "./types/modules/SystemSettings/index.d.ts",
+			"import": "./src/modules/SystemSettings/index.ts"
+		},
 		"./modules/ObjectPermissions": {
 			"types": "./types/modules/ObjectPermissions/index.d.ts",
 			"import": "./src/modules/ObjectPermissions/index.ts"

package/src/components/wt-single-select/__tests__/WtSingleSelect.spec.js

@@ -114,4 +114,29 @@ describe('WtSingleSelect', () => {
 			.vm.$emit('hide');
 		expect(wrapper.emitted().hide).toBeTruthy();
 	});
+
+	it('emits the filter text on search and on Enter', async () => {
+		const wrapper = mount(WtSingleSelect, {
+			global: {
+				stubs: {
+					Select: {
+						name: 'Select',
+						template: '<div><slot name="header" /></div>',
+					},
+				},
+			},
+		});
+		const filter = wrapper.findComponent({
+			name: 'wt-input-text',
+		});
+		await filter.vm.$emit('update:model-value', 'custom-file.mp3');
+		expect(wrapper.emitted('search-change')?.at(-1)).toEqual([
+			'custom-file.mp3',
+		]);
+
+		await filter.trigger('keydown.enter');
+		expect(wrapper.emitted('search-enter')?.at(-1)).toEqual([
+			'custom-file.mp3',
+		]);
+	});
 });

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

@@ -46,8 +46,8 @@
           class="wt-single-select__input"
           :model-value="filterText"
           :size="ComponentSize.SM"
-          @update:model-value="filterOptions($event)"
-          @keydown.enter.stop="onInputKeydown"
+          @update:model-value="onFilterModelUpdate"
+          @keydown.enter.stop.prevent="onFilterEnter"
         >
           <template #suffix>
             <wt-icon v-if="allowCustomValues && filterText" disabled icon="select-custom-value-enter" />
@@ -194,6 +194,12 @@ const model = defineModel<string>({
 const emit = defineEmits<{
 	reset: [];
 	hide: [];
+	'search-change': [
+		value: string,
+	];
+	'search-enter': [
+		value: string,
+	];
 }>();
 
 const selectId = `select-${Math.random().toString(36).slice(2, 11)}`;
@@ -257,6 +263,18 @@ const handleDropdownHide = () => {
 	onDropdownHide();
 	emit('hide');
 };
+
+const onFilterModelUpdate = (value: string) => {
+	const text = value ?? '';
+	filterOptions(text);
+	emit('search-change', text);
+};
+
+const onFilterEnter = () => {
+	emit('search-enter', filterText.value);
+	onInputKeydown();
+	selectRef.value?.hide?.();
+};
 </script>
 
 <style scoped>

package/src/modules/SystemSettings/composables/__tests__/useSystemSettings.spec.ts

@@ -0,0 +1,210 @@
+import { ConfigurationsAPI } from '@webitel/api-services/api';
+import { EngineSystemSettingName } from '@webitel/api-services/gen/models';
+import { createPinia, defineStore, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import type { Client } from 'webitel-sdk';
+
+import {
+	type SystemSettingChange,
+	useSystemSettings,
+} from '../useSystemSettings';
+
+vi.mock('@webitel/api-services/api', () => ({
+	ConfigurationsAPI: {
+		getList: vi.fn(),
+	},
+}));
+
+const getList = vi.mocked(ConfigurationsAPI.getList);
+
+const createSystemSettings = () =>
+	useSystemSettings([
+		EngineSystemSettingName.WbtHideContact,
+		EngineSystemSettingName.ShowFullContact,
+	]);
+
+describe('useSystemSettings', () => {
+	beforeEach(() => {
+		getList.mockReset();
+		getList.mockResolvedValue({
+			items: [],
+		});
+	});
+
+	it('initialize loads all tracked settings with a single request, even if called several times', async () => {
+		getList.mockResolvedValue({
+			items: [
+				{
+					name: EngineSystemSettingName.ShowFullContact,
+					value: true,
+				},
+			],
+		});
+		const systemSettings = createSystemSettings();
+
+		await Promise.all([
+			systemSettings.initialize(),
+			systemSettings.initialize(),
+		]);
+
+		expect(getList).toHaveBeenCalledTimes(1);
+		expect(getList).toHaveBeenCalledWith({
+			name: [
+				EngineSystemSettingName.WbtHideContact,
+				EngineSystemSettingName.ShowFullContact,
+			],
+		});
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.ShowFullContact],
+		).toBe(true);
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.WbtHideContact],
+		).toBeUndefined();
+	});
+
+	it('initialize loads settings again after a failed load', async () => {
+		getList.mockRejectedValueOnce(new Error('network'));
+		const systemSettings = createSystemSettings();
+
+		await expect(systemSettings.initialize()).rejects.toThrow('network');
+		await systemSettings.initialize();
+
+		expect(getList).toHaveBeenCalledTimes(2);
+	});
+
+	it('reload loads settings again after initialize', async () => {
+		const systemSettings = createSystemSettings();
+		await systemSettings.initialize();
+		getList.mockResolvedValue({
+			items: [
+				{
+					name: EngineSystemSettingName.WbtHideContact,
+					value: true,
+				},
+			],
+		});
+
+		await systemSettings.reload();
+
+		expect(getList).toHaveBeenCalledTimes(2);
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.WbtHideContact],
+		).toBe(true);
+	});
+
+	it('applyChange applies the value from the event, including falsy values, without a request', async () => {
+		const systemSettings = createSystemSettings();
+
+		await systemSettings.applyChange({
+			name: EngineSystemSettingName.WbtHideContact,
+			value: true,
+		});
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.WbtHideContact],
+		).toBe(true);
+
+		await systemSettings.applyChange({
+			name: EngineSystemSettingName.WbtHideContact,
+			value: false,
+		});
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.WbtHideContact],
+		).toBe(false);
+
+		expect(getList).not.toHaveBeenCalled();
+	});
+
+	it('applyChange re-reads the setting if the event has no value', async () => {
+		const systemSettings = createSystemSettings();
+		await systemSettings.applyChange({
+			name: EngineSystemSettingName.ShowFullContact,
+			value: true,
+		});
+
+		await systemSettings.applyChange({
+			name: EngineSystemSettingName.ShowFullContact,
+		});
+
+		expect(getList).toHaveBeenCalledWith({
+			name: [
+				EngineSystemSettingName.ShowFullContact,
+			],
+		});
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.ShowFullContact],
+		).toBeUndefined();
+	});
+
+	it('applyChange ignores settings that are not tracked', async () => {
+		const systemSettings = createSystemSettings();
+
+		await systemSettings.applyChange({
+			name: 'some_future_setting',
+			value: 1,
+		});
+		await systemSettings.applyChange({
+			name: EngineSystemSettingName.CallEndSoundNotification,
+		});
+
+		expect(systemSettings.settings.value).toEqual({});
+		expect(getList).not.toHaveBeenCalled();
+	});
+
+	it('does not send requests if no settings are tracked', async () => {
+		const systemSettings = useSystemSettings([]);
+
+		await systemSettings.initialize();
+		await systemSettings.reload();
+		await systemSettings.applyChange({
+			name: EngineSystemSettingName.WbtHideContact,
+		});
+
+		expect(getList).not.toHaveBeenCalled();
+		expect(systemSettings.settings.value).toEqual({});
+	});
+
+	it('subscribe applies "system_settings_changed" events of the passed client', () => {
+		const systemSettings = createSystemSettings();
+		let emit: (change: SystemSettingChange) => void = () => {};
+		const client = {
+			on: vi.fn((_event, listener) => {
+				emit = listener;
+			}),
+		};
+
+		systemSettings.subscribe(client as unknown as Client);
+		emit({
+			name: EngineSystemSettingName.WbtHideContact,
+			value: true,
+		});
+
+		expect(client.on).toHaveBeenCalledWith(
+			'system_settings_changed',
+			expect.any(Function),
+		);
+		expect(
+			systemSettings.settings.value[EngineSystemSettingName.WbtHideContact],
+		).toBe(true);
+	});
+
+	it('works as the state of a setup store', async () => {
+		setActivePinia(createPinia());
+		const useSystemSettingsStore = defineStore('systemSettings', () => {
+			const { settings, applyChange } = useSystemSettings([
+				EngineSystemSettingName.WbtHideContact,
+			]);
+			return {
+				settings,
+				applyChange,
+			};
+		});
+		const store = useSystemSettingsStore();
+
+		await store.applyChange({
+			name: EngineSystemSettingName.WbtHideContact,
+			value: true,
+		});
+
+		expect(store.settings[EngineSystemSettingName.WbtHideContact]).toBe(true);
+	});
+});

package/src/modules/SystemSettings/composables/useSystemSettings.ts

@@ -0,0 +1,79 @@
+import { ConfigurationsAPI } from '@webitel/api-services/api';
+import type {
+	EngineSystemSetting,
+	EngineSystemSettingName,
+} from '@webitel/api-services/gen/models';
+import { type Ref, ref } from 'vue';
+import type { Client, ClientEvents } from 'webitel-sdk';
+
+/**
+ * [Claude] Payload of webitel-sdk `system_settings_changed` event (webitel-sdk >= 26.4.35).
+ * No `value` means the setting was reset to default.
+ * Derived from `ClientEvents`, because webitel-sdk does not export the payload type itself.
+ */
+export type SystemSettingChange = Parameters<
+	ClientEvents['system_settings_changed']
+>[0];
+
+/**
+ * [Claude] Each call creates its own state, so call it once, inside an app's setup store.
+ */
+export const useSystemSettings = <Name extends EngineSystemSettingName>(
+	names: readonly Name[],
+) => {
+	const isTrackedName = (name: string): name is Name =>
+		(names as readonly string[]).includes(name);
+
+	const settings = ref({}) as Ref<Partial<Record<Name, unknown>>>;
+
+	let initPromise: Promise<void> | null = null;
+
+	const loadSettings = async (namesToLoad: readonly Name[]) => {
+		// [Claude] nothing is tracked: skip the request instead of sending an empty name filter
+		if (!namesToLoad.length) return;
+		const { items } = await ConfigurationsAPI.getList({
+			name: namesToLoad,
+		});
+		namesToLoad.forEach((name) => {
+			settings.value[name] = items.find(
+				(item: EngineSystemSetting) => item.name === name,
+			)?.value;
+		});
+	};
+
+	// [Claude] loads once, afterwards values are kept up to date by applyChange()
+	const initialize = () => {
+		initPromise ??= loadSettings(names).catch((err) => {
+			initPromise = null;
+			throw err;
+		});
+		return initPromise;
+	};
+
+	// [Claude] changes made while the socket was down are never delivered, so call it after reconnect
+	const reload = () => loadSettings(names);
+
+	const applyChange = async ({ name, value }: SystemSettingChange) => {
+		if (!isTrackedName(name)) return;
+		if (value === undefined) {
+			await loadSettings([
+				name,
+			]);
+			return;
+		}
+		settings.value[name] = value;
+	};
+
+	const subscribe = (client: Client) => {
+		client.on('system_settings_changed', applyChange);
+	};
+
+	return {
+		settings,
+
+		initialize,
+		reload,
+		applyChange,
+		subscribe,
+	};
+};

package/src/modules/SystemSettings/index.ts

@@ -0,0 +1,4 @@
+export {
+	type SystemSettingChange,
+	useSystemSettings,
+} from './composables/useSystemSettings';