@webitel/ui-sdk 26.8.43 → 26.8.45

package/dist/{wt-chat-emoji-BB8ma_6l.js → wt-chat-emoji-BA1xkC5R.js}

@@ -1,4 +1,4 @@
-import "./components-DGC1L_qk.js";
+import "./components-Be_GSVom.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-B7B7qITq.js";

package/dist/{wt-datepicker-C5LuZK-R.js → wt-datepicker-D5Af57PB.js}

@@ -208,6 +208,7 @@ var W = { class: "wt-datepicker" }, G = { class: "wt-datepicker__button-bar" },
 			Boolean
 		] },
 		customValidators: { default: () => [] },
+		regleValidation: {},
 		modelValue: {},
 		defaultValue: {},
 		name: {},
@@ -320,9 +321,10 @@ var W = { class: "wt-datepicker" }, G = { class: "wt-datepicker__button-bar" },
 			}, 0);
 		}, X = () => {
 			B();
-		}, Z = f(() => o.required ? `${o.label}*` : o.label), { v: ne, customValidators: re } = j(o), { isValidation: ie, invalid: Q, validationText: $, validationTextColor: ae } = d({
+		}, Z = f(() => o.required ? `${o.label}*` : o.label), { v: ne, customValidators: re, regleValidation: ie } = j(o), { isValidation: ae, invalid: Q, validationText: $, validationTextColor: oe } = d({
 			v: ne,
-			customValidators: re
+			customValidators: re,
+			regleValidation: ie
 		});
 		return (a, o) => {
 			let s = k("wt-label"), l = k("wt-button"), u = k("wt-icon-btn"), d = k("wt-message");
@@ -438,9 +440,9 @@ var W = { class: "wt-datepicker" }, G = { class: "wt-datepicker__button-bar" },
 					"show-clear",
 					"onBlur"
 				]),
-				M(ie) && M($) ? (D(), p(d, {
+				M(ae) && M($) ? (D(), p(d, {
 					key: 0,
-					color: M(ae),
+					color: M(oe),
 					variant: M(i).SIMPLE,
 					size: M(r).SM
 				}, {
@@ -454,6 +456,6 @@ var W = { class: "wt-datepicker" }, G = { class: "wt-datepicker__button-bar" },
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-e763bd8a"]]);
+}), [["__scopeId", "data-v-4c2f4f33"]]);
 //#endregion
 export { X as default };

package/dist/{wt-display-chip-items-CW6yvMVZ.js → wt-display-chip-items-9N0X72Pw.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-DGC1L_qk.js";
+import { C as e, i as t } from "./components-Be_GSVom.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-send-message-popup-BkANy_C6.js → wt-send-message-popup-6oNlX5JL.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-BwMBivjN.js";
-import { T as r, n as i, w as a } from "./components-DGC1L_qk.js";
+import { n as t, r as n } from "./clients-BGap1xkq.js";
+import { T as r, n as i, w as a } from "./components-Be_GSVom.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";

package/dist/{wt-type-extension-value-input-ETQZwENL.js → wt-type-extension-value-input-DpqAuKgv.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-BwMBivjN.js";
-import { a as t, o as n, r, s as i } from "./components-DGC1L_qk.js";
+import { t as e } from "./clients-BGap1xkq.js";
+import { a as t, o as n, r, s as i } from "./components-Be_GSVom.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-Qb6Iy40j.js → wt-vidstack-player-1mc2bsov.js}

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

package/package.json

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

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

@@ -55,7 +55,7 @@
     >
 			<template #buttonbar="{ todayCallback, clearCallback }">
 				<div class="wt-datepicker__button-bar">
-					<wt-button 
+					<wt-button
 						:color="ButtonColor.SECONDARY"
 						:variant="ButtonVariant.OUTLINED"
 						:size="ComponentSize.SM"
@@ -63,7 +63,7 @@
 					>
 						{{ t('reusable.today') }}
 					</wt-button>
-					<wt-button 
+					<wt-button
 						v-show="clearable && modelValue"
 						:color="ButtonColor.SECONDARY"
 						:variant="ButtonVariant.OUTLINED"
@@ -76,14 +76,14 @@
 			</template>
 
 			<template #prevbutton="{ actionCallback }">
-				<wt-icon-btn 
+				<wt-icon-btn
 					icon="arrow-left"
 					@click="actionCallback"
 				/>
 			</template>
 
 			<template #nextbutton="{ actionCallback }">
-				<wt-icon-btn 
+				<wt-icon-btn
 					icon="arrow-right"
 					@click="actionCallback"
 				/>
@@ -133,6 +133,7 @@
 </template>
 
 <script setup lang="ts">
+import type { SuperCompatibleRegleFieldStatus } from '@regle/core';
 import { fromZonedTime, toZonedTime } from 'date-fns-tz';
 import PDatepicker, {
 	DatePickerEmitsOptions,
@@ -167,6 +168,7 @@ interface Props extends DatePickerProps {
 	timezone?: string;
 	v?: VuelidateFieldLike;
 	customValidators?: CompatCustomValidator[];
+	regleValidation?: SuperCompatibleRegleFieldStatus;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -257,12 +259,13 @@ const requiredLabel = computed(() => {
 });
 
 // https://stackoverflow.com/questions/72408463/use-props-in-composables-vue3
-const { v, customValidators } = toRefs(props);
+const { v, customValidators, regleValidation } = toRefs(props);
 
 const { isValidation, invalid, validationText, validationTextColor } =
 	useValidation({
 		v,
 		customValidators,
+		regleValidation,
 	});
 </script>
 

package/src/validations/config/errors/customZodErrorsHandler.ts

@@ -3,6 +3,11 @@ import type { z } from 'zod/v4';
 
 import { isEmpty } from '../../../scripts';
 
+const isMissingValue = (value: unknown) => {
+	if (typeof value === 'number') return false;
+	return isEmpty(value) as boolean;
+};
+
 export const customZodErrorsHandler =
 	(t: I18nComposerTranslation) => (issue: z.core.$ZodRawIssue) => {
 		switch (issue.code) {
@@ -13,6 +18,8 @@ export const customZodErrorsHandler =
 			case 'invalid_value':
 			case 'invalid_type':
 				return handleInvalid(issue);
+			case 'invalid_union':
+				return handleInvalidUnion(issue);
 			case 'custom':
 				return handleCustom(issue);
 			default:
@@ -38,8 +45,7 @@ export const customZodErrorsHandler =
 				return t('validation.required');
 			};
 
-			// if empty, show "required" error
-			if (isEmpty(issue.input) as boolean) {
+			if (isMissingValue(issue.input)) {
 				return showRequiredMsg();
 			}
 
@@ -50,6 +56,13 @@ export const customZodErrorsHandler =
 				});
 			}
 
+			// if date, show formatted date in the "value" error
+			if (issue.origin === 'date') {
+				return t('validation.minValue', {
+					min: new Date(issue.minimum as number).toLocaleString(),
+				});
+			}
+
 			// else, show "value" error
 			return t('validation.minValue', {
 				min: issue.minimum,
@@ -64,6 +77,13 @@ export const customZodErrorsHandler =
 				});
 			}
 
+			// if date, show formatted date in the "value" error
+			if (issue.origin === 'date') {
+				return t('validation.maxValue', {
+					max: new Date(issue.maximum as number).toLocaleString(),
+				});
+			}
+
 			// else, show "value" error
 			return t('validation.maxValue', {
 				max: issue.maximum,
@@ -75,10 +95,20 @@ export const customZodErrorsHandler =
 				| z.core.$ZodRawIssue<z.core.$ZodIssueInvalidType>
 				| z.core.$ZodRawIssue<z.core.$ZodIssueInvalidValue>,
 		) {
-			if (isEmpty(issue.input)) {
+			if (isMissingValue(issue.input)) {
 				return t('validation.required');
 			}
 
 			console.error('Unknown Invalid Zod issue:', issue);
 		}
+
+		function handleInvalidUnion(
+			issue: z.core.$ZodRawIssue<z.core.$ZodIssueInvalidUnion>,
+		) {
+			if (isMissingValue(issue.input)) {
+				return t('validation.required');
+			}
+
+			return t('validation.invalid');
+		}
 	};