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

package/mobile/lib/ui-kit/FormField/Fields/OrganizationField.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useCreditFormStore } from '../../../hooks/useCreditFormStore.js';
 import { useLeadFormData } from '../../../hooks/useLeadFormData.js';
+import { useRetailFormStore } from '../../../hooks/useRetailFormStore.js';
 import { SelectField } from '../SelectField.js';
 export const OrganizationField = JSX(({ field, input }) => {
     const { data } = useLeadFormData('ORGANIZATION_TYPE');
-    const store = useCreditFormStore();
+    const store = useRetailFormStore();
     useEffect(() => {
         if (data) {
             store.organization = data;

package/mobile/lib/ui-kit/FormField/Fields/OrganizationField.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/OrganizationField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EAChC,KAAK,EAAC,uFAAiB,EACvB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"OrganizationField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/OrganizationField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAEtD,MAAM,KAAK,GAAG,kBAAkB,EAAE,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE;YACR,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EAChC,KAAK,EAAC,uFAAiB,EACvB,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/FormField/Fields/OrganizationNameField.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useCreditFormStore } from '../../../hooks/useCreditFormStore.js';
+import { useRetailFormStore } from '../../../hooks/useRetailFormStore.js';
 import { InputControl } from '../../Input/InputControl.js';
 import { validatorObj } from '../getObjectValidator.js';
 import { getValidation } from '../getValidation.js';
 import { updateOrganizationFields } from '../updateOrganizationFields.js';
 export 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);

package/mobile/lib/ui-kit/FormField/updateOrganizationFields.d.ts

@@ -1,4 +1,4 @@
 import { type DaDataSuggestion } from '../../api/dadataHints/dadataHintsType';
-import { type CreditFormStore } from '../../hooks/useCreditFormStore';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
-export declare const updateOrganizationFields: (store: CreditFormStore, field: FormFieldRegisterer<any>, item: DaDataSuggestion) => void;
+import { type CreditFormDictionarySlice } from '../../hooks/useRetailFormStore';
+export declare const updateOrganizationFields: (store: CreditFormDictionarySlice, field: FormFieldRegisterer<any>, item: DaDataSuggestion) => void;

package/mobile/lib/ui-kit/FormField/updateOrganizationFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateOrganizationFields.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/updateOrganizationFields.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iDAAiD,CAAC;AAGzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAsB,EACtB,KAA+B,EAC/B,IAAsB,EACtB,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE9D,KAAK,EAAE,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAExD,KAAK,EAAE,CAAC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,CACxC,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,OAA2B,CAAC,CACjE,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,aAAa,EAAE,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC;QACxF,kBAAkB,EAAE,2BAA2B,CAAC,KAAK,EAAE,kBAAkB,IAAI,EAAE,EAAE,KAAK,CAAC;QACvF,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,YAAY,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC;QACxE,oBAAoB,EAAE,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,IAAI,EAAE,EAAE,KAAK,CAAC;KACpF,CAAC;IAEF,KAAK,MAAM,SAAS,IAAI,gBAAgB,EAAE;QACxC,gBAAgB,CAAC,SAAS,CAAC,IAAI,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;KAC5F;AACH,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,IAAsB,EAAE,EAAE,CAAC,CAAC;IAC7D,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE;IACzB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;IACnC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;CAC9B,CAAC,CAAC"}
+{"version":3,"file":"updateOrganizationFields.js","sourceRoot":"","sources":["../../../src/ui-kit/FormField/updateOrganizationFields.ts"],"names":[],"mappings":"AACA,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iDAAiD,CAAC;AAGzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEjE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,KAAgC,EAChC,KAA+B,EAC/B,IAAsB,EACtB,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAE9D,KAAK,EAAE,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;IAExD,KAAK,EAAE,CAAC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,CACxC,wBAAwB,CAAC,IAAI,CAAC,IAAI,EAAE,OAA2B,CAAC,CACjE,CAAC;IAEF,MAAM,gBAAgB,GAAG;QACvB,aAAa,EAAE,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,cAAc,CAAC;QACxF,kBAAkB,EAAE,2BAA2B,CAAC,KAAK,EAAE,kBAAkB,IAAI,EAAE,EAAE,KAAK,CAAC;QACvF,YAAY,EAAE,mBAAmB,CAAC,KAAK,EAAE,YAAY,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC;QACxE,oBAAoB,EAAE,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,IAAI,EAAE,EAAE,KAAK,CAAC;KACpF,CAAC;IAEF,KAAK,MAAM,SAAS,IAAI,gBAAgB,EAAE;QACxC,gBAAgB,CAAC,SAAS,CAAC,IAAI,KAAK,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;KAC5F;AACH,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,IAAsB,EAAE,EAAE,CAAC,CAAC;IAC7D,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,EAAE;IACzB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;IACnC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;CAC9B,CAAC,CAAC"}

package/mobile/src/components/ApplicationLeadForm/useSaveUserData.ts

@@ -1,5 +1,4 @@
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useSetter } from '../../hooks/useSetter';
 import { type LeadFormState } from './LeadFormState';
 import { useLeadFormStore } from './useLeadFormStore';
 
@@ -12,15 +11,14 @@ export interface UserData {
 }
 export const useSaveUserData = () => {
   const leadFormStore = useLeadFormStore();
-  const saveForm = useSetter(leadFormStore, 'leadForm');
 
   const saveUserData = useCallback(
-    ({ participantId, taskId, profileId, formData, programId: programNumber }: UserData) => {
+    ({ participantId, taskId, profileId, programId: programNumber, formData }: UserData) => {
       leadFormStore.participantId = participantId;
       leadFormStore.taskId = taskId;
       leadFormStore.profileId = profileId;
       leadFormStore.programId = programNumber;
-      saveForm(formData);
+      leadFormStore.leadForm = formData;
     },
     [],
   );

package/mobile/src/components/CreditCardForm/CreditCardForm.tsx

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect, useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { updateRefreshToken } from '../../api/RetailAPI/updateRefreshToken';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
@@ -45,7 +46,7 @@ export const CreditCardForm = JSX<CreditCardFormWizardProps>(({ className, ...re
 
   const sections = useMemo(() => stepsSectionsMap[step], [step]);
 
-  const [isFormFinished, setIsFormFinished] = useState(false);
+  const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
 
   return (
     <BlockWrapper className={className} {...rest}>
@@ -58,10 +59,10 @@ export const CreditCardForm = JSX<CreditCardFormWizardProps>(({ className, ...re
             key={String(step)}
             step={step}
             sections={sections}
+            isFormFinished={isFormFinished}
             onNextStep={handleNextStep}
             onPrevStep={handlePrevStep}
-            isFormFinished={isFormFinished}
-            finishForm={setIsFormFinished}
+            onFinish={handleFinish}
           />
         </div>
       </div>

package/mobile/src/components/CreditCardForm/CreditCardFormStatusTracker.tsx

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { getTaskStatus, STATUS_TYPE } from '../../api/RetailAPI/getTaskStatus';
 import { sendSignalToProcess, type SignalType } from '../../api/RetailAPI/sendSignalToProcess';
 import { useInterval } from '../../hooks/useInterval';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { type VNode } from '../../model/VNode';
 import { FailedStatusContent } from './FailedStatusContent';
 import { PendingStatusContent } from './PendingStatusContent';
@@ -17,7 +17,7 @@ const SIGNAL_TYPES: SignalType[] = [
 
 export const CreditCardFormStatusTracker = JSX(() => {
   const [status, setStatus] = useState(STATUS_TYPE.process);
-  const [taskId] = useLocalStorage<number>('taskId');
+  const { taskId } = useRetailFormStore();
 
   useEffect(() => {
     (async () => {

package/mobile/src/components/CreditCardForm/CreditCardFormStep.tsx

@@ -1,10 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { type SectionsProps } from '../ApplicationForm/ApplicationFormContent';
 import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
 import { CreditCardFormStatusTracker } from './CreditCardFormStatusTracker';
-import { getInitialFormState } from './getInitialFormState';
 import { renderStep } from './renderStep';
 import { StepsNavigationButtons } from './StepsNavigationButtons';
 import { useCreditCardFormAPI } from './useCreditCardFormAPI';
@@ -12,35 +11,32 @@ import { useCreditCardFormAPI } from './useCreditCardFormAPI';
 export interface CreditCardFormStepProps {
   step: number;
   sections: SectionsProps[];
+  isFormFinished: boolean;
   onNextStep: () => void;
   onPrevStep: () => void;
-  isFormFinished: boolean;
-  finishForm?: (bool: boolean) => void;
+  onFinish?: () => void;
 }
 
 export const CreditCardFormStep = JSX<CreditCardFormStepProps>(
-  ({ step, sections, onPrevStep, onNextStep, isFormFinished, finishForm }) => {
-    const [localStorageData, saveStep] = useLocalStorage<Record<string, any>>('leadForm');
-    const initialState = getInitialFormState(step, localStorageData);
-
-    const inputs = (sections?.flatMap((_: SectionsProps) => _?.inputs) || []) as FieldDef[];
+  ({ step, sections, isFormFinished, onPrevStep, onNextStep, onFinish }) => {
+    const inputs = useMemo(
+      () => (sections?.flatMap((_: SectionsProps) => _?.inputs) || []) as FieldDef[],
+      [sections],
+    );
 
-    const { handleSubmit } = useCreditCardFormAPI({
+    const [initialState, onSubmit] = useCreditCardFormAPI({
       step,
       inputs,
       onNextStep,
-      saveStep,
-      finishForm,
+      onFinish,
     });
 
-    const [, { field, onSubmit }] = useForm(initialState, {
-      onSubmit: handleSubmit,
-    });
+    const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
 
     return isFormFinished ? (
       <CreditCardFormStatusTracker />
     ) : (
-      <form onSubmit={onSubmit} className="space-y-m">
+      <form onSubmit={handleSubmit} className="space-y-m">
         {renderStep({ sections, field, step })}
         <StepsNavigationButtons step={step} onPrevStep={onPrevStep} />
       </form>

package/mobile/src/components/CreditCardForm/PendingStatusContent.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { CreditCardFormStatus } from './CreditCardFormStatus';
-import { type StatusInfoState } from './useCreditCardFormAPI';
 
 export const PendingStatusContent = JSX(
   ({ handleExpireTimer }: { handleExpireTimer: () => void }) => {
-    const [statusInfo] = useLocalStorage<StatusInfoState>('statusInfo');
+    const { statusInfo } = useRetailFormStore();
 
     return (
       <CreditCardFormStatus

package/mobile/src/components/CreditCardForm/ReworkStatusContent.tsx

@@ -1,10 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { CreditCardFormStatus } from './CreditCardFormStatus';
-import { type StatusInfoState } from './useCreditCardFormAPI';
 
 export const ReworkStatusContent = JSX(() => {
-  const [statusInfo] = useLocalStorage<StatusInfoState>('statusInfo');
+  const { statusInfo } = useRetailFormStore();
 
   return (
     <CreditCardFormStatus

package/mobile/src/components/CreditCardForm/SuccessStatusContent.tsx

@@ -1,10 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { CreditCardFormStatus } from './CreditCardFormStatus';
-import { type StatusInfoState } from './useCreditCardFormAPI';
 
 export const SuccessStatusContent = JSX(() => {
-  const [statusInfo] = useLocalStorage<StatusInfoState>('statusInfo');
+  const { statusInfo } = useRetailFormStore();
 
   return (
     <CreditCardFormStatus

package/mobile/src/components/CreditCardForm/formStateMap.tsx

@@ -76,10 +76,7 @@ export const formStateMap: Partial<LeadFormState>[] = [
   },
   {
     regionRetail: { key: '', text: '' },
-    addressRetail: {
-      key: '',
-      text: '',
-    },
+    addressRetail: { key: '', text: '' },
     bankEmployeeCode: undefined,
     addressCourier: {
       fullAddress: '',

package/mobile/src/components/CreditCardForm/getInitialFormState.tsx

@@ -3,26 +3,22 @@ import { formStateMap } from './formStateMap';
 
 export const getInitialFormState = (
   step: number,
-  localStorageData: Record<string, any> | null,
+  formState: LeadFormState | null,
 ): LeadFormState => ({
   ...formStateMap[step],
-  ...localStorageData,
-  limitedBirthday: transformStringToData(localStorageData?.limitedBirthday as string),
-  dulIssueDateField: transformStringToData(localStorageData?.dulIssueDateField as string),
+  ...formState,
+  limitedBirthday: transformStringToData(formState?.limitedBirthday as string),
+  dulIssueDateField: transformStringToData(formState?.dulIssueDateField as string),
   participantDateRegistration: transformStringToData(
-    localStorageData?.participantDateRegistration as string,
+    formState?.participantDateRegistration as string,
   ),
-  beginDate: transformStringToData(localStorageData?.beginDate as string),
-  deliveryDate: transformStringToData(localStorageData?.deliveryDate as string),
+  beginDate: transformStringToData(formState?.beginDate as string),
+  deliveryDate: transformStringToData(formState?.deliveryDate as string),
 });
 
 const transformStringToData = (text?: string) => {
-  if (!text) {
-    return undefined;
-  }
-
   try {
-    return new Date(text);
+    return text ? new Date(text) : undefined;
   } catch (_) {
     return undefined;
   }

package/mobile/src/components/CreditCardForm/useCreditCardFormAPI.tsx

@@ -1,6 +1,6 @@
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { getObjectValidator } from '../../ui-kit/FormField/getObjectValidator';
 import { objectValidator } from '../../validation/objectValidator';
 import { isValidationSuccess } from '../../validation/validator';
@@ -8,107 +8,88 @@ import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent
 import { type LeadFormState } from '../ApplicationLeadForm/LeadFormState';
 import { calculateInputs, type GetValue } from './calculateInputs';
 import { getCreditCardFormTaskData } from './getCreditCardFormTaskData';
+import { getInitialFormState } from './getInitialFormState';
 
-type CreditCardFormApiProps = {
+interface CreditFormApiProps {
   step: number;
   inputs: FieldDef[];
   onNextStep: () => void;
-  saveStep: (value: Record<string, any>) => void;
-  finishForm?: (bool: boolean) => void;
-};
-
-export type StatusInfoState = {
-  regionRetail?: string;
-  addressRetail?: string;
-  cardCategory?: string;
-  calculator?: {
-    monthsValue?: number;
-    moneyValue?: number;
-    isAnnuity?: boolean;
-  };
-};
+  onFinish?: () => void;
+}
 
 export const useCreditCardFormAPI = ({
   step,
   inputs,
   onNextStep,
-  saveStep,
-  finishForm,
-}: CreditCardFormApiProps) => {
+  onFinish,
+}: CreditFormApiProps): [LeadFormState, (formData: LeadFormState) => void] => {
   const isFinalStep = step === 5;
-  const [taskId] = useLocalStorage<number>('taskId');
-  const [profileId] = useLocalStorage<number>('profileId');
-  const [participantId] = useLocalStorage<number>('participantId');
-  const [, setStatusInfo] = useLocalStorage('statusInfo');
-  const [leadForm] = useLocalStorage<LeadFormState>('leadForm');
-
-  const handleSubmit = useCallback(async (formData: LeadFormState) => {
-    const feedbackValidator = objectValidator(
-      getObjectValidator(calculateInputs(getValue(formData))(inputs, step)),
-    );
-
-    if (!isValidationSuccess(feedbackValidator(formData))) {
-      return console.warn('validation fail');
-    }
 
-    saveStep(formData);
+  const retailFormStore = useRetailFormStore();
 
-    try {
-      if (taskId && profileId && participantId) {
-        const response = await updateUserTask(
-          getCreditCardFormTaskData({
-            participantId,
-            taskId,
-            profileId,
-            step,
-            formData: formData as any,
-          }),
-        );
-        resetForm({ isFinalStep, response, leadForm, setStatusInfo });
+  const initialState = useMemo(
+    () => getInitialFormState(step, retailFormStore.leadForm),
+    [step, retailFormStore.leadForm],
+  );
+  const resetForm = useCallback(
+    (response: 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;
       }
-    } catch (ex) {
-      return 'Fail';
-    }
+    },
+    [isFinalStep, initialState],
+  );
 
-    onNextStep();
+  const handleSubmit = useCallback(
+    async (formData: LeadFormState) => {
+      const feedbackValidator = objectValidator(
+        getObjectValidator(calculateInputs(getValue(formData))(inputs, step)),
+      );
 
-    if (isFinalStep) {
-      finishForm?.(true);
-    }
-
-    return 'OK';
-  }, []);
+      if (!isValidationSuccess(feedbackValidator(formData))) {
+        return;
+      }
 
-  return {
-    handleSubmit,
-  };
-};
+      retailFormStore.leadForm = formData;
 
-const resetForm = ({
-  isFinalStep,
-  response,
-  leadForm,
-  setStatusInfo,
-}: {
-  isFinalStep: boolean;
-  response: Response;
-  leadForm: LeadFormState | null;
-  setStatusInfo: (statusInfo: StatusInfoState) => void;
-}) => {
-  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,
-    };
+      try {
+        const { taskId, profileId, participantId } = retailFormStore;
+        if (taskId && profileId && participantId) {
+          const response = await updateUserTask(
+            getCreditCardFormTaskData({
+              participantId,
+              taskId,
+              profileId,
+              step,
+              formData: formData as any,
+            }),
+          );
+          resetForm(response);
+        }
 
-    setStatusInfo({ regionRetail, addressRetail, cardCategory, calculator });
+        onNextStep();
+        if (isFinalStep) {
+          onFinish?.();
+        }
+      } catch (ex) {
+        // Do nothing
+      }
+    },
+    [isFinalStep, resetForm],
+  );
 
-    globalThis.localStorage.removeItem('leadForm');
-  }
+  return [initialState, handleSubmit];
 };
 
 const getValue =

package/mobile/src/components/CreditForm/CreditForm.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { updateRefreshToken } from '../../api/RetailAPI/updateRefreshToken';
 import { type JSONRefObject } from '../../data/JSONRefObject';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
@@ -50,7 +51,7 @@ export const CreditForm = UniBlock<CreditFormProps>(({ className, programsSource
   const sections = useMemo(() => stepsSectionsMap[step], [step]);
 
   const isStartStep = step === 0;
-  const [isFormFinished, setIsFormFinished] = useState(false);
+  const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
 
   return (
     <BlockWrapper className={className} {...rest}>
@@ -63,11 +64,11 @@ export const CreditForm = UniBlock<CreditFormProps>(({ className, programsSource
             key={String(step)}
             step={step}
             sections={sections}
-            onNextStep={handleNextStep}
-            onPrevStep={handlePrevStep}
             isFormFinished={isFormFinished}
-            finishForm={setIsFormFinished}
             programsSource={programsSource as ProgramsSourceProps}
+            onNextStep={handleNextStep}
+            onPrevStep={handlePrevStep}
+            onFinish={handleFinish}
           />
         </div>
       </div>

package/mobile/src/components/CreditForm/CreditFormStatusTracker.tsx

@@ -3,7 +3,7 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { getTaskStatus, STATUS_TYPE } from '../../api/RetailAPI/getTaskStatus';
 import { sendSignalToProcess, type SignalType } from '../../api/RetailAPI/sendSignalToProcess';
 import { useInterval } from '../../hooks/useInterval';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { type VNode } from '../../model/VNode';
 import { FailedStatusContent } from './FailedStatusContent';
 import { PendingStatusContent } from './PendingStatusContent';
@@ -16,7 +16,7 @@ const SIGNAL_TYPES: SignalType[] = [
 
 export const CreditFormStatusTracker = JSX(() => {
   const [status, setStatus] = useState(STATUS_TYPE.process);
-  const [taskId] = useLocalStorage<number>('taskId');
+  const { taskId } = useRetailFormStore();
 
   useEffect(() => {
     (async () => {

package/mobile/src/components/CreditForm/CreditFormStep.tsx

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useForm } from '../../hooks/useForm';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { type SectionsProps } from '../../model/InputSectionsType';
 import { type FieldDef } from '../ApplicationLeadForm/ApplicationLeadFormContent';
 import { CreditFormStatusTracker } from './CreditFormStatusTracker';
-import { getInitialFormState } from './getInitialFormState';
 import { type ProgramsSourceProps } from './ProgramsSourceProps';
 import { renderStep } from './renderStep';
 import { StepsNavigationButtons } from './StepsNavigationButtons';
@@ -13,40 +13,36 @@ import { useCreditFormAPI } from './useCreditFormAPI';
 export interface CreditFormStepProps {
   step: number;
   sections: SectionsProps[];
+  isFormFinished?: boolean;
+  programsSource?: ProgramsSourceProps;
   onNextStep: () => void;
   onPrevStep: () => void;
-  isFormFinished: boolean;
-  finishForm?: (bool: boolean) => void;
-  programsSource?: ProgramsSourceProps;
+  onFinish?: () => void;
 }
 
 export const CreditFormStep = JSX<CreditFormStepProps>(
-  ({ step, sections, onPrevStep, onNextStep, isFormFinished, finishForm, programsSource }) => {
-    const [localStorageData, saveStep] = useLocalStorage<Record<string, any>>('leadForm');
-    const [programId] = useLocalStorage<string>('programId');
-
+  ({ 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((_: SectionsProps) => _?.inputs) || []) as FieldDef[];
+    const inputs = useMemo(
+      () => (sections?.flatMap((_: SectionsProps) => _?.inputs) || []) as FieldDef[],
+      [sections],
+    );
 
-    const { handleSubmit } = useCreditFormAPI({
+    const [initialState, onSubmit] = useCreditFormAPI({
       step,
       inputs,
       onNextStep,
-      saveStep,
-      finishForm,
+      onFinish,
     });
 
-    const [, { field, onSubmit }] = useForm(initialState, {
-      onSubmit: handleSubmit,
-    });
+    const [, { field, onSubmit: handleSubmit }] = useForm(initialState, { onSubmit });
 
     return isFormFinished ? (
       <CreditFormStatusTracker />
     ) : (
-      <form onSubmit={onSubmit} className="space-y-m">
+      <form onSubmit={handleSubmit} className="space-y-m">
         {renderStep({ sections, field, step, params: { calcData } })}
         <StepsNavigationButtons step={step} onPrevStep={onPrevStep} />
       </form>

package/mobile/src/components/CreditForm/PendingStatusContent.tsx

@@ -1,11 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { CreditFormStatus } from './CreditFormStatus';
-import { type StatusInfoState } from './useCreditFormAPI';
 
 export const PendingStatusContent = JSX(
   ({ handleExpireTimer }: { handleExpireTimer: () => void }) => {
-    const [statusInfo] = useLocalStorage<StatusInfoState>('statusInfo');
+    const { statusInfo } = useRetailFormStore();
 
     return (
       <CreditFormStatus

package/mobile/src/components/CreditForm/ReworkStatusContent.tsx

@@ -1,10 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { CreditFormStatus } from './CreditFormStatus';
-import { type StatusInfoState } from './useCreditFormAPI';
 
 export const ReworkStatusContent = JSX(() => {
-  const [statusInfo] = useLocalStorage<StatusInfoState>('statusInfo');
+  const { statusInfo } = useRetailFormStore();
 
   return (
     <CreditFormStatus

package/mobile/src/components/CreditForm/SuccessStatusContent.tsx

@@ -1,10 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLocalStorage } from '../../hooks/useLocalStorage';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 import { CreditFormStatus } from './CreditFormStatus';
-import { type StatusInfoState } from './useCreditFormAPI';
 
 export const SuccessStatusContent = JSX(() => {
-  const [statusInfo] = useLocalStorage<StatusInfoState>('statusInfo');
+  const { statusInfo } = useRetailFormStore();
 
   return (
     <CreditFormStatus