@onesy/ui-react 1.0.72 → 1.0.73

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.72
+/** @license UiReact v1.0.73
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/useForm/useForm.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 import { capitalize, copy, is, setObjectValue } from '@onesy/utils';
 import validateModel from './validate';
+import { useOnesyTheme } from 'packages/style-react/build';
 const useForm = props => {
   const {
     values: values_ = {},
@@ -13,6 +14,8 @@ const useForm = props => {
     valueDefault,
     validDefault
   } = props;
+  const theme = useOnesyTheme();
+  const l = theme.l;
   const [form, setForm] = React.useState({
     value: valueDefault !== undefined ? valueDefault : {},
     values: copy(values_ || {}),
@@ -77,13 +80,15 @@ const useForm = props => {
         // Validate the property
         if (property.required && property.value === undefined) {
           const name = is('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? capitalize(property.name) : property.name;
-          property.error = `${name} is required`;
+          property.error = `${name} ${l('is required')}`;
         } else {
           property.error = undefined;
 
           // validations
           try {
-            await validateModel(property, property_, formNew);
+            await validateModel(property, property_, formNew, {
+              l
+            });
           } catch (error) {
             property.error = error.message;
           }
@@ -128,13 +133,15 @@ const useForm = props => {
       // Validate the property
       if (property.required && property.value === undefined) {
         const name = is('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? capitalize(property.name) : property.name;
-        property.error = `${name} is required`;
+        property.error = `${name} ${l('is required')}`;
       } else {
         property.error = undefined;
 
         // validations
         try {
-          await validateModel(property, item, formNew);
+          await validateModel(property, item, formNew, {
+            l
+          });
           property.error = undefined;
         } catch (error) {
           property.error = error.message;

package/esm/useForm/validate.js

@@ -18,6 +18,7 @@ const validate = async (model, property, form, options_) => {
     uriDecode: true,
     parse: true
   });
+  const l = options?.l || (item => item);
   const name = is('function', model.propertyNameUpdate) ? model.propertyNameUpdate(model.name) : model.capitalize !== false ? capitalize(model.name) : model.name;
   const value = model.value;
 
@@ -27,7 +28,7 @@ const validate = async (model, property, form, options_) => {
   // required
   if (model.required) {
     const response = value;
-    if (response === undefined) onValidateError(options, model, model.messages?.required || `${name} is required`);
+    if (response === undefined) onValidateError(options, model, model.messages?.required || `${name} ${l('is required')}`);
   }
 
   // only validate
@@ -42,7 +43,7 @@ const validate = async (model, property, form, options_) => {
       const itemType = item?.type || item;
       const itemOptions = item?.options || undefined;
       const response = is(itemType, value, itemOptions);
-      if (!response) onValidateError(options, model, model.messages?.is || `${name} has to be a valid ${cleanValue(itemType)}`);
+      if (!response) onValidateError(options, model, model.messages?.is || `${name} ${l('has to be a valid')} ${cleanValue(l(itemType))}`);
     }
   }
 
@@ -53,7 +54,7 @@ const validate = async (model, property, form, options_) => {
       const itemType = item?.type || item;
       const itemOptions = item?.options || undefined;
       const response = isValid(itemType, value, itemOptions);
-      if (!response) onValidateError(options, model, model.messages?.isValid || `${name} has to be a valid ${cleanValue(itemType)}`);
+      if (!response) onValidateError(options, model, model.messages?.isValid || `${name} ${l('has to be a valid')} ${cleanValue(l(itemType))}`);
     }
   }
 
@@ -68,7 +69,7 @@ const validate = async (model, property, form, options_) => {
           return is(itemType, valueItem, itemOptions);
         });
       });
-      if (!response) onValidateError(options, model, model.messages?.of || `${name} items have to be one of ${of_.map(item => item?.type || item).join(', ')}`);
+      if (!response) onValidateError(options, model, model.messages?.of || `${name} ${l('items have to be one of')} ${of_.map(item => l(item?.type || item)).join(', ')}`);
     }
   }
 
@@ -83,32 +84,32 @@ const validate = async (model, property, form, options_) => {
           return isValid(itemType, valueItem, itemOptions);
         });
       });
-      if (!response) onValidateError(options, model, model.messages?.ofValid || `${name} items have to be one of valid ${ofValid.map(item => item?.type || item).join(', ')}`);
+      if (!response) onValidateError(options, model, model.messages?.ofValid || `${name} ${l('items have to be one of valid')} ${ofValid.map(item => l(item?.type || item)).join(', ')}`);
     }
   }
 
   // equal
   if (model.equal !== undefined) {
     const response = value === model.equal;
-    if (!response) onValidateError(options, model, model.messages?.equal || `${name} has to be equal to ${stringify(model.equal)}`);
+    if (!response) onValidateError(options, model, model.messages?.equal || `${name} ${l('has to be equal to')} ${stringify(model.equal)}`);
   }
 
   // not equal
   if (model.notEqual !== undefined) {
     const response = value !== model.equal;
-    if (!response) onValidateError(options, model, model.messages?.notEqual || `${name} has to not be equal to ${stringify(model.equal)}`);
+    if (!response) onValidateError(options, model, model.messages?.notEqual || `${name} ${l('has to not be equal to')} ${stringify(model.equal)}`);
   }
 
   // equal deep
   if (model.equalDeep !== undefined) {
     const response = equalDeep(value, model.equalDeep);
-    if (!response) onValidateError(options, model, model.messages?.equalDeep || `${name} has to be equal to ${stringify(model.equalDeep)}`);
+    if (!response) onValidateError(options, model, model.messages?.equalDeep || `${name} ${l('has to be equal to')} ${stringify(model.equalDeep)}`);
   }
 
   // not equal deep
   if (model.notEqualDeep !== undefined) {
     const response = !equalDeep(value, model.notEqualDeep);
-    if (!response) onValidateError(options, model, model.messages?.notEqualDeep || `${name} has to not be equal to ${stringify(model.notEqualDeep)}`);
+    if (!response) onValidateError(options, model, model.messages?.notEqualDeep || `${name} ${l('has to not be equal to')} ${stringify(model.notEqualDeep)}`);
   }
 
   // some
@@ -116,10 +117,10 @@ const validate = async (model, property, form, options_) => {
     let response;
     if (is('string', value)) {
       response = !!model.some.find(item => equalDeep(value, item));
-      if (!response) onValidateError(options, model, model.messages?.some || `${name} has to be one of ${model.some.map(item => stringify(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, model.messages?.some || `${name} ${l('has to be one of')} ${model.some.map(item => stringify(item)).join(', ')}`);
     } else if (is('array', value)) {
       response = value.some(item => !!model.some.find(item_ => equalDeep(item, item_)));
-      if (!response) onValidateError(options, model, model.messages?.some || `${name} has to include some of ${model.some.map(item => stringify(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, model.messages?.some || `${name} ${l('has to include some of')} ${model.some.map(item => stringify(item)).join(', ')}`);
     }
   }
 
@@ -130,10 +131,10 @@ const validate = async (model, property, form, options_) => {
     let response;
     if (is('string', value)) {
       response = !!every.find(item => equalDeep(value, item));
-      if (!response) onValidateError(options, model, model.messages?.in || model.messages?.every || `${name} has to be one of ${every.map(item => stringify(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, model.messages?.in || model.messages?.every || `${name} ${l('has to be one of')} ${every.map(item => stringify(item)).join(', ')}`);
     } else if (is('array', value)) {
       response = value.every(item => !!every.find(item_ => equalDeep(item, item_)));
-      if (!response) onValidateError(options, model, model.messages?.in || model.messages?.every || `${name} has to include one of ${every.map(item => stringify(item)).join(', ')}`);
+      if (!response) onValidateError(options, model, model.messages?.in || model.messages?.every || `${name} ${l('has to include one of')} ${every.map(item => stringify(item)).join(', ')}`);
     }
   }
 
@@ -142,7 +143,7 @@ const validate = async (model, property, form, options_) => {
     const allowed = model.properties;
     const keys = Object.keys(value);
     const response = keys.every(item => allowed.includes(item));
-    if (!response) onValidateError(options, model, model.messages?.properties || `${name} allowed properties are ${allowed.join(', ')}`);
+    if (!response) onValidateError(options, model, model.messages?.properties || `${name} ${l('allowed properties are')} ${allowed.join(', ')}`);
   }
 
   // not properties
@@ -150,7 +151,7 @@ const validate = async (model, property, form, options_) => {
     const notAllowed = model.notProperties;
     const keys = Object.keys(value);
     const response = keys.every(item => !notAllowed.includes(item));
-    if (!response) onValidateError(options, model, model.messages?.notProperties || `${name} includes not allowed property. Not allowed properties are ${notAllowed.join(', ')}`);
+    if (!response) onValidateError(options, model, model.messages?.notProperties || `${name} ${l('includes not allowed property')}. ${l('Not allowed properties are')} ${notAllowed.join(', ')}`);
   }
 
   // min
@@ -169,15 +170,15 @@ const validate = async (model, property, form, options_) => {
     }
     if (is('number', model.min)) {
       const response = length >= model.min;
-      if (!response) onValidateError(options, model, model.messages?.min || `${name} has to be minimum ${model.min}`);
+      if (!response) onValidateError(options, model, model.messages?.min || `${name} ${l('has to be minimum')} ${model.min}`);
     }
     if (is('number', model.max)) {
       const response = length <= model.max;
-      if (!response) onValidateError(options, model, model.messages?.max || `${name} can be maximum ${model.max}`);
+      if (!response) onValidateError(options, model, model.messages?.max || `${name} ${l('can be maximum')} ${model.max}`);
     }
     if (is('number', model.length)) {
       const response = length === model.length;
-      if (!response) onValidateError(options, model, model.messages?.length || `${name} has to be exactly ${model.length} in length/size`);
+      if (!response) onValidateError(options, model, model.messages?.length || `${name} ${l('has to be exactly')} ${model.length} ${l('in length/size')}`);
     }
   }
 
@@ -193,7 +194,7 @@ const validate = async (model, property, form, options_) => {
         options
       });
       if (response !== undefined) {
-        if (!response) throw new ValidationError(`${name} is invalid`);
+        if (!response) throw new ValidationError(`${name} ${l('is invalid')}`);
       }
     } catch (error) {
       const messageValue = error?.message !== undefined ? error.message : error;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.72",
+  "version": "1.0.73",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",

package/useForm/useForm.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("@onesy/utils");
 const validate_1 = __importDefault(require("./validate"));
+const build_1 = require("packages/style-react/build");
 const useForm = (props) => {
     const { values: values_ = {}, validate: validate_, rerenderOnUpdate = true, autoValidate, valueDefault, validDefault } = props;
+    const theme = (0, build_1.useOnesyTheme)();
+    const l = theme.l;
     const [form, setForm] = react_1.default.useState({
         value: valueDefault !== undefined ? valueDefault : {},
         values: (0, utils_1.copy)(values_ || {}),
@@ -68,13 +71,13 @@ const useForm = (props) => {
                 // Validate the property
                 if (property.required && property.value === undefined) {
                     const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
-                    property.error = `${name} is required`;
+                    property.error = `${name} ${l('is required')}`;
                 }
                 else {
                     property.error = undefined;
                     // validations
                     try {
-                        await (0, validate_1.default)(property, property_, formNew);
+                        await (0, validate_1.default)(property, property_, formNew, { l });
                     }
                     catch (error) {
                         property.error = error.message;
@@ -119,13 +122,13 @@ const useForm = (props) => {
             // Validate the property
             if (property.required && property.value === undefined) {
                 const name = (0, utils_1.is)('function', property.propertyNameUpdate) ? property.propertyNameUpdate(property.name) : property.capitalize !== false ? (0, utils_1.capitalize)(property.name) : property.name;
-                property.error = `${name} is required`;
+                property.error = `${name} ${l('is required')}`;
             }
             else {
                 property.error = undefined;
                 // validations
                 try {
-                    await (0, validate_1.default)(property, item, formNew);
+                    await (0, validate_1.default)(property, item, formNew, { l });
                     property.error = undefined;
                 }
                 catch (error) {

package/useForm/validate.d.ts

@@ -4,6 +4,7 @@ export type IValidateOptions = {
     message?: string;
     uriDecode?: boolean;
     parse?: boolean;
+    l?: any;
 };
 export type IValidateModelValueIs = {
     type?: TIsType;

package/useForm/validate.js

@@ -23,6 +23,7 @@ exports.onValidateError = onValidateError;
 const validate = async (model, property, form, options_) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
     const options = (0, utils_1.merge)((options_ && (0, is_1.default)('object', options_)) ? options_ : {}, { uriDecode: true, parse: true });
+    const l = (options === null || options === void 0 ? void 0 : options.l) || (item => item);
     const name = (0, is_1.default)('function', model.propertyNameUpdate) ? model.propertyNameUpdate(model.name) : model.capitalize !== false ? (0, utils_1.capitalize)(model.name) : model.name;
     const value = model.value;
     // value validate
@@ -31,7 +32,7 @@ const validate = async (model, property, form, options_) => {
     if (model.required) {
         const response = value;
         if (response === undefined)
-            (0, exports.onValidateError)(options, model, ((_a = model.messages) === null || _a === void 0 ? void 0 : _a.required) || `${name} is required`);
+            (0, exports.onValidateError)(options, model, ((_a = model.messages) === null || _a === void 0 ? void 0 : _a.required) || `${name} ${l('is required')}`);
     }
     // only validate
     // if value is not undefined
@@ -46,7 +47,7 @@ const validate = async (model, property, form, options_) => {
             const itemOptions = (item === null || item === void 0 ? void 0 : item.options) || undefined;
             const response = (0, is_1.default)(itemType, value, itemOptions);
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_b = model.messages) === null || _b === void 0 ? void 0 : _b.is) || `${name} has to be a valid ${(0, utils_1.cleanValue)(itemType)}`);
+                (0, exports.onValidateError)(options, model, ((_b = model.messages) === null || _b === void 0 ? void 0 : _b.is) || `${name} ${l('has to be a valid')} ${(0, utils_1.cleanValue)(l(itemType))}`);
         }
     }
     // is valid
@@ -57,7 +58,7 @@ const validate = async (model, property, form, options_) => {
             const itemOptions = (item === null || item === void 0 ? void 0 : item.options) || undefined;
             const response = (0, isValid_1.default)(itemType, value, itemOptions);
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_c = model.messages) === null || _c === void 0 ? void 0 : _c.isValid) || `${name} has to be a valid ${(0, utils_1.cleanValue)(itemType)}`);
+                (0, exports.onValidateError)(options, model, ((_c = model.messages) === null || _c === void 0 ? void 0 : _c.isValid) || `${name} ${l('has to be a valid')} ${(0, utils_1.cleanValue)(l(itemType))}`);
         }
     }
     // of
@@ -72,7 +73,7 @@ const validate = async (model, property, form, options_) => {
                 });
             });
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_d = model.messages) === null || _d === void 0 ? void 0 : _d.of) || `${name} items have to be one of ${of_.map(item => (item === null || item === void 0 ? void 0 : item.type) || item).join(', ')}`);
+                (0, exports.onValidateError)(options, model, ((_d = model.messages) === null || _d === void 0 ? void 0 : _d.of) || `${name} ${l('items have to be one of')} ${of_.map(item => l((item === null || item === void 0 ? void 0 : item.type) || item)).join(', ')}`);
         }
     }
     // ofValid
@@ -87,32 +88,32 @@ const validate = async (model, property, form, options_) => {
                 });
             });
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_e = model.messages) === null || _e === void 0 ? void 0 : _e.ofValid) || `${name} items have to be one of valid ${ofValid.map(item => (item === null || item === void 0 ? void 0 : item.type) || item).join(', ')}`);
+                (0, exports.onValidateError)(options, model, ((_e = model.messages) === null || _e === void 0 ? void 0 : _e.ofValid) || `${name} ${l('items have to be one of valid')} ${ofValid.map(item => l((item === null || item === void 0 ? void 0 : item.type) || item)).join(', ')}`);
         }
     }
     // equal
     if (model.equal !== undefined) {
         const response = value === model.equal;
         if (!response)
-            (0, exports.onValidateError)(options, model, ((_f = model.messages) === null || _f === void 0 ? void 0 : _f.equal) || `${name} has to be equal to ${(0, utils_1.stringify)(model.equal)}`);
+            (0, exports.onValidateError)(options, model, ((_f = model.messages) === null || _f === void 0 ? void 0 : _f.equal) || `${name} ${l('has to be equal to')} ${(0, utils_1.stringify)(model.equal)}`);
     }
     // not equal
     if (model.notEqual !== undefined) {
         const response = value !== model.equal;
         if (!response)
-            (0, exports.onValidateError)(options, model, ((_g = model.messages) === null || _g === void 0 ? void 0 : _g.notEqual) || `${name} has to not be equal to ${(0, utils_1.stringify)(model.equal)}`);
+            (0, exports.onValidateError)(options, model, ((_g = model.messages) === null || _g === void 0 ? void 0 : _g.notEqual) || `${name} ${l('has to not be equal to')} ${(0, utils_1.stringify)(model.equal)}`);
     }
     // equal deep
     if (model.equalDeep !== undefined) {
         const response = (0, utils_1.equalDeep)(value, model.equalDeep);
         if (!response)
-            (0, exports.onValidateError)(options, model, ((_h = model.messages) === null || _h === void 0 ? void 0 : _h.equalDeep) || `${name} has to be equal to ${(0, utils_1.stringify)(model.equalDeep)}`);
+            (0, exports.onValidateError)(options, model, ((_h = model.messages) === null || _h === void 0 ? void 0 : _h.equalDeep) || `${name} ${l('has to be equal to')} ${(0, utils_1.stringify)(model.equalDeep)}`);
     }
     // not equal deep
     if (model.notEqualDeep !== undefined) {
         const response = !(0, utils_1.equalDeep)(value, model.notEqualDeep);
         if (!response)
-            (0, exports.onValidateError)(options, model, ((_j = model.messages) === null || _j === void 0 ? void 0 : _j.notEqualDeep) || `${name} has to not be equal to ${(0, utils_1.stringify)(model.notEqualDeep)}`);
+            (0, exports.onValidateError)(options, model, ((_j = model.messages) === null || _j === void 0 ? void 0 : _j.notEqualDeep) || `${name} ${l('has to not be equal to')} ${(0, utils_1.stringify)(model.notEqualDeep)}`);
     }
     // some
     if ((0, is_1.default)('array', model.some)) {
@@ -120,12 +121,12 @@ const validate = async (model, property, form, options_) => {
         if ((0, is_1.default)('string', value)) {
             response = !!model.some.find(item => (0, utils_1.equalDeep)(value, item));
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_k = model.messages) === null || _k === void 0 ? void 0 : _k.some) || `${name} has to be one of ${model.some.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
+                (0, exports.onValidateError)(options, model, ((_k = model.messages) === null || _k === void 0 ? void 0 : _k.some) || `${name} ${l('has to be one of')} ${model.some.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
         }
         else if ((0, is_1.default)('array', value)) {
             response = value.some(item => !!model.some.find(item_ => (0, utils_1.equalDeep)(item, item_)));
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_l = model.messages) === null || _l === void 0 ? void 0 : _l.some) || `${name} has to include some of ${model.some.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
+                (0, exports.onValidateError)(options, model, ((_l = model.messages) === null || _l === void 0 ? void 0 : _l.some) || `${name} ${l('has to include some of')} ${model.some.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
         }
     }
     // in
@@ -136,12 +137,12 @@ const validate = async (model, property, form, options_) => {
         if ((0, is_1.default)('string', value)) {
             response = !!every.find(item => (0, utils_1.equalDeep)(value, item));
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_m = model.messages) === null || _m === void 0 ? void 0 : _m.in) || ((_o = model.messages) === null || _o === void 0 ? void 0 : _o.every) || `${name} has to be one of ${every.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
+                (0, exports.onValidateError)(options, model, ((_m = model.messages) === null || _m === void 0 ? void 0 : _m.in) || ((_o = model.messages) === null || _o === void 0 ? void 0 : _o.every) || `${name} ${l('has to be one of')} ${every.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
         }
         else if ((0, is_1.default)('array', value)) {
             response = value.every(item => !!every.find(item_ => (0, utils_1.equalDeep)(item, item_)));
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_p = model.messages) === null || _p === void 0 ? void 0 : _p.in) || ((_q = model.messages) === null || _q === void 0 ? void 0 : _q.every) || `${name} has to include one of ${every.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
+                (0, exports.onValidateError)(options, model, ((_p = model.messages) === null || _p === void 0 ? void 0 : _p.in) || ((_q = model.messages) === null || _q === void 0 ? void 0 : _q.every) || `${name} ${l('has to include one of')} ${every.map(item => (0, utils_1.stringify)(item)).join(', ')}`);
         }
     }
     // properties
@@ -150,7 +151,7 @@ const validate = async (model, property, form, options_) => {
         const keys = Object.keys(value);
         const response = keys.every(item => allowed.includes(item));
         if (!response)
-            (0, exports.onValidateError)(options, model, ((_r = model.messages) === null || _r === void 0 ? void 0 : _r.properties) || `${name} allowed properties are ${allowed.join(', ')}`);
+            (0, exports.onValidateError)(options, model, ((_r = model.messages) === null || _r === void 0 ? void 0 : _r.properties) || `${name} ${l('allowed properties are')} ${allowed.join(', ')}`);
     }
     // not properties
     if ((0, is_1.default)('array', model.notProperties)) {
@@ -158,7 +159,7 @@ const validate = async (model, property, form, options_) => {
         const keys = Object.keys(value);
         const response = keys.every(item => !notAllowed.includes(item));
         if (!response)
-            (0, exports.onValidateError)(options, model, ((_s = model.messages) === null || _s === void 0 ? void 0 : _s.notProperties) || `${name} includes not allowed property. Not allowed properties are ${notAllowed.join(', ')}`);
+            (0, exports.onValidateError)(options, model, ((_s = model.messages) === null || _s === void 0 ? void 0 : _s.notProperties) || `${name} ${l('includes not allowed property')}. ${l('Not allowed properties are')} ${notAllowed.join(', ')}`);
     }
     // min
     // max
@@ -181,17 +182,17 @@ const validate = async (model, property, form, options_) => {
         if ((0, is_1.default)('number', model.min)) {
             const response = length >= model.min;
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_t = model.messages) === null || _t === void 0 ? void 0 : _t.min) || `${name} has to be minimum ${model.min}`);
+                (0, exports.onValidateError)(options, model, ((_t = model.messages) === null || _t === void 0 ? void 0 : _t.min) || `${name} ${l('has to be minimum')} ${model.min}`);
         }
         if ((0, is_1.default)('number', model.max)) {
             const response = length <= model.max;
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_u = model.messages) === null || _u === void 0 ? void 0 : _u.max) || `${name} can be maximum ${model.max}`);
+                (0, exports.onValidateError)(options, model, ((_u = model.messages) === null || _u === void 0 ? void 0 : _u.max) || `${name} ${l('can be maximum')} ${model.max}`);
         }
         if ((0, is_1.default)('number', model.length)) {
             const response = length === model.length;
             if (!response)
-                (0, exports.onValidateError)(options, model, ((_v = model.messages) === null || _v === void 0 ? void 0 : _v.length) || `${name} has to be exactly ${model.length} in length/size`);
+                (0, exports.onValidateError)(options, model, ((_v = model.messages) === null || _v === void 0 ? void 0 : _v.length) || `${name} ${l('has to be exactly')} ${model.length} ${l('in length/size')}`);
         }
     }
     // method
@@ -207,7 +208,7 @@ const validate = async (model, property, form, options_) => {
             });
             if (response !== undefined) {
                 if (!response)
-                    throw new errors_1.ValidationError(`${name} is invalid`);
+                    throw new errors_1.ValidationError(`${name} ${l('is invalid')}`);
             }
         }
         catch (error) {