@redneckz/wildless-cms-uni-blocks 0.14.650 → 0.14.652

package/bundle/bundle.umd.js

@@ -1247,6 +1247,7 @@
         addressRegistration: ADDRESS_HINTS_LIST_OPTIONS,
         addressFact: ADDRESS_HINTS_LIST_OPTIONS,
         organizationAddress: ADDRESS_HINTS_LIST_OPTIONS,
+        addressCourier: ADDRESS_HINTS_LIST_OPTIONS,
     };
 
     const debounce = (fn, delay = 600) => {
@@ -1525,6 +1526,8 @@
         sex: defaultValidator('Укажите свой пол'),
         addressRegistration: addressDaDataValidator(),
         organizationAddress: addressDaDataValidator(),
+        deliveryDate: defaultValidator('Укажите дату доставки'),
+        addressCourier: addressDaDataValidator(),
         participantDateRegistration: defaultValidator('Укажите дату регистрации'),
         retirementIncome: defaultValidator(),
         otherIncome: defaultValidator(),
@@ -1539,7 +1542,10 @@
         regionRetail: defaultSelectValidator('Выберите филиал банка'),
         addressRetail: defaultSelectValidator('Выберите адрес банка'),
         addressMatch: defaultValidator(),
-        codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
+        codeWord: codeWordValidator('Необходимо ввести кодовое слово латиницей'),
+        currency: defaultValidator(),
+        paymentSystem: defaultValidator(),
+        cardCategory: defaultSelectValidator(),
         confirmationIncome: defaultValidator(),
     };
     const getObjectValidator = (inputs) => {
@@ -1718,7 +1724,8 @@
 
     const calculateIsRequired = (field, initialRequired) => (field?.('employment')?.value?.key === 'RETIREE' ? false : initialRequired);
 
-    const isEsiaAuthorize = () => JSON.parse(globalThis.localStorage?.getItem('leadForm') ?? '{}')?.esiaId;
+    const ESIA_FIELD_NAME = 'esiaAccountTypeCd';
+    const isEsiaAuthorize = (field) => Boolean(field(ESIA_FIELD_NAME)?.value?.key);
 
     const AddressField = JSX(({ field, input }) => {
         const fieldName = input?.name || 'addressRegistration';
@@ -1748,7 +1755,12 @@
                 fullAddress: value,
             });
         }, []);
-        return (jsx(InputControl, { disabled: fieldName === 'addressRegistration' && isEsiaAuthorize() && input?.filledByEsia, label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field(fieldName), validatorObj[fieldName], input?.name === 'organizationAddress'
+        const isDisabled = [
+            fieldName === 'addressRegistration',
+            input?.filledByEsia,
+            isEsiaAuthorize(field),
+        ].every(Boolean);
+        return (jsx(InputControl, { disabled: isDisabled, label: "\u0410\u0434\u0440\u0435\u0441", ...getValidation(field(fieldName), validatorObj[fieldName], input?.name === 'organizationAddress'
                 ? calculateIsRequired(field, input?.required)
                 : input?.required), value: fieldValue.fullAddress, onChange: onChange, ...input, onDaDataChange: onDaDataChange }));
     });
@@ -2307,37 +2319,41 @@
     };
     const RadioButtonGroup = JSX(({ label, items, value, className, onChange: onChangeCheckedItem, disabled = false, orientation = 'horizontal', }) => (jsxs("div", { className: "grid gap-xs whitespace-nowrap", children: [label ? (jsx("div", { role: "radiogroup", "aria-label": label, children: jsx(Text, { color: "text-secondary-text", font: "font-light", children: label }) })) : null, jsx("div", { className: style('flex flex-col gap-s', orientationStyleMap[orientation], className), role: "radiogroup", "aria-label": "\u0413\u0440\u0443\u043F\u043F\u0430 \u043A\u043D\u043E\u043F\u043E\u043A", children: items?.map(({ id, text }) => (jsx(Checkbox, { isRadio: true, text: text, value: value === id, onChange: () => onChangeCheckedItem && onChangeCheckedItem(id), disabled: disabled }, String(id)))) })] })));
 
+    const RadioButtonGroupControl = JSX(({ className, label, onChange, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), onChange: (_) => onChange && onChange(_), ...rest }), renderErrorText(error)] })));
+
     const CURRENCY_TYPES = [{ id: 'rub', text: 'Рубль' }];
-    const CurrencyField = JSX(({ field }) => {
-        const { value } = field('currency');
-        return (jsxs("div", { className: "", children: [jsx(Text, { font: "font-light", children: "\u0412\u0430\u043B\u044E\u0442\u0430 \u0434\u0435\u0431\u0435\u0442\u043E\u0432\u043E\u0439 \u043A\u0430\u0440\u0442\u044B" }), jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: CURRENCY_TYPES, value: value ?? 'rub' }) })] }));
+    const CurrencyField = JSX(({ field, input }) => {
+        const { value, onChange } = field('currency');
+        return (jsx(RadioButtonGroupControl, { label: "\u0412\u0430\u043B\u044E\u0442\u0430", orientation: "horizontal", items: CURRENCY_TYPES, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('currency'), validatorObj.currency, input?.required) }));
     });
 
+    const DeliveryDateFiels = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0434\u043E\u0441\u0442\u0430\u0432\u043A\u0438", ...getValidation(field('deliveryDate'), validatorObj.deliveryDate, input?.required) })));
+
     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", 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) })));
 
     const DisablePeopleFlgField = JSX(({ field }) => (jsx(CheckboxWithError, { text: "\u042F\u0432\u043B\u044F\u044E\u0441\u044C \u0438\u043D\u0432\u0430\u043B\u0438\u0434\u043E\u043C", ...getValidation(field('disablePeopleFlg'), validatorObj.disablePeopleFlg) })));
 
-    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required), disabled: isEsiaAuthorize() && input?.filledByEsia })));
+    const DulIssueDateField = JSX(({ field, input }) => (jsx(DatePickerControl, { label: "\u0414\u0430\u0442\u0430 \u0432\u044B\u0434\u0430\u0447\u0438", ...getValidation(field('dulIssueDateField'), validatorObj.dulIssueDateField, input?.required), disabled: input?.filledByEsia && isEsiaAuthorize(field) })));
 
     const DulIssuedByField = JSX(({ field, input }) => {
         const { value: dulSubdivisionCode, onChange: changeDulSubdivisionCode } = field('dulSubdivisionCode');
         const onDaDataChange = useCallback((item) => {
             changeDulSubdivisionCode?.(item?.data?.code?.replace('-', ''));
         }, []);
-        return (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u041A\u0435\u043C \u0432\u044B\u0434\u0430\u043D", ...input, ...getValidation(field('dulIssuedBy'), validatorObj.dulIssuedBy, input?.required), onDaDataChange: onDaDataChange, daDataQueryPrefix: dulSubdivisionCode }));
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field), 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, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
+    const DulNumberField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field), label: "\u041D\u043E\u043C\u0435\u0440 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 6, ...getValidation(field('dulNumber'), validatorObj.dulNumber, input?.required) })));
 
-    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
+    const DulSerieField = JSX(({ field, input }) => (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field), label: "\u0421\u0435\u0440\u0438\u044F \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430", type: "number", inputLength: 4, ...getValidation(field('dulSerie'), validatorObj.dulSerie, input?.required) })));
 
     const DulSubdivisionCodeField = JSX(({ field, input }) => {
         const onDaDataChange = useCallback((item) => {
             field?.('dulIssuedBy')?.onChange?.(item?.data?.name);
         }, []);
-        return (jsx(InputControl, { disabled: isEsiaAuthorize() && input?.filledByEsia, label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", type: "number", inputLength: 6, ...input, ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
+        return (jsx(InputControl, { disabled: input?.filledByEsia && isEsiaAuthorize(field), label: "\u041A\u043E\u0434 \u043F\u043E\u0434\u0440\u0430\u0437\u0434\u0435\u043B\u0435\u043D\u0438\u044F", type: "number", inputLength: 6, ...input, ...getValidation(field('dulSubdivisionCode'), validatorObj.dulSubdivisionCode, input?.required), onDaDataChange: onDaDataChange }));
     });
 
     const EducationField = JSX(({ field, input }) => {
@@ -2454,9 +2470,15 @@
 
     const MandatoryIncomeField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0421\u043E\u0432\u043E\u043A\u0443\u043F\u043D\u044B\u0439 \u0434\u043E\u0445\u043E\u0434 \u0432 \u043C\u0435\u0441\u044F\u0446 \u043F\u043E\u0441\u043B\u0435 \u0432\u044B\u0447\u0435\u0442\u0430 \u043D\u0430\u043B\u043E\u0433\u043E\u0432 (\u0437\u0430\u0440\u043F\u043B\u0430\u0442\u0430, \u043F\u0440\u0435\u043C\u0438\u0438)", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", type: "number", ...getValidation(field('mandatoryIncome'), validatorObj.mandatoryIncome, input?.required), ...input })));
 
-    const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", inputLength: 60, disabled: isEsiaAuthorize() && input?.filledByEsia, ...getValidation(field('middleName'), validatorObj.middleName), ...input })));
+    const METHODS_OF_OBTAIN = [
+        { id: 'office', text: 'В отделении Банка' },
+        { id: 'courier', text: 'Курьерская доставка' },
+    ];
+    const MethodObtainField = JSX(({ field, input }) => (jsx(RadioButtonGroupControl, { orientation: "horizontal", items: METHODS_OF_OBTAIN, ...getValidation(field('methodObtain'), validatorObj.methodObtain, input?.required) })));
+
+    const MiddleNameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u041E\u0442\u0447\u0435\u0441\u0442\u0432\u043E (\u041E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E, \u043F\u0440\u0438 \u043D\u0430\u043B\u0438\u0447\u0438\u0438)", inputLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field), ...getValidation(field('middleName'), validatorObj.middleName), ...input })));
 
-    const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", inputLength: 60, disabled: isEsiaAuthorize() && input?.filledByEsia, ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
+    const NameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0418\u043C\u044F", inputLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field), ...getValidation(field('name'), validatorObj.name, input?.required), ...input })));
 
     const SlideCheckbox = JSX(({ value = false, text, type = 'checkbox', onChange }) => (jsxs("div", { role: type, "aria-checked": value, className: "flex justify-start items-center w-full cursor-pointer mb-s", onClick: () => onChange && onChange(!value), children: [jsx("div", { className: style('relative flex-shrink-0 duration-300 w-9 h-5 mr-s rounded-2xl', value ? 'bg-primary-main' : 'bg-main-divider'), children: jsx("div", { className: style('absolute opacity-80 duration-500 top-0.5 w-4 h-4 bg-white rounded-full', value ? 'left-1/2' : 'left-[5%]') }) }), text ? (jsx(Text, { size: "text-l", font: "font-light", color: "text-primary-text", children: text })) : null] })));
 
@@ -2501,12 +2523,12 @@
         { id: 'mir', text: 'Карта МИР' },
         { id: 'union_pay', text: 'UnionPay' },
         { id: 'payment_system_j', text: 'Платежная система (Дж)' },
-        { id: 'payment_system_b', text: 'Платежная система (B)* ' },
+        { id: 'payment_system_b', text: 'Платежная система (B) ' },
         { id: 'free_card', text: 'Бесплатная карта' },
     ];
-    const PaymentSystemField = JSX(({ field }) => {
+    const PaymentSystemField = JSX(({ field, input }) => {
         const { value, onChange } = field('paymentSystem');
-        return (jsxs("div", { className: "", children: [jsx(Text, { font: "font-light", children: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430" }), jsx("div", { className: "py-m gap-m grid @xl:flex @xl:items-center", children: jsx(RadioButtonGroup, { className: "whitespace-normal", orientation: "horizontal", items: PAYMENT_SYSTEM_TYPES, value: value ?? 'mir', onChange: (_) => onChange && onChange(_) }) })] }));
+        return (jsx(RadioButtonGroupControl, { label: "\u041F\u043B\u0430\u0442\u0435\u0436\u043D\u0430\u044F \u0441\u0438\u0441\u0442\u0435\u043C\u0430", orientation: "horizontal", items: PAYMENT_SYSTEM_TYPES, value: value, onChange: (_) => onChange?.(_), ...getValidation(field('paymentSystem'), validatorObj.paymentSystem, input?.required) }));
     });
 
     const isPlaceholder = (_) => _ === '_';
@@ -3241,8 +3263,6 @@
 
     const ServiceDirectionField = JSX(({ field, input }) => (jsx(SelectControl, { label: "\u041D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043E\u0431\u0441\u043B\u0443\u0436\u0438\u0432\u0430\u043D\u0438\u044F", placeholder: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435", options: SERVICE_DIRECTIONS, ...getValidation(field('serviceDirection'), validatorObj.serviceDirection, input?.required) })));
 
-    const RadioButtonGroupControl = JSX(({ className, label, onChange, error, ...rest }) => (jsxs("div", { className: style('shrink-0 w-full', className), children: [jsx(RadioButtonGroup, { label: getRequiredLabel({ label, errors: rest?.errors }), onChange: (_) => onChange && onChange(_), ...rest }), renderErrorText(error)] })));
-
     const SEX_TYPES = [
         { id: 'male', text: 'Мужской' },
         { id: 'female', text: 'Женский' },
@@ -3268,7 +3288,7 @@
         return (jsx(InputSnilsControl, { label: "\u0421\u041D\u0418\u041B\u0421", ...getValidation(field('snils'), validatorObj.snils, isPfrFlg ? input?.required : false), ...input }));
     });
 
-    const SurnameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", inputLength: 60, disabled: isEsiaAuthorize() && input?.filledByEsia, ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
+    const SurnameField = JSX(({ field, input }) => (jsx(InputControl, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", inputLength: 60, disabled: input?.filledByEsia && isEsiaAuthorize(field), ...getValidation(field('surname'), validatorObj.surname, input?.required), ...input })));
 
     const MIN_CREDIT_TERM = 1;
     const MAX_CREDIT_TERM = 180;
@@ -3379,6 +3399,7 @@
             dulSubdivisionCode: jsx(DulSubdivisionCodeField, { field: field, input: input }),
             dulIssuedBy: jsx(DulIssuedByField, { field: field, input: input }),
             addressRegistration: jsx(AddressField, { field: field, input: input }),
+            addressCourier: jsx(AddressField, { field: field, input: input }),
             participantDateRegistration: jsx(ParticipantDateRegistrationField, { field: field, input: input }),
             retirementIncome: jsx(RetirementIncomeField, { field: field, input: input }),
             otherIncome: jsx(OtherIncomeField, { field: field, input: input }),
@@ -3399,6 +3420,8 @@
             cardCategory: jsx(CardCategoryField, { field: field, input: input }),
             codeWord: jsx(CodeWordField, { field: field, input: input }),
             confirmationIncome: jsx(ConfirmationIncomeField, { field: field, input: input }),
+            methodObtain: jsx(MethodObtainField, { field: field, input: input }),
+            deliveryDate: jsx(DeliveryDateFiels, { field: field, input: input }),
         };
         return isRenderField({ input, field }) ? (jsx("div", { children: InputsMap[input?.name || ''] }, String(i))) : null;
     };
@@ -3492,7 +3515,7 @@
         consentToReceiveMaterials: false,
         consentDataProcessing: false,
     };
-    const getInitialFormState$2 = (inputs, typeForm = '') => {
+    const getInitialFormState$3 = (inputs, typeForm = '') => {
         const formState = Object.fromEntries(inputs.map((_) => [
             _.name,
             (_.fieldType === 'ved' && _?.defaultValue) || initialFormState$1[_.name || ''],
@@ -3517,7 +3540,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$2(inputs, typeForm);
+        const initialFormState = getInitialFormState$3(inputs, typeForm);
         const [responseType, setResponseType] = useState('');
         const responseTypeDialog = useResponseTypeDialog({ typeForm });
         const handleSubmit = useCallback(async (formData, ev) => {
@@ -3582,7 +3605,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$1 = ({ field, typeForm = '', inputs, isRetailForm = false, }) => {
+    const renderInputs$2 = ({ field, typeForm = '', inputs, isRetailForm = false, }) => {
         const { consentInputs, restInputs } = splitInputs(inputs || []);
         return consentInputs.length > 2 ? (jsxs("div", { children: [restInputs.map(getField(field, typeForm, isRetailForm)), jsx(GroupedConsents, { inputs: consentInputs, field: field })] })) : ((inputs || [])?.map(getField(field, typeForm, isRetailForm)));
     };
@@ -3624,8 +3647,12 @@
         consentInformFlg: false,
         addressRegistration: '',
         participantDateRegistration: undefined,
+        currency: '',
+        paymentSystem: '',
+        cardCategory: { key: '', text: '' },
+        codeWord: '',
     };
-    const getInitialFormState$1 = (inputs, savedForm, typeForm = '') => {
+    const getInitialFormState$2 = (inputs, savedForm, typeForm = '') => {
         if (savedForm) {
             const formStateCopy = { ...savedForm };
             formStateCopy.birthday = new Date(formStateCopy?.birthday || 0);
@@ -4208,6 +4235,7 @@
             birthPlace: addInfo?.birthPlace,
             addressRegistration: buildAddress(addressRegistration),
             addressFact: buildAddress(addressFact),
+            esiaAccountTypeCd: profile?.esiaAccountType,
         };
     };
     const concatFullAddress = (address) => {
@@ -4280,7 +4308,7 @@
         const [responseType, setResponseType] = useState('');
         const { isLoading } = useInitApplicationLead(nextStepLink);
         const [leadForm, setLeadForm] = useLocalStorage('leadForm');
-        const initialFormState = getInitialFormState$1(inputs, leadForm);
+        const initialFormState = getInitialFormState$2(inputs, leadForm);
         const { handleSubmit, responseStatus } = useApplicationLeadApi({
             inputs,
             programId,
@@ -4298,7 +4326,7 @@
                 reset();
             }
         }, [responseType]);
-        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$1({ field, inputs: _?.inputs, isRetailForm: true })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
+        return (jsx(ApplicationFormLayout, { className: style('container space-y-m', className), title: title, ...rest, children: jsxs("form", { onSubmit: onSubmit, className: "space-y-m relative", children: [isLoading ? jsx(Loader, { blur: false }) : null, sections.map((_, i) => (jsxs("div", { className: style(inputColumnStyles(_.columns), 'grid gap-x-m'), children: [renderTitle(_.title), renderInputs$2({ field, inputs: _?.inputs, isRetailForm: true })] }, `section-${i}`))), renderSubmitButton(button)] }) }));
     });
 
     const InfoCard = JSX(({ __html, icon = 'InfoCircleIcon', iconVersion = 'black', link }) => (jsxs("div", { className: "flex flex-row items-center w-full min-h-14 bg-main-gray rounded-lg gap-m p-m", children: [jsx("div", { className: "rounded-full bg-white p-xs", children: jsx(Icon, { name: icon, width: "24", height: "24", iconVersion: iconVersion }) }), jsxs("div", { className: "", children: [jsx(RichText, { __html: __html }), link?.text ? jsx(LinkButton, { className: "text-primary-main", children: link.text }) : null] })] })));
@@ -4311,17 +4339,17 @@
                                     } }), 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$1, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo$1, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), infoCard?.__html ? (jsx(InfoCard, { __html: infoCard?.__html, icon: infoCard?.icon, link: {
+    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$2, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo$2, { 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$1 = ({ title, items, countColumns = false, }) => {
+    const SectionInfo$2 = ({ 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 NotFound = JSX(({ title, description }) => {
         const isMobileMode = useMobileMode();
@@ -5951,9 +5979,9 @@
 
     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 = [] }) => {
-        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 CreditCardFormProgress = JSX(({ step = 1, totalSteps = 6, stepsTitles = [] }) => {
+        const progress = useMemo(() => ((step + 1) / 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 + 1, " \u0438\u0437 ", totalSteps, "."] }), stepsTitles[step] || null, jsx(ProgressBar, { step: progress, showPercentage: false })] }) }));
     });
 
     var STATUS_TYPE;
@@ -5967,23 +5995,23 @@
 
     const sendSignalToProcess = (body) => doRequest('/user-data/sendSignalToProcess', 'POST', body);
 
-    const CreditFormStatus = 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: {
+    const CreditCardFormStatus = 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$1, { title: sectionInfoTitle, items: sectionInfo }), jsx(SectionInfo$1, { title: sectionAdditionalTitle, items: sectionInfoAdditional, countColumns: true }), infoCard?.__html ? (jsx(InfoCard, { __html: infoCard?.__html, icon: infoCard?.icon, link: {
                     text: infoCard?.link?.text,
                 } })) : null, buttonText ? (jsx(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : null] })));
-    const SectionInfo = ({ title, items, countColumns = false, }) => {
+    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(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$1(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 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 FailedStatusContent = JSX(() => (jsx(CreditFormStatus, { 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.\n      \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(CreditCardFormStatus, { 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(() => {
+    const PendingStatusContent$1 = JSX(() => {
         const [leadForm] = useLocalStorage('leadForm');
-        return (jsx(CreditFormStatus, { 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: [
+        return (jsx(CreditCardFormStatus, { 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: [
                 {
                     label: 'Название продукта',
                     description: 'Кредит на любые цели',
@@ -6007,9 +6035,9 @@
             ] }));
     });
 
-    const ReworkStatusContent = JSX(() => {
+    const ReworkStatusContent$1 = JSX(() => {
         const [leadForm] = useLocalStorage('leadForm');
-        return (jsx(CreditFormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0432\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435, \u043D\u043E \u043D\u0430\u043C \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0431\u043E\u043B\u044C\u0448\u0435 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0434\u043B\u044F \u043F\u0440\u0438\u043D\u044F\u0442\u0438\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F", description: "\u041F\u043E\u0441\u0435\u0442\u0438\u0442\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430 \u0441 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u044B\u043C\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u043C\u0438 \u0438 \u0442\u0430\u043A \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430.", sectionAdditionalTitle: "\u0412 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0438 \u0411\u0430\u043D\u043A\u0430", sectionInfoAdditional: [
+        return (jsx(CreditCardFormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0432\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435, \u043D\u043E \u043D\u0430\u043C \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0431\u043E\u043B\u044C\u0448\u0435 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0434\u043B\u044F \u043F\u0440\u0438\u043D\u044F\u0442\u0438\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F", description: "\u041F\u043E\u0441\u0435\u0442\u0438\u0442\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430 \u0441 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u044B\u043C\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u043C\u0438 \u0438 \u0442\u0430\u043A \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430.", sectionAdditionalTitle: "\u0412 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0438 \u0411\u0430\u043D\u043A\u0430", sectionInfoAdditional: [
                 {
                     label: 'Регион',
                     description: leadForm?.regionRetail?.text,
@@ -6026,9 +6054,9 @@
             ], 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 [leadForm] = useLocalStorage('leadForm');
-        return (jsx(CreditFormStatus, { 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 \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
+        return (jsx(CreditCardFormStatus, { 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 \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
                 {
                     label: 'Название продукта',
                     description: 'Кредит на любые цели',
@@ -6052,19 +6080,18 @@
             ], buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
     });
 
-    const TASK_ID = 2816419;
-    const SIGNAL_TYPES = [
+    const SIGNAL_TYPES$1 = [
         'CREATE_APPLICATION_SHORT_SIGNAL',
         'CREATE_APPLICATION_LOAN_V3_SIGNAL',
     ];
-    const CreditFormStatusTracker = JSX(() => {
+    const CreditCardFormStatusTracker = JSX(() => {
         const [status, setStatus] = useState(STATUS_TYPE.process);
         const [taskId] = useLocalStorage('taskId');
         useEffect(() => {
-            for (const signalType of SIGNAL_TYPES) {
+            for (const signalType of SIGNAL_TYPES$1) {
                 sendSignalToProcess({ signalType, taskId });
             }
-            const trackStatus = () => getTaskStatus({ taskId: TASK_ID }).then((res) => {
+            const trackStatus = () => getTaskStatus({ taskId }).then((res) => {
                 if (res.statusCd && res.statusCd !== STATUS_TYPE.process) {
                     clearInterval(pullingInterval);
                     setStatus(res.statusCd);
@@ -6072,27 +6099,24 @@
             });
             const pullingInterval = setInterval(trackStatus, 30000);
         }, []);
-        return renderStatus(status);
+        return renderStatus$1(status);
     });
-    const renderStatus = (status) => {
+    const renderStatus$1 = (status) => {
         const statusesMap = {
-            IN_PROCESS: jsx(PendingStatusContent, {}),
-            FAILED: jsx(FailedStatusContent, {}),
-            OK: jsx(SuccessStatusContent, {}),
-            REWORK: jsx(ReworkStatusContent, {}),
+            IN_PROCESS: jsx(PendingStatusContent$1, {}),
+            FAILED: jsx(FailedStatusContent$1, {}),
+            OK: jsx(SuccessStatusContent$1, {}),
+            REWORK: jsx(ReworkStatusContent$1, {}),
         };
         return statusesMap[status] || null;
     };
 
-    const formStateMap = {
+    /* eslint-disable max-lines */
+    const formStateMap$1 = {
         0: {
-            moneyValue: 0,
-            monthsValue: 0,
-            isAnnuity: false,
-            isInsurance: false,
-            isSalaryClient: false,
-            isPensionClient: false,
-            isStateEmployee: false,
+            paymentSystem: PAYMENT_SYSTEM_TYPES[0].id,
+            currency: 'rub',
+            codeWord: '',
         },
         1: {
             surname: '',
@@ -6118,6 +6142,11 @@
                 fiasCode: '',
             },
             housing: '',
+            methodObtain: 'office',
+            addressCourier: {
+                fullAddress: '',
+                fiasCode: '',
+            },
         },
         2: {
             amountWorkers: { key: '', text: '' },
@@ -6144,7 +6173,6 @@
             familyStatus: { key: '', text: '' },
             dependents: undefined,
             familyMembers: undefined,
-            confirmationIncome: { key: '', text: '' },
             mandatoryIncome: undefined,
             otherPayments: undefined,
             snils: '',
@@ -6159,12 +6187,21 @@
         },
         5: {
             regionRetail: '',
-            addressRetail: '',
+            addressRetail: {
+                fullAddress: '',
+                fiasCode: '',
+            },
             bankEmployeeCode: '',
+            addressCoutier: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            methodObtain: 'office',
+            deliveryDate: undefined,
         },
     };
 
-    const getInitialFormState = (step, localStorageData) => {
+    const getInitialFormState$1 = (step, localStorageData) => {
         if (localStorageData) {
             // TODO: Fill in for other fields with type Date
             // TODO: Take it out to the helper
@@ -6182,28 +6219,71 @@
                 : undefined;
         }
         return {
-            ...formStateMap[step],
+            ...formStateMap$1[step],
             ...localStorageData,
         };
     };
 
-    const renderInfo$1 = (inputs = []) => {
+    const renderInfo$2 = (inputs = []) => {
         const infoInputs = inputs.filter((_) => _.fieldType === 'info');
         return infoInputs.length
             ? infoInputs.map(({ text, name }, i) => jsx(InfoCard, { __html: text }, `${name}_${i}`))
             : null;
     };
 
-    const renderInputs = ({ field, inputs }) => (inputs || [])?.map(getField(field, ''));
+    const renderInputs$1 = ({ field, inputs }) => (inputs || [])?.map(getField(field, ''));
 
-    const renderStep$1 = ({ sections, field }) => sections?.map(({ inputs, columns, title }, i) => (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$1(inputs), renderTitle(title), renderInputs({ field, inputs })] }, `section-${i}`)));
+    const renderLastStep = ({ sections, field, methodObtain }) => sections
+        ?.filter(({ type }) => type === methodObtain || !type)
+        .map(({ inputs, columns, title }, i) => (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$2(inputs), renderTitle(title), renderInputs$1({ field, inputs })] }, `section-${i}`)));
+    const renderStep$2 = ({ sections, field, isLastStep, methodObtain }) => {
+        if (isLastStep) {
+            return renderLastStep({ sections, field, methodObtain });
+        }
+        return sections?.map(({ inputs, columns, title }, i) => (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$2(inputs), renderTitle(title), renderInputs$1({ field, inputs })] }, `section-${i}`)));
+    };
 
-    const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
+    const StepsNavigationButtons$1 = JSX(({ step, onPrevStep }) => {
         const isFirstStep = step === 0;
-        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
+        return (jsxs("div", { className: "flex justify-between gap-m", children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: "w-full @xl:w-auto", type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
     });
 
-    const getFirstStepData = (formData) => {
+    const getFifthStepData = (formData) => {
+        const { bankruptcyFlg, shareholderFlg, legalEntityName, creditInRshbCd } = formData;
+        return {
+            bankruptcyFlg,
+            shareholderFlg,
+            nameLegalEntity: legalEntityName,
+            creditInRshbCd,
+        };
+    };
+
+    const getFirstStepData$1 = (formData) => {
+        const { currency, paymentSystem, cardCategory, codeWord } = formData;
+        return {
+            currencyCode: currency,
+            paymentSystemTypeCd: paymentSystem,
+            classCard: cardCategory,
+            codeWord: codeWord,
+        };
+    };
+
+    const getFourthStepData$1 = (formData) => {
+        const { familyStatus, dependents, familyMembers, mandatoryIncome, otherPayments, snils, armyIdFlg, } = formData;
+        return {
+            maritalStatusCd: familyStatus,
+            totalDependents: familyMembers,
+            otherDependents: dependents,
+            participantIncomes: getParticipantIncomes({
+                mandatoryIncome,
+                otherPayments,
+            }),
+            snils: snils?.replaceAll(' ', ''),
+            armyIdFlg,
+        };
+    };
+
+    const getSecondStepData$1 = (formData) => {
         const { name, surname, middleName, birthday = '', phone = '', email, sex, birthPlace, dulIssueDateField = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration = '', housing, addressRegistration, addressFact, } = formData;
         return {
             birthDate: formatDate(birthday, true),
@@ -6232,17 +6312,7 @@
         };
     };
 
-    const getFourthStepData = (formData) => {
-        const { bankruptcyFlg, shareholderFlg, legalEntityName, creditInRshbCd } = formData;
-        return {
-            bankruptcyFlg,
-            shareholderFlg,
-            nameLegalEntity: legalEntityName,
-            creditInRshbCd,
-        };
-    };
-
-    const getSecondStepData = (formData) => {
+    const getThirdStepData$1 = (formData) => {
         const { employment, organizationName, inn, legalForm, organization, amountWorkers, employerActivities, employerOrganization, generalSeniority, lastJobExperience, experience5Years, jobsNumber, organizationPhone, organizationAddress, positionOrganization, } = formData;
         return {
             employmentTypeCd: employment,
@@ -6265,23 +6335,7 @@
         };
     };
 
-    const getThirdStepData = (formData) => {
-        const { familyStatus, dependents, familyMembers, confirmationIncome, mandatoryIncome, otherPayments, snils, armyIdFlg, } = formData;
-        return {
-            maritalStatusCd: familyStatus,
-            totalDependents: familyMembers,
-            incomeCertificateCd: confirmationIncome,
-            otherDependents: dependents,
-            participantIncomes: getParticipantIncomes({
-                mandatoryIncome,
-                otherPayments,
-            }),
-            snils: snils?.replaceAll(' ', ''),
-            armyIdFlg,
-        };
-    };
-
-    const getCreditFormTaskData = ({ participantId, taskId, profileId, formData, step = 0, }) => {
+    const getCreditCardFormTaskData = ({ participantId, taskId, profileId, formData, step = 0, }) => {
         return {
             sendToBank: true,
             taskKind: 'UNITED',
@@ -6300,24 +6354,786 @@
                             key: 'BORROWER',
                             value: 'Заемщик',
                         },
-                        ...getCurrentStepData(step, formData),
+                        ...getCurrentStepData$1(step, formData),
                     },
                 ],
             },
         };
     };
-    const getCurrentStepData = (step, formData) => {
+    const getCurrentStepData$1 = (step, formData) => {
         switch (step) {
+            case 0:
+                return getFirstStepData$1(formData);
             case 1:
-                return getFirstStepData(formData);
+                return getSecondStepData$1(formData);
             case 2:
-                return getSecondStepData(formData);
+                return getThirdStepData$1(formData);
             case 3:
-                return getThirdStepData(formData);
+                return getFourthStepData$1(formData);
             case 4:
-                return getFourthStepData(formData);
+                return getFifthStepData(formData);
+            case 5:
+                return {
+                //TODO: Сделать адаптер данных способа получения карты
+                };
             default:
-                return getFirstStepData(formData);
+                return {};
+        }
+    };
+
+    const useCreditCardFormAPI = ({ step, inputs, onNextStep, saveStep, finishForm, }) => {
+        const [taskId] = useLocalStorage('taskId');
+        const [profileId] = useLocalStorage('profileId');
+        const [participantId] = useLocalStorage('participantId');
+        const handleSubmit = useCallback(async (formData) => {
+            const feedbackValidator = objectValidator(getObjectValidator(calculateInputs$1(formData, inputs, step)));
+            if (!isValidationSuccess(feedbackValidator(formData))) {
+                return console.warn('validation fail');
+            }
+            saveStep(formData);
+            try {
+                if (taskId && profileId && participantId) {
+                    await updateUserTask(getCreditCardFormTaskData({
+                        participantId,
+                        taskId,
+                        profileId,
+                        step,
+                        formData: formData,
+                    }));
+                }
+            }
+            catch (ex) {
+                return 'Fail';
+            }
+            onNextStep();
+            if (step === 5) {
+                finishForm?.(true);
+            }
+            return 'OK';
+        }, []);
+        return {
+            handleSubmit,
+        };
+    };
+    const calculateInputs$1 = (formData, inputs, step) => step === 2 && 'employment' in formData && formData?.employment?.key === 'RETIREE' ? [] : inputs;
+
+    const CreditCardFormStep = JSX(({ step, sections, onPrevStep, onNextStep, inputs, isFormFinished, finishForm }) => {
+        const [localStorageData, saveStep] = useLocalStorage('leadForm');
+        const initialState = getInitialFormState$1(step, localStorageData);
+        const customSubmit = useRef(undefined);
+        const registerSubmit = useCallback((submit) => {
+            customSubmit.current = submit;
+        }, []);
+        const { handleSubmit } = useCreditCardFormAPI({
+            step,
+            inputs,
+            onNextStep,
+            saveStep,
+            finishForm,
+        });
+        const [state, { field, onSubmit }] = useForm(initialState, {
+            onSubmit: (formData, ev) => {
+                handleSubmit({ ...formData, ...customSubmit.current?.(ev) });
+            },
+        });
+        const methodObtain = 'methodObtain' in state ? state.methodObtain : undefined;
+        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$2({
+                    sections,
+                    field,
+                    registerSubmit,
+                    methodObtain,
+                    isLastStep: step === 5,
+                }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
+    });
+
+    /* eslint-disable max-lines */
+    /* eslint-disable max-len */
+    const stepsSectionsMap$1 = [
+        [
+            {
+                title: 'Параметры карты',
+                inputs: [],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'currency', required: true },
+                    { fieldType: 'common', name: 'paymentSystem', required: true },
+                    { fieldType: 'common', name: 'cardCategory', required: true },
+                    { fieldType: 'common', name: 'codeWord', required: true },
+                ],
+            },
+        ],
+        [
+            {
+                title: 'Персональные данные',
+                columns: 2,
+                inputs: [
+                    {
+                        fieldType: 'common',
+                        name: 'surname',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
+                    { fieldType: 'common', name: 'name', required: true, dadata: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'middleName', dadata: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'sex', required: true },
+                    { fieldType: 'common', name: 'birthday', required: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'birthPlace', required: true },
+                    { fieldType: 'common', name: 'phone', required: true },
+                    { fieldType: 'common', name: 'email', required: true, dadata: true },
+                ],
+            },
+            {
+                title: 'Паспортные данные',
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'dulSerie', required: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'dulNumber', required: true, filledByEsia: true },
+                    { fieldType: 'common', name: 'dulIssueDateField', required: true, filledByEsia: true },
+                    {
+                        fieldType: 'common',
+                        name: 'dulSubdivisionCode',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
+                ],
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'common',
+                        name: 'dulIssuedBy',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
+                    {
+                        fieldType: 'common',
+                        name: 'education',
+                        required: true,
+                    },
+                ],
+            },
+            {
+                title: 'Адрес регистрации по месту жительства',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'common',
+                        name: 'addressRegistration',
+                        required: true,
+                        dadata: true,
+                        filledByEsia: true,
+                    },
+                    { fieldType: 'common', name: 'addressMatch' },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [{ fieldType: 'common', name: 'participantDateRegistration', required: true }],
+            },
+            {
+                title: 'Адрес фактического проживания (место пребывания РФ)',
+                inputs: [],
+            },
+            {
+                columns: 2,
+                inputs: [{ fieldType: 'common', name: 'housing', required: true }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'addressFact', required: true, dadata: true }],
+            },
+        ],
+        [
+            {
+                title: 'Данные о трудоустройстве',
+                inputs: [],
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'info',
+                        text: 'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+                    },
+                ],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'employment' },
+                    { fieldType: 'common', name: 'organizationName', required: true, dadata: true },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'inn', required: true, dadata: true },
+                    { fieldType: 'common', name: 'legalForm', required: true },
+                ],
+            },
+            {
+                inputs: [
+                    { fieldType: 'common', name: 'organization', required: false },
+                    { fieldType: 'common', name: 'amountWorkers', required: false },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { 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 },
+                    { fieldType: 'common', name: 'jobsNumber', required: true },
+                ],
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'common',
+                        name: 'organizationPhone',
+                        label: 'Телефон работодателя',
+                        required: true,
+                    },
+                    { fieldType: 'common', name: 'beginDate', required: true },
+                ],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'positionOrganization', required: false },
+                    { fieldType: 'common', name: 'partInBusiness', required: true },
+                ],
+            },
+            {
+                title: 'Адрес работодателя',
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'organizationAddress', required: true, dadata: true }],
+            },
+        ],
+        [
+            {
+                title: 'Семейное положение',
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'familyStatus', required: true }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'dependents', required: true }],
+            },
+            {
+                columns: 2,
+                inputs: [
+                    { fieldType: 'common', name: 'familyMembers' },
+                    { fieldType: 'common', name: 'children', required: true },
+                ],
+            },
+            {
+                title: 'Совокупный доход',
+            },
+            {
+                inputs: [
+                    {
+                        fieldType: 'info',
+                        text: 'Сумма основного и дополнительных доходов после вычета налога',
+                    },
+                ],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'mandatoryIncome', required: true }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'otherPayments', required: true }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'snils', required: true }],
+            },
+            {
+                columns: 1,
+                inputs: [{ fieldType: 'common', name: 'conscription', required: true }],
+            },
+            {
+                columns: 2,
+                inputs: [{ fieldType: 'common', name: 'armyIdFlg' }],
+            },
+        ],
+        [
+            {
+                title: 'Дополнительные сведения',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'disablePeopleFlg' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'bankruptcyFlg' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'shareholderFlg' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'legalEntityName' }],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
+            },
+        ],
+        [
+            {
+                title: 'Способ получения',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                inputs: [{ fieldType: 'common', name: 'methodObtain' }],
+            },
+            {
+                type: 'courier',
+                title: 'Адрес',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                type: 'courier',
+                inputs: [{ fieldType: 'common', name: 'addressCourier', dadata: true }],
+            },
+            {
+                type: 'courier',
+                inputs: [{ fieldType: 'common', name: 'deliveryDate' }],
+            },
+            {
+                type: 'courier',
+                inputs: [{ fieldType: 'common', name: 'comment' }],
+            },
+            {
+                type: 'office',
+                title: 'Отделение Банка',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                type: 'office',
+                inputs: [{ fieldType: 'common', name: 'regionRetail', required: true }],
+            },
+            {
+                type: 'office',
+                inputs: [{ fieldType: 'common', name: 'addressRetail', required: true }],
+            },
+            {
+                type: 'office',
+                title: 'Код представителя Банка',
+                columns: 1,
+                inputs: [],
+            },
+            {
+                type: 'office',
+                inputs: [
+                    {
+                        fieldType: 'info',
+                        text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+                    },
+                ],
+            },
+            {
+                type: 'office',
+                inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
+            },
+        ],
+    ];
+
+    const WIZARD_STEPS$1 = 6;
+    const WIZARD_TITLES$1 = [
+        'Параметры карты',
+        'Персональные данные',
+        'Данные о трудоустройстве',
+        'Данные о доходах и расходах',
+        'Дополнительные сведения',
+        'Выбор способа получения',
+    ];
+    const CreditCardForm = JSX(({ className, ...rest }) => {
+        const [step, setStep] = useState(0);
+        const handleNextStep = useCallback(() => {
+            setStep((_) => Math.min(_ + 1, WIZARD_STEPS$1));
+        }, []);
+        const handlePrevStep = useCallback(() => {
+            //TODO search hook - 1,
+            setStep((_) => Math.max(_ - 1, 0));
+        }, []);
+        const sections = useMemo(() => stepsSectionsMap$1[step], [step]);
+        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
+        const [isFormFinished, setIsFormFinished] = useState(false);
+        return (jsx(BlockWrapper, { className: style('bg-transparent', className), defaultPadding: "p-0", ...rest, children: jsxs("div", { className: "container grid grid-cols-12", children: [isFormFinished ? null : (jsx(CreditCardFormProgress, { stepsTitles: WIZARD_TITLES$1, step: step, totalSteps: WIZARD_STEPS$1 })), jsx("div", { className: "py-lg px-5xl mt-2xs bg-white col-span-12", children: jsx(CreditCardFormStep, { step: step, inputs: inputs, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished }, String(step)) })] }) }));
+    });
+
+    const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, 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 CreditFormStatus = 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(LinkButton, { href: "/natural", text: buttonText, version: "primary", className: "w-full mt-lg" })) : 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 FailedStatusContent = JSX(() => (jsx(CreditFormStatus, { 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(() => {
+        const [leadForm] = useLocalStorage('leadForm');
+        return (jsx(CreditFormStatus, { 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: [
+                {
+                    label: 'Название продукта',
+                    description: 'Кредит на любые цели',
+                },
+                {
+                    label: 'Цель кредита',
+                    description: 'На любые цели',
+                },
+                {
+                    label: 'Сумма',
+                    description: leadForm?.moneyValue?.toLocaleString() + ' ₽',
+                },
+                {
+                    label: 'Срок кредита',
+                    description: leadForm?.monthsValue + ' мес',
+                },
+                {
+                    label: 'Тип платежа',
+                    description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
+                },
+            ] }));
+    });
+
+    const ReworkStatusContent = JSX(() => {
+        const [leadForm] = useLocalStorage('leadForm');
+        return (jsx(CreditFormStatus, { title: "\u0411\u043B\u0430\u0433\u043E\u0434\u0430\u0440\u0438\u043C \u0432\u0430\u0441 \u0437\u0430 \u043E\u0436\u0438\u0434\u0430\u043D\u0438\u0435, \u043D\u043E \u043D\u0430\u043C \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044F \u0431\u043E\u043B\u044C\u0448\u0435 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0434\u043B\u044F \u043F\u0440\u0438\u043D\u044F\u0442\u0438\u044F \u0440\u0435\u0448\u0435\u043D\u0438\u044F", description: "\u041F\u043E\u0441\u0435\u0442\u0438\u0442\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0435 \u0431\u0430\u043D\u043A\u0430 \u0441 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u044B\u043C\u0438 \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u043C\u0438 \u0438 \u0442\u0430\u043A \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u0435 \u043E\u0444\u043E\u0440\u043C\u043B\u0435\u043D\u0438\u0435 \u043A\u0440\u0435\u0434\u0438\u0442\u0430.", sectionAdditionalTitle: "\u0412 \u043E\u0442\u0434\u0435\u043B\u0435\u043D\u0438\u0438 \u0411\u0430\u043D\u043A\u0430", sectionInfoAdditional: [
+                {
+                    label: 'Регион',
+                    description: leadForm?.regionRetail?.text,
+                },
+                {
+                    label: 'Адрес',
+                    description: leadForm?.addressRetail?.text,
+                },
+            ], sectionInfo: [
+                {
+                    label: 'Основные документы:',
+                    description: '- Паспорт РФ',
+                },
+            ], buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
+    });
+
+    const SuccessStatusContent = JSX(() => {
+        const [leadForm] = useLocalStorage('leadForm');
+        return (jsx(CreditFormStatus, { 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 \u0432\u0430\u0448 \u043A\u0440\u0435\u0434\u0438\u0442", sectionInfo: [
+                {
+                    label: 'Название продукта',
+                    description: 'Кредит на любые цели',
+                },
+                {
+                    label: 'Ставка',
+                    description: '14,5%',
+                },
+                {
+                    label: 'Ежемесячный платеж',
+                    description: '86 052 ₽',
+                },
+                {
+                    label: 'Срок кредита',
+                    description: leadForm?.monthsValue + ' мес',
+                },
+                {
+                    label: 'Тип платежа',
+                    description: leadForm?.isAnnuity ? 'Аннуитетный' : 'Дифференцированный',
+                },
+            ], buttonText: "\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430 \u0433\u043B\u0430\u0432\u043D\u0443\u044E" }));
+    });
+
+    const SIGNAL_TYPES = [
+        'CREATE_APPLICATION_SHORT_SIGNAL',
+        'CREATE_APPLICATION_LOAN_V3_SIGNAL',
+    ];
+    const CreditFormStatusTracker = JSX(() => {
+        const [status, setStatus] = useState(STATUS_TYPE.process);
+        const [taskId] = useLocalStorage('taskId');
+        useEffect(() => {
+            for (const signalType of SIGNAL_TYPES) {
+                sendSignalToProcess({ signalType, taskId });
+            }
+            const trackStatus = () => getTaskStatus({ taskId }).then((res) => {
+                if (res.statusCd && res.statusCd !== STATUS_TYPE.process) {
+                    clearInterval(pullingInterval);
+                    setStatus(res.statusCd);
+                }
+            });
+            const pullingInterval = setInterval(trackStatus, 30000);
+        }, []);
+        return renderStatus(status);
+    });
+    const renderStatus = (status) => {
+        const statusesMap = {
+            IN_PROCESS: jsx(PendingStatusContent, {}),
+            FAILED: jsx(FailedStatusContent, {}),
+            OK: jsx(SuccessStatusContent, {}),
+            REWORK: jsx(ReworkStatusContent, {}),
+        };
+        return statusesMap[status] || null;
+    };
+
+    const formStateMap = {
+        0: {
+            moneyValue: 0,
+            monthsValue: 0,
+            isAnnuity: false,
+            isInsurance: false,
+            isSalaryClient: false,
+            isPensionClient: false,
+            isStateEmployee: false,
+        },
+        1: {
+            surname: '',
+            name: '',
+            middleName: '',
+            sex: '',
+            birthday: undefined,
+            birthPlace: '',
+            phone: '',
+            email: '',
+            dulSerie: undefined,
+            dulNumber: undefined,
+            dulIssueDateField: undefined,
+            dulSubdivisionCode: '',
+            dulIssuedBy: '',
+            addressRegistration: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            participantDateRegistration: undefined,
+            addressFact: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            housing: '',
+        },
+        2: {
+            amountWorkers: { key: '', text: '' },
+            beginDate: undefined,
+            employerActivities: { key: '', text: '' },
+            employerOrganization: { key: '', text: '' },
+            employment: { key: '', text: '' },
+            experience5Years: '',
+            inn: undefined,
+            jobsNumber: '',
+            lastJobExperience: '',
+            legalForm: '',
+            organization: { key: '', text: '' },
+            organizationAddress: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            organizationName: '',
+            organizationPhone: '',
+            partInBusiness: undefined,
+            positionOrganization: { key: '', text: '' },
+        },
+        3: {
+            familyStatus: { key: '', text: '' },
+            dependents: undefined,
+            familyMembers: undefined,
+            confirmationIncome: { key: '', text: '' },
+            mandatoryIncome: undefined,
+            otherPayments: undefined,
+            snils: '',
+            armyIdFlg: false,
+        },
+        4: {
+            disablePeopleFlg: false,
+            bankruptcyFlg: false,
+            shareholderFlg: false,
+            legalEntityName: '',
+            creditInRshbCd: undefined,
+        },
+        5: {
+            regionRetail: '',
+            addressRetail: '',
+            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.birthday
+                ? new Date(localStorageData.birthday)
+                : undefined;
+            localStorageData.dulIssueDateField = localStorageData.dulIssueDateField
+                ? new Date(localStorageData.dulIssueDateField)
+                : undefined;
+            localStorageData.participantDateRegistration = localStorageData.participantDateRegistration
+                ? new Date(localStorageData.participantDateRegistration)
+                : undefined;
+            localStorageData.beginDate = localStorageData?.beginDate
+                ? new Date(localStorageData.beginDate)
+                : undefined;
+        }
+        return {
+            ...formStateMap[step],
+            ...localStorageData,
+        };
+    };
+
+    const renderInfo$1 = (inputs = []) => {
+        const infoInputs = inputs.filter((_) => _.fieldType === 'info');
+        return infoInputs.length
+            ? infoInputs.map(({ text, name }, i) => jsx(InfoCard, { __html: text }, `${name}_${i}`))
+            : null;
+    };
+
+    const renderInputs = ({ field, inputs }) => (inputs || [])?.map(getField(field, ''));
+
+    const renderStep$1 = ({ sections, field }) => sections?.map(({ inputs, columns, title }, i) => (jsxs("div", { className: style(inputColumnStyles(columns), 'grid gap-x-m'), children: [renderInfo$1(inputs), renderTitle(title), renderInputs({ field, inputs })] }, `section-${i}`)));
+
+    const StepsNavigationButtons = JSX(({ step, onPrevStep }) => {
+        const isFirstStep = step === 0;
+        return (jsxs("div", { className: 'flex justify-between', children: [jsx(Button, { onClick: onPrevStep, className: style('w-full @xl:w-auto'), type: "button", version: "secondary", disabled: isFirstStep, children: "\u041D\u0430\u0437\u0430\u0434" }), jsx(Button, { className: style('w-full @xl:w-auto'), type: "submit", children: "\u0414\u0430\u043B\u0435\u0435" })] }));
+    });
+
+    const getFirstStepData = (formData) => {
+        const { name, surname, middleName, birthday = '', phone = '', email, sex, birthPlace, dulIssueDateField = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration = '', housing, addressRegistration, addressFact, } = formData;
+        return {
+            birthDate: formatDate(birthday, true),
+            midname: middleName,
+            name,
+            surname,
+            birthPlace,
+            dulIssueDate: formatDate(dulIssueDateField, true),
+            dulIssuedBy,
+            dulNumber,
+            dulSerie,
+            dulSubdivisionCode,
+            educationLevelCd: education,
+            registrationDate: formatDate(participantDateRegistration, true),
+            houseTypeCd: housing,
+            participantContacts: getParticipantContacts({
+                phone: formatPhone(phone),
+                email,
+            }),
+            participantAddresses: getParticipantAddresses({ addressRegistration, addressFact }),
+            genderCd: sex
+                ? {
+                    key: sex === 'male' ? 'MAN' : 'WOMAN',
+                }
+                : undefined,
+        };
+    };
+
+    const getFourthStepData = (formData) => {
+        const { bankruptcyFlg, shareholderFlg, legalEntityName, creditInRshbCd } = formData;
+        return {
+            bankruptcyFlg,
+            shareholderFlg,
+            nameLegalEntity: legalEntityName,
+            creditInRshbCd,
+        };
+    };
+
+    const getSecondStepData = (formData) => {
+        const { employment, organizationName, inn, legalForm, organization, amountWorkers, employerActivities, employerOrganization, generalSeniority, lastJobExperience, experience5Years, jobsNumber, organizationPhone, organizationAddress, positionOrganization, } = formData;
+        return {
+            employmentTypeCd: employment,
+            organizationName,
+            organizationInn: inn,
+            organizationActivityTypeCd: employerActivities,
+            organizationTypeCd: organization,
+            organizationKindCd: employerOrganization,
+            employeesNumberCd: amountWorkers,
+            opf: legalForm,
+            seniority: generalSeniority,
+            generalSeniority: experience5Years,
+            jobsNumber,
+            lastWorkDuration: lastJobExperience,
+            positionCd: positionOrganization,
+            participantContacts: getParticipantContacts({
+                organizationPhone: organizationPhone && formatPhone(organizationPhone),
+            }),
+            participantAddresses: getParticipantAddresses({ organizationAddress }),
+        };
+    };
+
+    const getThirdStepData = (formData) => {
+        const { familyStatus, dependents, familyMembers, confirmationIncome, mandatoryIncome, otherPayments, snils, armyIdFlg, } = formData;
+        return {
+            maritalStatusCd: familyStatus,
+            totalDependents: familyMembers,
+            incomeCertificateCd: confirmationIncome,
+            otherDependents: dependents,
+            participantIncomes: getParticipantIncomes({
+                mandatoryIncome,
+                otherPayments,
+            }),
+            snils: snils?.replaceAll(' ', ''),
+            armyIdFlg,
+        };
+    };
+
+    const getCreditFormTaskData = ({ participantId, taskId, profileId, formData, step = 0, }) => ({
+        sendToBank: true,
+        taskKind: 'UNITED',
+        task: {
+            taskSource: globalThis.location.origin,
+            id: taskId,
+            //TODO: Добавить id офиса
+            authorizedAgentId: formData?.bankEmployeeCode,
+            participants: [
+                {
+                    id: participantId,
+                    profile: {
+                        id: profileId,
+                    },
+                    roleCd: {
+                        key: 'BORROWER',
+                        value: 'Заемщик',
+                    },
+                    ...getCurrentStepData(step, formData),
+                },
+            ],
+            esiaAccountTypeCd: {
+                key: formData?.esiaAccountTypeCd?.key,
+            },
+        },
+    });
+    const getCurrentStepData = (step, formData) => {
+        switch (step) {
+            case 1:
+                return getFirstStepData(formData);
+            case 2:
+                return getSecondStepData(formData);
+            case 3:
+                return getThirdStepData(formData);
+            case 4:
+                return getFourthStepData(formData);
+            default:
+                return {};
         }
     };
 
@@ -8744,6 +9560,7 @@
         CarouselRecommendationCard,
         CarouselTariffsCard,
         ContactsBlock,
+        CreditCardForm,
         CreditForm,
         DepositFiltration,
         Depository,
@@ -8951,7 +9768,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.649";
+    const packageVersion = "0.14.651";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;