@redneckz/wildless-cms-uni-blocks 0.14.709 → 0.14.711

package/bundle/bundle.umd.js

@@ -2807,7 +2807,7 @@
         return useStore(localStore, methods);
     }
 
-    const useCreditFormStore = () => {
+    const useRetailFormStore = () => {
         return useLocalStore();
     };
 
@@ -2823,7 +2823,7 @@
 
     const AmountWorkersField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('EMPLOYEES_NUMBER');
-        const store = useCreditFormStore();
+        const store = useRetailFormStore();
         useEffect(() => {
             if (data) {
                 store.amountWorkers = data;
@@ -3659,7 +3659,7 @@
 
     const EmployerActivitiesField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('ORGANIZATION_ACTIVITY_TYPE');
-        const store = useCreditFormStore();
+        const store = useRetailFormStore();
         useEffect(() => {
             if (data) {
                 store.employerActivities = data;
@@ -3670,7 +3670,7 @@
 
     const EmployerOrganizationField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('ORGANIZATION_KIND');
-        const store = useCreditFormStore();
+        const store = useRetailFormStore();
         useEffect(() => {
             if (data) {
                 store.employerOrganization = data;
@@ -3851,7 +3851,7 @@
     });
 
     const InnField = JSX(({ field, input }) => {
-        const store = useCreditFormStore();
+        const store = useRetailFormStore();
         const onDaDataChange = useCallback((item) => {
             field?.('organizationName')?.onChange?.(item.data?.name?.short_with_opf);
             updateOrganizationFields(store, field, item);
@@ -3915,7 +3915,7 @@
 
     const OrganizationField = JSX(({ field, input }) => {
         const { data } = useLeadFormData('ORGANIZATION_TYPE');
-        const store = useCreditFormStore();
+        const store = useRetailFormStore();
         useEffect(() => {
             if (data) {
                 store.organization = data;
@@ -3925,7 +3925,7 @@
     });
 
     const OrganizationNameField = JSX(({ field, input }) => {
-        const store = useCreditFormStore();
+        const store = useRetailFormStore();
         const onDaDataChange = useCallback((item) => {
             field?.('inn')?.onChange?.(item.data?.inn);
             updateOrganizationFields(store, field, item);
@@ -4785,18 +4785,6 @@
         };
     };
 
-    const useLeadFormStore = () => useLocalStore();
-
-    const useSetter = (target, key) => useCallback((value) => {
-        const newValue = value instanceof Function ? value(target[key]) : value;
-        if (newValue !== null && newValue !== undefined) {
-            target[key] = newValue;
-        }
-        else {
-            delete target[key];
-        }
-    }, [target, key]);
-
     const DraftActionButton = JSX(({ title, icon, description, onClick = noop }) => (jsxs("button", { className: "flex gap-lg items-center border border-gray rounded-md cursor-pointer p-4 hover:border-green", type: "button", onClick: onClick, children: [jsx(Img, { image: { icon: icon, iconVersion: 'black' }, width: "78", height: "78" }), jsxs("div", { children: [jsx(Heading, { className: "text-left", title: title, headingType: "h5" }), description ? (jsx(Paragraph, { color: "text-secondary-text", size: "text-m", children: description })) : null] })] })));
 
     const creditCodesToProgrammIdMap = {
@@ -4939,8 +4927,7 @@
     };
 
     const DraftDialog = JSX(function ({ task, isFromLead = false, onClose = noop, }) {
-        const leadFormStore = useLeadFormStore();
-        const saveForm = useSetter(leadFormStore, 'leadForm');
+        const retailFormStore = useRetailFormStore();
         const navigator = locationNavigator();
         const { participants, creditProgram, id: taskId } = task;
         const programmId = creditProgramCodeToProductIdMap[creditProgram.code];
@@ -4949,11 +4936,11 @@
         const { name, midname, id: participantId, profile } = participants[0];
         const handleGoToDraft = useCallback(() => {
             const taskFromDraft = parseDraftTask(task);
-            leadFormStore.participantId = participantId;
-            leadFormStore.taskId = taskId;
-            leadFormStore.profileId = profile?.id;
-            leadFormStore.programId = programmId;
-            saveForm(taskFromDraft);
+            retailFormStore.participantId = participantId;
+            retailFormStore.taskId = taskId;
+            retailFormStore.profileId = profile?.id;
+            retailFormStore.programId = programmId;
+            retailFormStore.leadForm = taskFromDraft;
             navigator.assign(nextStepLink);
         }, []);
         const handleGoToNewTask = useCallback(() => {
@@ -4991,7 +4978,7 @@
 
     const EsiaLoginDialog = JSX(({ onClose }) => {
         const navigator = locationNavigator();
-        const [leadForm, setLeadForm] = useLocalStorage('leadForm');
+        const retailFormStore = useRetailFormStore();
         const handleAuth = useCallback(async () => {
             const resp = await getLink({
                 redirectUri: navigator.href,
@@ -5001,10 +4988,10 @@
             }
         }, []);
         const handleClose = useCallback(() => {
-            if (leadForm !== null) {
-                const leadFormCopy = { ...leadForm };
-                Reflect.deleteProperty(leadFormCopy, 'esiaAccountTypeCd');
-                setLeadForm(leadFormCopy);
+            if (retailFormStore.leadForm) {
+                const leadForm = { ...retailFormStore.leadForm };
+                delete leadForm.esiaAccountTypeCd;
+                retailFormStore.leadForm = leadForm;
             }
             onClose?.();
         }, []);
@@ -5118,15 +5105,16 @@
         };
     };
 
+    const useLeadFormStore = () => useLocalStore();
+
     const useSaveUserData = () => {
         const leadFormStore = useLeadFormStore();
-        const saveForm = useSetter(leadFormStore, 'leadForm');
-        const saveUserData = useCallback(({ participantId, taskId, profileId, formData, programId: programNumber }) => {
+        const saveUserData = useCallback(({ participantId, taskId, profileId, programId: programNumber, formData }) => {
             leadFormStore.participantId = participantId;
             leadFormStore.taskId = taskId;
             leadFormStore.profileId = profileId;
             leadFormStore.programId = programNumber;
-            saveForm(formData);
+            leadFormStore.leadForm = formData;
         }, []);
         return saveUserData;
     };
@@ -5232,6 +5220,16 @@
 
     const updateProfileEsia = (body) => fetchRetailJSON('/esia/updateProfileEsia', 'POST', body);
 
+    const useSetter = (target, key) => useCallback((value) => {
+        const newValue = value instanceof Function ? value(target[key]) : value;
+        if (newValue !== null && newValue !== undefined) {
+            target[key] = newValue;
+        }
+        else {
+            delete target[key];
+        }
+    }, [target, key]);
+
     const initialFormState = {
         typeForm: '',
         region: { key: '', text: '' },
@@ -6831,7 +6829,7 @@
     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$1 = JSX(({ handleExpireTimer }) => {
-        const [statusInfo] = useLocalStorage('statusInfo');
+        const { statusInfo } = useRetailFormStore();
         return (jsx(CreditCardFormStatus, { interval: 300, intervalExpireAction: handleExpireTimer, 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: 'Название продукта',
@@ -6845,7 +6843,7 @@
     });
 
     const ReworkStatusContent$1 = JSX(() => {
-        const [statusInfo] = useLocalStorage('statusInfo');
+        const { statusInfo } = useRetailFormStore();
         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: 'Регион',
@@ -6864,7 +6862,7 @@
     });
 
     const SuccessStatusContent$1 = JSX(() => {
-        const [statusInfo] = useLocalStorage('statusInfo');
+        const { statusInfo } = useRetailFormStore();
         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: 'Название продукта',
@@ -6895,7 +6893,7 @@
     ];
     const CreditCardFormStatusTracker = JSX(() => {
         const [status, setStatus] = useState(STATUS_TYPE.process);
-        const [taskId] = useLocalStorage('taskId');
+        const { taskId } = useRetailFormStore();
         useEffect(() => {
             (async () => {
                 for (const signalType of SIGNAL_TYPES$1) {
@@ -6924,117 +6922,6 @@
         return statusesMap[status] || jsx(ReworkStatusContent$1, {});
     };
 
-    const formStateMap$1 = [
-        {
-            paymentSystem: { name: '', type: '' },
-            currency: '810',
-            codeWord: '',
-        },
-        {
-            surname: '',
-            name: '',
-            middleName: '',
-            sex: '',
-            limitedBirthday: undefined,
-            birthPlace: '',
-            phone: '',
-            email: '',
-            dulSerie: undefined,
-            dulNumber: undefined,
-            dulIssueDateField: undefined,
-            dulSubdivisionCode: '',
-            dulIssuedBy: '',
-            addressRegistration: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            participantDateRegistration: undefined,
-            addressFact: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            housing: undefined,
-            methodObtain: 'office',
-            addressCourier: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-        },
-        {
-            amountWorkers: { key: '', text: '' },
-            beginDate: undefined,
-            employerActivities: { key: '', text: '' },
-            employerOrganization: { key: '', text: '' },
-            employment: { key: '', text: '' },
-            experience5Years: undefined,
-            inn: undefined,
-            jobsNumber: undefined,
-            lastJobExperience: undefined,
-            legalForm: '',
-            organization: { key: '', text: '' },
-            organizationAddress: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            organizationName: '',
-            organizationPhone: '',
-            partInBusiness: undefined,
-            positionOrganization: { key: '', text: '' },
-        },
-        {
-            familyStatus: { key: '', text: '' },
-            dependents: undefined,
-            familyMembers: undefined,
-            confirmationIncome: { key: '', text: '' },
-            wages: undefined,
-            mandatoryPayments: undefined,
-            snils: '',
-            armyIdFlg: false,
-        },
-        {
-            disablePeopleFlg: false,
-            bankruptcyFlg: false,
-            shareholderFlg: false,
-            legalEntityName: '',
-            creditInRshbCd: undefined,
-        },
-        {
-            regionRetail: { key: '', text: '' },
-            addressRetail: {
-                key: '',
-                text: '',
-            },
-            bankEmployeeCode: undefined,
-            addressCourier: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            methodObtain: 'office',
-            deliveryDate: undefined,
-        },
-    ];
-
-    const getInitialFormState$1 = (step, localStorageData) => ({
-        ...formStateMap$1[step],
-        ...localStorageData,
-        limitedBirthday: transformStringToData$1(localStorageData?.limitedBirthday),
-        dulIssueDateField: transformStringToData$1(localStorageData?.dulIssueDateField),
-        participantDateRegistration: transformStringToData$1(localStorageData?.participantDateRegistration),
-        beginDate: transformStringToData$1(localStorageData?.beginDate),
-        deliveryDate: transformStringToData$1(localStorageData?.deliveryDate),
-    });
-    const transformStringToData$1 = (text) => {
-        if (!text) {
-            return undefined;
-        }
-        try {
-            return new Date(text);
-        }
-        catch (_) {
-            return undefined;
-        }
-    };
-
     const calculateInputs$1 = (getValue) => (inputs, step) => inputs
         .filter((_) => _)
         .map((_) => {
@@ -7084,7 +6971,17 @@
         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(Button, { type: "submit", children: isFinalStep ? 'Отправить заявку' : 'Далее' })] }));
     });
 
-    const getCardData = (formData) => {
+    const getAdditionalInfoData = (formData) => {
+        const { bankruptcyFlg, shareholderFlg, legalEntityName, creditInRshbCd } = formData;
+        return {
+            bankruptcyFlg,
+            shareholderFlg,
+            nameLegalEntity: legalEntityName,
+            creditInRshbCd,
+        };
+    };
+
+    const getCardOptionsData = (formData) => {
         const { currency, paymentSystem, cardCategory, codeWord } = formData;
         return {
             currencyCode: currency ? { key: currency } : undefined,
@@ -7094,17 +6991,31 @@
         };
     };
 
-    const getFifthStepData$1 = (formData) => {
-        const { bankruptcyFlg, shareholderFlg, legalEntityName, creditInRshbCd } = formData;
+    const getEmploymentData = (formData) => {
+        const { beginDate, employment, organizationName, inn, legalForm, organization, amountWorkers, employerActivities, employerOrganization, generalSeniority, lastJobExperience, experience5Years, jobsNumber, organizationPhone, organizationAddress, positionOrganization, } = formData;
         return {
-            bankruptcyFlg,
-            shareholderFlg,
-            nameLegalEntity: legalEntityName,
-            creditInRshbCd,
+            employmentContractDate: formatDate(beginDate || '', true),
+            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 getFourthStepData$1 = (formData) => {
+    const getFamilyStatusAndIncomeData = (formData) => {
         const { familyStatus, dependents, familyMembers, children, confirmationIncome, wages, mandatoryPayments, incomeAverage, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, } = formData;
         return {
             maritalStatusCd: familyStatus,
@@ -7128,7 +7039,7 @@
         };
     };
 
-    const getSecondStepData$1 = (formData) => {
+    const getPersonalInfoData = (formData) => {
         const { name, surname, middleName, limitedBirthday = '', phone = '', email, sex, birthPlace, dulIssueDateField = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration = '', housing, addressRegistration, addressFact, } = formData;
         return {
             birthDate: formatDate(limitedBirthday, true),
@@ -7184,7 +7095,7 @@
             }
             : {};
     };
-    const getSixthStepData = (formData) => {
+    const getDeliveryCreditCardData = (formData) => {
         const { addressCourier, methodObtain } = formData;
         const isCourierDelivery = methodObtain === 'courier';
         return isCourierDelivery
@@ -7194,30 +7105,6 @@
             : {};
     };
 
-    const getThirdStepData$1 = (formData) => {
-        const { beginDate, employment, organizationName, inn, legalForm, organization, amountWorkers, employerActivities, employerOrganization, generalSeniority, lastJobExperience, experience5Years, jobsNumber, organizationPhone, organizationAddress, positionOrganization, } = formData;
-        return {
-            employmentContractDate: formatDate(beginDate || '', true),
-            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 getCreditCardFormTaskData = ({ participantId, taskId, profileId, formData, step = 0, }) => {
         const navigator = locationNavigator();
         return {
@@ -7241,7 +7128,7 @@
                         ...getCurrentStepData$1(step, formData),
                     },
                 ],
-                ...getCardData(formData),
+                ...getCardOptionsData(formData),
                 ...getDeliveryData(formData),
             },
         };
@@ -7251,438 +7138,579 @@
             case 0:
                 return {};
             case 1:
-                return getSecondStepData$1(formData);
+                return getPersonalInfoData(formData);
             case 2:
-                return getThirdStepData$1(formData);
+                return getEmploymentData(formData);
             case 3:
-                return getFourthStepData$1(formData);
+                return getFamilyStatusAndIncomeData(formData);
             case 4:
-                return getFifthStepData$1(formData);
+                return getAdditionalInfoData(formData);
             case 5:
-                return getSixthStepData(formData);
+                return getDeliveryCreditCardData(formData);
             default:
                 return {};
         }
     };
 
-    const useCreditCardFormAPI = ({ step, inputs, onNextStep, saveStep, finishForm, }) => {
-        const isFinalStep = step === 5;
-        const [taskId] = useLocalStorage('taskId');
-        const [profileId] = useLocalStorage('profileId');
-        const [participantId] = useLocalStorage('participantId');
-        const [, setStatusInfo] = useLocalStorage('statusInfo');
-        const [leadForm] = useLocalStorage('leadForm');
-        const handleSubmit = useCallback(async (formData) => {
-            const feedbackValidator = objectValidator(getObjectValidator(calculateInputs$1(getValue$2(formData))(inputs, step)));
-            if (!isValidationSuccess(feedbackValidator(formData))) {
-                return console.warn('validation fail');
-            }
-            saveStep(formData);
-            try {
-                if (taskId && profileId && participantId) {
-                    const response = await updateUserTask(getCreditCardFormTaskData({
-                        participantId,
-                        taskId,
-                        profileId,
-                        step,
-                        formData: formData,
-                    }));
-                    resetForm$1({ isFinalStep, response, leadForm, setStatusInfo });
-                }
-            }
-            catch (ex) {
-                return 'Fail';
-            }
-            onNextStep();
-            if (isFinalStep) {
-                finishForm?.(true);
-            }
-            return 'OK';
-        }, []);
-        return {
-            handleSubmit,
-        };
-    };
-    const resetForm$1 = ({ isFinalStep, response, leadForm, setStatusInfo, }) => {
-        if (isFinalStep && response.ok && leadForm) {
-            const regionRetail = leadForm?.regionRetail?.text;
-            const addressRetail = leadForm?.addressRetail?.text;
-            const cardCategory = leadForm?.cardCategory?.text;
-            const calculator = {
-                monthsValue: leadForm?.calculator?.monthsValue,
-                moneyValue: leadForm?.calculator?.moneyValue,
-                isAnnuity: leadForm?.calculator?.isAnnuity,
-            };
-            setStatusInfo({ regionRetail, addressRetail, cardCategory, calculator });
-            globalThis.localStorage.removeItem('leadForm');
-        }
-    };
-    const getValue$2 = (formData) => (name) => formData[name];
-
-    const CreditCardFormStep = JSX(({ step, sections, onPrevStep, onNextStep, isFormFinished, finishForm }) => {
-        const [localStorageData, saveStep] = useLocalStorage('leadForm');
-        const initialState = getInitialFormState$1(step, localStorageData);
-        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const { handleSubmit } = useCreditCardFormAPI({
-            step,
-            inputs,
-            onNextStep,
-            saveStep,
-            finishForm,
-        });
-        const [, { field, onSubmit }] = useForm(initialState, {
-            onSubmit: handleSubmit,
-        });
-        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$2({ sections, field, step }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
-    });
-
-    /* eslint-disable max-lines */
-    /* eslint-disable max-len */
-    const stepsSectionsMap$1 = [
-        [
-            {
-                title: 'Параметры карты',
-                inputs: [],
+    const formStateMap$1 = [
+        {
+            paymentSystem: { name: '', type: '' },
+            currency: '810',
+            codeWord: '',
+        },
+        {
+            surname: '',
+            name: '',
+            middleName: '',
+            sex: '',
+            limitedBirthday: undefined,
+            birthPlace: '',
+            phone: '',
+            email: '',
+            dulSerie: undefined,
+            dulNumber: undefined,
+            dulIssueDateField: undefined,
+            dulSubdivisionCode: '',
+            dulIssuedBy: '',
+            addressRegistration: {
+                fullAddress: '',
+                fiasCode: '',
             },
-            {
-                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 },
-                ],
+            participantDateRegistration: undefined,
+            addressFact: {
+                fullAddress: '',
+                fiasCode: '',
             },
-        ],
-        [
-            {
-                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: 'limitedBirthday', required: true, filledByEsia: true },
-                    { fieldType: 'common', name: 'birthPlace', required: true, filledByEsia: true },
-                    { fieldType: 'common', name: 'phone', required: true, filledByEsia: 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', required: true },
-                    { 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: true },
-                    { fieldType: 'common', name: 'amountWorkers', required: true },
-                ],
-            },
-            {
-                columns: 2,
-                inputs: [
-                    { fieldType: 'common', name: 'employerActivities', required: true },
-                    { fieldType: 'common', name: 'employerOrganization', required: true },
-                    { 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: true },
-                    {
-                        fieldType: 'common',
-                        name: 'partInBusiness',
-                        required: true,
-                        condition: { name: 'positionOrganization', values: ['BUSINESS_OWNER'] },
-                    },
-                ],
-            },
-            {
-                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: 'confirmationIncome', required: true }],
-            },
-            {
-                columns: 1,
-                inputs: [{ fieldType: 'common', name: 'wages', required: true }],
-            },
-            {
-                columns: 1,
-                inputs: [{ fieldType: 'common', name: 'mandatoryPayments', 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' }],
+            housing: undefined,
+            methodObtain: 'office',
+            addressCourier: {
+                fullAddress: '',
+                fiasCode: '',
             },
-            {
-                inputs: [{ fieldType: 'common', name: 'bankruptcyFlg' }],
+        },
+        {
+            amountWorkers: { key: '', text: '' },
+            beginDate: undefined,
+            employerActivities: { key: '', text: '' },
+            employerOrganization: { key: '', text: '' },
+            employment: { key: '', text: '' },
+            experience5Years: undefined,
+            inn: undefined,
+            jobsNumber: undefined,
+            lastJobExperience: undefined,
+            legalForm: '',
+            organization: { key: '', text: '' },
+            organizationAddress: {
+                fullAddress: '',
+                fiasCode: '',
             },
-            {
-                inputs: [{ fieldType: 'common', name: 'shareholderFlg' }],
+            organizationName: '',
+            organizationPhone: '',
+            partInBusiness: undefined,
+            positionOrganization: { key: '', text: '' },
+        },
+        {
+            familyStatus: { key: '', text: '' },
+            dependents: undefined,
+            familyMembers: undefined,
+            confirmationIncome: { key: '', text: '' },
+            wages: undefined,
+            mandatoryPayments: undefined,
+            snils: '',
+            armyIdFlg: false,
+        },
+        {
+            disablePeopleFlg: false,
+            bankruptcyFlg: false,
+            shareholderFlg: false,
+            legalEntityName: '',
+            creditInRshbCd: undefined,
+        },
+        {
+            regionRetail: { key: '', text: '' },
+            addressRetail: { key: '', text: '' },
+            bankEmployeeCode: undefined,
+            addressCourier: {
+                fullAddress: '',
+                fiasCode: '',
             },
-            {
-                inputs: [
-                    {
-                        fieldType: 'common',
-                        name: 'legalEntityName',
+            methodObtain: 'office',
+            deliveryDate: undefined,
+        },
+    ];
+
+    const getInitialFormState$1 = (step, formState) => ({
+        ...formStateMap$1[step],
+        ...formState,
+        limitedBirthday: transformStringToData$1(formState?.limitedBirthday),
+        dulIssueDateField: transformStringToData$1(formState?.dulIssueDateField),
+        participantDateRegistration: transformStringToData$1(formState?.participantDateRegistration),
+        beginDate: transformStringToData$1(formState?.beginDate),
+        deliveryDate: transformStringToData$1(formState?.deliveryDate),
+    });
+    const transformStringToData$1 = (text) => {
+        try {
+            return text ? new Date(text) : undefined;
+        }
+        catch (_) {
+            return undefined;
+        }
+    };
+
+    const useCreditCardFormAPI = ({ step, inputs, onNextStep, onFinish, }) => {
+        const isFinalStep = step === 5;
+        const retailFormStore = useRetailFormStore();
+        const initialState = useMemo(() => getInitialFormState$1(step, retailFormStore.leadForm), [step, retailFormStore.leadForm]);
+        const resetForm = useCallback((response) => {
+            const { leadForm } = retailFormStore;
+            if (isFinalStep && response.ok && leadForm) {
+                retailFormStore.statusInfo = {
+                    regionRetail: leadForm?.regionRetail?.text,
+                    addressRetail: leadForm?.addressRetail?.text,
+                    cardCategory: leadForm?.cardCategory?.text,
+                    calculator: {
+                        monthsValue: leadForm?.calculator?.monthsValue,
+                        moneyValue: leadForm?.calculator?.moneyValue,
+                        isAnnuity: leadForm?.calculator?.isAnnuity,
                     },
-                ],
-            },
-            {
-                inputs: [{ fieldType: 'common', name: 'creditInRshbCd' }],
-            },
-        ],
-        [
-            {
-                title: 'Способ получения',
-                columns: 1,
-                inputs: [],
-            },
-            {
-                inputs: [{ fieldType: 'common', name: 'methodObtain' }],
-            },
-            {
-                title: 'Адрес',
-                columns: 1,
-                inputs: [],
-            },
-            {
-                inputs: [
-                    {
-                        fieldType: 'common',
-                        name: 'addressCourier',
-                        dadata: true,
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['courier'],
-                        },
-                        required: true,
+                };
+                retailFormStore.leadForm = initialState;
+            }
+        }, [isFinalStep, initialState]);
+        const handleSubmit = useCallback(async (formData) => {
+            const feedbackValidator = objectValidator(getObjectValidator(calculateInputs$1(getValue$2(formData))(inputs, step)));
+            if (!isValidationSuccess(feedbackValidator(formData))) {
+                return;
+            }
+            retailFormStore.leadForm = formData;
+            try {
+                const { taskId, profileId, participantId } = retailFormStore;
+                if (taskId && profileId && participantId) {
+                    const response = await updateUserTask(getCreditCardFormTaskData({
+                        participantId,
+                        taskId,
+                        profileId,
+                        step,
+                        formData: formData,
+                    }));
+                    resetForm(response);
+                }
+                onNextStep();
+                if (isFinalStep) {
+                    onFinish?.();
+                }
+            }
+            catch (ex) {
+                // Do nothing
+            }
+        }, [isFinalStep, resetForm]);
+        return [initialState, handleSubmit];
+    };
+    const getValue$2 = (formData) => (name) => formData[name];
+
+    const CreditCardFormStep = JSX(({ step, sections, isFormFinished, onPrevStep, onNextStep, onFinish }) => {
+        const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
+        const [initialState, onSubmit] = useCreditCardFormAPI({
+            step,
+            inputs,
+            onNextStep,
+            onFinish,
+        });
+        const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
+        return isFormFinished ? (jsx(CreditCardFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$2({ sections, field, step }), jsx(StepsNavigationButtons$1, { step: step, onPrevStep: onPrevStep })] }));
+    });
+
+    const PERSONAL_INFO_CONTENT = [
+        {
+            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: 'limitedBirthday', required: true, filledByEsia: true },
+                { fieldType: 'common', name: 'birthPlace', required: true, filledByEsia: true },
+                { fieldType: 'common', name: 'phone', required: true, filledByEsia: 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 }],
+        },
+    ];
+    const EMPLOYMENT_CONTENT = [
+        {
+            title: 'Данные о трудоустройстве',
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    fieldType: 'info',
+                    text: 'Клиент на момент оформления заявки на кредит должен быть: официально трудоустроен более 6 месяцев, ' +
+                        'если Клиент получает з/п на счет РСХБ, то трудоустроен более 3 месяцев, не должен находиться в декретном отпуске',
+                },
+            ],
+        },
+        {
+            inputs: [
+                { fieldType: 'common', name: 'employment', required: true },
+                { 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: true },
+                { fieldType: 'common', name: 'amountWorkers', required: true },
+            ],
+        },
+        {
+            columns: 2,
+            inputs: [
+                { fieldType: 'common', name: 'employerActivities', required: true },
+                { fieldType: 'common', name: 'employerOrganization', required: true },
+                { 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: true },
+                {
+                    fieldType: 'common',
+                    name: 'partInBusiness',
+                    required: true,
+                    condition: { name: 'positionOrganization', values: ['BUSINESS_OWNER'] },
+                },
+            ],
+        },
+        {
+            title: 'Адрес работодателя',
+            inputs: [],
+        },
+        {
+            inputs: [{ fieldType: 'common', name: 'organizationAddress', required: true, dadata: true }],
+        },
+    ];
+    const FAMILY_STATUS_AND_INCOME_CONTENT = [
+        {
+            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: 'confirmationIncome', required: true }],
+        },
+        {
+            columns: 1,
+            inputs: [{ fieldType: 'common', name: 'wages', required: true }],
+        },
+        {
+            columns: 1,
+            inputs: [{ fieldType: 'common', name: 'mandatoryPayments', 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' }],
+        },
+    ];
+    const ADDITIONAL_CONTENT = [
+        {
+            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' }],
+        },
+    ];
+    const COMMON_RETAIL_CONTENT = [
+        PERSONAL_INFO_CONTENT,
+        EMPLOYMENT_CONTENT,
+        FAMILY_STATUS_AND_INCOME_CONTENT,
+        ADDITIONAL_CONTENT,
+    ];
+    const DELIVERY_CREDIT_CONTENT = [
+        {
+            title: 'Отделение Банка',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [{ fieldType: 'common', name: 'regionRetail', required: true }],
+        },
+        {
+            inputs: [{ fieldType: 'common', name: 'addressRetail', required: true }],
+        },
+        {
+            title: 'Код представителя Банка',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    fieldType: 'info',
+                    text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+                },
+            ],
+        },
+        {
+            inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
+        },
+    ];
+    const DELIVERY_CREDIT_CARD_CONTENT = [
+        {
+            title: 'Способ получения',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [{ fieldType: 'common', name: 'methodObtain' }],
+        },
+        {
+            title: 'Адрес',
+            columns: 1,
+            inputs: [],
+        },
+        {
+            inputs: [
+                {
+                    fieldType: 'common',
+                    name: 'addressCourier',
+                    dadata: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
                     },
-                    {
-                        fieldType: 'common',
-                        name: 'deliveryDate',
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['courier'],
-                        },
-                        required: true,
+                    required: true,
+                },
+                {
+                    fieldType: 'common',
+                    name: 'deliveryDate',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
                     },
-                    {
-                        fieldType: 'common',
-                        name: 'comment',
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['courier'],
-                        },
+                    required: true,
+                },
+                {
+                    fieldType: 'common',
+                    name: 'comment',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['courier'],
                     },
-                ],
-            },
-            {
-                inputs: [
-                    {
-                        fieldType: 'common',
-                        name: 'regionRetail',
-                        required: true,
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['office'],
-                        },
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    fieldType: 'common',
+                    name: 'regionRetail',
+                    required: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
                     },
-                    {
-                        fieldType: 'common',
-                        name: 'addressRetail',
-                        required: true,
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['office'],
-                        },
+                },
+                {
+                    fieldType: 'common',
+                    name: 'addressRetail',
+                    required: true,
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
                     },
-                ],
-            },
-            {
-                inputs: [
-                    {
-                        fieldType: 'info',
-                        text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['office'],
-                        },
+                },
+            ],
+        },
+        {
+            inputs: [
+                {
+                    fieldType: 'info',
+                    text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
                     },
-                    {
-                        fieldType: 'common',
-                        name: 'bankEmployeeCode',
-                        condition: {
-                            name: 'methodObtain',
-                            values: ['office'],
-                        },
+                },
+                {
+                    fieldType: 'common',
+                    name: 'bankEmployeeCode',
+                    condition: {
+                        name: 'methodObtain',
+                        values: ['office'],
                     },
-                ],
-            },
-        ],
+                },
+            ],
+        },
+    ];
+    const CREDIT_CARD_CONTENT = [
+        {
+            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 },
+            ],
+        },
+    ];
+    const CALCULATOR_CONTENT = [
+        {
+            columns: 1,
+            inputs: [
+                {
+                    fieldType: 'common',
+                    name: 'calculator',
+                },
+            ],
+        },
+    ];
+
+    const stepsSectionsMap$1 = [
+        CREDIT_CARD_CONTENT,
+        ...COMMON_RETAIL_CONTENT,
+        DELIVERY_CREDIT_CARD_CONTENT,
     ];
 
     const STEPS$1 = 6;
@@ -7709,8 +7737,8 @@
             scrollToTop();
         }, []);
         const sections = useMemo(() => stepsSectionsMap$1[step], [step]);
-        const [isFormFinished, setIsFormFinished] = useState(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: jsx(CreditCardFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished }, String(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: jsx(CreditCardFormStep, { step: step, sections: sections, isFormFinished: isFormFinished, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step)) })] }) }));
     });
 
     const CreditFormProgress = JSX(({ step = 1, totalSteps = 5, stepsTitles = [] }) => {
@@ -7737,7 +7765,7 @@
     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(({ handleExpireTimer }) => {
-        const [statusInfo] = useLocalStorage('statusInfo');
+        const { statusInfo } = useRetailFormStore();
         return (jsx(CreditFormStatus, { interval: 300, intervalExpireAction: handleExpireTimer, 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: 'Название продукта',
@@ -7763,7 +7791,7 @@
     });
 
     const ReworkStatusContent = JSX(() => {
-        const [statusInfo] = useLocalStorage('statusInfo');
+        const { statusInfo } = useRetailFormStore();
         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: 'Регион',
@@ -7782,7 +7810,7 @@
     });
 
     const SuccessStatusContent = JSX(() => {
-        const [statusInfo] = useLocalStorage('statusInfo');
+        const { statusInfo } = useRetailFormStore();
         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: 'Название продукта',
@@ -7813,7 +7841,7 @@
     ];
     const CreditFormStatusTracker = JSX(() => {
         const [status, setStatus] = useState(STATUS_TYPE.process);
-        const [taskId] = useLocalStorage('taskId');
+        const { taskId } = useRetailFormStore();
         useEffect(() => {
             (async () => {
                 for (const signalType of SIGNAL_TYPES) {
@@ -7842,109 +7870,6 @@
         return statusesMap[status] || jsx(ReworkStatusContent, {});
     };
 
-    const formStateMap = [
-        {
-            calculator: {
-                moneyValue: 0,
-                monthsValue: 0,
-                isAnnuity: false,
-                isInsurance: false,
-                isSalaryClient: false,
-                isPensionClient: false,
-                isStateEmployee: false,
-            },
-        },
-        {
-            surname: '',
-            name: '',
-            middleName: '',
-            sex: '',
-            limitedBirthday: undefined,
-            birthPlace: '',
-            phone: '',
-            email: '',
-            dulSerie: undefined,
-            dulNumber: undefined,
-            dulIssueDateField: undefined,
-            dulSubdivisionCode: '',
-            dulIssuedBy: '',
-            addressRegistration: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            participantDateRegistration: undefined,
-            addressFact: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            housing: undefined,
-        },
-        {
-            amountWorkers: { key: '', text: '' },
-            beginDate: undefined,
-            employerActivities: { key: '', text: '' },
-            employerOrganization: { key: '', text: '' },
-            employment: { key: '', text: '' },
-            experience5Years: undefined,
-            inn: undefined,
-            jobsNumber: undefined,
-            lastJobExperience: undefined,
-            legalForm: '',
-            organization: { key: '', text: '' },
-            organizationAddress: {
-                fullAddress: '',
-                fiasCode: '',
-            },
-            organizationName: '',
-            organizationPhone: '',
-            partInBusiness: undefined,
-            positionOrganization: { key: '', text: '' },
-        },
-        {
-            familyStatus: { key: '', text: '' },
-            dependents: undefined,
-            familyMembers: undefined,
-            confirmationIncome: { key: '', text: '' },
-            wages: undefined,
-            mandatoryPayments: undefined,
-            snils: '',
-            armyIdFlg: false,
-        },
-        {
-            disablePeopleFlg: false,
-            bankruptcyFlg: false,
-            shareholderFlg: false,
-            legalEntityName: '',
-            creditInRshbCd: undefined,
-        },
-        {
-            regionRetail: { key: '', text: '' },
-            addressRetail: undefined,
-            bankEmployeeCode: undefined,
-        },
-    ];
-
-    const getInitialFormState = (step, localStorageData) => ({
-        ...formStateMap[step],
-        ...localStorageData,
-        limitedBirthday: transformStringToData(localStorageData?.limitedBirthday),
-        dulIssueDateField: transformStringToData(localStorageData?.dulIssueDateField),
-        participantDateRegistration: transformStringToData(localStorageData?.participantDateRegistration),
-        beginDate: transformStringToData(localStorageData?.beginDate),
-        deliveryDate: transformStringToData(localStorageData?.deliveryDate),
-    });
-    const transformStringToData = (text) => {
-        if (!text) {
-            return undefined;
-        }
-        try {
-            return new Date(text);
-        }
-        catch (_) {
-            return undefined;
-        }
-    };
-
     const calculateInputs = (getValue) => (inputs, step) => inputs
         .filter((_) => _)
         .map((_) => {
@@ -7999,108 +7924,14 @@
     };
     const getCalcData = (formData) => {
         const { moneyValue, monthsValue, isAnnuity } = formData?.calculator ?? {};
-        return {
-            loanAmount: moneyValue,
-            creditPeriod: monthsValue,
-            paymentTypeCd: PAYMENT_TYPE_DATA[isAnnuity ? 'annuity' : 'differential'],
-        };
-    };
-
-    const getFifthStepData = (formData) => {
-        const { addressRetail } = formData;
-        return {
-            office: addressRetail?.key ? { id: addressRetail.key } : undefined,
-        };
-    };
-
-    const getFirstStepData = (formData) => {
-        const { name, surname, middleName, limitedBirthday = '', phone = '', email, sex, birthPlace, dulIssueDateField = '', dulIssuedBy, dulNumber, dulSerie, dulSubdivisionCode, education, participantDateRegistration = '', housing, addressRegistration, addressFact, } = formData;
-        return {
-            birthDate: formatDate(limitedBirthday, 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 { beginDate, employment, organizationName, inn, legalForm, organization, amountWorkers, employerActivities, employerOrganization, generalSeniority, lastJobExperience, experience5Years, jobsNumber, organizationPhone, organizationAddress, positionOrganization, } = formData;
-        return {
-            employmentContractDate: formatDate(beginDate || '', true),
-            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, children, confirmationIncome, wages, mandatoryPayments, incomeAverage, additionalIncome, otherIncome, otherPayments, rentalIncome, retirementIncome, snils, armyIdFlg, conscription, } = formData;
-        return {
-            maritalStatusCd: familyStatus,
-            totalDependents: familyMembers,
-            incomeCertificateCd: confirmationIncome,
-            otherDependents: dependents,
-            childrenDependents: children,
-            militaryStatusCd: conscription,
-            participantIncomes: getParticipantIncomes({
-                wages,
-                mandatoryPayments,
-                incomeAverage,
-                additionalIncome,
-                otherIncome,
-                otherPayments,
-                rentalIncome,
-                retirementIncome,
-            }),
-            snils: snils?.replaceAll(' ', '').replaceAll('-', ''),
-            armyIdFlg,
+        return {
+            loanAmount: moneyValue,
+            creditPeriod: monthsValue,
+            paymentTypeCd: PAYMENT_TYPE_DATA[isAnnuity ? 'annuity' : 'differential'],
         };
     };
 
-    const getZeroStepData = (formData) => {
+    const getCalculatorData = (formData) => {
         const { isInsurance, isSalaryClient } = formData?.calculator ?? {};
         return {
             payrollCardRshbFlg: isInsurance,
@@ -8108,6 +7939,13 @@
         };
     };
 
+    const getDeliveryCreditData = (formData) => {
+        const { addressRetail } = formData;
+        return {
+            office: addressRetail?.key ? { id: addressRetail.key } : undefined,
+        };
+    };
+
     const getCreditFormTaskData = ({ participantId, taskId, profileId, formData, step = 0, }) => {
         const navigator = locationNavigator();
         return {
@@ -8131,7 +7969,7 @@
                     },
                 ],
                 ...getCalcData(formData),
-                ...getFifthStepData(formData),
+                ...getDeliveryCreditData(formData),
                 esiaAccountTypeCd: {
                     key: formData?.esiaAccountTypeCd?.key,
                 },
@@ -8141,34 +7979,148 @@
     const getCurrentStepData = (step, formData) => {
         switch (step) {
             case 0:
-                return getZeroStepData(formData);
+                return getCalculatorData(formData);
             case 1:
-                return getFirstStepData(formData);
+                return getPersonalInfoData(formData);
             case 2:
-                return getSecondStepData(formData);
+                return getEmploymentData(formData);
             case 3:
-                return getThirdStepData(formData);
+                return getFamilyStatusAndIncomeData(formData);
             case 4:
-                return getFourthStepData(formData);
+                return getAdditionalInfoData(formData);
             default:
                 return {};
         }
     };
 
-    const useCreditFormAPI = ({ step, inputs, onNextStep, saveStep, finishForm, }) => {
+    const formStateMap = [
+        {
+            calculator: {
+                moneyValue: 0,
+                monthsValue: 0,
+                isAnnuity: false,
+                isInsurance: false,
+                isSalaryClient: false,
+                isPensionClient: false,
+                isStateEmployee: false,
+            },
+        },
+        {
+            surname: '',
+            name: '',
+            middleName: '',
+            sex: '',
+            limitedBirthday: undefined,
+            birthPlace: '',
+            phone: '',
+            email: '',
+            dulSerie: undefined,
+            dulNumber: undefined,
+            dulIssueDateField: undefined,
+            dulSubdivisionCode: '',
+            dulIssuedBy: '',
+            addressRegistration: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            participantDateRegistration: undefined,
+            addressFact: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            housing: undefined,
+        },
+        {
+            amountWorkers: { key: '', text: '' },
+            beginDate: undefined,
+            employerActivities: { key: '', text: '' },
+            employerOrganization: { key: '', text: '' },
+            employment: { key: '', text: '' },
+            experience5Years: undefined,
+            inn: undefined,
+            jobsNumber: undefined,
+            lastJobExperience: undefined,
+            legalForm: '',
+            organization: { key: '', text: '' },
+            organizationAddress: {
+                fullAddress: '',
+                fiasCode: '',
+            },
+            organizationName: '',
+            organizationPhone: '',
+            partInBusiness: undefined,
+            positionOrganization: { key: '', text: '' },
+        },
+        {
+            familyStatus: { key: '', text: '' },
+            dependents: undefined,
+            familyMembers: undefined,
+            confirmationIncome: { key: '', text: '' },
+            wages: undefined,
+            mandatoryPayments: undefined,
+            snils: '',
+            armyIdFlg: false,
+        },
+        {
+            disablePeopleFlg: false,
+            bankruptcyFlg: false,
+            shareholderFlg: false,
+            legalEntityName: '',
+            creditInRshbCd: undefined,
+        },
+        {
+            regionRetail: { key: '', text: '' },
+            addressRetail: undefined,
+            bankEmployeeCode: undefined,
+        },
+    ];
+
+    const getInitialFormState = (step, formState) => ({
+        ...formStateMap[step],
+        ...formState,
+        limitedBirthday: transformStringToData(formState?.limitedBirthday),
+        dulIssueDateField: transformStringToData(formState?.dulIssueDateField),
+        participantDateRegistration: transformStringToData(formState?.participantDateRegistration),
+        beginDate: transformStringToData(formState?.beginDate),
+        deliveryDate: transformStringToData(formState?.deliveryDate),
+    });
+    const transformStringToData = (text) => {
+        try {
+            return text ? new Date(text) : undefined;
+        }
+        catch (_) {
+            return undefined;
+        }
+    };
+
+    const useCreditFormAPI = ({ step, inputs, onNextStep, onFinish, }) => {
         const isFinalStep = step === 5;
-        const [taskId] = useLocalStorage('taskId');
-        const [profileId] = useLocalStorage('profileId');
-        const [participantId] = useLocalStorage('participantId');
-        const [, setStatusInfo] = useLocalStorage('statusInfo');
-        const [leadForm] = useLocalStorage('leadForm');
+        const retailFormStore = useRetailFormStore();
+        const initialState = useMemo(() => getInitialFormState(step, retailFormStore.leadForm), [step, retailFormStore.leadForm]);
+        const resetForm = useCallback((response) => {
+            const { leadForm } = retailFormStore;
+            if (isFinalStep && response.ok && leadForm) {
+                retailFormStore.statusInfo = {
+                    regionRetail: leadForm?.regionRetail?.text,
+                    addressRetail: leadForm?.addressRetail?.text,
+                    cardCategory: leadForm?.cardCategory?.text,
+                    calculator: {
+                        monthsValue: leadForm?.calculator?.monthsValue,
+                        moneyValue: leadForm?.calculator?.moneyValue,
+                        isAnnuity: leadForm?.calculator?.isAnnuity,
+                    },
+                };
+                retailFormStore.leadForm = initialState;
+            }
+        }, [isFinalStep, initialState]);
         const handleSubmit = useCallback(async (formData) => {
             const feedbackValidator = objectValidator(getObjectValidator(calculateInputs(getValue(formData))(inputs, step)));
             if (!isValidationSuccess(feedbackValidator(formData))) {
-                return console.warn('validation fail');
+                return;
             }
-            saveStep(formData);
+            retailFormStore.leadForm = formData;
             try {
+                const { taskId, profileId, participantId } = retailFormStore;
                 if (taskId && profileId && participantId) {
                     const response = await updateUserTask(getCreditFormTaskData({
                         participantId,
@@ -8177,342 +8129,39 @@
                         step,
                         formData: formData,
                     }));
-                    resetForm({ isFinalStep, response, leadForm, setStatusInfo });
+                    resetForm(response);
+                }
+                onNextStep();
+                if (isFinalStep) {
+                    onFinish?.();
                 }
             }
             catch (ex) {
-                return 'Fail';
-            }
-            onNextStep();
-            if (isFinalStep) {
-                finishForm?.(true);
+                // Do nothing
             }
-            return 'OK';
-        }, []);
-        return {
-            handleSubmit,
-        };
-    };
-    const resetForm = ({ isFinalStep, response, leadForm, setStatusInfo, }) => {
-        if (isFinalStep && response.ok && leadForm !== null) {
-            const regionRetail = leadForm?.regionRetail?.text;
-            const addressRetail = leadForm?.addressRetail?.text;
-            const cardCategory = leadForm?.cardCategory?.text;
-            const calculator = {
-                monthsValue: leadForm?.calculator?.monthsValue,
-                moneyValue: leadForm?.calculator?.moneyValue,
-                isAnnuity: leadForm?.calculator?.isAnnuity,
-            };
-            setStatusInfo({
-                regionRetail,
-                addressRetail,
-                cardCategory,
-                calculator,
-            });
-            globalThis.localStorage.removeItem('leadForm');
-        }
+        }, [isFinalStep, resetForm]);
+        return [initialState, handleSubmit];
     };
     const getValue = (formData) => (name) => formData[name];
 
-    const CreditFormStep = JSX(({ step, sections, onPrevStep, onNextStep, isFormFinished, finishForm, programsSource }) => {
-        const [localStorageData, saveStep] = useLocalStorage('leadForm');
-        const [programId] = useLocalStorage('programId');
+    const CreditFormStep = JSX(({ step, sections, isFormFinished, programsSource, onPrevStep, onNextStep, onFinish }) => {
+        const { programId } = useRetailFormStore();
         const calcData = programsSource?.[programId ?? '']; // Need normalizator useForm, to be save defaultParams
-        const initialState = getInitialFormState(step, localStorageData);
-        const inputs = (sections?.flatMap((_) => _?.inputs) || []);
-        const { handleSubmit } = useCreditFormAPI({
+        const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
+        const [initialState, onSubmit] = useCreditFormAPI({
             step,
             inputs,
             onNextStep,
-            saveStep,
-            finishForm,
+            onFinish,
         });
-        const [, { field, onSubmit }] = useForm(initialState, {
-            onSubmit: handleSubmit,
-        });
-        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: onSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
+        const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
+        return isFormFinished ? (jsx(CreditFormStatusTracker, {})) : (jsxs("form", { onSubmit: handleSubmit, className: "space-y-m", children: [renderStep$1({ sections, field, step, params: { calcData } }), jsx(StepsNavigationButtons, { step: step, onPrevStep: onPrevStep })] }));
     });
 
-    /* eslint-disable max-lines */
-    /* eslint-disable max-len */
     const stepsSectionsMap = [
-        [
-            {
-                columns: 1,
-                inputs: [
-                    {
-                        fieldType: 'common',
-                        name: 'calculator',
-                    },
-                ],
-            },
-        ],
-        [
-            {
-                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: 'limitedBirthday', required: true, filledByEsia: true },
-                    { fieldType: 'common', name: 'birthPlace', required: true, filledByEsia: true },
-                    { fieldType: 'common', name: 'phone', required: true, filledByEsia: 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', required: true },
-                    { 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: true },
-                    { fieldType: 'common', name: 'amountWorkers', required: true },
-                ],
-            },
-            {
-                columns: 2,
-                inputs: [
-                    { fieldType: 'common', name: 'employerActivities', required: true },
-                    { fieldType: 'common', name: 'employerOrganization', required: true },
-                    { 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: true },
-                    {
-                        fieldType: 'common',
-                        name: 'partInBusiness',
-                        required: true,
-                        condition: { name: 'positionOrganization', values: ['BUSINESS_OWNER'] },
-                    },
-                ],
-            },
-            {
-                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: 'confirmationIncome', required: true }],
-            },
-            {
-                columns: 1,
-                inputs: [{ fieldType: 'common', name: 'wages', required: true }],
-            },
-            {
-                columns: 1,
-                inputs: [{ fieldType: 'common', name: 'mandatoryPayments', 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: 'regionRetail', required: true }],
-            },
-            {
-                inputs: [{ fieldType: 'common', name: 'addressRetail', required: true }],
-            },
-            {
-                title: 'Код представителя Банка',
-                columns: 1,
-                inputs: [],
-            },
-            {
-                inputs: [
-                    {
-                        fieldType: 'info',
-                        text: 'Если представитель Банка помогал Вам в заведении заявки, введите здесь его код',
-                    },
-                ],
-            },
-            {
-                inputs: [{ fieldType: 'common', name: 'bankEmployeeCode' }],
-            },
-        ],
+        CALCULATOR_CONTENT,
+        ...COMMON_RETAIL_CONTENT,
+        DELIVERY_CREDIT_CONTENT,
     ];
 
     const STEPS = 5;
@@ -8540,8 +8189,8 @@
         }, []);
         const sections = useMemo(() => stepsSectionsMap[step], [step]);
         const isStartStep = step === 0;
-        const [isFormFinished, setIsFormFinished] = useState(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: jsx(CreditFormStep, { step: step, sections: sections, onNextStep: handleNextStep, onPrevStep: handlePrevStep, isFormFinished: isFormFinished, finishForm: setIsFormFinished, programsSource: programsSource }, String(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: [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: jsx(CreditFormStep, { step: step, sections: sections, isFormFinished: isFormFinished, programsSource: programsSource, onNextStep: handleNextStep, onPrevStep: handlePrevStep, onFinish: handleFinish }, String(step)) })] }) }));
     });
 
     const isRateRow = (rateRow) => typeof rateRow?.minMonths === 'number' && typeof rateRow?.maxMonths === 'number';
@@ -10818,7 +10467,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.708";
+    const packageVersion = "0.14.710";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;