@weareconceptstudio/form 0.2.3 → 0.2.4

package/dist/form/BaseForm.js

@@ -2,7 +2,7 @@ import React, { useCallback, forwardRef, useImperativeHandle } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import { Text } from '@weareconceptstudio/core';
 import classNames from 'classnames';
-const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, onSubmit, mode = 'onChange', reValidateMode = 'onChange', errors, resetOptions, criteriaMode = 'firstError', shouldFocusError, delayError = 0, shouldUseNativeValidation, shouldUnregister, className }, ref) => {
+const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, onSubmit, mode = 'onBlur', reValidateMode = 'onChange', errors, resetOptions, criteriaMode = 'firstError', shouldFocusError, delayError = 0, shouldUseNativeValidation, shouldUnregister, className }, ref) => {
     const methods = useForm({
         mode,
         errors,
@@ -33,7 +33,7 @@ const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, o
             else {
                 methods.setError('root.serverError', {
                     type: String(status),
-                    message: data?.message || 'serverError',
+                    message: data?.message || 'form.serverError',
                 });
             }
         });
@@ -47,7 +47,7 @@ const BaseForm = forwardRef(({ initialValues: defaultValues, values, children, o
     return (React.createElement(FormProvider, { ...methods },
         methods.formState.errors.root?.serverError && (React.createElement("div", { className: 'global-error-wrap' },
             React.createElement(Text, { className: 'backend-error', text: methods.formState.errors.root?.serverError.message }),
-            React.createElement(Text, { className: 'frontend-error', text: 'globalError' }))),
+            React.createElement(Text, { className: 'frontend-error', text: 'form.globalError' }))),
         React.createElement("form", { onSubmit: methods.handleSubmit(handleSubmit), className: classNames({
                 [className]: !!className,
             }) }, children)));

package/dist/form/hooks/rules.js

@@ -1,11 +1,12 @@
 import React, { useMemo } from 'react';
+import { isValidPhoneNumber } from 'react-phone-number-input';
 import { useTranslation } from '@weareconceptstudio/core';
 export const validationPatterns = ({ type, pattern, message, translate }) => {
     switch (type) {
         case 'email':
-            return { value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/g, message: message || translate('validateMessages.email') };
+            return { value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/g, message: message || translate('form.validateMessages.email') };
         case 'new-password':
-            return { value: /(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}/, message: message || translate('validateMessages.password') };
+            return { value: /.{8,}/, message: message || translate('form.validateMessages.password') };
         case 'number':
             return { value: /[0-9]/g, message };
         default:
@@ -21,11 +22,22 @@ export const useRules = ({ rules, required, requiredMessage, childType, errorKey
             if (childType.toLowerCase() === 'input' || childType.toLowerCase() === 'textarea') {
                 r.push({
                     validator: (value) => {
-                        return value?.trim().length > 0 || translate('validateMessages.whitespace', { errorKey: translate(errorKey) });
+                        return value?.trim().length > 0 || translate('form.validateMessages.whitespace', { errorKey: translate(errorKey) });
                     },
                 });
             }
         }
+        if (childType.toLowerCase() === 'phone') {
+            r.push({
+                validator: (value) => {
+                    if (required || value.length > 0) {
+                        return isValidPhoneNumber(value);
+                    }
+                    return true;
+                },
+                message: translate('form.validateMessages.phone', { errorKey: translate(errorKey) }),
+            });
+        }
         return r;
     }, [rules, required, requiredMessage, childType, errorKey]);
 };
@@ -33,7 +45,7 @@ export const mapValidationRules = (errorKey, rules) => {
     const { translate } = useTranslation();
     return rules?.reduce((acc, rule) => {
         if (rule.required) {
-            acc.required = rule.message || translate('validateMessages.required', { errorKey: translate(errorKey) });
+            acc.required = rule.message || translate('form.validateMessages.required', { errorKey: translate(errorKey) });
         }
         if (rule.pattern || rule.type) {
             acc.pattern = validationPatterns({ ...rule, translate });

package/dist/phone-number/index.d.ts

@@ -1,8 +1,3 @@
 export default PhoneNumber;
-declare function PhoneNumber({ name, className, autoComplete, options }: {
-    name: any;
-    className: any;
-    autoComplete?: string;
-    options?: {};
-}): React.JSX.Element;
+declare const PhoneNumber: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';

package/dist/phone-number/index.js

@@ -1,18 +1,35 @@
-import React from 'react';
+import React, { forwardRef, useImperativeHandle, useEffect } from 'react';
 import classNames from 'classnames';
 import PhoneInput from 'react-phone-number-input/input';
+import { parsePhoneNumber } from 'react-phone-number-input';
 import useFormInstance from '../form/hooks/useFormInstance';
 import { Controller } from 'react-hook-form';
-const PhoneNumber = ({ name, className, autoComplete = 'new-password', options = {} }) => {
+const PhoneNumber = forwardRef(({ name, className, autoComplete = 'new-password', country = 'AM', maxLength = 14, options = {} }, ref) => {
+    useImperativeHandle(ref, () => ({ childType: 'phone' }));
     const { control, setValue, getValues, trigger } = useFormInstance();
     const classString = classNames('phone-number-input', {
         [className]: className,
     });
-    return (React.createElement(Controller, { name: name, control: control, render: ({ field: { onChange, value, onBlur } }) => (React.createElement(PhoneInput, { name: name, country: 'AM', maxLength: 14, international: true, withCountryCallingCode: true, className: classString, autoComplete: autoComplete, value: getValues(name), onChange: (value) => {
-                setValue(name, value);
-                trigger(name);
-            }, onBlur: () => {
-                onBlur();
-            }, ...options })) }));
-};
+    useEffect(() => {
+        let defaultValue = getValues(name);
+        try {
+            if (defaultValue && !defaultValue.startsWith('+')) {
+                const parsed = parsePhoneNumber(defaultValue, country);
+                if (parsed)
+                    defaultValue = parsed.number;
+            }
+        }
+        catch (e) { }
+        setValue(name, defaultValue);
+    }, [name, getValues, setValue, country]);
+    return (React.createElement(Controller, { name: name, control: control, render: ({ field: { onChange, value, onBlur } }) => {
+            return (React.createElement(PhoneInput, { name: name, international: true, value: value, country: country, maxLength: maxLength, withCountryCallingCode: true, className: classString, autoComplete: autoComplete, onChange: (value) => {
+                    onChange({ value: value || '' });
+                    setValue(name, value || '');
+                    trigger(name);
+                }, onBlur: () => {
+                    onBlur();
+                }, ...options }));
+        } }));
+});
 export default PhoneNumber;

package/dist/translations/en.d.ts

@@ -1,38 +1,41 @@
 declare const _default: {
-    serverError: string;
-    globalError: string;
-    validateMessages: {
-        default: string;
-        required: string;
-        email: string;
-        password: string;
-        enum: string;
-        whitespace: string;
-        date: {
-            format: string;
-            parse: string;
-            invalid: string;
-        };
-        string: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        number: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        array: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        pattern: {
-            mismatch: string;
+    form: {
+        serverError: string;
+        globalError: string;
+        validateMessages: {
+            default: string;
+            required: string;
+            email: string;
+            password: string;
+            enum: string;
+            whitespace: string;
+            phone: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
         };
     };
 };

package/dist/translations/en.js

@@ -1,38 +1,41 @@
 export default {
-    serverError: 'Ups! there is something wrong with the website administration.',
-    globalError: 'Please double-check the required fields and confirm again.',
-    validateMessages: {
-        default: 'Validation error on field {errorKey}',
-        required: 'Please enter your {errorKey}',
-        email: 'Please enter a valid email address',
-        password: 'Password must contain lowercase, uppercase, number and has been min 8 characters.',
-        enum: '{errorKey} must be one of [{enum}]',
-        whitespace: '{errorKey} cannot be empty',
-        date: {
-            format: '{errorKey} is invalid for format date',
-            parse: '{errorKey} could not be parsed as date',
-            invalid: '{errorKey} is invalid date',
-        },
-        string: {
-            len: '{errorKey} must be exactly {len} characters',
-            min: '{errorKey} must be at least {min} characters',
-            max: '{errorKey} cannot be longer than ${max} characters',
-            range: '{errorKey} must be between {min} and {max} characters',
-        },
-        number: {
-            len: '{errorKey} must equal {len}',
-            min: '{errorKey} cannot be less than {min}',
-            max: '{errorKey} cannot be greater than {max}',
-            range: '{errorKey} must be between {min} and {max}',
-        },
-        array: {
-            len: '{errorKey} must be exactly {len} in length',
-            min: '{errorKey} cannot be less than {min} in length',
-            max: '{errorKey} cannot be greater than {max} in length',
-            range: '{errorKey} must be between {min} and {max} in length',
-        },
-        pattern: {
-            mismatch: '{errorKey} does not match pattern {pattern}',
+    form: {
+        serverError: 'Ups! there is something wrong with the website administration.',
+        globalError: 'Please double-check the required fields and confirm again.',
+        validateMessages: {
+            default: 'Validation error on field {errorKey}.',
+            required: 'Please enter your {errorKey}.',
+            email: 'Please enter a valid email address.',
+            password: 'The Password Must Be At Least 8 characters.',
+            enum: '{errorKey} must be one of [{enum}].',
+            whitespace: '{errorKey} cannot be empty.',
+            phone: 'Please enter a valid {errorKey}.',
+            date: {
+                format: '{errorKey} is invalid for format date.',
+                parse: '{errorKey} could not be parsed as date.',
+                invalid: '{errorKey} is invalid date.',
+            },
+            string: {
+                len: '{errorKey} must be exactly {len} characters.',
+                min: '{errorKey} must be at least {min} characters.',
+                max: '{errorKey} cannot be longer than ${max} characters.',
+                range: '{errorKey} must be between {min} and {max} characters.',
+            },
+            number: {
+                len: '{errorKey} must equal {len}.',
+                min: '{errorKey} cannot be less than {min}.',
+                max: '{errorKey} cannot be greater than {max}.',
+                range: '{errorKey} must be between {min} and {max}.',
+            },
+            array: {
+                len: '{errorKey} must be exactly {len} in length.',
+                min: '{errorKey} cannot be less than {min} in length.',
+                max: '{errorKey} cannot be greater than {max} in length.',
+                range: '{errorKey} must be between {min} and {max} in length.',
+            },
+            pattern: {
+                mismatch: '{errorKey} does not match pattern {pattern}.',
+            },
         },
     },
 };

package/dist/translations/hy.d.ts

@@ -1,38 +1,41 @@
 declare const _default: {
-    serverError: string;
-    globalError: string;
-    validateMessages: {
-        default: string;
-        required: string;
-        email: string;
-        password: string;
-        enum: string;
-        whitespace: string;
-        date: {
-            format: string;
-            parse: string;
-            invalid: string;
-        };
-        string: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        number: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        array: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        pattern: {
-            mismatch: string;
+    form: {
+        serverError: string;
+        globalError: string;
+        validateMessages: {
+            default: string;
+            required: string;
+            email: string;
+            password: string;
+            enum: string;
+            whitespace: string;
+            phone: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
         };
     };
 };

package/dist/translations/hy.js

@@ -1,38 +1,41 @@
 export default {
-    serverError: 'Ողջույն! Կայքի ադմինիստրացիայում խնդիր կա:',
-    globalError: 'Խնդրում ենք կրկին ստուգել պահանջվող դաշտերը և հաստատել:',
-    validateMessages: {
-        default: 'Դաշտի {errorKey}-ի համար վավերացման սխալ',
-        required: 'Խնդրում ենք մուտքագրել ձեր {errorKey}-ը',
-        email: 'Խնդրում ենք մուտքագրել վավեր էլ. հասցե:',
-        password: 'Գաղտնաբառը պետք է պարունակի փոքրատառեր, մեծատառեր, թիվ և լինի նվազագույնը 8 նիշ:',
-        enum: '{errorKey}-ը պետք է լինի [{enum}] արժեքներից մեկը',
-        whitespace: '{errorKey}-ը չի կարող դատարկ լինել',
-        date: {
-            format: '{errorKey}-ի ֆորմատը անվավեր է',
-            parse: '{errorKey}-ը չի կարող անցնել որպես ամսաթիվ',
-            invalid: '{errorKey}-ը անվավեր ամսաթիվ է',
-        },
-        string: {
-            len: '{errorKey}-ը պետք է լինի ճիշտ {len} նիշ',
-            min: '{errorKey}-ը պետք է լինի առնվազն {min} նիշ',
-            max: '{errorKey}-ը չի կարող լինել {max} նիշից երկար',
-            range: '{errorKey}-ը պետք է լինի {min} և {max} նիշերի միջև',
-        },
-        number: {
-            len: '{errorKey}-ը պետք է հավասար լինի {len}-ին',
-            min: '{errorKey}-ը չի կարող լինել {min}-ից պակաս',
-            max: '{errorKey}-ը չի կարող լինել {max}-ից ավելին',
-            range: '{errorKey}-ը պետք է լինի {min} և {max} միջև',
-        },
-        array: {
-            len: '{errorKey}-ը պետք է լինի ճիշտ {len} երկարություն',
-            min: '{errorKey}-ը չի կարող լինել {min}-ից պակաս երկարությամբ',
-            max: '{errorKey}-ը չի կարող լինել {max}-ից ավել երկարությամբ',
-            range: '{errorKey}-ը պետք է լինի {min} և {max} երկարության միջև',
-        },
-        pattern: {
-            mismatch: '{errorKey}-ը չի համապատասխանում {pattern} օրինաչափությանը',
+    form: {
+        serverError: 'Ողջույն! Կայքի ադմինիստրացիայում խնդիր կա:',
+        globalError: 'Խնդրում ենք կրկին ստուգել պահանջվող դաշտերը և հաստատել:',
+        validateMessages: {
+            default: 'Դաշտի {errorKey}ի համար վավերացման սխալ:',
+            required: 'Խնդրում ենք մուտքագրել ձեր {errorKey}ը:',
+            email: 'Խնդրում ենք մուտքագրել վավեր էլ. հասցե:',
+            password: 'Գաղտնաբառը պետք է ունենա առնվազն 8 նիշ:',
+            enum: '{errorKey}ը պետք է լինի [{enum}] արժեքներից մեկը:',
+            whitespace: '{errorKey}ը չի կարող դատարկ լինել:',
+            phone: 'Խնդրում ենք մուտքագրել վավեր {errorKey}:',
+            date: {
+                format: '{errorKey}ի ֆորմատը անվավեր է:',
+                parse: '{errorKey}ը չի կարող անցնել որպես ամսաթիվ:',
+                invalid: '{errorKey}ը անվավեր ամսաթիվ է:',
+            },
+            string: {
+                len: '{errorKey}ը պետք է լինի ճիշտ {len} նիշ:',
+                min: '{errorKey}ը պետք է լինի առնվազն {min} նիշ:',
+                max: '{errorKey}ը չի կարող լինել {max} նիշից երկար:',
+                range: '{errorKey}ը պետք է լինի {min} և {max} նիշերի միջև:',
+            },
+            number: {
+                len: '{errorKey}ը պետք է հավասար լինի {len}-ին:',
+                min: '{errorKey}ը չի կարող լինել {min}-ից պակաս:',
+                max: '{errorKey}ը չի կարող լինել {max}-ից ավելին:',
+                range: '{errorKey}ը պետք է լինի {min} և {max} միջև:',
+            },
+            array: {
+                len: '{errorKey}ը պետք է լինի ճիշտ {len} երկարություն:',
+                min: '{errorKey}ը չի կարող լինել {min}-ից պակաս երկարությամբ:',
+                max: '{errorKey}ը չի կարող լինել {max}-ից ավել երկարությամբ:',
+                range: '{errorKey}ը պետք է լինի {min} և {max} երկարության միջև:',
+            },
+            pattern: {
+                mismatch: '{errorKey}ը չի համապատասխանում {pattern} օրինաչափությանը:',
+            },
         },
     },
 };

package/dist/translations/index.d.ts

@@ -1,115 +1,124 @@
 declare const _default: {
     en: {
-        serverError: string;
-        globalError: string;
-        validateMessages: {
-            default: string;
-            required: string;
-            email: string;
-            password: string;
-            enum: string;
-            whitespace: string;
-            date: {
-                format: string;
-                parse: string;
-                invalid: string;
-            };
-            string: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            number: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            array: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            pattern: {
-                mismatch: string;
+        form: {
+            serverError: string;
+            globalError: string;
+            validateMessages: {
+                default: string;
+                required: string;
+                email: string;
+                password: string;
+                enum: string;
+                whitespace: string;
+                phone: string;
+                date: {
+                    format: string;
+                    parse: string;
+                    invalid: string;
+                };
+                string: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                number: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                array: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                pattern: {
+                    mismatch: string;
+                };
             };
         };
     };
     hy: {
-        serverError: string;
-        globalError: string;
-        validateMessages: {
-            default: string;
-            required: string;
-            email: string;
-            password: string;
-            enum: string;
-            whitespace: string;
-            date: {
-                format: string;
-                parse: string;
-                invalid: string;
-            };
-            string: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            number: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            array: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            pattern: {
-                mismatch: string;
+        form: {
+            serverError: string;
+            globalError: string;
+            validateMessages: {
+                default: string;
+                required: string;
+                email: string;
+                password: string;
+                enum: string;
+                whitespace: string;
+                phone: string;
+                date: {
+                    format: string;
+                    parse: string;
+                    invalid: string;
+                };
+                string: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                number: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                array: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                pattern: {
+                    mismatch: string;
+                };
             };
         };
     };
     ru: {
-        serverError: string;
-        globalError: string;
-        validateMessages: {
-            default: string;
-            required: string;
-            email: string;
-            password: string;
-            enum: string;
-            whitespace: string;
-            date: {
-                format: string;
-                parse: string;
-                invalid: string;
-            };
-            string: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            number: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            array: {
-                len: string;
-                min: string;
-                max: string;
-                range: string;
-            };
-            pattern: {
-                mismatch: string;
+        form: {
+            serverError: string;
+            globalError: string;
+            validateMessages: {
+                default: string;
+                required: string;
+                email: string;
+                password: string;
+                enum: string;
+                whitespace: string;
+                phone: string;
+                date: {
+                    format: string;
+                    parse: string;
+                    invalid: string;
+                };
+                string: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                number: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                array: {
+                    len: string;
+                    min: string;
+                    max: string;
+                    range: string;
+                };
+                pattern: {
+                    mismatch: string;
+                };
             };
         };
     };

package/dist/translations/ru.d.ts

@@ -1,38 +1,41 @@
 declare const _default: {
-    serverError: string;
-    globalError: string;
-    validateMessages: {
-        default: string;
-        required: string;
-        email: string;
-        password: string;
-        enum: string;
-        whitespace: string;
-        date: {
-            format: string;
-            parse: string;
-            invalid: string;
-        };
-        string: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        number: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        array: {
-            len: string;
-            min: string;
-            max: string;
-            range: string;
-        };
-        pattern: {
-            mismatch: string;
+    form: {
+        serverError: string;
+        globalError: string;
+        validateMessages: {
+            default: string;
+            required: string;
+            email: string;
+            password: string;
+            enum: string;
+            whitespace: string;
+            phone: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
         };
     };
 };

package/dist/translations/ru.js

@@ -1,38 +1,41 @@
 export default {
-    serverError: 'Упс! Возникла проблема с администрированием сайта.',
-    globalError: 'Пожалуйста, проверьте обязательные поля и подтвердите еще раз.',
-    validateMessages: {
-        default: 'Ошибка валидации для поля {errorKey}',
-        required: 'Пожалуйста, введите ваш {errorKey}',
-        email: 'Пожалуйста, введите действительный адрес электронной почты.',
-        password: 'Пароль должен содержать строчные и заглавные буквы, цифру и быть не менее 8 символов.',
-        enum: '{errorKey} должен быть одним из [{enum}]',
-        whitespace: '{errorKey} не может быть пустым',
-        date: {
-            format: '{errorKey} имеет недопустимый формат даты',
-            parse: '{errorKey} не удалось преобразовать в дату',
-            invalid: '{errorKey} является недопустимой датой',
-        },
-        string: {
-            len: '{errorKey} должен содержать ровно {len} символов',
-            min: '{errorKey} должен содержать как минимум {min} символов',
-            max: '{errorKey} не может содержать больше {max} символов',
-            range: '{errorKey} должен содержать от {min} до {max} символов',
-        },
-        number: {
-            len: '{errorKey} должен быть равен {len}',
-            min: '{errorKey} не может быть меньше {min}',
-            max: '{errorKey} не может быть больше {max}',
-            range: '{errorKey} должен быть между {min} и {max}',
-        },
-        array: {
-            len: '{errorKey} должен содержать ровно {len} элементов',
-            min: '{errorKey} не может содержать менее {min} элементов',
-            max: '{errorKey} не может содержать более {max} элементов',
-            range: '{errorKey} должен содержать от {min} до {max} элементов',
-        },
-        pattern: {
-            mismatch: '{errorKey} не соответствует шаблону {pattern}',
+    form: {
+        serverError: 'Упс! Возникла проблема с администрированием сайта.',
+        globalError: 'Пожалуйста, проверьте обязательные поля и подтвердите еще раз.',
+        validateMessages: {
+            default: 'Ошибка валидации для поля {errorKey}.',
+            required: 'Пожалуйста, введите ваш {errorKey}.',
+            email: 'Пожалуйста, введите действительный адрес электронной почты.',
+            password: 'Пароль должен состоять не менее чем из 8 символов.',
+            enum: '{errorKey} должен быть одним из [{enum}].',
+            whitespace: '{errorKey} не может быть пустым.',
+            phone: 'Пожалуйста, введите действительный {errorKey}.',
+            date: {
+                format: '{errorKey} имеет недопустимый формат даты.',
+                parse: '{errorKey} не удалось преобразовать в дату.',
+                invalid: '{errorKey} является недопустимой датой.',
+            },
+            string: {
+                len: '{errorKey} должен содержать ровно {len} символов.',
+                min: '{errorKey} должен содержать как минимум {min} символов.',
+                max: '{errorKey} не может содержать больше {max} символов.',
+                range: '{errorKey} должен содержать от {min} до {max} символов.',
+            },
+            number: {
+                len: '{errorKey} должен быть равен {len}.',
+                min: '{errorKey} не может быть меньше {min}.',
+                max: '{errorKey} не может быть больше {max}.',
+                range: '{errorKey} должен быть между {min} и {max}.',
+            },
+            array: {
+                len: '{errorKey} должен содержать ровно {len} элементов.',
+                min: '{errorKey} не может содержать менее {min} элементов.',
+                max: '{errorKey} не может содержать более {max} элементов.',
+                range: '{errorKey} должен содержать от {min} до {max} элементов.',
+            },
+            pattern: {
+                mismatch: '{errorKey} не соответствует шаблону {pattern}.',
+            },
         },
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@weareconceptstudio/form",
-	"version": "0.2.3",
+	"version": "0.2.4",
 	"description": "Concept Studio Form",
 	"author": "Concept Studio",
 	"license": "ISC",