@redneckz/wildless-cms-uni-blocks 0.14.647 → 0.14.648

package/bundle/bundle.umd.js

@@ -1429,7 +1429,7 @@
     const defaultSelectValidator = (errorMsg) => validator((_) => _?.key && _?.key !== '')(errorMsg ?? ERROR_MESSAGE);
     const jobNumberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 0 && _.length <= 2)(errorMsg ?? ERROR_MESSAGE);
     const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ?? ERROR_MESSAGE);
-    const lengthStringValidator = (maxLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(errorMsg ?? ERROR_MESSAGE);
+    const lengthStringValidator = (inputLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= inputLength)(errorMsg ?? ERROR_MESSAGE);
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
     const innValidator = (errorMsg) => validator((_) => typeof _ === 'string' && (_.length === 10 || _.length === 12))(errorMsg);
@@ -1717,6 +1717,8 @@
 
     const calculateIsRequired = (field, initialRequired) => (field?.('employment')?.value?.key === 'RETIREE' ? false : initialRequired);
 
+    const isEsiaAuthorize = () => JSON.parse(globalThis.localStorage?.getItem('leadForm') ?? '{}')?.esiaId;
+
     const AddressField = JSX(({ field, input }) => {
         const fieldName = input?.name || 'addressRegistration';
         const fieldValue = field(fieldName).value;
@@ -1745,7 +1747,7 @@
                 fullAddress: value,
             });
         }, []);
-        return (jsx(InputControl, { label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field(fieldName), validatorObj[fieldName], input?.name === 'organizationAddress'
+        return (jsx(InputControl, { disabled: fieldName === 'addressRegistration' && isEsiaAuthorize() && input?.filledByEsia, label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field(fieldName), validatorObj[fieldName], input?.name === 'organizationAddress'
                 ? calculateIsRequired(field, input?.required)
                 : input?.required), value: fieldValue.fullAddress, onChange: onChange, ...input, onDaDataChange: onDaDataChange }));
     });
@@ -1960,6 +1962,21 @@
                     }) })] }));
     });
 
+    const months = [
+        'Январь',
+        'Февраль',
+        'Март',
+        'Апрель',
+        'Май',
+        'Июнь',
+        'Июль',
+        'Август',
+        'Сентябрь',
+        'Октябрь',
+        'Ноябрь',
+        'Декабрь',
+    ];
+
     function normalizeWithMask(value, pattern) {
         const valueNumbers = value.replace(/\D/g, '');
         if (valueNumbers === '' || value?.length === pattern.length) {
@@ -1986,7 +2003,7 @@
         width: '24',
         height: '24',
     };
-    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, onChange, onClick }) => {
+    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, disabled, onChange, onClick }) => {
         const ref = useRef(null);
         const [inputValue, setInputValue] = useState(value || '');
         const handleChange = (ev) => {
@@ -2015,7 +2032,7 @@
         useEffect(() => {
             setInputValue(value || '');
         }, [value]);
-        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur }), jsx(Icon, { className: "mr-s", ...ICON_PROPS$1 })] }));
+        return (jsxs("div", { onClick: onInputClick, className: style('relative', className), children: [jsx("input", { ref: ref, className: "h-full w-full px-m text-l text-black focus-visible:outline-none", value: inputValue, type: "text", onChange: handleChange, onBlur: onBlur, disabled: disabled }), disabled ? null : jsx(Icon, { className: "mr-s", ...ICON_PROPS$1 })] }));
     });
     const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
     const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
@@ -2037,20 +2054,9 @@
         return false;
     };
 
-    const months = [
-        'Январь',
-        'Февраль',
-        'Март',
-        'Апрель',
-        'Май',
-        'Июнь',
-        'Июль',
-        'Август',
-        'Сентябрь',
-        'Октябрь',
-        'Ноябрь',
-        'Декабрь',
-    ];
+    const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
+        'hover:border-black active:border-black focus:border-black';
+    const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, }) => (jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
 
     const MONTHS_COUNT = 11;
     const MONTHS_OPTIONS = months.map((key) => ({ key }));
@@ -2130,11 +2136,9 @@
         iconVersion: 'black',
         isBorder: false,
     };
-    const formStyle = 'flex justify-between items-center h-14 py-s border rounded-md cursor-pointer ' +
-        'hover:border-black active:border-black focus:border-black';
     const DatePicker = JSX(
     // eslint-disable-next-line max-lines-per-function
-    ({ className = '', label = '', value, valid = true, minDate, maxDate, onChange }) => {
+    ({ className = '', label = '', value, valid = true, minDate, maxDate, disabled, onChange }) => {
         const [showCalendar, { setValue }] = useBool(false);
         const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
         const [selectedYear, setSelectedYear] = useState(value?.getFullYear() || new Date().getFullYear());
@@ -2154,13 +2158,13 @@
                             value,
                             valid,
                             onChange,
+                            disabled,
                             setSelectedMonth,
                             setSelectedYear,
-                        }), showCalendar ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
+                        }), showCalendar && !disabled ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
                                 'bottom-full': spaceAbove,
                             }), children: [jsxs("div", { className: "flex gap-s", children: [jsx("div", { className: "my-auto", onClick: handlePrevMonth, children: jsx(Icon, { ...ICON_PROPS, className: "-rotate-90 cursor-pointer" }) }), jsx(Select, { onChange: handleSelectMonth, value: { key: months[selectedMonth] }, options: monthsOptions, ...SELECT_PROPS }), jsx(Select, { onChange: handleSelectYear, value: { key: String(selectedYear) }, options: yearsOptions, ...SELECT_PROPS }), jsx("div", { className: "my-auto", onClick: handleNextMonth, children: jsx(Icon, { ...ICON_PROPS, className: "rotate-90 cursor-pointer" }) })] }), jsx(Calendar, { today: value, currentMonth: selectedMonth, currentYear: selectedYear, onDateSelect: onChange, min: minDate, max: maxDate, setValue: setValue })] })) : null] })] }));
     });
-    const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, }) => (jsx(DatePickerInput, { onChange: onChange, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error') }));
 
     const DatePickerControl = JSX(({ className, label, error, errors, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(DatePicker, { label: getRequiredLabel({ label, errors }), valid: Boolean(!error), ...rest }), renderErrorText(error)] })));
 
@@ -2309,25 +2313,25 @@
 
     const DisablePeopleFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u0438\u043D\u0432\u0430\u043B\u0438\u0434\u043E\u043C", ...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg) })));
 
-    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required) })));
+    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required), disabled: isEsiaAuthorize() && input?.filledByEsia })));
 
     const DulIssuedByField = JSX(({ field, input }) => {
         const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } = field('dulSubdivisionCode');
         const onDaDataChange = useCallback((item) => {
             changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
         }, []);
-        return (jsx(InputControl, { label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field('dulIssuedBy'), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
+        return (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field('dulIssuedBy'), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
     });
 
-    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
 
-    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
 
     const DulSubdivisionCodeField = JSX(({ field, input }) => {
         const onDaDataChange = useCallback((item) => {
             field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
         }, []);
-        return (jsx(InputControl, { label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", type: "number", inputLength: 6, ...input, ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
+        return (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", type: "number", inputLength: 6, ...input, ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
@@ -2359,7 +2363,17 @@
 
     const Experience5YearsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", type: "number", inputLength: 2, ...getValidation(field('experience5Years'), validatorObj.experience5Years, calculateIsRequired(field, input?.required)), ...input })));
 
-    const FamilyMembersField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0447\u043B\u0435\u043D\u043E\u0432 \u0441\u0435\u043C\u044C\u0438", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", inputLength: 2, ...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required), ...input })));
+    const FamilyMembersField = JSX(({ field }) => {
+        const { value, onChange } = field('familyMembers');
+        const adultsCount = field('familyStatus')?.value?.key === 'В браке' ? 2 : 1;
+        const childrenCount = Number(field('children')?.value);
+        const dependentsCount = Number(field('dependents')?.value);
+        const totalCount = adultsCount + childrenCount + dependentsCount;
+        useEffect(() => {
+            field?.('familyMembers')?.onChange?.(totalCount);
+        }, [field('familyStatus')?.value?.key, childrenCount, dependentsCount]);
+        return (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0447\u043B\u0435\u043D\u043E\u0432 \u0441\u0435\u043C\u044C\u0438", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", disabled: true, value: value, onChange: (_) => onChange?.(_) }));
+    });
 
     const FamilyStatusField = JSX(({ field, input }) => {
         const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
@@ -2434,9 +2448,9 @@
 
     const MandatoryIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('mandatoryIncome'), validatorObj.mandatoryIncome, input?.required), ...input })));
 
-    const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", ...getValidation(field('middleName'), validatorObj.middleName), ...input })));
+    const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", inputLength: 60, disabled: isEsiaAuthorize() && input?.filledByEsia, ...getValidation(field('middleName'), validatorObj.middleName), ...input })));
 
-    const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
+    const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", inputLength: 60, disabled: isEsiaAuthorize() && input?.filledByEsia, ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
 
     const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
 
@@ -3244,7 +3258,7 @@
 
     const SnilsField = JSX(({ field, input }) => (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", ...getValidation(field('snils'), validatorObj.snils, input?.required), ...input })));
 
-    const SurnameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
+    const SurnameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", inputLength: 60, disabled: isEsiaAuthorize() && input?.filledByEsia, ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
 
     const MIN_CREDIT_TERM = 1;
     const MAX_CREDIT_TERM = 180;
@@ -6363,11 +6377,17 @@
                 title: 'Персональные данные',
                 columns: 2,
                 inputs: [
-                    { fieldType: 'common', name: 'surname', required: true, dadata: true },
-                    { fieldType: 'common', name: 'name', required: true, dadata: true },
-                    { fieldType: 'common', name: 'middleName', dadata: true },
+                    {
+                        fieldType: 'common',
+                        name: 'surname',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
+                    { fieldType: 'common', name: 'name', required: true, dadata: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'middleName', dadata: true, filledByEsia: true },
                     { fieldType: 'common', name: 'sex', required: true },
-                    { fieldType: 'common', name: 'birthday', required: true },
+                    { fieldType: 'common', name: 'birthday', required: true, filledByEsia: true },
                     { fieldType: 'common', name: 'birthPlace', required: true },
                     { fieldType: 'common', name: 'phone', required: true },
                     { fieldType: 'common', name: 'email', required: true, dadata: true },
@@ -6377,18 +6397,31 @@
                 title: 'Паспортные данные',
                 columns: 2,
                 inputs: [
-                    { fieldType: 'common', name: 'dulSerie', required: true },
-                    { fieldType: 'common', name: 'dulNumber', required: true },
-                    { fieldType: 'common', name: 'dulIssueDateField', required: true },
-                    { fieldType: 'common', name: 'dulSubdivisionCode', required: true, dadata: true },
+                    { fieldType: 'common', name: 'dulSerie', required: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'dulNumber', required: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'dulIssueDateField', required: true, filledByEsia: true },
+                    {
+                        fieldType: 'common',
+                        name: 'dulSubdivisionCode',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
                 ],
             },
             {
                 inputs: [
-                    { fieldType: 'common', name: 'dulIssuedBy', required: true, dadata: true },
+                    {
+                        fieldType: 'common',
+                        name: 'dulIssuedBy',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
                     {
                         fieldType: 'common',
                         name: 'education',
+                        required: true,
                     },
                 ],
             },
@@ -6399,7 +6432,13 @@
             },
             {
                 inputs: [
-                    { fieldType: 'common', name: 'addressRegistration', required: true, dadata: true },
+                    {
+                        fieldType: 'common',
+                        name: 'addressRegistration',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
                     { fieldType: 'common', name: 'addressMatch' },
                 ],
             },
@@ -6413,7 +6452,7 @@
             },
             {
                 columns: 2,
-                inputs: [{ fieldType: 'common', name: 'housing' }],
+                inputs: [{ fieldType: 'common', name: 'housing', required: true }],
             },
             {
                 inputs: [{ fieldType: 'common', name: 'addressFact', required: true, dadata: true }],
@@ -6503,7 +6542,7 @@
             {
                 columns: 2,
                 inputs: [
-                    { fieldType: 'common', name: 'familyMembers', required: true },
+                    { fieldType: 'common', name: 'familyMembers' },
                     { fieldType: 'common', name: 'children', required: true },
                 ],
             },
@@ -8884,7 +8923,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.646";
+    const packageVersion = "0.14.647";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;