@redneckz/wildless-cms-uni-blocks 0.14.646 → 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,19 +2158,34 @@
                             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)] })));
 
     const BeginDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u0440\u0430\u0431\u043E\u0442\u044B \u043D\u0430 \u0442\u0435\u043A\u0443\u0449\u0435\u043C \u043C\u0435\u0441\u0442\u0435", ...getValidation(field('beginDate'), validatorObj.beginDate, calculateIsRequired(field, input?.required)), ...input })));
 
-    const BirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required) })));
+    const MIN_AGE = 23;
+    const MAX_AGE = 75;
+    const AGE_ERROR_MESSAGE = 'Допустимый возраст заёмщика - от 23 до 75 лет';
+    const BirthdayField = JSX(({ field, input, isRetailForm = false }) => {
+        const { value } = field('birthday');
+        return (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthday'), validatorObj.birthday, input?.required), error: isRetailForm && value && !birthdayValidate(value) ? AGE_ERROR_MESSAGE : '' }));
+    });
+    const birthdayValidate = (date) => {
+        const today = new Date();
+        const minDate = new Date(today.getFullYear() - MIN_AGE, today.getMonth(), today.getDate());
+        const maxDate = new Date(today.getFullYear() - MAX_AGE, today.getMonth(), today.getDate());
+        if (!date || date > minDate || date < maxDate) {
+            return false;
+        }
+        return true;
+    };
 
     const BirthPlaceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...getValidation(field('birthPlace'), validatorObj.birthPlace, input?.required), ...input })));
 
@@ -2294,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 }) => {
@@ -2344,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');
@@ -2419,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] })));
 
@@ -3229,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;
@@ -3266,9 +3295,7 @@
     const PRODUCT_REF = {
         $ref: '/wcms-resources/outservice-productlist.json',
     };
-    const getField = 
-    // eslint-disable-next-line max-lines-per-function
-    (field, typeForm) => (input, i) => {
+    const getField = (field, typeForm, isRetailForm = false) => (input, i) => {
         const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
         const InputsMap = {
             surname: jsx(SurnameField, { field: field, input: input }),
@@ -3291,7 +3318,7 @@
             comment: jsx(CommentField, { field: field, input: input }),
             addressBranch: jsx(AddressBranchField, { field: field, input: input, isPremium: isPremium }),
             sex: jsx(SexField, { field: field, input: input }),
-            birthday: jsx(BirthdayField, { field: field, input: input }),
+            birthday: jsx(BirthdayField, { field: field, input: input, isRetailForm: isRetailForm }),
             birthPlace: jsx(BirthPlaceField, { field: field, input: input }),
             desiredMeetingDate: jsx(DesiredMeetingDateField, { field: field, input: input }),
             product: jsx(ProductField, { field: field, source: PRODUCT_REF }),
@@ -3544,9 +3571,9 @@
     });
     const renderGeneralCheckbox = (generalCheckBox) => (foldableData) => (jsxs("div", { className: "flex items-start", children: [generalCheckBox, jsx("button", { onClick: foldableData.onToggle, className: "px-m py-2xs", type: "button", children: jsx(Icon, { className: "text-primary-text", name: foldableData.isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" }) })] }));
 
-    const renderInputs$1 = ({ field, typeForm = '', inputs }) => {
+    const renderInputs$1 = ({ field, typeForm = '', inputs, isRetailForm = false, }) => {
         const { consentInputs, restInputs } = splitInputs(inputs || []);
-        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm)));
+        return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm, isRetailForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm, isRetailForm)));
     };
     const splitInputs = (inputs) => ({
         consentInputs: inputs?.filter((_) => Object.keys(CONSENTS).includes(_.name || '')) || [],
@@ -3901,7 +3928,7 @@
             }
         }, []);
         const consentText = showRefuceContent ? refuseConsentText : defaultConsentText;
-        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-lg items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(open, CONSENT_BKI_ID, isMobile), children: jsx(Heading, { className: "text-center text-balance", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
+        return (jsx(Dialog, { className: "my-6xl max-w-3xl w-full min-h-fit mx-auto rounded-lg py-0 px-5xl", onClose: onClose, children: jsxs("div", { className: "flex flex-col gap-xl items-center", children: [jsx("div", { role: "button", onClick: () => openDocument(open, CONSENT_BKI_ID, isMobile), children: jsx(Heading, { className: "text-center text-balance", headingType: "h2", title: consentText.title }) }), jsx(Paragraph, { align: "text-center", children: consentText.description }), jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: ITEMS$1, value: confirmStatus, onChange: handleConfirmChange }), jsx(Button, { disabled: !confirmStatus, type: "button", onClick: handleClose, children: "\u041F\u0440\u043E\u0434\u043E\u043B\u0436\u0438\u0442\u044C" })] }) }));
     });
     const ITEMS$1 = [
         { id: 'SIGNED', text: 'Подписать' },
@@ -4260,7 +4287,7 @@
                 reset();
             }
         }, [responseType]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs, isRetailForm: true })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
     });
 
     const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', link }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsxs("div", { className: "", children: [jsx(RichText, { __html: __html }), link?.text ? jsx(LinkButton, { className: "text-primary-main", children: link.text }) : null] })] })));
@@ -6350,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 },
@@ -6364,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,
                     },
                 ],
             },
@@ -6386,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' },
                 ],
             },
@@ -6400,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 }],
@@ -6490,7 +6542,7 @@
             {
                 columns: 2,
                 inputs: [
-                    { fieldType: 'common', name: 'familyMembers', required: true },
+                    { fieldType: 'common', name: 'familyMembers' },
                     { fieldType: 'common', name: 'children', required: true },
                 ],
             },
@@ -8871,7 +8923,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.645";
+    const packageVersion = "0.14.647";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;