@webitel/ui-sdk 25.8.7 → 25.8.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.8.7",
+  "version": "25.8.8",
   "private": false,
   "scripts": {
     "dev": "npm run docs:dev",
@@ -36,7 +36,7 @@
     "src/enums/*",
     "src/mixins/*",
     "src/scripts/*",
-    "src/validations/vuelidate/validators/*",
+    "src/validations/*",
     "src/modules/*",
     "src/plugins/*",
     "src/store/*",

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

@@ -0,0 +1,49 @@
+import { ComposerTranslation as I18nComposerTranslation } from 'vue-i18n';
+import { z } from 'zod/v4';
+
+import { isEmpty } from '../../../scripts';
+
+export const customZodErrorsHandler =
+  (t: I18nComposerTranslation) => (issue: z.core.$ZodIssue) => {
+    switch (issue.code) {
+      case 'too_small':
+        return handleTooSmall(issue);
+      case 'too_big':
+        return handleTooBig(issue);
+      case 'invalid_value':
+      case 'invalid_type':
+        return handleInvalid(issue);
+      default:
+        return issue.code;
+    }
+
+    function handleTooSmall(issue: z.core.$ZodIssueTooSmall) {
+      const showRequiredMsg = () => {
+        return t('validation.required');
+      };
+
+      if (isEmpty(issue.input) as boolean) {
+        return showRequiredMsg();
+      }
+
+      return t('validation.minLength', {
+        min: issue.minimum,
+      });
+    }
+
+    function handleTooBig(issue: z.core.$ZodIssueTooBig) {
+      return t('validation.maxLength', {
+        max: issue.maximum,
+      });
+    }
+
+    function handleInvalid(
+      issue: z.core.$ZodIssueInvalidType | z.core.$ZodIssueInvalidValue,
+    ) {
+      if (isEmpty(issue.input)) {
+        return t('validation.required');
+      }
+
+      console.error('Unknown Invalid Zod issue:', issue);
+    }
+  };

package/src/validations/config/index.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod/v4';
+import { ComposerTranslation as I18nComposerTranslation } from 'vue-i18n';
+
+import { customZodErrorsHandler } from "./errors/customZodErrorsHandler";
+
+export const configureZod = ({ zodInstance, t }: {
+    t: I18nComposerTranslation;
+    zodInstance?: typeof z;
+}) => {
+    const configuredZod = zodInstance || z;
+
+    configuredZod.config({
+        customError: customZodErrorsHandler(t),
+    });
+};
+

package/src/validations/index.ts

@@ -0,0 +1 @@
+export * from './config';