@redneckz/wildless-cms-uni-blocks 0.14.609 → 0.14.617

package/bundle/bundle.umd.js

@@ -1410,6 +1410,7 @@
     const ERROR_MESSAGE = 'Некорректно заполненное поле';
     const defaultValidator = (errorMsg) => required(errorMsg ? errorMsg : ERROR_MESSAGE);
     const defaultSelectValidator = validator((_) => _?.key && _?.key !== '')(ERROR_MESSAGE);
+    const jobNumberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 0 && _.length <= 2)(errorMsg ? errorMsg : ERROR_MESSAGE);
     const nameValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1)(errorMsg ? errorMsg : ERROR_MESSAGE);
     const lengthStringValidator = (maxLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= maxLength)(errorMsg ? errorMsg : ERROR_MESSAGE);
     const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
@@ -1467,10 +1468,10 @@
         inn: innValidator('Укажите ИНН'),
         legalForm: defaultValidator('Укажите ОПФ'),
         organizationName: defaultValidator('Укажите наименование организации'),
-        generalSeniority: defaultValidator(),
-        lastJobExperience: defaultValidator('Укажите стаж на последнем месте работы'),
-        experience5Years: defaultValidator('Укажите общий стаж за последние 5 лет'),
-        jobsNumber: defaultValidator('Укажите количество лет стажа'),
+        generalSeniority: jobNumberValidator('Укажите количество лет стажа'),
+        lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
+        experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
+        jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
         beginDate: defaultValidator('Укажите дату заключения трудового договора'),
         fullAddress: defaultValidator(),
         partnerComments: defaultValidator(),
@@ -1512,9 +1513,10 @@
         shareholderFlg: defaultValidator(),
         legalEntityName: defaultValidator(),
         bankEmployeeCode: defaultValidator(),
+        partInBusiness: defaultValidator(),
     };
     const getObjectValidator = (inputs) => {
-        const requiredInputs = getNamesFromInput(inputs.filter((_) => ('required' in _ ? _.required : false)));
+        const requiredInputs = getNamesFromInput(inputs.filter((_) => Boolean(_?.required)));
         return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
     };
 
@@ -1732,7 +1734,7 @@
         const leadDescription = (source && source?.map((_) => _.description)) || [];
         return (jsx(SelectControl, { placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0438\u0437 \u0441\u043F\u0438\u0441\u043A\u0430", label: label, options: arrayToOptions$1(leadDescription), ...getValidation(field(fieldName), validatorObj[fieldName], input?.required) }));
     });
-    const arrayToOptions$1 = (array) => (array ?? []).map((_) => ({ key: _, value: _ }));
+    const arrayToOptions$1 = (array) => (array ?? []).map((_) => ({ key: _, text: _ }));
 
     const AmountWorkersField = JSX(({ field, input }) => {
         const { data: amountWorkers } = useLeadFormData('EMPLOYEES_NUMBER');
@@ -1855,6 +1857,83 @@
                     }) })] }));
     });
 
+    function normalizeWithMask(value, pattern) {
+        const valueNumbers = value.replace(/\D/g, '');
+        if (valueNumbers === '' || value?.length === pattern.length) {
+            return value;
+        }
+        const patternInArr = [...pattern];
+        const firstPlaceholderIndex = patternInArr.findIndex(isPlaceholder$1);
+        const valueWildcardIndicies = patternInArr.map((_, i) => isWildcard$1(_) ? patternInArr.slice(0, i).filter(isWildcard$1).length : -1);
+        const applyPlaceholder = (_, i) => isDigit$1(_) ? _ : valueNumbers.charAt(valueWildcardIndicies[i]) || _;
+        const resultInArr = patternInArr.map(applyPlaceholder);
+        const resultLength = valueWildcardIndicies.indexOf(valueNumbers.length - 1) + 1;
+        return resultInArr.slice(0, Math.max(firstPlaceholderIndex, resultLength)).join('');
+    }
+    const isPlaceholder$1 = (_) => _ === '_';
+    const isDigit$1 = (_) => /\d/.test(_);
+    const isWildcard$1 = (_) => isPlaceholder$1(_) || isDigit$1(_);
+
+    const START_YEAR = 1940;
+    const getYears = () => Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);
+
+    const ICON_PROPS$1 = {
+        name: 'CalendarIcon',
+        iconVersion: 'black',
+        width: '24',
+        height: '24',
+    };
+    const DatePickerInput = JSX(({ setSelectedMonth, setSelectedYear, className, value, onChange, onClick }) => {
+        const ref = useRef(null);
+        const [inputValue, setInputValue] = useState(value || '');
+        const handleChange = (ev) => {
+            const val = ev.target?.value;
+            if (typeof val === 'string' && val?.length < 11) {
+                setInputValue(normalizeWithMask(val, '__.__.____'));
+            }
+        };
+        const onBlur = () => {
+            if (checkIsValidDate(inputValue)) {
+                const [day, month, year] = inputValue.split('.');
+                onChange?.(new Date(Number(year), Number(month) - 1, Number(day)));
+                setSelectedMonth(Number(month) - 1);
+                setSelectedYear(Number(year));
+            }
+            else {
+                setInputValue(value || '');
+            }
+        };
+        const onInputClick = () => {
+            if (ref.current !== null) {
+                ref.current.focus();
+            }
+            onClick?.();
+        };
+        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 })] }));
+    });
+    const isValidYear = (year) => Number(year) >= START_YEAR && Number(year) <= new Date().getFullYear();
+    const isValidMonth = (month) => Number(month) > 0 && Number(month) < 13;
+    const checkIsValidDate = (date) => {
+        const [day, month, year] = date.split('.');
+        if (isValidYear(year)) {
+            if (isValidMonth(month)) {
+                const currentDate = new Date(Number(year), Number(month) - 1, 1);
+                let maxDateOfMonth = 0;
+                while (currentDate.getMonth() === Number(month) - 1) {
+                    currentDate.setDate(currentDate.getDate() + 1);
+                    maxDateOfMonth++;
+                }
+                if (Number(day) > 0 && Number(day) <= maxDateOfMonth) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    };
+
     const months = [
         'Январь',
         'Февраль',
@@ -1870,15 +1949,12 @@
         'Декабрь',
     ];
 
-    const START_YEAR = 1940;
-    const getYears = () => Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);
-
     const MONTHS_COUNT = 11;
     const MONTHS_OPTIONS = months.map((key) => ({ key }));
     const YEARS_OPTIONS = getYears()
         .reverse()
         .map((key) => ({ key: String(key) }));
-    const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, }) => {
+    const useDatePickerManager = ({ onShowCalendar, showCalendar, selectedMonth, onMonthSelect, onYearSelect, selectedYear, onChange, value, }) => {
         const close = useCallback(() => showCalendar && onShowCalendar(false), [showCalendar]);
         const ref = useOutsideClick(close);
         const handleChangeVisibleCalendar = useCallback(() => onShowCalendar(!showCalendar), [showCalendar]);
@@ -1900,8 +1976,21 @@
                 onYearSelect(selectedYear - 1);
             }
         }, [selectedMonth]);
-        const handleSelectMonth = useCallback(({ key }) => onMonthSelect(months.indexOf(key)), []);
-        const handleSelectYear = useCallback(({ key }) => onYearSelect(Number(key)), []);
+        const handleSelectMonth = useCallback(({ key }) => {
+            onMonthSelect(months.indexOf(key));
+            const maxDateOfMonth = calculateMaxDaysOfMonth(selectedYear, months.indexOf(key));
+            handleChangeMonth({
+                maxDateOfMonth,
+                selectedYear,
+                selectedMonth: months.indexOf(key),
+                value,
+                onChange,
+            });
+        }, [value]);
+        const handleSelectYear = useCallback(({ key }) => {
+            onYearSelect(Number(key));
+            value && onChange?.(new Date(Number(key), selectedMonth, value?.getDate()));
+        }, [value]);
         return {
             handleChangeVisibleCalendar,
             handleNextMonth,
@@ -1913,6 +2002,19 @@
             ref,
         };
     };
+    const calculateMaxDaysOfMonth = (selectedYear, selectedMonth) => {
+        const date = new Date(selectedYear, selectedMonth, 1);
+        let maxDateOfMonth = 0;
+        while (date.getMonth() === selectedMonth) {
+            maxDateOfMonth++;
+            date.setDate(date.getDate() + 1);
+        }
+        return maxDateOfMonth;
+    };
+    const handleChangeMonth = ({ maxDateOfMonth, selectedYear, selectedMonth, value, onChange, }) => {
+        value &&
+            onChange?.(new Date(selectedYear, selectedMonth, Math.min(maxDateOfMonth, value.getDate())));
+    };
 
     const ICON_PROPS = {
         name: 'ArrowUpIcon',
@@ -1925,9 +2027,11 @@
         iconVersion: 'black',
         isBorder: false,
     };
-    const formStyle = 'flex justify-between items-center h-14 px-m py-s border rounded-md cursor-pointer ' +
+    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(({ className = '', label = '', value, valid = true, minDate, maxDate, onChange }) => {
+    const DatePicker = JSX(
+    // eslint-disable-next-line max-lines-per-function
+    ({ className = '', label = '', value, valid = true, minDate, maxDate, onChange }) => {
         const [showCalendar, { setValue }] = useBool(false);
         const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
         const [selectedYear, setSelectedYear] = useState(value?.getFullYear() || new Date().getFullYear());
@@ -1938,13 +2042,22 @@
             selectedYear,
             selectedMonth,
             showCalendar,
+            onChange,
+            value,
         });
         const spaceAbove = useElementSpace(ref, 370);
-        return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm(handleChangeVisibleCalendar, value, valid), showCalendar ? (jsxs("div", { className: style('absolute bg-white z-20 select-none', {
+        return (jsxs("div", { className: style('space-y-xs', className), ref: ref, children: [renderLabel(label), jsxs("div", { className: "relative", children: [renderDatePickerForm({
+                            handleChangeVisibleCalendar,
+                            value,
+                            valid,
+                            onChange,
+                            setSelectedMonth,
+                            setSelectedYear,
+                        }), showCalendar ? (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) => (jsxs("div", { onClick: handleChangeVisibleCalendar, className: style(formStyle, valid ? 'border-gray' : 'border-error'), children: [jsx(Paragraph, { children: value && formatDate(value) }), jsx(Icon, { ...ICON_PROPS, name: "CalendarIcon" })] }));
+    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)] })));
 
@@ -2052,7 +2165,15 @@
         return (jsx(SelectField, { field: field, source: creditInRshbCd, label: LABEL_TEXT, fieldName: "creditInRshbCd", input: input }));
     });
 
-    const DependentsField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0438\u0436\u0434\u0438\u0432\u0435\u043D\u0446\u0435\u0432", placeholder: "\u0417\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", type: "number", ...getValidation(field('dependents'), validatorObj.dependents, input?.required), ...input })));
+    const InputNumber = JSX(({ children, onChange, inputLength, ...inputProps }) => {
+        const handleChange = useCallback((v) => onChange && inputLength && v.length <= inputLength && onChange(normalizeInput(v)), [onChange]);
+        return (jsx(Input, { ...inputProps, onChange: handleChange, onFocus: (ev) => handleChange(ev?.target?.value || ''), children: children }));
+    });
+    const normalizeInput = (value) => value.replace(/\D/g, '');
+
+    const InputNumberControl = JSX(({ className, label, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(InputNumber, { "aria-label": label, label: getRequiredLabel({ label, errors: rest?.errors }), valid: Boolean(!error), ...rest }), renderErrorText(error)] })));
+
+    const DependentsField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0438\u0436\u0434\u0438\u0432\u0435\u043D\u0446\u0435\u0432", placeholder: "\u0417\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", inputLength: 2, ...getValidation(field('dependents'), validatorObj.dependents, input?.required), ...input })));
 
     const DesiredMeetingDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0416\u0435\u043B\u0430\u0435\u043C\u0430\u044F \u0434\u0430\u0442\u0430 \u0432\u0441\u0442\u0440\u0435\u0447\u0438", ...getValidation(field('desiredMeetingDate'), validatorObj.meetingDay, input?.required) })));
 
@@ -2068,15 +2189,15 @@
         return (jsx(InputControl, { 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", ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", 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", ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", 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", ...input, ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
+        return (jsx(InputNumberControl, { label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", ...input, inputLength: 6, ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
@@ -2106,9 +2227,9 @@
 
     const ExpensesField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0440\u0430\u0441\u0445\u043E\u0434\u044B \u0432 \u043C\u0435\u0441\u044F\u0446", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('expenses'), validatorObj.expenses, input?.required), ...input })));
 
-    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", ...getValidation(field('experience5Years'), validatorObj.experience5Years, input?.required), ...input })));
+    const Experience5YearsField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", inputLength: 2, ...getValidation(field('experience5Years'), validatorObj.experience5Years, 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", ...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required), ...input })));
+    const FamilyMembersField = JSX(({ field, input }) => (jsx(InputNumberControl, { 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", inputLength: 2, ...getValidation(field('familyMembers'), validatorObj.familyMembers, input?.required), ...input })));
 
     const FamilyStatusField = JSX(({ field, input }) => {
         const { data: familyStatus } = useLeadFormData('MARITAL_STATUS');
@@ -2134,7 +2255,7 @@
 
     const FullNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0418\u041E", ...getValidation(field('fullName'), validatorObj.fullName, input?.required), ...input })));
 
-    const GeneralSeniorityField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required), ...input })));
+    const GeneralSeniorityField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", inputLength: 2, placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...getValidation(field('generalSeniority'), validatorObj.generalSeniority, input?.required), ...input })));
 
     const HousingField = JSX(({ field, input }) => {
         const { data: housing } = useLeadFormData('HOUSE_TYPE');
@@ -2146,14 +2267,14 @@
             field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
             field?.('legalForm')?.onChange?.(item.data?.opf?.short);
         }, []);
-        return (jsx(InputControl, { label: "\u0418\u041D\u041D", type: "number", ...input, ...getValidation(field('inn'), validatorObj.inn, input?.required), onDaDataChange: onDaDataChange }));
+        return (jsx(InputNumberControl, { label: "\u0418\u041D\u041D", inputLength: 12, ...input, ...getValidation(field('inn'), validatorObj.inn, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const IsClientField = JSX(({ field }) => (jsx(CheckboxWithError, { ...field('isClient'), text: '\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0431\u0430\u043D\u043A\u0430 \u0410\u041E "\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A"' })));
 
-    const JobsNumberField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", type: "number", ...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required), ...input })));
+    const JobsNumberField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043C\u0435\u0441\u0442 \u0440\u0430\u0431\u043E\u0442\u044B \u0437\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043C\u0435\u0441\u0442", inputLength: 2, ...getValidation(field('jobsNumber'), validatorObj.jobsNumber, input?.required), ...input })));
 
-    const LastJobExperienceField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u0442\u0430\u0436 \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u043C \u0440\u0430\u0431\u043E\u0447\u0435\u043C \u043C\u0435\u0441\u0442\u0435", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required), ...input })));
+    const LastJobExperienceField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u0421\u0442\u0430\u0436 \u043D\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0435\u043C \u0440\u0430\u0431\u043E\u0447\u0435\u043C \u043C\u0435\u0441\u0442\u0435", placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", inputLength: 2, ...getValidation(field('lastJobExperience'), validatorObj.lastJobExperience, input?.required), ...input })));
 
     const LegalEntityNameField = JSX(({ field, input }) => {
         return (jsx(InputControl, { label: "\u041D\u0430\u0438\u043C\u0435\u043D\u043E\u0432\u0430\u043D\u0438\u0435 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430", ...input, ...getValidation(field('legalEntityName'), validatorObj.legalEntityName, input?.required) }));
@@ -2214,23 +2335,25 @@
 
     const ParticipantDateRegistrationField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u0438 \u043F\u043E \u043C\u0435\u0441\u0442\u0443 \u0436\u0438\u0442\u0435\u043B\u044C\u0441\u0442\u0432\u0430", ...getValidation(field('participantDateRegistration'), validatorObj.participantDateRegistration, input?.required) })));
 
+    const PartInBusinessField = JSX(({ field, input }) => (jsx(InputNumberControl, { label: "\u0414\u043E\u043B\u044F \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0432 \u0431\u0438\u0437\u043D\u0435\u0441\u0435", placeholder: "\u0432 %", inputLength: 2, ...getValidation(field('partInBusiness'), validatorObj.partInBusiness, input?.required), ...input })));
+
     const PartnerCommentsField = JSX(({ field, input }) => {
         const { required, ...rest } = input;
         return (jsx(InputControl, { ...getValidation(field('partnerComments'), validatorObj.partnerComments, required), placeholder: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u0438\u043D\u0442\u0435\u0440\u0435\u0441\u0443\u044E\u0449\u0438\u0439 \u0432\u0430\u0441 \u0432\u043E\u043F\u0440\u043E\u0441", isTextarea: true, ...rest }));
     });
 
-    const isPlaceholder$1 = (_) => _ === '_';
-    const isDigit$1 = (_) => /\d/.test(_);
-    const isWildcard$1 = (_) => isPlaceholder$1(_) || isDigit$1(_);
+    const isPlaceholder = (_) => _ === '_';
+    const isDigit = (_) => /\d/.test(_);
+    const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
     const phonePattern = [...'+7 (___) ___-__-__'];
-    const firstPlaceholderIndex$1 = phonePattern.findIndex(isPlaceholder$1);
-    const phoneWildcardIndicies = phonePattern.map((_, i) => isWildcard$1(_) ? phonePattern.slice(0, i).filter(isWildcard$1).length : -1);
+    const firstPlaceholderIndex = phonePattern.findIndex(isPlaceholder);
+    const phoneWildcardIndicies = phonePattern.map((_, i) => isWildcard(_) ? phonePattern.slice(0, i).filter(isWildcard).length : -1);
     function normalizePhone(phone) {
         const phoneNumbers = phone.replace(/\D/g, '');
-        const applyPlaceholder = (_, i) => isDigit$1(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
+        const applyPlaceholder = (_, i) => isDigit(_) ? _ : phoneNumbers.charAt(phoneWildcardIndicies[i]) || _;
         const result = phonePattern.map(applyPlaceholder);
         const resultLength = phoneWildcardIndicies.indexOf(phoneNumbers.length - 1) + 1;
-        return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex$1, resultLength)) : result).join('');
+        return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result).join('');
     }
 
     const PhoneInput = JSX(({ children, onChange, ...inputProps }) => {
@@ -2304,28 +2427,8 @@
 
     const ShareholderFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u042F \u044F\u0432\u043B\u044F\u044E\u0441\u044C \u0430\u043A\u0446\u0438\u043E\u043D\u0435\u0440\u043E\u043C / \u0443\u0447\u0430\u0441\u0442\u043D\u0438\u043A\u043E\u043C / \u0447\u043B\u0435\u043D\u043E\u043C / \u043F\u0430\u0439\u0449\u0438\u043A\u043E\u043C / \u0432\u043A\u043B\u0430\u0434\u0447\u0438\u043A\u043E\u043C \u0441 \u0434\u043E\u043B\u0435\u0439 \u0443\u0447\u0430\u0441\u0442\u0438\u044F \u0431\u043E\u043B\u0435\u0435 20% \u0443\u0441\u0442\u0430\u0432\u043D\u043E\u0433\u043E \u043A\u0430\u043F\u0438\u0442\u0430\u043B\u0430 \u044E\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043A\u043E\u0433\u043E \u043B\u0438\u0446\u0430", ...getValidation(field('shareholderFlg'), validatorObj.shareholderFlg) })));
 
-    const isPlaceholder = (_) => _ === '_';
-    const isDigit = (_) => /\d/.test(_);
-    const isWildcard = (_) => isPlaceholder(_) || isDigit(_);
-    const snilsPattern = [...'___-___-___ __'];
-    const firstPlaceholderIndex = snilsPattern.findIndex(isPlaceholder);
-    const snilsWildcardIndicies = snilsPattern.map((_, i) => isWildcard(_) ? snilsPattern.slice(0, i).filter(isWildcard).length : -1);
-    function normalizeSnils(snils) {
-        const snilsNumbers = snils.replace(/\D/g, '');
-        const applyPlaceholder = (_, i) => isDigit(_) ? _ : snilsNumbers.charAt(snilsWildcardIndicies[i]) || _;
-        const result = snilsPattern.map(applyPlaceholder);
-        const resultLength = snilsWildcardIndicies.indexOf(snilsNumbers.length - 1) + 1;
-        const isCursorStart = snilsNumbers.length === 0;
-        if (!isCursorStart) {
-            return (resultLength ? result.slice(0, Math.max(firstPlaceholderIndex, resultLength)) : result).join('');
-        }
-        else {
-            return '';
-        }
-    }
-
     const SnilsInput = JSX(({ children, onChange, ...inputProps }) => {
-        const handleChange = useCallback((v) => onChange && onChange(normalizeSnils(v)), [onChange]);
+        const handleChange = useCallback((v) => onChange && onChange(normalizeWithMask(v, '___-___-___ __')), [onChange]);
         const handleBlur = useCallback((v) => {
             if (v === '___-___-___ __') {
                 onChange && onChange('');
@@ -2461,6 +2564,7 @@
             legalEntityName: jsx(LegalEntityNameField, { field: field, input: input }),
             creditInRshbCd: jsx(CreditInRshbCdField, { field: field, input: input }),
             bankEmployeeCode: jsx(BankEmpoleeCodeField, { field: field, input: input }),
+            partInBusiness: jsx(PartInBusinessField, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name] }, String(i))) : null;
     };
@@ -2586,7 +2690,7 @@
         consentToReceiveMaterials: false,
         consentDataProcessing: false,
     };
-    const getInitialFormState$1 = (inputs, typeForm = '') => {
+    const getInitialFormState$2 = (inputs, typeForm = '') => {
         const formState = Object.fromEntries(inputs.map((_) => [
             _.name,
             (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name],
@@ -2611,7 +2715,7 @@
     // eslint-disable-next-line max-lines-per-function
     ({ className, title, typeForm = '', sections = [], button, link, endpoint, additionalParams, isContacts, data, ...rest }) => {
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const initialFormState = getInitialFormState$1(inputs, typeForm);
+        const initialFormState = getInitialFormState$2(inputs, typeForm);
         const [responseType, setResponseType] = useState('');
         const handleSubmit = useCallback(async (formData, ev) => {
             const inputsFiltered = getFilteredInputs(inputs, formData);
@@ -2718,7 +2822,7 @@
     });
     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 = ({ field, typeForm = '', inputs }) => {
+    const renderInputs$1 = ({ field, typeForm = '', inputs }) => {
         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)));
     };
@@ -2727,6 +2831,7 @@
         restInputs: inputs?.filter((_) => !Object.keys(CONSENTS).includes(_.name)) || [],
     });
 
+    /* eslint-disable max-lines */
     const initialFormState = {
         typeForm: '',
         region: { key: '', text: '' },
@@ -2759,9 +2864,9 @@
         participantAddress: '',
         participantDateRegistration: undefined,
     };
-    const getInitialFormState = (inputs, savedForm, typeForm = '') => {
+    const getInitialFormState$1 = (inputs, savedForm, typeForm = '') => {
         if (savedForm) {
-            const formState = JSON.parse(savedForm);
+            const formState = { ...savedForm };
             formState.birthday = new Date(formState?.birthday || 0);
             return formState;
         }
@@ -2804,44 +2909,47 @@
         };
     };
 
-    const getUpdateUserTaskData = ({ participantId, taskId, profileId, formData, }) => ({
-        sendToBank: true,
-        taskKind: 'SHORT',
-        task: {
-            taskSource: globalThis.location.origin,
-            id: taskId,
-            participants: [
-                {
-                    birthDate: formData?.birthDate,
-                    id: participantId,
-                    midname: formData?.midname,
-                    name: formData?.name,
-                    surname: formData?.surname,
-                    profile: {
-                        id: profileId,
-                    },
-                    participantContacts: [
-                        {
-                            contactTypeCd: {
-                                key: 'EMAIL',
-                            },
-                            value: formData?.email,
+    const getUpdateUserTaskData = ({ participantId, taskId, profileId, formData, }) => {
+        const { name = '', surname = '', middleName = '', birthday = '', phone = '', email = '', } = formData;
+        return {
+            sendToBank: true,
+            taskKind: 'SHORT',
+            task: {
+                taskSource: globalThis.location.origin,
+                id: taskId,
+                participants: [
+                    {
+                        birthDate: formatDate(birthday, true),
+                        id: participantId,
+                        midname: middleName,
+                        name: name,
+                        surname: surname,
+                        profile: {
+                            id: profileId,
                         },
-                        {
-                            contactTypeCd: {
-                                key: 'MAIN_PHONE',
+                        participantContacts: [
+                            {
+                                contactTypeCd: {
+                                    key: 'EMAIL',
+                                },
+                                value: email,
+                            },
+                            {
+                                contactTypeCd: {
+                                    key: 'MAIN_PHONE',
+                                },
+                                value: formatPhone(phone),
                             },
-                            value: formData?.phone,
+                        ],
+                        roleCd: {
+                            key: 'BORROWER',
+                            value: 'Заемщик',
                         },
-                    ],
-                    roleCd: {
-                        key: 'BORROWER',
-                        value: 'Заемщик',
                     },
-                },
-            ],
-        },
-    });
+                ],
+            },
+        };
+    };
 
     const ICON_SIZE$1 = { width: '118', height: '24' };
 
@@ -3198,7 +3306,7 @@
                                 formData: transformedForm,
                             }));
                             saveUserData(participantId, taskId, profileId);
-                            saveForm(JSON.stringify(formData));
+                            saveForm(formData);
                         }
                         catch {
                             setResponseStatus('Fail');
@@ -3253,7 +3361,7 @@
         const [responseType, setResponseType] = useState('');
         useInitApplicationLead();
         const [leadForm, setLeadForm] = useLocalStorage('leadForm');
-        const initialFormState = getInitialFormState(inputs, leadForm, typeForm);
+        const initialFormState = getInitialFormState$1(inputs, leadForm, typeForm);
         const { handleSubmit, responseStatus } = useApplicationLeadApi({
             inputs,
             programId,
@@ -3270,9 +3378,31 @@
                 reset();
             }
         }, [responseType]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs({ field, typeForm, 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", children: [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)] }) }));
+    });
+
+    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] })] })));
+
+    const TimerCircle = JSX(({ interval = 0, title, __html }) => {
+        const [time, setTime] = useState(interval);
+        const gradientPercentage = 100 - ((interval - time) / interval) * 100;
+        return (jsxs("div", { children: [title ? jsx(Headline, { title: title, headlineVersion: "S" }) : null, jsxs("div", { className: "flex justify-center items-center flex-col", children: [jsxs("div", { className: style(`relative flex items-center justify-center w-24 h-24 rounded-full bg-gray text-transparent mb-5`), children: [jsx("div", { className: "absolute inset-0 rounded-full", style: {
+                                        background: `conic-gradient(rgb(66, 171, 68) ${gradientPercentage}%, rgb(125, 126, 127) 0deg)`,
+                                    } }), jsx("div", { className: "z-10 flex items-center justify-center px-4 py-2 rounded-full w-20 h-20 bg-white text-primary-text text-m", children: jsx(Timer, { interval: interval, time: time, setTime: setTime }) })] }), __html ? jsx(RichText, { __html: __html }) : null] })] }));
     });
 
+    const ApplicationStatus = JSX(({ title, description: dsc, infoCard, sectionInfoTitle, sectionInfo, sectionAdditionalTitle, sectionInfoAdditional, buttonText, interval, ...props }) => (jsxs(BlockWrapper, { ...props, children: [jsxs("div", { className: "flex flex-col md:flex-row items-center", children: [jsx(Headline, { headlineVersion: "M", title: title, description: dsc, align: "text-left", padding: "p-xl", className: "w-full" }), interval ? jsx(TimerCircle, { interval: interval }) : null] }), jsx(SectionInfo, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), infoCard?.__html ? (jsx(InfoCard, { __html: infoCard?.__html, icon: infoCard?.icon, link: {
+                    text: infoCard?.link?.text,
+                } })) : null, buttonText ? jsx(Button, { className: "w-full mt-lg", children: buttonText }) : null] })));
+    const SectionInfo = ({ title, items, countColumns = false, }) => {
+        const isMobile = useMobileMode();
+        if (!items) {
+            return null;
+        }
+        return (jsxs("div", { children: [jsx("hr", { className: "w-full h-px bg-main-gray border-0" }), jsxs("div", { className: "p-xl", children: [title ? (jsx(Text, { color: "text-primary-text", size: "text-h5", children: jsx("div", { className: style({ 'mb-m': Boolean(title) }), children: title }) })) : null, items ? (jsx("div", { className: style('grid grid-cols-1 gap-m', inputColumnStyles(countColumns || isMobile ? 1 : 2)), children: items.map((item, index) => (jsx("div", { children: renderItem(item) }, index))) })) : null] })] }));
+    };
+    const renderItem = ({ label, description }) => (jsxs("div", { className: "flex flex-col", children: [jsx(Text, { color: "text-secondary-text", size: "text-l", children: label }), jsx(Text, { color: "text-primary-text", size: "text-xl", children: description })] }));
+
     const NotFound = JSX(({ title, description }) => {
         const isMobileMode = useMobileMode();
         return (jsxs("div", { className: "bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center", children: [jsx(Img, { image: { icon: 'MagnifierIcon', iconVersion: 'normal' }, width: "120", height: "120" }), jsx(Headline, { title: title, description: description, headlineVersion: isMobileMode ? 'L' : 'S', isEmbedded: true, className: "space-y-s" })] }));
@@ -4909,8 +5039,6 @@
     const renderBlocks = (info) => (jsx("div", { className: "flex gap-5xl grow basis-0", children: info.map((column, i) => renderBlocksColumn({ column, i })) }));
     const renderBlocksColumn = ({ column, i }) => column ? (jsx("div", { className: "flex flex-col gap-xl grow basis-0", children: column.map(({ title = '', description, additionalDescription, button }, key) => (jsxs("div", { children: [jsx(Headline, { title: title, description: description, headlineVersion: "XS", align: "text-left", isEmbedded: true }), additionalDescription ? (jsx("div", { className: "mt-xs opacity-80", children: jsx(Paragraph, { size: "text-m", font: "font-light", children: additionalDescription }) })) : null, jsx("div", { className: style({ 'mt-xl': Boolean(button?.text) }), children: renderButtonsSection([button]) })] }, String(key)))) }, `col-${String(i)}`)) : null;
 
-    const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black' }) => (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 }) }), jsx(RichText, { __html: __html })] })));
-
     const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (jsxs("div", { children: [jsx("div", { className: "h-4 w-full bg-gray relative", children: jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), jsxs("div", { className: "relative", children: [showPercentage ? jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? jsx("div", { className: "text-right mr-4 text-gray", children: description }) : null] })] })));
 
     const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
@@ -4918,8 +5046,125 @@
         return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold", children: ["\u0428\u0430\u0433 ", step, " \u0438\u0437 ", totalSteps, "."] }), ' ', stepsTitles[step - 1] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
     });
 
+    const formStateMap = {
+        1: {
+            surname: '',
+            name: '',
+            middleName: '',
+            sex: '',
+            birthday: undefined,
+            birthPlace: '',
+            phone: '',
+            email: '',
+            dulSerie: undefined,
+            dulNumber: undefined,
+            dulIssueDateField: undefined,
+            dulSubdivisionCode: '',
+            dulIssuedBy: '',
+            participantAddress: '',
+            participantDateRegistration: undefined,
+            fullAddress: '',
+            housing: '',
+        },
+        2: {
+            employment: { key: '', text: '' },
+            organizationName: '',
+            inn: undefined,
+            legalForm: '',
+            organization: { key: '', text: '' },
+            amountWorkers: { key: '', text: '' },
+            employerActivities: { key: '', text: '' },
+            employerOrganization: { key: '', text: '' },
+            lastJobExperience: '',
+            experience5Years: '',
+            jobsNumber: '',
+            phone: '',
+            beginDate: undefined,
+            positionOrganization: { key: '', text: '' },
+            partInBusiness: undefined,
+            fullAddress: '',
+        },
+        3: {
+            familyStatus: { key: '', text: '' },
+            dependents: undefined,
+            familyMembers: undefined,
+            mandatoryIncome: undefined,
+            otherPayments: undefined,
+            snils: '',
+            armyIdFlg: false,
+        },
+        4: {
+            disablePeopleFlg: '',
+            bankruptcyFlg: '',
+            shareholderFlg: '',
+            legalEntityName: '',
+            creditInRshbCd: '',
+        },
+        5: {
+            region: '',
+            addressBranch: '',
+            bankEmployeeCode: '',
+        },
+    };
+    const getInitialFormState = (step, localStorageData) => {
+        if (localStorageData) {
+            // TODO: Fill in for other fields with type Date
+            // TODO: Take it out to the helper
+            localStorageData.birthday = localStorageData.dulIssueDateField = new Date(localStorageData?.birthday || Date.now());
+            localStorageData.participantDateRegistration = new Date(localStorageData?.participantDateRegistration || Date.now());
+            localStorageData.beginDate = new Date(localStorageData?.beginDate || Date.now());
+        }
+        return {
+            ...formStateMap[step],
+            ...localStorageData,
+        };
+    };
+
+    const renderInputs = ({ field, inputs }) => {
+        return (inputs || [])?.map(getField(field, ''));
+    };
+
+    const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
+        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: step === 1, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
+    });
+
+    const useCreditFormApi = ({ inputs, onNextStep, saveStep }) => {
+        const handleSubmit = useCallback(async (formData) => {
+            const feedbackValidator = objectValidator(getObjectValidator(inputs));
+            if (!isValidationSuccess(feedbackValidator(formData))) {
+                return 'Fail';
+            }
+            saveStep(formData);
+            onNextStep();
+            return 'OK';
+        }, []);
+        return {
+            handleSubmit,
+        };
+    };
+
+    const CreditFormStep = JSX(({ totalSteps, step, sections, onPrevStep, onNextStep, inputs }) => {
+        const [localStorageData, saveStep] = useLocalStorage('leadForm');
+        const initialState = getInitialFormState(step, localStorageData);
+        const { handleSubmit } = useCreditFormApi({
+            inputs,
+            onNextStep: onNextStep,
+            saveStep,
+        });
+        const [, { field, onSubmit }] = useForm(initialState, { onSubmit: handleSubmit });
+        return (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections, field }), jsx(StepsNavigationButtons, { step: step, totalSteps: totalSteps, onPrevStep: onPrevStep })] }));
+    });
+    const renderStep$1 = ({ sections, field }) => {
+        return sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderInfo$1(_?.inputs), renderTitle(_?.title), renderInputs({ field, inputs: _?.inputs })] }, `section-${i}`)));
+    };
+    const renderInfo$1 = (inputs = []) => {
+        const infoInputs = inputs.filter((_) => _.fieldType === 'info');
+        return infoInputs.length ? infoInputs.map(({ text }) => jsx(InfoCard, { __html: text })) : null;
+    };
+
     /* eslint-disable max-lines */
     /* eslint-disable max-len */
+    //TODO: DO List
     const stepsSectionsMap = {
         1: [
             {
@@ -4952,24 +5197,27 @@
                     {
                         fieldType: 'common',
                         name: 'education',
-                        required: true,
                     },
                 ],
             },
             {
                 title: 'Адрес регистрации по месту жительства',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'participantAddress', required: true, dadata: true }],
+            },
+            {
                 columns: 2,
-                inputs: [
-                    { fieldType: 'common', name: 'participantAddress', required: true },
-                    { fieldType: 'common', name: 'participantAddress', required: true, dadata: true },
-                ],
+                inputs: [{ fieldType: 'common', name: 'participantDateRegistration', required: true }],
             },
             {
                 title: 'Адрес фактического проживания (место пребывания РФ)',
                 columns: 2,
                 inputs: [
                     { fieldType: 'common', name: 'fullAddress', required: true, dadata: true },
-                    { fieldType: 'common', name: 'housing', required: true },
+                    { fieldType: 'common', name: 'housing' },
                 ],
             },
         ],
@@ -4988,7 +5236,7 @@
             },
             {
                 inputs: [
-                    { fieldType: 'common', name: 'employment', required: true },
+                    { fieldType: 'common', name: 'employment' },
                     { fieldType: 'common', name: 'organizationName', required: true, dadata: true },
                 ],
             },
@@ -5001,15 +5249,15 @@
             },
             {
                 inputs: [
-                    { fieldType: 'common', name: 'organization', required: true },
-                    { fieldType: 'common', name: 'amountWorkers', required: true },
+                    { fieldType: 'common', name: 'organization', required: false },
+                    { fieldType: 'common', name: 'amountWorkers', required: false },
                 ],
             },
             {
                 columns: 2,
                 inputs: [
-                    { fieldType: 'common', name: 'employerActivities', required: true },
-                    { fieldType: 'common', name: 'employerOrganization', required: true },
+                    { fieldType: 'common', name: 'employerActivities', required: false },
+                    { fieldType: 'common', name: 'employerOrganization', required: false },
                     { fieldType: 'common', name: 'generalSeniority', required: true },
                     { fieldType: 'common', name: 'lastJobExperience', required: true },
                     { fieldType: 'common', name: 'experience5Years', required: true },
@@ -5020,7 +5268,13 @@
                 inputs: [
                     { fieldType: 'common', name: 'phone', label: 'Телефон работодателя', required: true },
                     { fieldType: 'common', name: 'beginDate', required: true },
-                    { fieldType: 'common', name: 'positionOrganization', required: true },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'positionOrganization', required: false },
+                    { fieldType: 'common', name: 'partInBusiness', required: true },
                 ],
             },
             {
@@ -5037,20 +5291,15 @@
             },
             {
                 columns: 1,
-                inputs: [{ fieldType: 'common', name: 'familyStatus' }],
+                inputs: [{ fieldType: 'common', name: 'familyStatus', required: true }],
             },
             {
                 columns: 1,
-                inputs: [{ fieldType: 'common', name: 'dependents' }],
+                inputs: [{ fieldType: 'common', name: 'dependents', required: true }],
             },
             {
-                columns: 2,
-                inputs: [
-                    { fieldType: 'common', name: 'familyMembers' },
-                    { fieldType: 'common', name: 'familyMembers' },
-                    { fieldType: 'common', name: 'retirementIncome' },
-                    { fieldType: 'common', name: 'otherIncome' },
-                ],
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'familyMembers', required: true }],
             },
             {
                 title: 'Совокупный доход',
@@ -5065,15 +5314,15 @@
             },
             {
                 columns: 1,
-                inputs: [{ fieldType: 'common', name: 'mandatoryIncome' }],
+                inputs: [{ fieldType: 'common', name: 'mandatoryIncome', required: true }],
             },
             {
                 columns: 1,
-                inputs: [{ fieldType: 'common', name: 'otherPayments' }],
+                inputs: [{ fieldType: 'common', name: 'otherPayments', required: true }],
             },
             {
                 columns: 1,
-                inputs: [{ fieldType: 'common', name: 'snils' }],
+                inputs: [{ fieldType: 'common', name: 'snils', required: true }],
             },
             {
                 columns: 2,
@@ -5109,10 +5358,10 @@
                 inputs: [],
             },
             {
-                inputs: [{ fieldType: 'common', name: 'region' }],
+                inputs: [{ fieldType: 'common', name: 'region', required: true }],
             },
             {
-                inputs: [{ fieldType: 'common', name: 'addressBranch' }],
+                inputs: [{ fieldType: 'common', name: 'addressBranch', required: true }],
             },
             {
                 title: 'Код представителя Банка',
@@ -5133,20 +5382,6 @@
         ],
     };
 
-    const StepsNavigationButtons = JSX(({ step, setStep, totalSteps }) => {
-        const handleNext = () => {
-            if (step < totalSteps) {
-                setStep(step + 1);
-            }
-        };
-        const handlePrev = () => {
-            if (step > 1) {
-                setStep(step - 1);
-            }
-        };
-        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: handlePrev, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: step === 1, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { onClick: handleNext, className: style('w-full @xl:w-auto'), type: "button", disabled: step === totalSteps, children: "\u0414\u0430\u043B\u0435\u0435" })] }));
-    });
-
     const STEPS_COUNT = 5;
     const STEPS_TITLES = [
         'Персональные данные',
@@ -5155,21 +5390,19 @@
         'Дополнительные сведения',
         'Отделение Банка',
     ];
-    const CreditForm = JSX(({ className, typeForm = '', sections = [], ...rest }) => {
+    const CreditForm = JSX(({ className, ...rest }) => {
         const [step, setStep] = useState(1);
+        const sections = useMemo(() => stepsSectionsMap[step], [step]);
         const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const initialFormState = getInitialFormState(inputs, typeForm);
-        const handleSubmit = () => false;
-        const [, { field, onSubmit }] = useForm(initialFormState, { onSubmit: handleSubmit });
-        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [jsx(CreditFormProgress, { stepsTitles: STEPS_TITLES, step: step, totalSteps: STEPS_COUNT }), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections: stepsSectionsMap[step], typeForm, field }), jsx(StepsNavigationButtons, { step: step, setStep: setStep, totalSteps: STEPS_COUNT })] }) })] }) }));
+        const handleNextStep = useCallback(() => {
+            setStep((_) => Math.min(_ + 1, STEPS_COUNT));
+        }, []);
+        const handlePrevStep = useCallback(() => {
+            //TODO search hook - 1,
+            setStep((_) => Math.max(_ - 1, 0));
+        }, []);
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-6xl", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [jsx(CreditFormProgress, { stepsTitles: STEPS_TITLES, step: step, totalSteps: STEPS_COUNT }), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditFormStep, { inputs: inputs, totalSteps: STEPS_COUNT, step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep }, String(step)) })] }) }));
     });
-    const renderStep$1 = ({ sections, field, typeForm }) => {
-        return sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderInfo$1(_?.inputs), renderTitle(_?.title), renderInputs({ field, typeForm, inputs: _?.inputs })] }, `section-${i}`)));
-    };
-    const renderInfo$1 = (inputs = []) => {
-        const infoInputs = inputs.filter((_) => _.fieldType === 'info');
-        return infoInputs.length ? infoInputs.map(({ text }) => jsx(InfoCard, { __html: text })) : null;
-    };
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
 
@@ -7737,6 +7970,7 @@
         AdTile,
         ApplicationForm,
         ApplicationLeadForm,
+        ApplicationStatus,
         BankAccountFiltration,
         BenefitsBlock,
         BonusBenefitsBlock,
@@ -7961,7 +8195,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.608";
+    const packageVersion = "0.14.616";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;