@redneckz/wildless-cms-uni-blocks 0.14.708 → 0.14.710

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;
@@ -3797,7 +3797,10 @@
         }
     };
     const getEmployeesNumberOption = (options, count) => {
-        const [option] = [options?.find((_) => Number(count) <= Number(_.description))].map((_) => ({
+        if (!count) {
+            return null;
+        }
+        const [option] = [options?.find((_) => count <= Number(_.description))].map((_) => ({
             key: _?.key ?? '',
             text: _?.value ?? '',
         }));
@@ -3823,22 +3826,32 @@
         }
         return getOptionByKey('COMMERCIAL');
     };
-    const getOptionOp = (options) => (key) => options.map((_) => ({ key, text: _.value || '' })).find((_) => _.key === key) ?? null;
+    const getOptionOp = (options) => (key) => options
+        .map((_) => ({ key: _.key, text: _.value }))
+        .find((_) => _.key === key) ?? null;
 
     const updateOrganizationFields = (store, field, item) => {
-        const inn = item.data?.inn ?? '';
-        const okopf = Number(item.data?.opf?.code);
-        const okved = item.data?.okved ?? '';
+        const { okved, okopf, inn } = getOrganizationRequisites(item);
         field?.('legalForm')?.onChange?.(item.data?.opf?.short);
         field?.('organizationAddress')?.onChange?.(getAddressFromDaDataItem(item.data?.address));
-        field?.('amountWorkers')?.onChange?.(getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count));
-        field?.('employerActivities')?.onChange?.(getOrganizationActivityType(store?.employerActivities ?? [], okved));
-        field?.('organization')?.onChange?.(getOrganizationType(store?.organization ?? [], okopf, inn));
-        field?.('employerOrganization')?.onChange?.(getOrganizationKind(store?.employerOrganization ?? [], okopf));
+        const organizationData = {
+            amountWorkers: getEmployeesNumberOption(store?.amountWorkers, item.data?.employee_count),
+            employerActivities: getOrganizationActivityType(store?.employerActivities ?? [], okved),
+            organization: getOrganizationType(store?.organization ?? [], okopf, inn),
+            employerOrganization: getOrganizationKind(store?.employerOrganization ?? [], okopf),
+        };
+        for (const fieldName in organizationData) {
+            organizationData[fieldName] && field?.(fieldName)?.onChange?.(organizationData[fieldName]);
+        }
     };
+    const getOrganizationRequisites = (item) => ({
+        inn: item.data?.inn ?? '',
+        okopf: Number(item.data?.opf?.code),
+        okved: item.data?.okved ?? '',
+    });
 
     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);
@@ -3902,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;
@@ -3912,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);
@@ -4772,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 = {
@@ -4926,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];
@@ -4936,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(() => {
@@ -4978,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,
@@ -4988,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?.();
         }, []);
@@ -5105,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;
     };
@@ -5219,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: '' },
@@ -6818,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: 'Название продукта',
@@ -6832,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: 'Регион',
@@ -6851,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: 'Название продукта',
@@ -6882,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) {
@@ -6911,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((_) => {
@@ -7252,20 +7152,139 @@
         }
     };
 
-    const useCreditCardFormAPI = ({ step, inputs, onNextStep, saveStep, finishForm, }) => {
+    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, 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 [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$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,
+                    },
+                };
+                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 console.warn('validation fail');
+                return;
             }
-            saveStep(formData);
+            retailFormStore.leadForm = formData;
             try {
+                const { taskId, profileId, participantId } = retailFormStore;
                 if (taskId && profileId && participantId) {
                     const response = await updateUserTask(getCreditCardFormTaskData({
                         participantId,
@@ -7274,53 +7293,31 @@
                         step,
                         formData: formData,
                     }));
-                    resetForm$1({ 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$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');
-        }
+        }, [isFinalStep, resetForm]);
+        return [initialState, handleSubmit];
     };
     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({
+    const CreditCardFormStep = JSX(({ step, sections, isFormFinished, onPrevStep, onNextStep, onFinish }) => {
+        const inputs = useMemo(() => (sections?.flatMap((_) => _?.inputs) || []), [sections]);
+        const [initialState, onSubmit] = useCreditCardFormAPI({
             step,
             inputs,
             onNextStep,
-            saveStep,
-            finishForm,
-        });
-        const [, { field, onSubmit }] = useForm(initialState, {
-            onSubmit: handleSubmit,
+            onFinish,
         });
-        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 })] }));
+        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 })] }));
     });
 
     /* eslint-disable max-lines */
@@ -7696,8 +7693,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 = [] }) => {
@@ -7724,7 +7721,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: 'Название продукта',
@@ -7750,7 +7747,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: 'Регион',
@@ -7769,7 +7766,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: 'Название продукта',
@@ -7800,7 +7797,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) {
@@ -7829,109 +7826,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((_) => {
@@ -8142,20 +8036,134 @@
         }
     };
 
-    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,
@@ -8164,60 +8172,33 @@
                         step,
                         formData: formData,
                     }));
-                    resetForm({ isFinalStep, response, leadForm, setStatusInfo });
+                    resetForm(response);
+                }
+                onNextStep();
+                if (isFinalStep) {
+                    onFinish?.();
                 }
             }
             catch (ex) {
-                return 'Fail';
+                // Do nothing
             }
-            onNextStep();
-            if (isFinalStep) {
-                finishForm?.(true);
-            }
-            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,
-        });
-        const [, { field, onSubmit }] = useForm(initialState, {
-            onSubmit: handleSubmit,
+            onFinish,
         });
-        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 */
@@ -8527,8 +8508,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';
@@ -10805,7 +10786,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.707";
+    const packageVersion = "0.14.709";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;