@redneckz/wildless-cms-uni-blocks 0.14.877 → 0.14.879

package/mobile/bundle/bundle.umd.js

@@ -1262,7 +1262,7 @@
     // TODO Базовая функицональность всех Control - надо вынести и привязать к required флагу
     const getRequiredLabel = ({ label, errors }) => label && errors ? `${label}*` : label;
 
-    const renderErrorText = (error) => (jsx("div", { className: "h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
+    const renderErrorText = (error) => (jsx("div", { className: "min-h-6", children: error ? (jsx(Text, { size: "text-xs", font: "font-light", color: "text-error", children: error })) : null }));
 
     const debounce = (fn, delay = 600) => {
         let timerId;
@@ -2018,20 +2018,24 @@
     }
 
     const DEFAULT_HINTS_COUNT = 10;
-    const defaultResponseItemHandler = (item) => item?.value || '';
-    const getResponseHandler = (itemHandler) => (response) => {
+    const defaultResponseItemHandler = (item) => ({
+        value: item?.value || '',
+    });
+    const getResponseHandler = (itemHandler, responseFilter) => (response) => {
         const responseData = response?.suggestions || [];
-        return responseData.map((item) => {
-            const value = itemHandler(item);
+        const filteredData = responseFilter ? responseData.filter(responseFilter) : responseData;
+        return filteredData.map((item) => {
+            const data = itemHandler(item);
             return {
                 ...item,
-                processedValue: value,
+                processedValue: data.value,
+                additionalValue: data.additionalValue,
             };
         });
     };
     const getDaDataHints = (options) => {
-        const { url, query, queryPrefix, requestData = {}, responseItemHandler = defaultResponseItemHandler, } = options;
-        const responseHandler = getResponseHandler(responseItemHandler);
+        const { url, query, queryPrefix, requestData = {}, responseItemHandler = defaultResponseItemHandler, responseFilter, } = options;
+        const responseHandler = getResponseHandler(responseItemHandler, responseFilter);
         const queryPrefixValue = queryPrefix ? `${queryPrefix}, ` : '';
         const combinedQuery = `${queryPrefixValue}${query}`;
         return globalThis
@@ -2458,7 +2462,7 @@
 
     const CloseButton = JSX(({ className, onClose }) => (jsx("button", { className: style('flex justify-center items-center w-12 h-12 p-2xs bg-transparent border-none', className), onClick: onClose, title: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", type: "button", children: jsx(Icon, { name: "CloseIcon", width: "20", height: "20", iconVersion: "gray" }) })));
 
-    const Dialog = JSX(({ className, head, children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-6xl", children: children })] })));
+    const Dialog = JSX(({ className, head, children, onClose, onClick }) => (jsxs("div", { className: style('relative bg-white pt-0 p-lg', className), role: "dialog", title: "\u0414\u0438\u0430\u043B\u043E\u0433", onClick: onClick, children: [jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [jsx(CloseButton, { className: "absolute top-0 right-0", onClose: onClose }), jsx("div", { className: "container", children: head })] }), jsx("div", { className: "container pb-m mb-[74px] lg:mb-0", children: children })] })));
 
     const ResponseTypeDialog = JSX(({ ok, typeForm, onClose }) => {
         const statusIcon = ok ? 'ResponseOKIcon' : 'ResponseFailIcon';
@@ -2546,7 +2550,7 @@
 
     const Loader = JSX(({ color = 'text-primary-main', position = 'absolute', blur = true, size = 'big' }) => (jsx("div", { className: style('flex justify-center items-center h-full w-full z-50', position, {
             'backdrop-blur': blur,
-        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'small' ? 'border-4 h-8 w-8' : 'border-8 h-28 w-28', color), role: "status" }) })));
+        }), children: jsx("div", { className: style('inline-block', 'animate-spin rounded-full', 'border-solid border-current', 'border-r-transparent', size === 'extraSmall' && 'border-2 h-4 w-4', size === 'small' && 'border-4 h-8 w-8', size === 'big' && 'border-8 h-28 w-28', color), role: "status" }) })));
 
     const SubmitButton$1 = JSX(({ isLoading, disabled, children, className, ...rest }) => (jsxs(Button, { type: "submit", className: style('relative', className), disabled: isLoading || disabled, ...rest, children: [isLoading ? jsx(Loader, { blur: true, size: "small" }) : null, children] })));
 
@@ -2629,7 +2633,9 @@
     const codeWordValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 3 && _.length <= 21 && isCyrillic(_))(errorMsg ?? ERROR_MESSAGE);
     const nameRetailValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length > 1 && retailCyrillicPattern.test(_))(errorMsg ?? ERROR_MESSAGE);
     const jobNumberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && /^[0-9]{1,2}$/g.test(_))(errorMsg ?? ERROR_MESSAGE);
-    const lengthStringValidator = (inputLength, errorMsg) => validator((_) => typeof _ === 'string' && _.length >= 1 && _.length <= inputLength)(errorMsg ?? ERROR_MESSAGE);
+    const lengthStringValidator = (inputLength, errorMsg, isFixLength) => validator((_) => typeof _ === 'string' &&
+        _.length >= 1 &&
+        (isFixLength ? _.length === inputLength : _.length <= inputLength))(errorMsg ?? ERROR_MESSAGE);
     const limitedBirthdayValidate = ({ minAge, maxAge }) => (date) => {
         const today = new Date();
         const minDate = new Date(today.getFullYear() - minAge, today.getMonth(), today.getDate());
@@ -2645,23 +2651,14 @@
         return true;
     };
     const limitedBirthdayValidator = (params) => validator(limitedBirthdayValidate(params))(params.errorMessage);
-    const passportValidator = (birthDate) => validator((_) => {
-        if (_ && birthDate) {
-            return (_.getTime() >=
-                new Date(birthDate?.getFullYear() + 14, birthDate?.getMonth(), birthDate?.getDate()).getTime());
-        }
-        return false;
-    })('Укажите дату выдачи паспорта');
+    const passportValidator = (birthDate) => validateDateFromBirth(14, birthDate)('Укажите дату выдачи паспорта');
     const deliveryDateValidator = (errorMsg) => validator((_) => _?.getTime() >= new Date().getTime())(errorMsg);
-    const notLaterDateValidator = (errorMsg) => validator((_) => _?.getTime() <= new Date().getTime())(errorMsg);
-    const numberValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 6)(errorMsg);
-    const serieValidator = (errorMsg) => validator((_) => typeof _ === 'string' && _.length === 4)(errorMsg);
     const snilsValidate = (snils) => {
-        const snl = String(snils).replace(/[^0-9]+/g, '');
-        if (snl.length === 11) {
+        const _snils = String(snils).replace(/[^0-9]+/g, '');
+        if (_snils.length === 11 && _snils !== '00000000000') {
             let checksum = 0;
             for (let i = 0; i < 9; i++) {
-                checksum += parseInt(snl.charAt(i)) * (9 - i);
+                checksum += parseInt(_snils.charAt(i)) * (9 - i);
             }
             if (checksum > 101) {
                 checksum = checksum % 101;
@@ -2669,11 +2666,25 @@
             if (checksum === 100 || checksum === 101) {
                 checksum = 0;
             }
-            return checksum === parseInt(snl.slice(9));
+            return checksum === parseInt(_snils.slice(9));
         }
         return false;
     };
     const snilsValidator = (errorMsg) => validator(snilsValidate)(errorMsg);
+    const generalSeniorityValidator = (lastJobExperience) => validator((_) => typeof _ === 'string' &&
+        /^[0-9]{1,2}$/g.test(_) &&
+        (!lastJobExperience || Number(_) >= Number(lastJobExperience)))('Укажите количество лет стажа');
+    const workBeginDateValidator = (birthDate) => validateDateFromBirth(18, birthDate)('Укажите дату заключения трудового договора');
+    const dateRegistrationValidator = (birthDate) => validateDateFromBirth(0, birthDate)('Укажите дату регистрации');
+    const validateDateFromBirth = (age, birthDate) => validator((_) => {
+        if (_ && birthDate) {
+            const currentDate = _.getTime();
+            const minDate = new Date(birthDate?.getFullYear() + age, birthDate?.getMonth(), birthDate?.getDate()).getTime();
+            const maxDate = new Date().getTime();
+            return currentDate >= minDate && currentDate <= maxDate;
+        }
+        return false;
+    });
 
     const limitedBirthdayValidationData = {
         credit: {
@@ -2683,7 +2694,8 @@
         },
         creditCard: {
             minAge: 21,
-            errorMessage: 'Допустимый возраст заёмщика - от 21 года',
+            maxAge: 73,
+            errorMessage: 'Допустимый возраст заёмщика - от 21 до 73 лет',
         },
         debitCard: {
             minAge: 18,
@@ -2716,11 +2728,9 @@
         organizationPhone: phoneValidator('Укажите номер телефона'),
         organizationName: defaultValidator('Укажите наименование организации'),
         legalForm: defaultValidator('Укажите ОПФ'),
-        generalSeniority: jobNumberValidator('Укажите количество лет стажа'),
         lastJobExperience: jobNumberValidator('Укажите стаж на последнем месте работы'),
         experience5Years: jobNumberValidator('Укажите общий стаж за последние 5 лет'),
         jobsNumber: jobNumberValidator('Укажите количество мест работы за последние 5 лет'),
-        beginDate: notLaterDateValidator('Укажите дату заключения трудового договора'),
         addressFact: addressDaDataValidator(),
         addressRegistration: addressDaDataValidator(),
         addressRetail: defaultSelectValidator('Выберите адрес банка'),
@@ -2738,20 +2748,17 @@
         familyMembers: lengthStringValidator(2, 'Укажите количество членов семьи'),
         children: lengthStringValidator(2, 'Укажите количество детей'),
         dependents: lengthStringValidator(2, 'Укажите количество иждивенцев'),
-        totalIncome: lengthStringValidator(19, 'Укажите среднемесячный доход от основной зарплаты'),
-        expenses: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
         snils: snilsValidator('Некорректный номер СНИЛС'),
         conscription: defaultValidator(),
         armyIdFlg: agreementValidator,
-        dulSerie: serieValidator('Укажите серию паспорта'),
-        dulNumber: numberValidator('Укажите номер паспорта'),
-        dulSubdivisionCode: numberValidator('Укажите код подразделения'),
+        dulSerie: lengthStringValidator(4, 'Укажите серию паспорта', true),
+        dulNumber: lengthStringValidator(6, 'Укажите номер паспорта', true),
+        dulSubdivisionCode: lengthStringValidator(7, 'Укажите код подразделения', true),
         dulIssuedBy: defaultValidator('Укажите организацию, выдавшую паспорт'),
-        participantDateRegistration: notLaterDateValidator('Укажите дату регистрации'),
         retirementIncome: defaultValidator(),
         otherIncome: defaultValidator(),
         wages: defaultValidator(),
-        mandatoryPayments: defaultValidator(),
+        mandatoryPayments: lengthStringValidator(10, 'Укажите сумму обязательных выплат'),
         bankruptcyFlg: defaultValidator(),
         shareholderFlg: defaultValidator(),
         legalEntityName: defaultValidator(),
@@ -2962,17 +2969,32 @@
     };
     const PASSPORT_CODE_HINTS_LIST_OPTIONS = {
         url: 'suggest/fms_unit',
-        responseItemHandler: (item) => item?.data?.code?.replace('-', '') || '',
+        responseItemHandler: (item) => ({
+            value: item?.data?.code || '',
+            additionalValue: item?.data?.name,
+        }),
     };
     const ORGANIZATION_NAME_HINTS_LIST_OPTIONS = {
         url: 'suggest/party',
+        responseItemHandler: (item) => {
+            const inn = item?.data?.inn;
+            const address = item?.data?.address?.value || '';
+            const additionalValue = address ? `${inn} ${address}` : inn;
+            return {
+                value: item?.value || '',
+                additionalValue,
+            };
+        },
     };
     const ORGANIZATION_INN_HINTS_LIST_OPTIONS = {
         url: 'suggest/party',
-        responseItemHandler: (item) => item?.data?.inn || '',
+        responseItemHandler: (item) => ({
+            value: item?.data?.inn || '',
+        }),
     };
     const ADDRESS_HINTS_LIST_OPTIONS = {
         url: 'suggest/address',
+        responseFilter: (item) => Boolean(item?.data?.postal_code),
     };
     const hintsListsOptions = {
         name: NAME_HINTS_LIST_OPTIONS,
@@ -3012,9 +3034,9 @@
             container.addEventListener('keydown', onKeyDownHandler);
             return () => container.removeEventListener('keydown', onKeyDownHandler);
         }, [listItemActive]);
-        return (jsx("div", { className: "bg-white text-l overflow-y-auto overflow-x-hidden rounded-md shadow-2xl", role: "list", children: options?.map((item, key) => (jsx("div", { className: style('flex px-m py-s cursor-pointer hover:bg-main-divider pr-5xl relative', {
+        return (jsx("div", { className: "bg-white text-l overflow-y-auto overflow-x-hidden rounded-md shadow-2xl", role: "list", children: options?.map((item, key) => (jsxs("div", { className: style('px-m py-xs cursor-pointer hover:bg-main-divider relative', {
                     'bg-main-divider': listItemActive === key,
-                }), role: "listitem", onMouseDown: () => onChange(item), children: jsx("span", { className: "min-h-6", children: item.processedValue }) }, key.toString()))) }));
+                }), role: "listitem", onMouseDown: () => onChange(item), children: [jsx("p", { children: item.processedValue }), item.additionalValue ? (jsx("p", { className: "text-xs text-secondary-text", children: item.additionalValue })) : null] }, key.toString()))) }));
     });
 
     // eslint-disable-next-line max-lines-per-function
@@ -3042,6 +3064,7 @@
             const result = await getDaDataHints({
                 url: defaultHintsListOptions.url,
                 responseItemHandler: defaultHintsListOptions.responseItemHandler,
+                responseFilter: defaultHintsListOptions.responseFilter,
                 requestData: {
                     ...defaultHintsListOptions?.requestData,
                 },
@@ -3074,7 +3097,7 @@
         return inputRef;
     }
 
-    const DaDataInputControl = JSX(({ value = '', onChange = noop, onDaDataChange, name = '', daDataQueryPrefix, dadata = false, ...rest }) => {
+    const DaDataInputControl = JSX(({ value = '', onChange = noop, onDaDataChange, name = '', daDataQueryPrefix, dadata = false, type, ...rest }) => {
         const [isOpen, { setFalse: close, setTrue: open }] = useBool();
         const inputRef = useInputPopup({
             isOpen: isOpen && dadata,
@@ -3084,7 +3107,14 @@
             onChange,
             onDaDataChange,
         });
-        return (jsx(InputWrapper, { value: value, onChange: onChange, inputRef: inputRef, isOpen: isOpen, onOpen: open, onClose: close, ...rest }));
+        const handleChange = useCallback((e) => {
+            let formattedValue = e ?? '';
+            if (type === 'number') {
+                formattedValue = formattedValue.replace(/^0+(?=\d)/, '');
+            }
+            onChange?.(formattedValue);
+        }, [onChange]);
+        return (jsx(InputWrapper, { value: value, onChange: handleChange, inputRef: inputRef, isOpen: isOpen, onOpen: open, onClose: close, ...rest }));
     });
 
     const AddressField = JSX(({ field, input }) => {
@@ -3994,7 +4024,7 @@
 
     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", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input), maxDate: new Date() })));
 
-    const BirthPlaceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const BirthPlaceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041C\u0435\u0441\u0442\u043E \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", maxLength: 100, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
     const safeJsonParse = (data) => {
         try {
@@ -4049,9 +4079,9 @@
     });
     const isValidCardCategory = (cardTypes, selectedCardCategory) => cardTypes.some((cardType) => cardType.key === selectedCardCategory?.key);
 
-    const ChildrenField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
+    const ChildrenField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, type: "number", ...field(input?.name ?? ''), ...input })));
 
-    const CodeWordField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u0434\u043E\u0432\u043E\u0435 \u0441\u043B\u043E\u0432\u043E", ...field(input?.name ?? ''), ...input })));
+    const CodeWordField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u0434\u043E\u0432\u043E\u0435 \u0441\u043B\u043E\u0432\u043E", maxLength: 20, ...field(input?.name ?? ''), ...input })));
 
     const ConfirmationIncomeField = JSX(({ field, input }) => {
         const { data: confirmationIncome } = useLeadFormData('INCOME_CERT_UNITED');
@@ -4073,26 +4103,33 @@
 
     const DocumentDialog = JSX(({ src, onClose, onDocumentRead }) => {
         const isMobileMode = useMobileMode();
-        return (jsxs(Dialog, { className: "my-6xl max-w-4xl mx-auto px-0 min-h-0 pb-0 z-[101]", onClose: onClose, children: [isMobileMode ? (jsx("img", { src: src })) : (jsx("iframe", { src: `${src}#toolbar=0`, className: "w-full h-[80vh]", id: "iframe-dialog" })), jsx(Button, { className: "mx-auto mt-m", type: "button", onClick: () => {
+        return (jsxs(Dialog, { className: "mt-xl max-w-4xl mx-auto px-0 min-h-0 pb-0", onClose: onClose, children: [isMobileMode ? (jsx("img", { src: src })) : (jsx("iframe", { src: `${src}#toolbar=0`, className: "w-full h-[80vh]", id: "iframe-dialog" })), jsx(Button, { className: "mx-auto mt-m", type: "button", onClick: () => {
                         onDocumentRead?.();
                         onClose?.();
                     }, children: "\u041E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F" })] }));
     });
 
     const useDocumentDialog = (docId, onDocumentRead) => {
+        const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
         const { open } = useDialog(DocumentDialog);
         const isMobileMode = useMobileMode();
-        return useCallback(async () => {
-            if (docId) {
+        const openDocument = useCallback(async () => {
+            if (docId && !isLoading) {
+                startLoading();
                 const src = URL.createObjectURL(await feedbackById(docId, isMobileMode));
                 open({ src, onDocumentRead });
+                endLoading();
             }
-        }, [open, docId, isMobileMode]);
+        }, [open, docId, isMobileMode, isLoading]);
+        return {
+            openDocument,
+            isLoading,
+        };
     };
 
     const CheckboxWithDoc = JSX(({ className, error, docId, ...props }) => {
-        const openDocument = useDocumentDialog(docId, () => props.onChange?.(true));
-        return (jsxs("div", { className: className, children: [jsxs("div", { className: "flex flex-wrap gap-x-m", children: [jsx(Checkbox, { ...props }), docId ? (jsx(Button, { embedded: true, onClick: openDocument, children: jsx(ButtonTitle, { children: "\u041E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F" }) })) : null] }), renderErrorText(error)] }));
+        const { openDocument, isLoading } = useDocumentDialog(docId, () => props.onChange?.(true));
+        return (jsxs("div", { className: className, children: [jsxs("div", { className: "flex flex-wrap gap-x-m", children: [jsx(Checkbox, { ...props }), docId ? (jsxs(Button, { embedded: true, onClick: openDocument, children: [jsx(ButtonTitle, { children: "\u041E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F" }), isLoading ? jsx(Loader, { blur: false, size: "extraSmall", position: "static" }) : null] })) : null] }), renderErrorText(error)] }));
     });
 
     const ConsentField = JSX(({ field, input }) => {
@@ -4569,7 +4606,7 @@
             organizationName,
         };
         for (const fieldName in organizationData) {
-            organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
+            field?.(fieldName)?.onChange?.(organizationData[fieldName]);
         }
     };
     const getOrganizationRequisites = (item) => ({
@@ -4621,31 +4658,43 @@
         return (jsx(RadioButtonGroupControl, { label: "\u0412\u0440\u0435\u043C\u044F \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", className: "flex-row", items: deliveryTime, ...field(input?.name ?? '') }));
     });
 
-    const DependentsField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0438\u043D\u044B\u0445 \u0438\u0436\u0434\u0438\u0432\u0435\u043D\u0446\u0435\u0432", placeholder: "\u0417\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435\u043C \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", isInteger: true, maxLength: 2, ...field(input?.name ?? ''), ...input })));
+    const DependentsField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0438\u043D\u044B\u0445 \u0438\u0436\u0434\u0438\u0432\u0435\u043D\u0446\u0435\u0432", placeholder: "\u0417\u0430 \u0438\u0441\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435\u043C \u0434\u0435\u0442\u0435\u0439 \u0434\u043E 18 \u043B\u0435\u0442", isInteger: true, maxLength: 2, type: "number", ...field(input?.name ?? ''), ...input })));
 
     const DulIssueDateField = JSX(({ field, input }) => {
         const birthDate = field('limitedBirthday')?.value;
         const startDulIssueDate = useMemo(() => new Date(birthDate?.getFullYear() + 14, birthDate?.getMonth(), birthDate?.getDate()), [birthDate]);
-        return (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...field(input?.name ?? ''), disabled: isEsiaAuthorize(field, input), minDate: startDulIssueDate }));
+        return (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...field(input?.name ?? ''), disabled: isEsiaAuthorize(field, input), minDate: startDulIssueDate, maxDate: new Date() }));
     });
 
     const DulIssuedByField = JSX(({ field, input }) => {
         const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } = field('dulSubdivisionCode');
         const onDaDataChange = useCallback((item) => {
-            changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
+            changeDulSubdivisionCode?.(item?.data?.code);
         }, []);
-        return (jsx(DaDataInputControl, { disabled: isEsiaAuthorize(field, input), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...field(input?.name ?? ''), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
+        return (jsx(DaDataInputControl, { disabled: isEsiaAuthorize(field, input), label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", maxLength: 200, ...input, ...field(input?.name ?? ''), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
     });
 
     const DulNumberField = JSX(({ field, input }) => (jsx(DaDataInputControl, { disabled: isEsiaAuthorize(field, input), label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 6, ...field(input?.name ?? '') })));
 
     const DulSerieField = JSX(({ field, input }) => (jsx(DaDataInputControl, { disabled: isEsiaAuthorize(field, input), label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", isInteger: true, maxLength: 4, ...field(input?.name ?? '') })));
 
+    const MAX_LENGTH$2 = 7;
     const DulSubdivisionCodeField = JSX(({ field, input }) => {
         const onDaDataChange = useCallback((item) => {
             field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
         }, []);
-        return (jsx(DaDataInputControl, { disabled: isEsiaAuthorize(field, input), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", isInteger: true, maxLength: 6, ...input, ...field(input?.name ?? ''), onDaDataChange: onDaDataChange }));
+        const handleChange = useCallback((v) => {
+            const formattedValue = v.replace(/[^\d-]/g, '');
+            formattedValue.length <= MAX_LENGTH$2 &&
+                field?.('dulSubdivisionCode')?.onChange?.(normalizeWithMask(formattedValue, '___-___'));
+        }, []);
+        useEffect(() => {
+            const value = field?.('dulSubdivisionCode')?.value;
+            if (value) {
+                handleChange(value);
+            }
+        }, []);
+        return (jsx(DaDataInputControl, { disabled: isEsiaAuthorize(field, input), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", ...input, ...field(input?.name ?? ''), placeholder: "___-___", onChange: handleChange, onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
@@ -4653,9 +4702,7 @@
         return (jsx(SelectField, { field: field, source: education, label: "\u041E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u043D\u0438\u0435", fieldName: "education", input: input }));
     });
 
-    const EmailField = JSX(({ field, input }) => {
-        return jsx(DaDataInputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", ...field(input?.name ?? ''), ...input });
-    });
+    const EmailField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u042D\u043B\u0435\u043A\u0442\u0440\u043E\u043D\u043D\u0430\u044F \u043F\u043E\u0447\u0442\u0430", maxLength: 50, ...field(input?.name ?? ''), ...input })));
 
     const EmployerActivitiesField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
@@ -4684,21 +4731,19 @@
         return (jsx(SelectField, { field: field, source: employment, label: "\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0442\u0440\u0443\u0434\u043E\u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0435", fieldName: "employment", input: input }));
     });
 
-    const ExpensesField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", isInteger: true, ...field(input?.name ?? ''), ...input })));
-
     const MAX_YEARS = 5;
     const MIN_YEARS = 0;
     const Experience5YearsField = JSX(({ field, input }) => {
         const onChange = useCallback((value) => field(input?.name ?? '')?.onChange?.(String(clamp(Number(value), MIN_YEARS, MAX_YEARS))), []);
-        return (jsx(DaDataInputControl, { label: "\u0421\u0442\u0430\u0436", placeholder: "\u0417\u0430 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 5 \u043B\u0435\u0442", type: "number", ...field(input?.name ?? ''), ...input, onChange: onChange, disabled: isEsiaAuthorize(field, input) }));
+        return (jsx(DaDataInputControl, { label: "\u0421\u0442\u0430\u0436 \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 \u043B\u0435\u0442", type: "number", ...field(input?.name ?? ''), ...input, onChange: onChange, disabled: isEsiaAuthorize(field, input) }));
     });
 
     const FamilyMembersField = JSX(({ field, input }) => {
         const { value, onChange } = field(input?.name ?? '');
         const familyStatusKey = field('familyStatus')?.value?.key;
         const adultsCount = familyStatusKey === 'MARRIED' ? 2 : 1;
-        const childrenCount = Number(field('children')?.value);
-        const dependentsCount = Number(field('dependents')?.value);
+        const childrenCount = Number(field('children')?.value || 0);
+        const dependentsCount = Number(field('dependents')?.value || 0);
         const totalCount = adultsCount + childrenCount + dependentsCount;
         useEffect(() => {
             onChange?.(totalCount);
@@ -4711,7 +4756,17 @@
         return (jsx(SelectField, { field: field, source: familyStatus, label: "\u0421\u0435\u043C\u0435\u0439\u043D\u043E\u0435 \u043F\u043E\u043B\u043E\u0436\u0435\u043D\u0438\u0435", fieldName: "familyStatus", input: input }));
     });
 
-    const GeneralSeniorityField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", type: "number", maxLength: 2, placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const GeneralSeniorityField = JSX(({ field, input }) => {
+        const [errorDate, setErrorDate] = useState('');
+        const lastJobExperience = Number(field('lastJobExperience')?.value);
+        const currentDate = Number(field('generalSeniority')?.value);
+        useEffect(() => {
+            setErrorDate(currentDate && currentDate < lastJobExperience
+                ? 'Укажите не меньше, чем число в поле «Стаж на последнем рабочем месте»'
+                : '');
+        }, [lastJobExperience, currentDate]);
+        return (jsx(DaDataInputControl, { label: "\u041E\u0431\u0449\u0438\u0439 \u0441\u0442\u0430\u0436", type: "number", maxLength: 2, placeholder: "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u043B\u0435\u0442", isInteger: true, ...field(input?.name ?? ''), ...input, error: errorDate || field('generalSeniority')?.error, disabled: isEsiaAuthorize(field, input) }));
+    });
 
     const HousingField = JSX(({ field, input }) => {
         const { data: housing } = useLeadFormData('HOUSE_TYPE');
@@ -4722,9 +4777,9 @@
 
     const InitiateBankruptcyFlgField = JSX(({ field, input }) => (jsx(CheckboxWithError, { text: "\u042F \u043F\u043B\u0430\u043D\u0438\u0440\u0443\u044E \u0432 \u0431\u043B\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043C\u044F \u0438\u043D\u0438\u0446\u0438\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0434\u0435\u043B\u043E \u043E \u0431\u0430\u043D\u043A\u0440\u043E\u0442\u0441\u0442\u0432\u0435 \u0432 \u043E\u0442\u043D\u043E\u0448\u0435\u043D\u0438\u0438 \u0441\u0435\u0431\u044F", ...field(input?.name ?? '') })));
 
-    const JobsNumberField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", isInteger: true, maxLength: 2, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const JobsNumberField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", type: "number", isInteger: true, maxLength: 2, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
-    const LastJobExperienceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", type: "number", maxLength: 2, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const LastJobExperienceField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", type: "number", maxLength: 2, isInteger: true, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
     const latinPattern = /^[\u0041-\u005A\u0061-\u007A\s]+$/u;
     const isLatin = (_ = '') => latinPattern.test(_);
@@ -4843,11 +4898,11 @@
         return (jsx(DaDataInputControl, { 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, ...field(input?.name ?? ''), disabled: !field?.('shareholderFlg')?.value }));
     });
 
-    const LegalFormField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041E\u041F\u0424", placeholder: "\u041E\u041E\u041E, \u041F\u0410\u041E  \u0438 \u0434\u0440.", ...field(input?.name ?? ''), ...input })));
+    const LegalFormField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041E\u041F\u0424", maxLength: 20, placeholder: "\u041E\u041E\u041E, \u041F\u0410\u041E  \u0438 \u0434\u0440.", ...field(input?.name ?? ''), ...input })));
 
     const LimitedBirthdayField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0440\u043E\u0436\u0434\u0435\u043D\u0438\u044F", ...field(input?.name ?? ''), disabled: isEsiaAuthorize(field, input) })));
 
-    const MandatoryPaymentsField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0432\u044B\u043F\u043B\u0430\u0442\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
+    const MandatoryPaymentsField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0432\u044B\u043F\u043B\u0430\u0442\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, type: "number", maxLength: 10, ...field(input?.name ?? ''), ...input })));
 
     const METHODS_OF_OBTAIN = [
         { id: 'office', text: 'В отделении Банка' },
@@ -4861,7 +4916,7 @@
                 field('middleName')?.onChange?.(value);
             }
         }, [field]);
-        return (jsx(DaDataInputControl, { 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)", maxLength: 60, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input, onChange: onChange }));
+        return (jsx(DaDataInputControl, { 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)", maxLength: 40, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input, onChange: onChange }));
     });
 
     const NameField = JSX(({ field, input }) => {
@@ -4870,7 +4925,7 @@
                 field('name')?.onChange?.(value);
             }
         }, [field]);
-        return (jsx(DaDataInputControl, { label: "\u0418\u043C\u044F", maxLength: 60, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input, onChange: onChange }));
+        return (jsx(DaDataInputControl, { label: "\u0418\u043C\u044F", maxLength: 40, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input, onChange: onChange }));
     });
 
     const OrganizationField = JSX(({ field, input }) => {
@@ -4966,7 +5021,7 @@
     });
     const getCurrentProductSettings = (productType) => productType === 'debitCard' ? 'DEBIT_CARD_LEAD_PROCESS_SETTINGS' : 'CREDIT_LEAD_PROCESS_SETTINGS';
 
-    const RetirementIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041F\u0435\u043D\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, ...field(input?.name ?? ''), ...input })));
+    const RetirementIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u041F\u0435\u043D\u0441\u0438\u043E\u043D\u043D\u044B\u0435 \u0434\u043E\u0445\u043E\u0434\u044B", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", isInteger: true, type: "number", maxLength: 10, ...field(input?.name ?? ''), ...input })));
 
     const GENDERS = ['male', 'female'];
     const getGenderFromName = async (name) => {
@@ -5025,12 +5080,10 @@
                 field('surname')?.onChange?.(value);
             }
         }, [field]);
-        return (jsx(DaDataInputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", maxLength: 60, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input, onChange: onChange }));
+        return (jsx(DaDataInputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", maxLength: 40, disabled: isEsiaAuthorize(field, input), ...field(input?.name ?? ''), ...input, onChange: onChange }));
     });
 
-    const TotalIncomeField = JSX(({ field, input }) => (jsx(DaDataInputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u043E\u0444\u0438\u0446\u0438\u0430\u043B\u044C\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", isInteger: true, ...field(input?.name ?? ''), ...input })));
-
-    const WagesField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", isInteger: true, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
+    const WagesField = JSX(({ field, input }) => (jsx(DaDataInputControl, { 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", isInteger: true, type: "number", maxLength: 10, ...field(input?.name ?? ''), ...input, disabled: isEsiaAuthorize(field, input) })));
 
     const DELIVERY_CITIES_REF = {
         $ref: '/wcms-resources/delivery-cities-data.json',
@@ -5079,8 +5132,6 @@
         familyMembers: FamilyMembersField,
         children: ChildrenField,
         dependents: DependentsField,
-        totalIncome: TotalIncomeField,
-        expenses: ExpensesField,
         snils: SnilsField,
         conscription: ConscriptionField,
         armyIdFlg: ArmyIdFlgField,
@@ -5340,6 +5391,7 @@
         }
     };
 
+    const TIME_TO_RESEND = 180;
     const useVerifyPhoneDialogSubmit = ({ values, onSuccess, }) => {
         const sessionStore = useSessionStore();
         const attempts = sessionStore.smsCode?.attempts || 0;
@@ -5394,7 +5446,6 @@
     };
     const getTimer = (sendTime) => TIME_TO_RESEND - Math.floor((Date.now() - sendTime) / 1000);
 
-    const TIME_TO_RESEND = 180;
     const CODE_LENGTH = 4;
     const VerifyPhoneDialog = JSX(({ phone, withDescription = true, consents, onSuccess = noop, onClose = noop }) => {
         const [values, setValues] = useState(Array(CODE_LENGTH).fill(''));
@@ -5873,9 +5924,7 @@
                         }),
                     },
                 ],
-                marketingInfo: {
-                    bannerId: marketingInfo?.bannerId,
-                },
+                marketingInfo,
             },
         };
     };
@@ -6101,10 +6150,7 @@
         }
     }, [target, key]);
 
-    const esiaRequestProfile = (body) => fetchRetailJSON('/esia/requestProfile', 'POST', body).then((res) => {
-        saveToken(res);
-        return res;
-    });
+    const esiaRequestProfile = (body) => fetchRetailJSON('/esia/requestProfile', 'POST', body);
 
     const initialFormState = {
         surname: '',
@@ -6322,7 +6368,7 @@
                     code,
                     state,
                     redirectUri: globalThis.location?.href,
-                    authorize: true,
+                    authorize: false,
                 });
                 if (data) {
                     const parsedData = await parseEsiaProfile(data, productType === 'debitCard');
@@ -6376,6 +6422,7 @@
                 utm_content: queryStorage.get('utm_content'),
                 utm_term: queryStorage.get('utm_term'),
                 bannerId: queryStorage.get('bannerId'),
+                userId: queryStorage.get('userId'),
             };
         return {
             code,
@@ -7865,19 +7912,19 @@
                             } }), jsx("div", { className: "z-10 flex items-center justify-center w-20 h-20 rounded-full bg-white text-primary-text text-m", children: jsx(Timer, { seconds: time }) })] })] }));
     });
 
-    const FormStatus = JSX(({ title, description: dsc, sectionInfoTitle, sectionInfo, sectionAdditionalTitle, sectionInfoAdditional, buttonText, interval, onExpire = noop, ...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, onEnd: onExpire }) : null] }), jsx(SectionInfo, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), buttonText ? (jsx(Link, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null] })));
-    const SectionInfo = ({ title, items, countColumns = false, }) => {
+    const FormStatus = JSX(({ title, description: dsc, sectionInfoTitle, sectionInfo, sectionAdditionalTitle, sectionInfoAdditional, buttonText, interval, onExpire = noop, ...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, onEnd: onExpire }) : null] }), jsx(SectionInfo$1, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo$1, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), buttonText ? (jsx(Link, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null] })));
+    const SectionInfo$1 = ({ 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$1(item) }, index))) })) : 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$2(item) }, index))) })) : null] })] }));
     };
-    const renderItem$1 = ({ 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 renderItem$2 = ({ 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 FailedStatusContent$1 = JSX(() => (jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
+    const FailedStatusContent$2 = JSX(() => (jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
 
-    const PendingStatusContent$1 = JSX(({ onExpire }) => {
+    const PendingStatusContent$2 = JSX(({ onExpire }) => {
         const { statusInfo } = useRetailFormStore();
         return (jsx(FormStatus, { interval: 300, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\u0443", sectionInfo: [
                 {
@@ -7973,14 +8020,14 @@
         }, [taskId]);
         useInterval(trackStatus, 30000);
         const handleExpire = useCallback(() => setStatus(STATUS_TYPE.rework), []);
-        return renderStatus$1(status, handleExpire);
+        return renderStatus$2(status, handleExpire);
     });
-    const renderStatus$1 = (status, handleExpire) => {
+    const renderStatus$2 = (status, handleExpire) => {
         const statusesMap = {
-            IN_PROCESS: jsx(PendingStatusContent$1, { onExpire: handleExpire }),
-            CANCELLED: jsx(FailedStatusContent$1, {}),
-            FAILED: jsx(FailedStatusContent$1, {}),
-            DRAFT: jsx(FailedStatusContent$1, {}),
+            IN_PROCESS: jsx(PendingStatusContent$2, { onExpire: handleExpire }),
+            CANCELLED: jsx(FailedStatusContent$2, {}),
+            FAILED: jsx(FailedStatusContent$2, {}),
+            DRAFT: jsx(FailedStatusContent$2, {}),
             APPROVED: jsx(SuccessStatusCardContent, {}),
             PRE_DECISION: jsx(SuccessStatusCardContent, {}),
             REVISION: jsx(ReworkStatusContent$1, {}),
@@ -8014,7 +8061,7 @@
             const dataValue = getValue(condition?.name);
             return _ !== (dataValue?.key ?? dataValue);
         });
-    const checkConsentPfrFlg = ({ name }, getValue) => name === 'snils' && isSnilsRequired(getValue);
+    const checkConsentPfrFlg = ({ name }, getValue) => name === 'snils' && !getValue('snils') && isSnilsRequired(getValue);
     const isSnilsRequired = (getValue) => getValue('confirmationIncome')?.key !== 'PFR_CERTIFICATE';
 
     const InputsMap = { ...InputsRetailMap, ...InputRetailCardMap };
@@ -8036,9 +8083,12 @@
         ...validatorObj,
         limitedBirthday: getLimitedBirthdayValidation(productType),
         dulIssueDate: passportValidator(formState.limitedBirthday),
+        generalSeniority: generalSeniorityValidator(formState.lastJobExperience),
+        beginDate: workBeginDateValidator(formState.limitedBirthday),
+        participantDateRegistration: dateRegistrationValidator(formState.limitedBirthday),
     })(formState);
 
-    const StepsNavigationButtons$1 = JSX(({ step, isSending, onPrevStep }) => {
+    const StepsNavigationButtons$2 = JSX(({ step, isSending, onPrevStep }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
         return (jsxs("div", { className: "flex justify-between gap-m", children: [jsx(Button, { version: "secondary", disabled: isFirstStep, onClick: onPrevStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
@@ -8129,7 +8179,7 @@
         },
     ];
 
-    const formStateMap$1 = [
+    const formStateMap$2 = [
         {
             paymentSystem: { key: '', text: '' },
             currency: '810',
@@ -8206,7 +8256,7 @@
             dulIssuedBy,
             dulNumber,
             dulSerie,
-            dulSubdivisionCode,
+            dulSubdivisionCode: dulSubdivisionCode?.replace('-', ''),
             educationLevelCd: education,
             registrationDate: participantDateRegistration
                 ? formatDate(participantDateRegistration, true)
@@ -8233,7 +8283,7 @@
         return new Date(date).toISOString().split('.')[0];
     };
 
-    const getDeliveryData = (formData) => {
+    const getDeliveryData$1 = (formData) => {
         const { methodObtain, deliveryDate = '', deliveryTime } = formData;
         const isCourierDelivery = methodObtain === 'courier';
         const deliveryTimeCd = deliveryTime ? { deliveryTimeCd: { key: deliveryTime } } : {};
@@ -8247,7 +8297,7 @@
             }
             : {};
     };
-    const getOfficeCode = (formData) => {
+    const getOfficeCode$1 = (formData) => {
         const { addressRetail, methodObtain } = formData;
         const isOfficeObtain = addressRetail?.key && methodObtain === 'office';
         return isOfficeObtain
@@ -8271,7 +8321,7 @@
         taskKind: 'UNITED',
         task: {
             id: taskId,
-            ...getOfficeCode(formData),
+            ...getOfficeCode$1(formData),
             authorizedAgentId: formData?.bankEmployeeCode,
             participants: [
                 {
@@ -8283,15 +8333,15 @@
                         key: 'BORROWER',
                         value: 'Заемщик',
                     },
-                    ...getCurrentStepData$1(step, formData),
+                    ...getCurrentStepData$2(step, formData),
                 },
             ],
             ...getCardOptionsData(formData),
-            ...getDeliveryData(formData),
+            ...getDeliveryData$1(formData),
             files: formData?.files,
         },
     });
-    const getCurrentStepData$1 = (step, formData) => {
+    const getCurrentStepData$2 = (step, formData) => {
         switch (step) {
             case 0:
                 return {};
@@ -8314,7 +8364,7 @@
         const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const isFinalStep = step === 5;
         const retailFormStore = useRetailFormStore();
-        const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm, formStateMap$1), [step, retailFormStore.leadForm]);
+        const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm, formStateMap$2), [step, retailFormStore.leadForm]);
         const resetForm = useCallback((response) => {
             const { leadForm } = retailFormStore;
             if (isFinalStep && response.ok && leadForm) {
@@ -8355,14 +8405,14 @@
         return [initialState, handleSubmit, isSending];
     };
 
-    const PRODUCT_TYPE$1 = 'creditCard';
+    const PRODUCT_TYPE$2 = 'creditCard';
     const CreditCardFormStep = JSX(({ step, sections, onPrevStep, onNextStep, onFinish }) => {
         const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs || []), [sections]);
         const formValidator = useCallback((formState) => getRetailFormValidator({
             formState,
             inputs,
             step,
-            productType: PRODUCT_TYPE$1,
+            productType: PRODUCT_TYPE$2,
         }), [inputs]);
         const [initialState, onSubmit, isSending] = useCreditCardFormAPI({
             step,
@@ -8373,7 +8423,7 @@
             formValidator,
             onSubmit,
         });
-        return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step }), jsx(StepsNavigationButtons$1, { isSending: isSending, step: step, onPrevStep: onPrevStep })] }));
+        return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step }), jsx(StepsNavigationButtons$2, { isSending: isSending, step: step, onPrevStep: onPrevStep })] }));
     });
 
     const PERSONAL_DATA = [
@@ -8771,7 +8821,7 @@
             ],
         },
     ];
-    const stepsSectionsMap$1 = [
+    const stepsSectionsMap$2 = [
         CREDIT_CARD_CONTENT,
         PERSONAL_INFO_CONTENT$1,
         EMPLOYMENT_CONTENT$1,
@@ -8780,7 +8830,7 @@
         DELIVERY_CREDIT_CARD_CONTENT,
     ];
 
-    const STEPS$1 = 6;
+    const STEPS$2 = 6;
     const TITLES = [
         'Параметры карты',
         'Персональные данные',
@@ -8795,7 +8845,7 @@
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
         useEffect(updateRefreshToken, []);
         const handleNextStep = useCallback(() => {
-            setStep((_) => Math.min(_ + 1, STEPS$1));
+            setStep((_) => Math.min(_ + 1, STEPS$2));
             scrollToTop();
         }, []);
         const handlePrevStep = useCallback(() => {
@@ -8803,9 +8853,9 @@
             setStep((_) => Math.max(_ - 1, 0));
             scrollToTop();
         }, []);
-        const sections = stepsSectionsMap$1[step];
+        const sections = stepsSectionsMap$2[step];
         const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
-        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: TITLES, step: step, totalSteps: STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
+        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: TITLES, step: step, totalSteps: STEPS$2 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
 
     const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
@@ -8813,9 +8863,9 @@
         return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold mr-s", children: ["\u0428\u0430\u0433 ", step, " \u0438\u0437 ", totalSteps, "."] }), stepsTitles[step] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
     });
 
-    const FailedStatusContent = JSX(() => (jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
+    const FailedStatusContent$1 = JSX(() => (jsx(FormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0412\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435", description: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0411\u0430\u043D\u043A \u043D\u0435 \u043C\u043E\u0436\u0435\u0442 \u043E\u0434\u043E\u0431\u0440\u0438\u0442\u044C \u0412\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443 \u043D\u0430 \u043A\u0440\u0435\u0434\u0438\u0442. \u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043F\u043E\u0434\u0430\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435. \u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u0435 \u0432 \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB.", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
 
-    const PendingStatusContent = JSX(({ onExpire }) => {
+    const PendingStatusContent$1 = JSX(({ onExpire }) => {
         const { statusInfo } = useRetailFormStore();
         return (jsx(FormStatus, { interval: 300, title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0430", description: "\u041D\u0435 \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0439\u0442\u0435 \u043E\u043A\u043D\u043E, \u0441\u043A\u043E\u0440\u043E \u0441\u043E\u043E\u0431\u0449\u0438\u043C \u0440\u0435\u0437\u0443\u043B\u044C\u0442\u0430\u0442", sectionInfoTitle: "\u0417\u0430\u044F\u0432\u043B\u0435\u043D\u043D\u044B\u0435 \u0443\u0441\u043B\u043E\u0432\u0438\u044F \u043F\u043E \u043A\u0440\u0435\u0434\u0438\u0442\u0443", sectionInfo: [
                 {
@@ -8860,7 +8910,7 @@
             ], buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
     });
 
-    const SuccessStatusContent = JSX(() => {
+    const SuccessStatusContent$1 = JSX(() => {
         const { statusInfo } = useRetailFormStore();
         return (jsx(FormStatus, { title: "\u0411\u0430\u043D\u043A \u043E\u0434\u043E\u0431\u0440\u0438\u043B \u0432\u0430\u043C \u043A\u0440\u0435\u0434\u0438\u0442", description: "\u041E\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044C \u0432 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430, \u0447\u0442\u043E\u0431\u044B \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
                 {
@@ -8909,22 +8959,22 @@
         }, [taskId]);
         useInterval(trackStatus, 30_000);
         const handleExpire = useCallback(() => setStatus(STATUS_TYPE.rework), []);
-        return renderStatus(status, handleExpire);
+        return renderStatus$1(status, handleExpire);
     });
-    const renderStatus = (status, onExpire) => {
+    const renderStatus$1 = (status, onExpire) => {
         const statusesMap = {
-            IN_PROCESS: jsx(PendingStatusContent, { onExpire: onExpire }),
-            CANCELLED: jsx(FailedStatusContent, {}),
-            FAILED: jsx(FailedStatusContent, {}),
-            DRAFT: jsx(FailedStatusContent, {}),
-            APPROVED: jsx(SuccessStatusContent, {}),
-            PRE_DECISION: jsx(SuccessStatusContent, {}),
+            IN_PROCESS: jsx(PendingStatusContent$1, { onExpire: onExpire }),
+            CANCELLED: jsx(FailedStatusContent$1, {}),
+            FAILED: jsx(FailedStatusContent$1, {}),
+            DRAFT: jsx(FailedStatusContent$1, {}),
+            APPROVED: jsx(SuccessStatusContent$1, {}),
+            PRE_DECISION: jsx(SuccessStatusContent$1, {}),
             REVISION: jsx(ReworkStatusContent, {}),
         };
         return statusesMap[status] || jsx(ReworkStatusContent, {});
     };
 
-    const StepsNavigationButtons = JSX(({ step, onPrevStep, isSending }) => {
+    const StepsNavigationButtons$1 = JSX(({ step, onPrevStep, isSending }) => {
         const isFirstStep = step === 0;
         const isFinalStep = step === 5;
         return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { version: "secondary", disabled: isFirstStep, onClick: onPrevStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
@@ -8974,7 +9024,7 @@
                         key: 'BORROWER',
                         value: 'Заемщик',
                     },
-                    ...getCurrentStepData(step, formData),
+                    ...getCurrentStepData$1(step, formData),
                 },
             ],
             ...getCalcData(formData),
@@ -8985,7 +9035,7 @@
             files: formData?.files,
         },
     });
-    const getCurrentStepData = (step, formData) => {
+    const getCurrentStepData$1 = (step, formData) => {
         switch (step) {
             case 0:
                 return getCalculatorData(formData);
@@ -9000,7 +9050,7 @@
         }
     };
 
-    const formStateMap = [
+    const formStateMap$1 = [
         {
             calculator: {
                 moneyValue: 0,
@@ -9026,7 +9076,7 @@
         const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
         const isFinalStep = step === 4;
         const retailFormStore = useRetailFormStore();
-        const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm, formStateMap), [step, retailFormStore.leadForm]);
+        const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm, formStateMap$1), [step, retailFormStore.leadForm]);
         const resetForm = useCallback((response) => {
             const { leadForm } = retailFormStore;
             if (isFinalStep && response.ok && leadForm) {
@@ -9071,7 +9121,7 @@
         return [initialState, handleSubmit, isSending];
     };
 
-    const PRODUCT_TYPE = 'credit';
+    const PRODUCT_TYPE$1 = 'credit';
     const CreditFormStep = JSX(({ step, sections, programsSource, onPrevStep, onNextStep, onFinish }) => {
         const { programId } = useRetailFormStore();
         const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
@@ -9080,7 +9130,7 @@
             formState,
             inputs,
             step,
-            productType: PRODUCT_TYPE,
+            productType: PRODUCT_TYPE$1,
         }), [inputs]);
         const [initialState, onSubmit, isSending] = useCreditFormAPI({
             step,
@@ -9091,7 +9141,7 @@
             formValidator,
             onSubmit,
         });
-        return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
+        return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons$1, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
     });
 
     /* eslint-disable max-lines */
@@ -9281,7 +9331,7 @@
             ],
         },
     ];
-    const stepsSectionsMap = [
+    const stepsSectionsMap$1 = [
         CALCULATOR_CONTENT,
         PERSONAL_INFO_CONTENT,
         EMPLOYMENT_CONTENT,
@@ -9289,8 +9339,8 @@
         DELIVERY_CREDIT_CONTENT,
     ];
 
-    const STEPS = 4;
-    const STEP_TITLES = [
+    const STEPS$1 = 4;
+    const STEP_TITLES$1 = [
         '',
         'Персональные данные',
         'Данные о трудоустройстве',
@@ -9298,6 +9348,382 @@
         'Отделение Банка',
     ];
     const CreditForm = UniBlock(({ className, programsSource, ...rest }) => {
+        const [step, setStep] = useState(0);
+        const formContainerRef = useRef(null);
+        const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
+        useEffect(updateRefreshToken, []);
+        const handleNextStep = useCallback(() => {
+            setStep((_) => Math.min(_ + 1, STEPS$1));
+            scrollToTop();
+        }, []);
+        const handlePrevStep = useCallback(() => {
+            //TODO search hook - 1,
+            setStep((_) => Math.max(_ - 1, 0));
+            scrollToTop();
+        }, []);
+        const sections = stepsSectionsMap$1[step];
+        const isStartStep = step === 0;
+        const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
+        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: STEP_TITLES$1, step: step, totalSteps: STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsx(CreditFormStep, { step: step, sections: sections, programsSource: programsSource, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
+    });
+
+    const DebitFormProgress = JSX(({ step = 1, totalSteps = 2, stepsTitles = [] }) => {
+        const progress = useMemo(() => (step / totalSteps) * 100, [step, totalSteps]);
+        return (jsx("div", { className: "py-lg px-5xl bg-white col-span-12", children: jsxs("div", { children: [jsxs("span", { className: "font-bold mr-s", children: ["\u0428\u0430\u0433 ", step, " \u0438\u0437 ", totalSteps, "."] }), stepsTitles[step] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
+    });
+
+    const INTERNET_BANK_LINK = 'https://online.rshb.ru/ib6/wf2/retail/ib/loginretaildefault';
+    const DebitFormStatus = JSX(({ title, description: dsc, sectionInfo, buttonText, isDboClient, ...props }) => {
+        return (jsxs(BlockWrapper, { ...props, children: [jsx("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" }) }), jsx(SectionInfo, { items: sectionInfo }), buttonText ? (jsx(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null, isDboClient ? (jsxs("div", { className: "flex flex-col md:flex-row md:gap-lg", children: [jsx(LinkButton, { href: "/natural/debetcards", text: "\u0417\u0430\u043F\u043E\u043B\u043D\u0438\u0442\u044C \u0437\u0430\u043D\u043E\u0432\u043E", version: "primary", className: "w-full mt-lg" }), jsx(LinkButton, { href: INTERNET_BANK_LINK, text: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u0432 \u0438\u043D\u0442\u0435\u0440\u043D\u0435\u0442 \u0431\u0430\u043D\u043A", version: "primary", className: "w-full mt-lg" })] })) : null] }));
+    });
+    const SectionInfo = ({ title, items, }) => {
+        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 gap-m md:grid-cols-2', 'md:grid-cols-2'), children: items.map((item, index) => (jsx("div", { children: renderItem$1(item) }, index))) })) : null] })] }));
+    };
+    const renderItem$1 = ({ 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 DboClientStatusContent = JSX(() => {
+        const { leadForm } = useRetailFormStore();
+        return (jsx(DebitFormStatus, { title: `${leadForm?.name} ${leadForm?.middleName},`, description: "\u0418\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u044F \u043E \u0412\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044C \u0432 \u0441\u0438\u0441\u0442\u0435\u043C\u0430\u0445 \u0411\u0430\u043D\u043A\u0430, \u043E\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043D\u0438\u043C\u0430\u043D\u0438\u0435 \u043D\u0430 \u043A\u043E\u0440\u0440\u0435\u043A\u0442\u043D\u043E\u0441\u0442\u044C \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u043F\u0430\u0441\u043F\u043E\u0440\u0442\u043D\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445", sectionInfo: [
+                {
+                    label: 'Фамилия',
+                    description: leadForm?.surname,
+                },
+                {
+                    label: 'Имя',
+                    description: leadForm?.name,
+                },
+                {
+                    label: 'Отчество',
+                    description: leadForm?.middleName,
+                },
+                {
+                    label: 'Дата рождения',
+                    description: formatDate(leadForm?.limitedBirthday || ''),
+                },
+                {
+                    label: 'Серия документа',
+                    description: leadForm?.dulSerie,
+                },
+                {
+                    label: 'Номер документа',
+                    description: leadForm?.dulNumber,
+                },
+            ], isDboClient: true }));
+    });
+
+    const FailedStatusContent = JSX(() => (jsx(DebitFormStatus, { title: "\u0412\u0440\u0435\u043C\u044F \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u044F \u043F\u0440\u0435\u0432\u044B\u0448\u0435\u043D\u043E", description: "\u041F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u044F\u0432\u043A\u0443 \u043F\u043E\u0437\u0436\u0435", buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
+
+    const PendingStatusContent = JSX(() => (jsx(DebitFormStatus, { title: "\u041F\u043E\u0434\u043E\u0436\u0434\u0438\u0442\u0435 \u043D\u0435\u043C\u043D\u043E\u0433\u043E", description: "\u0411\u0430\u043D\u043A \u043F\u0440\u043E\u0432\u0435\u0440\u044F\u0435\u0442 \u0432\u0430\u0448\u0443 \u0437\u0430\u044F\u0432\u043A\u0443" })));
+
+    const SalaryDboClientStatusContent = JSX(() => (jsx(DebitFormStatus, { description: "\u0412\u044B \u0443\u0436\u0435 \u044F\u0432\u043B\u044F\u0435\u0442\u0435\u0441\u044C \u043A\u043B\u0438\u0435\u043D\u0442\u043E\u043C \u0410\u041E \u00AB\u0420\u043E\u0441\u0441\u0435\u043B\u044C\u0445\u043E\u0437\u0431\u0430\u043D\u043A\u00BB, \u0434\u043B\u044F \u0412\u0430\u0441 \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u0437\u0430\u0440\u043F\u043B\u0430\u0442\u043D\u043E\u0439 \u043A\u0430\u0440\u0442\u044B \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E \u0432 \u043F\u0435\u0440\u0432\u044B\u0439 \u0440\u0430\u0431\u043E\u0447\u0438\u0439 \u0434\u0435\u043D\u044C", buttonText: "\u041D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
+
+    const SuccessStatusContent = JSX(({ isOffice }) => (jsx(DebitFormStatus, { title: "\u0417\u0430\u044F\u0432\u043A\u0430 \u043F\u0440\u0438\u043D\u044F\u0442\u0430", description: isOffice
+            ? 'Ваша заявка принята, мы сообщим вам в СМС о поступлении карты в офис'
+            : 'Вам позвонит сотрудник Банка для уточнения времени и даты доставки', buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" })));
+
+    const DebitFormStatusTracker = JSX(() => {
+        const [status, setStatus] = useState(STATUS_TYPE.process);
+        const { taskId, statusInfo, programId } = useRetailFormStore();
+        const isSalaryCard = programId === '38';
+        const isOffice = statusInfo?.methodObtain === 'office';
+        useEffect(() => {
+            (async () => {
+                const statusCd = await sendSignalToProcess({
+                    signalType: 'FIND_PERSON_SIGNAL',
+                    taskId,
+                });
+                isOffice &&
+                    (await sendSignalToProcess({
+                        signalType: 'SET_PERSON_SIGNAL',
+                        taskId,
+                    }));
+                setStatus(statusCd || STATUS_TYPE.notFound);
+            })();
+        }, [taskId]);
+        return renderStatus(status, isOffice, isSalaryCard);
+    });
+    const renderStatus = (status, isOffice, isSalaryCard) => {
+        const statusesMap = {
+            IN_PROCESS: jsx(PendingStatusContent, {}),
+            NOT_FOUND: jsx(FailedStatusContent, {}),
+            CLIENT_NOT_OK: jsx(FailedStatusContent, {}),
+            DBO_CLIENT: isSalaryCard ? jsx(SalaryDboClientStatusContent, {}) : jsx(DboClientStatusContent, {}),
+            PRE_DECISION: jsx(SuccessStatusContent, { isOffice: isOffice }), //
+        };
+        return statusesMap[status] || jsx(SuccessStatusContent, { isOffice: isOffice });
+    };
+
+    const StepsNavigationButtons = JSX(({ step, onPrevStep, isSending }) => {
+        const isFirstStep = step === 0;
+        const isFinalStep = step === 5;
+        return (jsxs("div", { className: 'flex justify-between gap-m', children: [jsx(Button, { onClick: onPrevStep, type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(SubmitButton$1, { isLoading: isSending, children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
+    });
+
+    const updateUserTaskDebit = (body) => doRequest('/user-data/updateUserTaskDebit', 'PUT', body);
+
+    const formStateMap = [
+        {
+            regionRetail: { key: '', text: '' },
+            regionHasDelivery: false,
+            addressRetail: { key: '', text: '' },
+            addressCourier: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            methodObtain: undefined,
+            deliveryDate: undefined,
+        },
+        {
+            surname: '',
+            name: '',
+            middleName: '',
+            sex: '',
+            limitedBirthday: undefined,
+            birthPlace: '',
+            phone: '',
+            email: '',
+            dulSerie: undefined,
+            dulNumber: undefined,
+            dulIssueDate: undefined,
+            dulSubdivisionCode: '',
+            dulIssuedBy: '',
+            addressRegistration: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            addressFact: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+        },
+        {
+            paymentSystem: { key: '', text: '' },
+            currency: '810',
+            codeWord: '',
+            latinName: '',
+            latinSurname: '',
+        },
+    ];
+
+    const getDeliveryData = (formData) => {
+        const { methodObtain, regionRetail, comment, deliveryDate = '', deliveryTime } = formData;
+        const isCourierDelivery = methodObtain === 'courier';
+        const deliveryTimeCd = deliveryTime ? { deliveryTimeCd: { key: deliveryTime } } : {};
+        return isCourierDelivery
+            ? {
+                cardServiceRegionCd: regionRetail,
+                courierDeliveryFlg: true,
+                deliveryComment: comment,
+                deliveryDate: dateToISO(deliveryDate.toString().replace(/(GMT)[+-]\d{4}/, 'GMT+0000')),
+                office: { id: '' },
+                ...deliveryTimeCd,
+            }
+            : {};
+    };
+    const getOfficeCode = (formData) => {
+        const { addressRetail, methodObtain } = formData;
+        const isOfficeObtain = addressRetail?.key && methodObtain === 'office';
+        return isOfficeObtain
+            ? {
+                courierDeliveryFlg: false,
+                office: { id: addressRetail.key },
+            }
+            : {};
+    };
+    const getDeliveryDebitData = (formData) => {
+        const { addressCourier, methodObtain } = formData;
+        const isCourierDelivery = methodObtain === 'courier';
+        return isCourierDelivery
+            ? {
+                participantAddresses: getParticipantAddresses$1({ addressCourier }),
+            }
+            : {};
+    };
+    const getDebitCardData = (formData) => {
+        const { latinName: latinFirstname, latinSurname } = formData;
+        return {
+            latinFirstname,
+            latinSurname,
+            latinName: `${latinFirstname} ${latinSurname}`,
+        };
+    };
+
+    const getDebitCardFormTaskData = ({ participantId, taskId, formData, programId, step = 0, }) => ({
+        task: {
+            id: taskId,
+            creditProgram: {
+                code: debitProgrammIdToCardCodesMap[programId],
+            },
+            ...getOfficeCode(formData),
+            participants: [
+                {
+                    id: participantId,
+                    residentOtherCountry: false,
+                    ...getCurrentStepData(step, formData),
+                },
+            ],
+            ...getCardOptionsData(formData),
+            ...getDeliveryData(formData),
+        },
+    });
+    const getCurrentStepData = (step, formData) => {
+        switch (step) {
+            case 0:
+                return getDeliveryDebitData(formData);
+            case 1:
+                return getPersonalInfoData(formData);
+            case 2:
+                return getDebitCardData(formData);
+            default:
+                return {};
+        }
+    };
+
+    const useDebitFormAPI = ({ step, onNextStep, onFinish, }) => {
+        const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
+        const isFinalStep = step === 2;
+        const retailFormStore = useRetailFormStore();
+        const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm, formStateMap), [step, retailFormStore.leadForm]);
+        const resetForm = useCallback(() => {
+            const { leadForm } = retailFormStore;
+            retailFormStore.statusInfo = {
+                methodObtain: leadForm?.methodObtain,
+            };
+            retailFormStore.leadForm = initialState;
+        }, [initialState]);
+        const handleSubmit = useCallback(async (formData) => {
+            startSending();
+            retailFormStore.leadForm = formData;
+            try {
+                const { taskId, participantId, programId } = retailFormStore;
+                if (taskId && participantId && programId) {
+                    await updateUserTaskDebit(getDebitCardFormTaskData({
+                        participantId,
+                        taskId,
+                        programId,
+                        step,
+                        formData: formData,
+                    }));
+                }
+                if (isFinalStep || formData.methodObtain === 'courier') {
+                    onFinish?.();
+                    resetForm();
+                }
+                else {
+                    onNextStep();
+                }
+            }
+            catch (ex) {
+                // Do nothing
+            }
+            finally {
+                endSending();
+            }
+        }, [isFinalStep]);
+        return [initialState, handleSubmit, isSending];
+    };
+
+    const PRODUCT_TYPE = 'debitCard';
+    const DebitFormStep = JSX(({ step, sections, onPrevStep, onNextStep, onFinish }) => {
+        const inputs = useMemo(() => sections?.flatMap((_) => _?.inputs ?? []), [sections]);
+        const formValidator = useCallback((formState) => getRetailFormValidator({
+            formState,
+            inputs,
+            step,
+            productType: PRODUCT_TYPE,
+        }), [inputs]);
+        const [initialState, onSubmit, isSending] = useDebitFormAPI({
+            step,
+            onNextStep,
+            onFinish,
+        });
+        const [, { field, onSubmit: handleSubmit }] = useForm(initialState, {
+            formValidator,
+            onSubmit,
+        });
+        return (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep({ sections, field, step }), jsx(StepsNavigationButtons, { step: step, isSending: isSending, onPrevStep: onPrevStep })] }));
+    });
+
+    const DEBIT_PERSONAL_INFO_CONTENT = [
+        ...PERSONAL_DATA,
+        {
+            title: 'Адрес регистрации по месту жительства',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    name: 'addressRegistration',
+                    required: true,
+                    dadata: true,
+                    filledByEsia: true,
+                },
+                { name: 'addressMatch' },
+            ],
+        },
+        {
+            title: 'Адрес фактического проживания (место пребывания РФ)',
+            inputs: [],
+        },
+        {
+            inputs: [{ name: 'addressFact', required: true, dadata: true }],
+        },
+    ];
+    const DEBIT_CARD_CONTENT = [
+        {
+            title: 'Параметры карты',
+            inputs: [],
+        },
+        {
+            inputs: [
+                { name: 'currency', required: true },
+                { name: 'paymentSystem', required: true },
+                { name: 'cardCategory', required: true },
+            ],
+        },
+        {
+            title: 'Отображение на карте',
+            inputs: [],
+        },
+        {
+            columns: 2,
+            inputs: [{ name: 'latinName' }, { name: 'latinSurname', required: true }],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 'Проверьте корректность заполненных полей, при необходимости внесите изменения.',
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    name: 'infoCard',
+                    label: 
+                    // eslint-disable-next-line max-len
+                    'Количество символов ограничивается 20. При этом, если фамилия и имя на карте содержит более 21 символа, то необходимо сократить имя и указывать на карте только первую букву имени и фамилию, если при таком сокращении фамилия и имя не умещается в количество символов – 20, то указывать только фамилию.',
+                },
+            ],
+        },
+        {
+            inputs: [{ name: 'codeWord', required: true }],
+        },
+    ];
+    const stepsSectionsMap = [
+        DELIVERY_CARD_CONTENT,
+        DEBIT_PERSONAL_INFO_CONTENT,
+        DEBIT_CARD_CONTENT,
+    ];
+
+    const STEPS = 2;
+    const STEP_TITLES = ['', 'Персональные данные', 'Платежная система'];
+    const DebitForm = UniBlock(({ className, ...rest }) => {
         const [step, setStep] = useState(0);
         const formContainerRef = useRef(null);
         const scrollToTop = useCallback(() => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }), [formContainerRef]);
@@ -9314,7 +9740,7 @@
         const sections = stepsSectionsMap[step];
         const isStartStep = step === 0;
         const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
-        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(CreditFormProgress, { stepsTitles: STEP_TITLES, step: step, totalSteps: STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsx(CreditFormStep, { step: step, sections: sections, programsSource: programsSource, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
+        return (jsx(BlockWrapper, { className: className, ...rest, children: jsxs("div", { ref: formContainerRef, className: "container grid grid-cols-12", children: [isStartStep || isFormFinished ? null : (jsx(DebitFormProgress, { stepsTitles: STEP_TITLES, step: step, totalSteps: STEPS })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: isFormFinished ? (jsx(DebitFormStatusTracker, {})) : (jsx(DebitFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step))) })] }) }));
     });
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
@@ -10554,6 +10980,7 @@
         ApplicationLeadForm,
         CreditCardForm,
         CreditForm,
+        DebitForm,
     };
 
     const applyAspects = (aspects) => (ev) => {
@@ -10675,7 +11102,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.876";
+    const packageVersion = "0.14.878";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;