@webitel/ui-sdk 26.6.90 → 26.6.92

package/dist/{useValidation-DGl2otXJ.js → useValidation-BedhHNX5.js}

@@ -14,7 +14,7 @@ var i = ({ field: e }) => ({
 		invalid: l,
 		validationText: n(() => {
 			let e = "";
-			if (c.value && l.value && (o.value.required?.$invalid ? e = a("validation.required") : o.value.numeric?.$invalid ? e = a("validation.numeric") : o.value.email?.$invalid ? e = a("validation.email") : o.value.gatewayHostValidator?.$invalid ? e = a("validation.gatewayHostValidator") : o.value.ipValidator?.$invalid ? e = a("validation.ipValidator") : o.value.macValidator?.$invalid ? e = a("validation.macValidator") : o.value.minValue?.$invalid ? e = a("validation.minValue", { min: o.value.minValue.$params.min }) : o.value.maxValue?.$invalid ? e = a("validation.maxValue", { max: o.value.maxValue.$params.max }) : o.value.maxLength?.$invalid ? e = a("validation.maxLength", { max: o.value.maxLength.$params.max }) : o.value.sipAccountValidator?.$invalid ? e = a("validation.sipAccountValidator") : o.value.minLength?.$invalid ? e = a("validation.minLength", { min: o.value.minLength.$params.min }) : o.value.url?.$invalid ? e = `${a("validation.url")}` : o.value.regExpValidator?.$invalid ? e = `${a("validation.regExpValidator")}` : o.value.sameAs?.$invalid ? e = `${a("validation.sameAs")}` : o.value.domainValidator?.$invalid ? e = `${a("validation.domainValidator")}` : o.value.decimalValidator?.$invalid ? e = `${a("validation.decimalValidator")} ${o.value.decimalValidator.$params.count}` : o.value.websocketValidator?.$invalid ? e = `${a("validation.websocketValidator")}` : o.value.integer?.$invalid ? e = `${a("validation.integer")}` : o.value.regex?.$invalid ? e = o.value.regex?.$message || `${a("validation.isRegExpMatched")} ${o.value.regex?.$params?.regex}` : o.value.nameAlreadyInUse?.$invalid && (e = a("validation.nameAlreadyInUse"))), s?.value) {
+			if (c.value && l.value && (o.value.required?.$invalid ? e = a("validation.required") : o.value.numeric?.$invalid ? e = a("validation.numeric") : o.value.email?.$invalid ? e = a("validation.email") : o.value.gatewayHostValidator?.$invalid ? e = a("validation.gatewayHostValidator") : o.value.ipValidator?.$invalid ? e = a("validation.ipValidator") : o.value.macValidator?.$invalid ? e = a("validation.macValidator") : o.value.minValue?.$invalid ? e = a("validation.minValue", { min: o.value.minValue.$params.min }) : o.value.maxValue?.$invalid ? e = a("validation.maxValue", { max: o.value.maxValue.$params.max }) : o.value.maxLength?.$invalid ? e = a("validation.maxLength", { max: o.value.maxLength.$params.max }) : o.value.sipAccountValidator?.$invalid ? e = a("validation.sipAccountValidator") : o.value.minLength?.$invalid ? e = a("validation.minLength", { min: o.value.minLength.$params.min }) : o.value.url?.$invalid ? e = `${a("validation.url")}` : o.value.regExpValidator?.$invalid ? e = `${a("validation.regExpValidator")}` : o.value.sameAs?.$invalid ? e = `${a("validation.sameAs")}` : o.value.domainValidator?.$invalid ? e = `${a("validation.domainValidator")}` : o.value.decimalValidator?.$invalid ? e = `${a("validation.decimalValidator")} ${o.value.decimalValidator.$params.count}` : o.value.websocketValidator?.$invalid ? e = `${a("validation.websocketValidator")}` : o.value.integer?.$invalid ? e = `${a("validation.integer")}` : o.value.regex?.$invalid ? e = o.value.regex?.$message || `${a("validation.isRegExpMatched")} ${o.value.regex?.$params?.regex}` : o.value.nameAlreadyInUse?.$invalid ? e = a("validation.nameAlreadyInUse") : o.value.phoneNumberSymbolsValidator?.$invalid && (e = a("validation.phoneNumberSymbolsValidator"))), s?.value) {
 				for (let { name: t, text: n } of s.value) o.value[t]?.$invalid && (e = n);
 				return e;
 			}

package/dist/{wt-chat-emoji-DMGWnSDG.js → wt-chat-emoji-Bxx-vud5.js}

@@ -1,4 +1,4 @@
-import "./components-BqXO2X92.js";
+import "./components-HoXxNgtV.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./wt-button-dC4nOW56.js";

package/dist/{wt-datepicker-slYQKBRT.js → wt-datepicker-D2GjAUWU.js}

@@ -2,7 +2,7 @@ import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { d as t, f as n, l as r, r as i } from "./enums-De8CDKZ1.js";
 import { a, i as o, n as s, r as c, t as l } from "./toZonedTime-B8L5kbse.js";
 import { t as u } from "./vue-i18n-Db_oYfO8.js";
-import { t as d } from "./useValidation-DGl2otXJ.js";
+import { t as d } from "./useValidation-BedhHNX5.js";
 import { computed as f, createBlock as p, createCommentVNode as m, createElementBlock as ee, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, guardReactiveProps as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeProps as C, onMounted as w, onUnmounted as T, openBlock as E, renderSlot as D, resolveComponent as O, toDisplayString as k, toRefs as A, unref as j, useModel as M, useTemplateRef as N, vShow as P, withCtx as F, withDirectives as I } from "vue";
 import L from "primevue/datepicker";
 //#region node_modules/date-fns-tz/dist/esm/fromZonedTime/index.js

package/dist/{wt-display-chip-items-CL9lPf4i.js → wt-display-chip-items-Dh4I_R3N.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-BqXO2X92.js";
+import { C as e, i as t } from "./components-HoXxNgtV.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-expansion-card-afRJCmRw.js → wt-expansion-card-DvLD-TP4.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-De8CDKZ1.js";
 import { t as n } from "./useExpansion-DVdIpoOn.js";
-import "./composables-CuxX3Ib0.js";
+import "./composables-vmCh4eqT.js";
 import { t as r } from "./wt-expand-transition-C2p9bR4j.js";
 import { createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, guardReactiveProps as c, normalizeClass as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toRef as m, unref as h, vShow as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";
 //#region src/components/wt-expansion-card/wt-expansion-card.vue?vue&type=script&setup=true&lang.ts

package/dist/{wt-galleria-DGkRyAjw.js → wt-galleria-DT0SOjXk.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
-import { a as n, o as r } from "./composables-CuxX3Ib0.js";
+import { a as n, o as r } from "./composables-vmCh4eqT.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderSlot as x, resolveComponent as S, toDisplayString as C, unref as w, useAttrs as T, useModel as E, vShow as D, watch as O, withCtx as k, withDirectives as A } from "vue";
 //#region src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup.js
 var j = () => {

package/dist/{wt-search-bar-CYCOxWra.js → wt-search-bar-CUxiGcoz.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./debounce-Bp3jy7S5.js";
-import { t as n } from "./useValidation-DGl2otXJ.js";
+import { t as n } from "./useValidation-BedhHNX5.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, toRefs as _, unref as v, withCtx as y, withDirectives as b } from "vue";
 //#region src/components/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang.ts
 var x = { class: "wt-search-bar__icon-controls" }, S = /*#__PURE__*/ e(/* @__PURE__ */ u({

package/dist/{wt-send-message-popup-BV_3DOj4.js → wt-send-message-popup-CfXNIN5B.js}

@@ -1,5 +1,5 @@
-import { n as e, r as t } from "./clients-IxWZVjVW.js";
-import { n } from "./components-BqXO2X92.js";
+import { n as e, r as t } from "./clients-Bj07uFky.js";
+import { n } from "./components-HoXxNgtV.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
 import { createBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, inject 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";
 //#endregion

package/dist/{wt-table-CC01Dw6T.js → wt-table-DS_2J5zF.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t } from "./vue-i18n-Db_oYfO8.js";
 import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
-import { t as i } from "./composables-CuxX3Ib0.js";
+import { t as i } from "./composables-vmCh4eqT.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as x, renderSlot as S, resolveComponent as C, resolveDirective as w, toDisplayString as T, useSlots as E, useTemplateRef as D, withCtx as O, withDirectives as k, withModifiers as A } from "vue";
 //#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
 var j = { class: "wt-table__th__content typo-body-1-bold" }, M = { class: "wt-table__td__actions" }, N = 10, P = /*#__PURE__*/ e(/* @__PURE__ */ m({

package/dist/{wt-timepicker-BEeUHumZ.js → wt-timepicker-Bxdc4s3_.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t, r as n } from "./enums-De8CDKZ1.js";
 import { t as r } from "./vue-i18n-Db_oYfO8.js";
-import { t as i } from "./useValidation-DGl2otXJ.js";
+import { t as i } from "./useValidation-BedhHNX5.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, nextTick as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, resolveComponent as y, toDisplayString as b, toRefs as x, unref as S, withCtx as C } from "vue";
 //#region src/components/wt-timepicker/wt-timepicker.vue?vue&type=script&setup=true&lang.ts
 var w = { class: "wt-timepicker__wrapper" }, T = 3600, E = 60, D = /*#__PURE__*/ e(/* @__PURE__ */ d({

package/dist/{wt-type-extension-value-input-Cb_PUwOS.js → wt-type-extension-value-input-CkBLTUKL.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-IxWZVjVW.js";
-import { a as t, o as n, r, s as i } from "./components-BqXO2X92.js";
+import { t as e } from "./clients-Bj07uFky.js";
+import { a as t, o as n, r, s as i } from "./components-HoXxNgtV.js";
 import { t as a } from "./enums-De8CDKZ1.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-DlSB9Hkq.js → wt-vidstack-player-BJhIWHcT.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./components-BqXO2X92.js";
+import { w as e } from "./components-HoXxNgtV.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-De8CDKZ1.js";
 import "./wt-button-dC4nOW56.js";

package/package.json

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

package/src/components/_internals/composables/useSelect/useSelect.ts

@@ -17,7 +17,7 @@ export const useSelect = ({
 	searchMethod,
 	selectId,
 	isSingle,
-	disabledOptions = undefined,
+	strictApiOptions = undefined,
 	emit = () => {},
 }) => {
 	const {
@@ -32,7 +32,6 @@ export const useSelect = ({
 		resetAndFetch,
 		filterOptionsBase,
 		updateSelectedOptionsCache,
-		isOptionDisabled,
 	} = useSelectOptions({
 		selected,
 		options,
@@ -41,7 +40,7 @@ export const useSelect = ({
 		dataKey,
 		allowCustomValues,
 		searchMethod,
-		disabledOptions,
+		strictApiOptions,
 	});
 
 	const {
@@ -114,6 +113,5 @@ export const useSelect = ({
 		onDropdownHide,
 		onInputKeydown,
 		clearValue,
-		isOptionDisabled,
 	};
 };

package/src/components/_internals/composables/useSelect/useSelectOptions.ts

@@ -16,7 +16,7 @@ export const useSelectOptions = ({
 	dataKey,
 	allowCustomValues,
 	searchMethod,
-	disabledOptions,
+	strictApiOptions,
 }) => {
 	const { t } = useI18n();
 	const defaultOptionLabel = 'name';
@@ -186,7 +186,7 @@ export const useSelectOptions = ({
 
 	const addSelectedValueToList = (newVal) => {
 		// If the selected value is not in the list, add it
-		if (!newVal || !searchMethod.value) return;
+		if (!newVal || !searchMethod.value || strictApiOptions?.value) return;
 		const selectedAsArray = toArray(newVal);
 		const missingSelected = selectedAsArray.filter(
 			(s) => !isOptionSelected(s, filteredOptions.value, dataKey.value),
@@ -228,21 +228,6 @@ export const useSelectOptions = ({
 		},
 	);
 
-	const isOptionDisabled = (option: unknown): boolean => {
-		if (!disabledOptions?.value) return false;
-		return Array.isArray(disabledOptions.value)
-			? (disabledOptions.value as unknown[]).some(
-					(d) =>
-						d != null &&
-						typeof d === 'object' &&
-						option != null &&
-						typeof option === 'object' &&
-						(d as Record<string, unknown>)[dataKey.value] ===
-							(option as Record<string, unknown>)[dataKey.value],
-				)
-			: Boolean(disabledOptions.value);
-	};
-
 	return {
 		filterText,
 		filteredOptions,
@@ -255,6 +240,5 @@ export const useSelectOptions = ({
 		resetAndFetch,
 		filterOptionsBase,
 		updateSelectedOptionsCache,
-		isOptionDisabled,
 	};
 };

package/src/components/wt-datepicker/_internals/composables/useRestoreOnBlur.ts

@@ -1,4 +1,4 @@
-import { nextTick, type WritableComputedRef, watch } from 'vue';
+import { nextTick } from 'vue';
 
 /**
  * @author @HlukhovYe

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

@@ -25,7 +25,7 @@
       :auto-option-focus="true"
       :disabled="disabled"
       :placeholder="placeholder || label"
-      :option-disabled="isOptionDisabled"
+      :option-disabled="() => !!props.disabledOptions"
       :options="filteredOptions"
       :option-label="(option) => getOptionLabel(option)"
       :option-value="optionValue"
@@ -141,9 +141,13 @@ interface Props extends SelectProps {
 	required?: boolean;
 	disabled?: boolean;
 	/**
-	 * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
+	 * true disables all options but keeps dropdown visible
 	 */
-	disabledOptions?: boolean | unknown[];
+	disabledOptions?: boolean;
+	/**
+	 * true — the select will only show options returned by the API, never prepending the current model value if it is missing from the list
+	 */
+	strictApiOptions?: boolean;
 	/**
 	 * false disables options search
 	 */
@@ -226,7 +230,6 @@ const {
 	filterOptions,
 	onInputKeydown,
 	clearValue,
-	isOptionDisabled,
 } = useSelect({
 	selected: model,
 	options: computed(() => props.options),
@@ -240,7 +243,7 @@ const {
 	searchMethod: computed(() => props.searchMethod),
 	selectId: computed(() => selectId),
 	isSingle: false,
-	disabledOptions: computed(() => props.disabledOptions),
+	strictApiOptions: computed(() => props.strictApiOptions),
 	emit,
 });
 

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

@@ -22,7 +22,7 @@
       :focus-on-hover="false"
       :disabled="disabled"
       :placeholder="placeholder || label"
-      :option-disabled="isOptionDisabled"
+      :option-disabled="() => !!props.disabledOptions"
       :options="filteredOptions"
       :option-label="(option) => getOptionLabel(option)"
       :option-value="optionValue"
@@ -118,9 +118,13 @@ interface Props extends SelectProps {
 	disabled?: boolean;
 	size?: string | null;
 	/**
-	 * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
+	 * true disables all options but keeps dropdown visible
 	 */
-	disabledOptions?: boolean | unknown[];
+	disabledOptions?: boolean;
+	/**
+	 * true — the select will only show options returned by the API, never prepending the current model value if it is missing from the list
+	 */
+	strictApiOptions?: boolean;
 	/**
 	 * false disables options search
 	 */
@@ -198,7 +202,6 @@ const {
 	filterOptions,
 	onInputKeydown,
 	clearValue,
-	isOptionDisabled,
 } = useSelect({
 	selected: model,
 	options: computed(() => props.options),
@@ -211,7 +214,7 @@ const {
 	searchMethod: computed(() => props.searchMethod),
 	selectId: computed(() => selectId),
 	isSingle: true,
-	disabledOptions: computed(() => props.disabledOptions),
+	strictApiOptions: computed(() => props.strictApiOptions),
 	emit,
 });
 

package/src/locale/en/en.js

@@ -483,6 +483,8 @@ export default deepmerge(
 				'The code must contain only letters (A-Z, a-z) and numbers (0-9), and must start with a letter',
 			integer: 'The field should contain only whole numbers',
 			nameAlreadyInUse: 'This name is already in use',
+			phoneNumberSymbolsValidator:
+				"Number must contain letters (a-z, A-Z), numbers (0-9), and special characters: +, -, _, ., !, ~, *, ', (,)",
 		},
 		webitelUI: {
 			searchBar: {

package/src/locale/es/es.js

@@ -469,6 +469,8 @@ export default {
 			'El código debe contener solo letras (A-Z, a-z) y números (0-9), y debe comenzar con una letra',
 		integer: 'El campo debe contener solo números enteros',
 		nameAlreadyInUse: 'Este nombre ya está en uso',
+		phoneNumberSymbolsValidator:
+			"El número solo puede contener letras (a-z, A-Z), números (0-9) y los símbolos: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/kz/kz.js

@@ -471,6 +471,8 @@ export default {
 			'Код тек әріптерден (A-Z, a-z) және сандардан (0-9) тұруы керек және әріптен басталуы керек',
 		integer: 'Өріс тек бүтін сандарды қамтуы керек',
 		nameAlreadyInUse: 'Бұл атау қолданыста',
+		phoneNumberSymbolsValidator:
+			"Нөмірде тек әріптер (a-z, A-Z), сандар (0-9) және мына таңбалар болуы мүмкін: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/pl/pl.js

@@ -472,6 +472,8 @@ export default {
 			'Kod musi zawierać tylko litery (A-Z, a-z) i cyfry (0-9) oraz musi zaczynać się od litery',
 		integer: 'Pole powinno zawierać tylko liczby całkowite',
 		nameAlreadyInUse: 'Ta nazwa jest już używana',
+		phoneNumberSymbolsValidator:
+			"Numer może zawierać wyłącznie litery (a-z, A-Z), cyfry (0-9) oraz symbole: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/ro/ro.js

@@ -476,6 +476,8 @@ export default {
 			'Codul trebuie să conțină doar litere (A-Z, a-z) și cifre (0-9), și trebuie să înceapă cu o literă',
 		integer: 'Câmpul trebuie să conțină doar numere întregi',
 		nameAlreadyInUse: 'Acest nume este deja folosit',
+		phoneNumberSymbolsValidator:
+			"Numărul poate conține doar litere (a-z, A-Z), cifre (0-9) și simbolurile: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/ru/ru.js

@@ -471,6 +471,8 @@ export default {
 			'Код должен содержать только буквы (A-Z, a-z) и цифры (0-9) и начинатся с буквы',
 		integer: 'Поле должно содержать только целые числа',
 		nameAlreadyInUse: 'Это название уже используется',
+		phoneNumberSymbolsValidator:
+			"Номер может содержать только буквы (a-z, A-Z), цифры (0-9) и символы: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/uk/uk.js

@@ -470,6 +470,8 @@ export default {
 			'Код повинен містити лише літери (A-Z, a-z) та цифри (0-9) і починатися з літери',
 		integer: 'Поле повинно містити лише цілі числа',
 		nameAlreadyInUse: 'Така назва вже використовується',
+		phoneNumberSymbolsValidator:
+			"Номер може містити лише літери (a-z, A-Z), цифри (0-9) та символи: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/uz/uz.js

@@ -476,6 +476,8 @@ export default {
 			"Kod faqat harflar (A-Z, a-z) va raqamlar (0-9) dan iborat bo'lishi va harf bilan boshlanishi kerak",
 		integer: "Maydon faqat butun sonlardan iborat bo'lishi kerak",
 		nameAlreadyInUse: 'Ushbu nom allaqachon mavjud',
+		phoneNumberSymbolsValidator:
+			"Raqamda faqat harflar (a-z, A-Z), raqamlar (0-9) va quyidagi belgilar bo'lishi mumkin: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/locale/vi/vi.js

@@ -475,6 +475,8 @@ export default {
 			'Mã phải chỉ chứa chữ cái (A-Z, a-z) và số (0-9), và phải bắt đầu bằng chữ cái',
 		integer: 'Trường này chỉ được chứa số nguyên',
 		nameAlreadyInUse: 'Tên này đã được sử dụng',
+		phoneNumberSymbolsValidator:
+			"Số chỉ được chứa chữ cái (a-z, A-Z), chữ số (0-9) và các ký tự: +, -, _, ., !, ~, *, ', (, )",
 	},
 	webitelUI: {
 		searchBar: {

package/src/mixins/validationMixin/vuelidate/useVuelidateValidation.ts

@@ -78,6 +78,8 @@ export const useFieldValidation = ({
 					`${t('validation.isRegExpMatched')} ${v.value.regex?.$params?.regex}`;
 			else if (v.value.nameAlreadyInUse?.$invalid) {
 				validationText = t('validation.nameAlreadyInUse');
+			} else if (v.value.phoneNumberSymbolsValidator?.$invalid) {
+				validationText = t('validation.phoneNumberSymbolsValidator');
 			}
 		}
 

package/types/components/_internals/composables/useSelect/useSelect.d.ts

@@ -1,4 +1,4 @@
-export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, disabledOptions, emit, }: {
+export declare const useSelect: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, manualCustomValues, filterInput, selectRef, searchMethod, selectId, isSingle, strictApiOptions, emit, }: {
     selected: any;
     options: any;
     optionLabel: any;
@@ -11,7 +11,7 @@ export declare const useSelect: ({ selected, options, optionLabel, optionValue,
     searchMethod: any;
     selectId: any;
     isSingle: any;
-    disabledOptions?: any;
+    strictApiOptions?: any;
     emit?: () => void;
 }) => {
     isLoading: import("vue").Ref<boolean, boolean>;
@@ -28,5 +28,4 @@ export declare const useSelect: ({ selected, options, optionLabel, optionValue,
     onDropdownHide: () => void;
     onInputKeydown: () => void;
     clearValue: () => void;
-    isOptionDisabled: (option: unknown) => boolean;
 };

package/types/components/_internals/composables/useSelect/useSelectOptions.d.ts

@@ -1,4 +1,4 @@
-export declare const useSelectOptions: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, searchMethod, disabledOptions, }: {
+export declare const useSelectOptions: ({ selected, options, optionLabel, optionValue, dataKey, allowCustomValues, searchMethod, strictApiOptions, }: {
     selected: any;
     options: any;
     optionLabel: any;
@@ -6,7 +6,7 @@ export declare const useSelectOptions: ({ selected, options, optionLabel, option
     dataKey: any;
     allowCustomValues: any;
     searchMethod: any;
-    disabledOptions: any;
+    strictApiOptions: any;
 }) => {
     filterText: import("vue").Ref<string, string>;
     filteredOptions: import("vue").Ref<any, any>;
@@ -19,5 +19,4 @@ export declare const useSelectOptions: ({ selected, options, optionLabel, option
     resetAndFetch: (search?: string) => void;
     filterOptionsBase: (value: any) => void;
     updateSelectedOptionsCache: () => void;
-    isOptionDisabled: (option: unknown) => boolean;
 };

package/types/components/wt-multi-select/wt-multi-select.vue.d.ts

@@ -5,9 +5,13 @@ interface Props extends SelectProps {
     required?: boolean;
     disabled?: boolean;
     /**
-     * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
+     * true disables all options but keeps dropdown visible
      */
-    disabledOptions?: boolean | unknown[];
+    disabledOptions?: boolean;
+    /**
+     * true — the select will only show options returned by the API, never prepending the current model value if it is missing from the list
+     */
+    strictApiOptions?: boolean;
     /**
      * false disables options search
      */

package/types/components/wt-single-select/wt-single-select.vue.d.ts

@@ -6,9 +6,13 @@ interface Props extends SelectProps {
     disabled?: boolean;
     size?: string | null;
     /**
-     * true disables all options but keeps dropdown visible; an array disables specific options by dataKey
+     * true disables all options but keeps dropdown visible
      */
-    disabledOptions?: boolean | unknown[];
+    disabledOptions?: boolean;
+    /**
+     * true — the select will only show options returned by the API, never prepending the current model value if it is missing from the list
+     */
+    strictApiOptions?: boolean;
     /**
      * false disables options search
      */

package/types/locale/en/en.d.ts

@@ -418,6 +418,7 @@ declare const _default: {
         latinWithNumber: string;
         integer: string;
         nameAlreadyInUse: string;
+        phoneNumberSymbolsValidator: string;
     };
     webitelUI: {
         searchBar: {

package/types/locale/es/es.d.ts

@@ -463,6 +463,7 @@ declare namespace _default {
         export let latinWithNumber: string;
         export let integer: string;
         export let nameAlreadyInUse: string;
+        export let phoneNumberSymbolsValidator: string;
     }
     export namespace webitelUI {
         export namespace searchBar {

package/types/locale/i18n.d.ts

@@ -419,6 +419,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -1263,6 +1264,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -2091,6 +2093,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -2921,6 +2924,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -3749,6 +3753,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -4579,6 +4584,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -5409,6 +5415,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -6240,6 +6247,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -7070,6 +7078,7 @@ declare const _default: import("vue-i18n").I18n<{
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {

package/types/locale/index.d.ts

@@ -429,6 +429,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -1273,6 +1274,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -2101,6 +2103,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -2931,6 +2934,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -3759,6 +3763,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -4589,6 +4594,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -5419,6 +5425,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -6250,6 +6257,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {
@@ -7080,6 +7088,7 @@ export declare const messages: {
             latinWithNumber: string;
             integer: string;
             nameAlreadyInUse: string;
+            phoneNumberSymbolsValidator: string;
         };
         webitelUI: {
             searchBar: {

package/types/locale/kz/kz.d.ts

@@ -463,6 +463,7 @@ declare namespace _default {
         export let latinWithNumber: string;
         export let integer: string;
         export let nameAlreadyInUse: string;
+        export let phoneNumberSymbolsValidator: string;
     }
     export namespace webitelUI {
         export namespace searchBar {