@redneckz/wildless-cms-uni-blocks 0.14.863 → 0.14.864

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

@@ -1,8 +1,11 @@
+/* eslint-disable max-lines-per-function */
 import { useCallback, useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
+import { QUERY_STORAGE_KEY } from '../../utils/getSessionQuery';
 import { EsiaStatuses, type ProductType } from './ApplicationLeadFormContent';
 import { getInitialFormState } from './getInitialFormState';
 import { parseEsiaProfile } from './parseEsiaProfile';
@@ -24,6 +27,7 @@ export const useInitApplicationLead = ({
 }: InitApplicationLeadProps): LeadFormState => {
   const leadFormStore = useLeadFormStore();
   const saveForm = useSetter(leadFormStore, 'leadForm');
+  const queryFromStorage = globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY);
 
   const initialFormState = useMemo(
     () => getInitialFormState(inputs, leadFormStore.leadForm, esiaAuthSuccess),
@@ -57,9 +61,26 @@ export const useInitApplicationLead = ({
   useEffect(() => {
     leadFormStore.productType = productType;
 
-    const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-    const code = params.get('code');
-    const state = params.get('state');
+    const { code, state, referalCode, refererCode, productId } = getLeadQueryParams(
+      leadFormStore.referalData,
+      queryFromStorage,
+    );
+
+    if (referalCode) {
+      leadFormStore.referalData = {
+        refererCode,
+        referalCode,
+        productId,
+        isTaskWithReferalCode: true,
+      };
+    } else if (!code) {
+      leadFormStore.referalData = {
+        refererCode: null,
+        referalCode: null,
+        productId: null,
+        isTaskWithReferalCode: false,
+      };
+    }
 
     if (code && state) {
       requestEsiaProfile(code, state);
@@ -67,7 +88,25 @@ export const useInitApplicationLead = ({
       sessionStorage.removeItem('accessToken');
       sessionStorage.removeItem('refreshToken');
     }
-  }, []);
+  }, [queryFromStorage]);
 
   return initialFormState;
 };
+
+const getLeadQueryParams = (referalData: ReferalData | null, queryFromStorage: string | null) => {
+  const queryStorage = new URLSearchParams(decodeURIComponent(queryFromStorage || ''));
+
+  const code = queryStorage.get('code');
+  const state = queryStorage.get('state');
+  const referalCode = code ? referalData?.referalCode : queryStorage.get('referalCode');
+  const refererCode = code ? referalData?.refererCode : queryStorage.get('refererCode');
+  const productId = code ? referalData?.productId : queryStorage.get('productId');
+
+  return {
+    code,
+    state,
+    referalCode,
+    refererCode,
+    productId,
+  };
+};

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

@@ -1,5 +1,6 @@
 import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { type ProductType } from './ApplicationLeadFormContent';
 
 export interface LeadFormStoreSlice {
@@ -9,6 +10,7 @@ export interface LeadFormStoreSlice {
   participantId: number;
   programId: string;
   productType: ProductType;
+  referalData: ReferalData;
 }
 
 export const useLeadFormStore = () => useLocalStore<LeadFormStoreSlice>();

package/mobile/src/components/CreditCardForm/getCreditCardFormTaskData.ts

@@ -6,6 +6,7 @@ import { getFamilyStatusAndIncomeData } from '../../retail/adaptors/getFamilySta
 import { getPersonalInfoData } from '../../retail/adaptors/getPersonalInfoData';
 import { type Participant, type UpdateUserTaskBody } from '../../retail/api/updateUserTask';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import {
   getDeliveryCreditCardData,
   getDeliveryData,
@@ -18,6 +19,7 @@ type getCreditCardFormTaskDataProps = {
   profileId: number;
   formData: LeadFormState;
   step?: number;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getCreditCardFormTaskData = ({
@@ -26,14 +28,16 @@ export const getCreditCardFormTaskData = ({
   profileId,
   formData,
   step = 0,
+  isTaskWithReferalCode,
 }: getCreditCardFormTaskDataProps): UpdateUserTaskBody => {
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     sendToBank: true,
     taskKind: 'UNITED',
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       ...getOfficeCode(formData),
       authorizedAgentId: formData?.bankEmployeeCode,

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

@@ -48,6 +48,7 @@ export const useCreditCardFormAPI = ({
     async (formData: LeadFormState) => {
       startSending();
       retailFormStore.leadForm = formData;
+      const referalData = retailFormStore.referalData;
 
       try {
         const { taskId, profileId, participantId } = retailFormStore;
@@ -59,6 +60,7 @@ export const useCreditCardFormAPI = ({
               profileId,
               step,
               formData: formData as any,
+              isTaskWithReferalCode: referalData?.isTaskWithReferalCode,
             }),
           );
           resetForm(response);

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

@@ -52,6 +52,7 @@ export const useCreditFormAPI = ({
     async (formData: LeadFormState) => {
       startSending();
       retailFormStore.leadForm = formData;
+      const referalData = retailFormStore.referalData;
 
       try {
         const { taskId, profileId, participantId } = retailFormStore;
@@ -63,6 +64,7 @@ export const useCreditFormAPI = ({
               profileId,
               step,
               formData: formData as any,
+              isTaskWithReferalCode: referalData?.isTaskWithReferalCode,
             }),
           );
           resetForm(response);

package/mobile/src/components/DebitForm/getDebitCardFormTaskData.ts

@@ -4,6 +4,7 @@ import { getPersonalInfoData } from '../../retail/adaptors/getPersonalInfoData';
 import { type Participant } from '../../retail/api/updateUserTask';
 import { type UpdateUserTaskDebitBody } from '../../retail/api/updateUserTaskDebit';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import {
   getDebitCardData,
   getDeliveryData,
@@ -18,6 +19,7 @@ type getDebitFormTaskDataProps = {
   formData: LeadFormState;
   programId: string;
   step?: number;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getDebitCardFormTaskData = ({
@@ -26,12 +28,14 @@ export const getDebitCardFormTaskData = ({
   formData,
   programId,
   step = 0,
+  isTaskWithReferalCode,
 }: getDebitFormTaskDataProps): UpdateUserTaskDebitBody => {
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       creditProgram: {
         code: debitProgrammIdToCardCodesMap[programId],

package/mobile/src/components/DebitForm/useDebitFormAPI.tsx

@@ -40,6 +40,7 @@ export const useDebitFormAPI = ({
     async (formData: LeadFormState) => {
       startSending();
       retailFormStore.leadForm = formData;
+      const referalData = retailFormStore.referalData;
 
       try {
         const { taskId, participantId, programId } = retailFormStore;
@@ -51,6 +52,7 @@ export const useDebitFormAPI = ({
               programId,
               step,
               formData: formData as any,
+              isTaskWithReferalCode: referalData?.isTaskWithReferalCode,
             }),
           );
         }

package/mobile/src/retail/adaptors/getCreditFormTaskData.ts

@@ -2,6 +2,7 @@ import { getCalcData } from '../../components/CreditForm/getCalcData';
 import { locationNavigator } from '../../external/locationNavigator';
 import { type Participant, type UpdateUserTaskBody } from '../api/updateUserTask';
 import { type LeadFormState } from '../model/LeadFormState';
+import { type ReferalData } from '../model/ReferalData';
 import { getAdditionalInfoData } from './getAdditionalInfoData';
 import { getCalculatorData } from './getCalculatorData';
 import { getDeliveryCreditData } from './getDeliveryCreditData';
@@ -15,6 +16,7 @@ type getCreditFormTaskDataProps = {
   profileId: number;
   formData: LeadFormState;
   step?: number;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getCreditFormTaskData = ({
@@ -23,14 +25,16 @@ export const getCreditFormTaskData = ({
   profileId,
   formData,
   step = 0,
+  isTaskWithReferalCode,
 }: getCreditFormTaskDataProps): UpdateUserTaskBody => {
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     sendToBank: true,
     taskKind: 'UNITED',
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       authorizedAgentId: formData?.bankEmployeeCode,
       participants: [

package/mobile/src/retail/api/draftTasksKZO.ts

@@ -26,6 +26,7 @@ export type Task = {
   };
   participants: Participant[];
   paymentTypeCd?: PaymentType;
+  taskSource?: string;
 };
 
 export type DraftTasksResponse = {

package/mobile/src/retail/api/saveReferalInfo.ts

@@ -0,0 +1,9 @@
+import { type ReferalData } from '../model/ReferalData';
+import { doRequest } from './doRequest';
+
+export type SaveReferalInfo = ReferalData & {
+  taskId: number;
+};
+
+export const saveReferalInfo = (body: SaveReferalInfo) =>
+  doRequest('/referal/saveReferalInfo', 'POST', body);

package/mobile/src/retail/components/DraftDialog/DraftDialog.tsx

@@ -15,12 +15,14 @@ import { creditCodesToProgrammIdMap, creditProgramCodeToProductIdMap } from './u
 export interface DraftDialogProps extends OnCloseProps {
   task: Task;
   isFromLead?: boolean;
+  isDebit?: boolean;
   sendAspects?: (profileId: number, taskId: number) => void;
 }
 
 export const DraftDialog = JSX<DraftDialogProps>(function ({
   task,
   isFromLead = false,
+  isDebit = false,
   sendAspects = noop,
   onClose = noop,
 }) {
@@ -31,21 +33,31 @@ export const DraftDialog = JSX<DraftDialogProps>(function ({
 
   const programmId: string = creditProgramCodeToProductIdMap[creditProgram.code];
   const isCredit = Boolean(creditCodesToProgrammIdMap[creditProgram.code]);
-  const nextStepLink = isCredit ? '/credit-lead' : '/credit-card-lead';
+  const getNextStepLink = () => {
+    if (isDebit) {
+      return '/debit-card-lead';
+    } else if (isCredit) {
+      return '/credit-lead';
+    }
+
+    return '/credit-card-lead';
+  };
 
   const { id: participantId, profile } = participants[0];
 
   const handleGoToDraft = useCallback(() => {
-    const taskFromDraft = parseDraftTask(task);
+    const [taskFromDraft, isTaskWithReferalCode] = parseDraftTask(task);
     retailFormStore.participantId = participantId ?? null;
     retailFormStore.taskId = taskId;
     retailFormStore.profileId = profile?.id ?? null;
     retailFormStore.programId = programmId;
     retailFormStore.leadForm = taskFromDraft;
+    retailFormStore.referalData = { isTaskWithReferalCode };
+
     if (profile?.id) {
       sendAspects(profile.id, taskId);
     }
-    navigator.assign(nextStepLink);
+    navigator.assign(getNextStepLink());
   }, []);
 
   const handleGoToNewTask = useCallback(() => {

package/mobile/src/retail/components/DraftDialog/parseDraftTask.ts

@@ -11,13 +11,14 @@ import {
   INCOME_CERTIFICATE,
 } from './utils';
 
-export const parseDraftTask = (task: Task): LeadFormState => {
+export const parseDraftTask = (task: Task): [LeadFormState, boolean] => {
   const participant = task.participants[0];
   const {
     classCard: cardCategory,
     codeWord,
     paymentSystemTypeCd: paymentSystem,
     currencyCode: currency,
+    taskSource,
   } = task;
 
   const { loanAmount: moneyValue, creditPeriod: monthsValue, paymentTypeCd } = task;
@@ -71,7 +72,7 @@ export const parseDraftTask = (task: Task): LeadFormState => {
     profile,
   } = participant;
 
-  return {
+  const taskFromDraft = {
     currency: currency?.key,
     paymentSystem: getSelectValue(paymentSystem),
     cardCategory: getSelectValue(cardCategory),
@@ -128,4 +129,6 @@ export const parseDraftTask = (task: Task): LeadFormState => {
     ...getParticipantContacts(participantContacts),
     ...getParticipantGender(genderCd),
   };
+
+  return [taskFromDraft, taskSource === 'ReferalSF'];
 };

package/mobile/src/retail/components/DraftDialog/useDraftDialog.tsx

@@ -1,22 +1,16 @@
-import type { OnCloseProps } from '../../../model/OnCloseProps';
 import { useDialog } from '../../../ui-kit/DialogManager/useDialog';
-import { type Task } from '../../api/draftTasksKZO';
-import { DraftDialog } from './DraftDialog';
+import { DraftDialog, type DraftDialogProps } from './DraftDialog';
 import { EmptyDraftDialog } from './EmptyDraftDialog';
 
-type useDraftDialogOpenProps = OnCloseProps & {
-  task?: Task;
-  isFromLead?: boolean;
-  sendAspects?: (profileId: number, taskId: number) => void;
-};
-
 export const useDraftDialog = () => {
   const { open: openDraftDialog } = useDialog(DraftDialog);
   const { open: openEmptyDraftDialog } = useDialog(EmptyDraftDialog);
 
   return {
-    open: ({ task, isFromLead, onClose, sendAspects }: useDraftDialogOpenProps) => {
-      task ? openDraftDialog({ task, isFromLead, onClose, sendAspects }) : openEmptyDraftDialog({});
+    open: ({ task, isFromLead, isDebit, onClose, sendAspects }: Partial<DraftDialogProps>) => {
+      task
+        ? openDraftDialog({ task, isFromLead, isDebit, onClose, sendAspects })
+        : openEmptyDraftDialog({});
     },
   };
 };

package/mobile/src/retail/model/ReferalData.ts

@@ -0,0 +1,8 @@
+import { type Nullable } from '../../utils/Nullable';
+
+export type ReferalData = {
+  refererCode?: Nullable<string>;
+  referalCode?: Nullable<string>;
+  productId?: Nullable<string>;
+  isTaskWithReferalCode?: boolean;
+};

package/mobile/src/utils/getSessionQuery.ts

@@ -1,4 +1,4 @@
-const QUERY_STORAGE_KEY = 'rshb-query-params';
+export const QUERY_STORAGE_KEY = 'rshb-query-params';
 
 export function saveSessionQuery() {
   const result =

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.863",
+  "version": "0.14.864",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/ApplicationLeadForm/getLeadFormTaskData.ts

@@ -4,6 +4,7 @@ import { getParticipantContacts } from '../../retail/adaptors/utils';
 import { type CreateUserTaskDebitBody } from '../../retail/api/createUserTaskDebit';
 import { type MarketingInfo, type UpdateUserTaskBody } from '../../retail/api/updateUserTask';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { formatDate } from '../../utils/formatDate';
 import { formatPhone } from '../../utils/formatPhone';
 import { debitProgrammIdToCardCodesMap } from '../DebitForm/utils';
@@ -13,6 +14,7 @@ type getLeadFormTaskDataProps = {
   taskId: number;
   profileId: number;
   formData: LeadFormState;
+  isTaskWithReferalCode?: ReferalData['isTaskWithReferalCode'];
 };
 
 export const getCreditLeadFormTaskData = ({
@@ -20,15 +22,17 @@ export const getCreditLeadFormTaskData = ({
   taskId,
   profileId,
   formData,
+  isTaskWithReferalCode,
 }: getLeadFormTaskDataProps): UpdateUserTaskBody => {
   const { name, surname, middleName, limitedBirthday, phone, email } = formData;
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     sendToBank: true,
     taskKind: 'SHORT',
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       id: taskId,
       participants: [
         {
@@ -58,13 +62,15 @@ export const getCreditLeadFormTaskData = ({
 export const getDebitLeadFormTaskData = (
   formData: LeadFormState,
   programId: string,
+  isTaskWithReferalCode: ReferalData['isTaskWithReferalCode'],
 ): CreateUserTaskDebitBody => {
   const { name, surname, middleName, limitedBirthday, phone, email } = formData;
   const navigator = locationNavigator();
+  const taskSource = isTaskWithReferalCode ? 'ReferalSF' : navigator.origin;
 
   return {
     task: {
-      taskSource: navigator.origin,
+      taskSource,
       creditProgram: {
         code: debitProgrammIdToCardCodesMap[programId],
       },

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -8,18 +8,21 @@ import { createUserProfile } from '../../retail/api/createUserProfile';
 import { createUserTaskDebit } from '../../retail/api/createUserTaskDebit';
 import { getLastTaskStatus } from '../../retail/api/getLastTaskStatus';
 import { getTaskById } from '../../retail/api/getTaskById';
+import { saveReferalInfo } from '../../retail/api/saveReferalInfo';
 import { updateUserProfile } from '../../retail/api/updateUserProfile';
 import { updateUserTask } from '../../retail/api/updateUserTask';
 import { useConsentBkiDialog } from '../../retail/components/ConsentBkiDialog/useConsentBkiDialog';
 import { useDraftDialog } from '../../retail/components/DraftDialog/useDraftDialog';
 import { VerifyPhoneDialog } from '../../retail/components/VerifyPhoneDialog/VerifyPhoneDialog';
 import { type FormRetailConsents, type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { getUpdateUserProfileData } from '../../retail/utils/getUpdateUserProfile';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { formatPhone } from '../../utils/formatPhone';
 import { type ProductType } from './ApplicationLeadFormContent';
 import { productTypeToConsentsMap } from './consents';
 import { getCreditLeadFormTaskData, getDebitLeadFormTaskData } from './getLeadFormTaskData';
+import { useLeadFormStore } from './useLeadFormStore';
 import { useSaveUserData, type UserData } from './useSaveUserData';
 import { useSendLeadFormAspects } from './useSendLeadFormAspects';
 
@@ -39,6 +42,8 @@ export const useApplicationLeadApi = ({
   const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
   const [ok, setOK] = useState<boolean | undefined>();
   const saveUserData = useSaveUserData();
+  const leadFormStore = useLeadFormStore();
+
   const sendAspects = useSendLeadFormAspects({ data });
   const navigator = locationNavigator();
 
@@ -57,6 +62,7 @@ export const useApplicationLeadApi = ({
       const profileId = await createUserProfile({
         profile: { phone: formatPhone(transformedFormData.phone as string) },
       });
+      const referalData = leadFormStore.referalData;
 
       if (!profileId) {
         throw new Error();
@@ -68,6 +74,7 @@ export const useApplicationLeadApi = ({
           profileId,
           formData: transformedFormData,
           productType,
+          referalData,
           saveUserData,
           sendAspects,
         });
@@ -88,6 +95,7 @@ export const useApplicationLeadApi = ({
             draftDialog.open({
               task,
               isFromLead: true,
+              isDebit: productType === 'debitCard',
               sendAspects,
               onClose: sendCurrentTask,
             });
@@ -129,6 +137,7 @@ const updateUserData = async ({
   profileId,
   formData,
   productType,
+  referalData,
   saveUserData,
   sendAspects,
 }: {
@@ -136,18 +145,22 @@ const updateUserData = async ({
   profileId: number;
   formData: LeadFormState;
   productType: ProductType;
+  referalData: ReferalData | null;
   saveUserData: (userData: UserData) => void;
   sendAspects: (profileId: number, taskId: number) => void;
 }) => {
   let taskId: number;
   let participantId: number;
   const transformedConsents = transformConsentsFields(formData, productType);
+  const isTaskWithReferalCode = referalData?.isTaskWithReferalCode;
 
   await updateUserProfile(getUpdateUserProfileData(profileId, formData, transformedConsents));
 
   try {
     if (productType === 'debitCard') {
-      const debitData = await createUserTaskDebit(getDebitLeadFormTaskData(formData, programId));
+      const debitData = await createUserTaskDebit(
+        getDebitLeadFormTaskData(formData, programId, isTaskWithReferalCode),
+      );
 
       taskId = debitData.taskId;
       participantId = debitData.participantId;
@@ -165,9 +178,16 @@ const updateUserData = async ({
           taskId,
           profileId,
           formData,
+          isTaskWithReferalCode,
         }),
       );
     }
+    if (isTaskWithReferalCode) {
+      await saveReferalInfo({
+        taskId,
+        ...referalData,
+      });
+    }
 
     sendAspects(profileId, taskId);
     saveUserData({ participantId, taskId, profileId, programId, formData });

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -1,8 +1,11 @@
+/* eslint-disable max-lines-per-function */
 import { useCallback, useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
 import { useSetter } from '../../hooks/useSetter';
 import { esiaRequestProfile } from '../../retail/api/esiaRequestProfile';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { type FieldRetailDef } from '../../retail/model/RetailFormContent';
+import { QUERY_STORAGE_KEY } from '../../utils/getSessionQuery';
 import { EsiaStatuses, type ProductType } from './ApplicationLeadFormContent';
 import { getInitialFormState } from './getInitialFormState';
 import { parseEsiaProfile } from './parseEsiaProfile';
@@ -24,6 +27,7 @@ export const useInitApplicationLead = ({
 }: InitApplicationLeadProps): LeadFormState => {
   const leadFormStore = useLeadFormStore();
   const saveForm = useSetter(leadFormStore, 'leadForm');
+  const queryFromStorage = globalThis.sessionStorage?.getItem(QUERY_STORAGE_KEY);
 
   const initialFormState = useMemo(
     () => getInitialFormState(inputs, leadFormStore.leadForm, esiaAuthSuccess),
@@ -57,9 +61,26 @@ export const useInitApplicationLead = ({
   useEffect(() => {
     leadFormStore.productType = productType;
 
-    const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-    const code = params.get('code');
-    const state = params.get('state');
+    const { code, state, referalCode, refererCode, productId } = getLeadQueryParams(
+      leadFormStore.referalData,
+      queryFromStorage,
+    );
+
+    if (referalCode) {
+      leadFormStore.referalData = {
+        refererCode,
+        referalCode,
+        productId,
+        isTaskWithReferalCode: true,
+      };
+    } else if (!code) {
+      leadFormStore.referalData = {
+        refererCode: null,
+        referalCode: null,
+        productId: null,
+        isTaskWithReferalCode: false,
+      };
+    }
 
     if (code && state) {
       requestEsiaProfile(code, state);
@@ -67,7 +88,25 @@ export const useInitApplicationLead = ({
       sessionStorage.removeItem('accessToken');
       sessionStorage.removeItem('refreshToken');
     }
-  }, []);
+  }, [queryFromStorage]);
 
   return initialFormState;
 };
+
+const getLeadQueryParams = (referalData: ReferalData | null, queryFromStorage: string | null) => {
+  const queryStorage = new URLSearchParams(decodeURIComponent(queryFromStorage || ''));
+
+  const code = queryStorage.get('code');
+  const state = queryStorage.get('state');
+  const referalCode = code ? referalData?.referalCode : queryStorage.get('referalCode');
+  const refererCode = code ? referalData?.refererCode : queryStorage.get('refererCode');
+  const productId = code ? referalData?.productId : queryStorage.get('productId');
+
+  return {
+    code,
+    state,
+    referalCode,
+    refererCode,
+    productId,
+  };
+};

package/src/components/ApplicationLeadForm/useLeadFormStore.ts

@@ -1,5 +1,6 @@
 import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
 import { type LeadFormState } from '../../retail/model/LeadFormState';
+import { type ReferalData } from '../../retail/model/ReferalData';
 import { type ProductType } from './ApplicationLeadFormContent';
 
 export interface LeadFormStoreSlice {
@@ -9,6 +10,7 @@ export interface LeadFormStoreSlice {
   participantId: number;
   programId: string;
   productType: ProductType;
+  referalData: ReferalData;
 }
 
 export const useLeadFormStore = () => useLocalStore<LeadFormStoreSlice>();