@redneckz/wildless-cms-uni-blocks 0.14.972 → 0.14.973

package/mobile/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -8,6 +8,7 @@ import { createDraftTask } from '../../retail/api/createDraftTask';
 import { createParticipant } from '../../retail/api/createParticipant';
 import { createUserProfile } from '../../retail/api/createUserProfile';
 import { createUserTaskDebit } from '../../retail/api/createUserTaskDebit';
+import { getClaimChannel } from '../../retail/api/getClaimChannel';
 import { getLastTaskStatus } from '../../retail/api/getLastTaskStatus';
 import { getTaskById } from '../../retail/api/getTaskById';
 import { saveReferalInfo } from '../../retail/api/saveReferalInfo';
@@ -18,9 +19,11 @@ import { useDraftDialog } from '../../retail/components/DraftDialog/useDraftDial
 import { VerifyPhoneDialog } from '../../retail/components/VerifyPhoneDialog/VerifyPhoneDialog';
 import { type FormRetailConsents, type LeadFormState } from '../../retail/model/LeadFormState';
 import { type ReferalData } from '../../retail/model/ReferalData';
+import { BIBLIOGLOBUS_SLUG } from '../../retail/utils/filterPaymentSystems';
 import { getUpdateUserProfileData } from '../../retail/utils/getUpdateUserProfile';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { formatPhone } from '../../utils/formatPhone';
+import { getCardSlugFromUrl } from '../../utils/getSlugFromUrl';
 import { type ProductType } from './ApplicationLeadFormContent';
 import { productTypeToConsentsMap } from './consents';
 import { getCreditLeadFormTaskData, getDebitLeadFormTaskData } from './getLeadFormTaskData';
@@ -76,6 +79,7 @@ export const useApplicationLeadApi = ({
 
       const referalData = leadFormStore.referalData;
       const marketingInfo = sessionStore.marketingInfo;
+      const referrerUrl = sessionStore.referrerUrl;
 
       if (!profileId) {
         throw new Error();
@@ -91,6 +95,7 @@ export const useApplicationLeadApi = ({
           marketingInfo,
           saveUserData,
           sendAspects,
+          referrerUrl,
         });
         verifyPhoneDialog.close();
         if (productType === 'debitCard') {
@@ -214,6 +219,18 @@ const getAcceptedConsents = (formData: LeadFormState, productType: ProductType):
     .map((_) => consents[_]?.text);
 };
 
+// Padding line to fix eslint padding-line-between-statements
+
+const computeClaimChannel = async (slug: string | null): Promise<string | undefined> => {
+  if (slug !== BIBLIOGLOBUS_SLUG) {
+    return undefined;
+  }
+
+  const claimData = await getClaimChannel();
+
+  return claimData.find((item) => item.key === slug)?.code;
+};
+
 const updateUserData = async ({
   programId,
   profileId,
@@ -223,6 +240,7 @@ const updateUserData = async ({
   marketingInfo,
   saveUserData,
   sendAspects,
+  referrerUrl,
 }: {
   programId: string;
   profileId: number;
@@ -232,17 +250,27 @@ const updateUserData = async ({
   marketingInfo: MarketingInfo | null;
   saveUserData: (userData: UserData) => void;
   sendAspects: (profileId: number, taskId: number) => void;
+  referrerUrl: string | null;
 }) => {
-  let taskId: number;
-  let participantId: number;
   const transformedConsents = transformConsentsFields(formData, productType);
+  const slug = getCardSlugFromUrl(referrerUrl as string);
 
   await updateUserProfile(getUpdateUserProfileData(profileId, formData, transformedConsents));
 
   try {
+    let taskId: number;
+    let participantId: number;
+
     if (productType === 'debitCard') {
+      const claimChannelCode = await computeClaimChannel(slug);
+
       const debitData = await createUserTaskDebit(
-        getDebitLeadFormTaskData(formData, programId, marketingInfo),
+        getDebitLeadFormTaskData({
+          formData,
+          programId,
+          marketingInfo,
+          claimChannelCode,
+        }),
       );
 
       taskId = debitData.taskId;
@@ -265,6 +293,7 @@ const updateUserData = async ({
         }),
       );
     }
+
     if (referalData?.referalCode) {
       await saveReferalInfo({
         taskId,

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

@@ -25,6 +25,7 @@ type InitApplicationLeadProps = {
 export interface ApplicationLeadStore {
   marketingInfo: MarketingInfo | null;
   isNewMicroservice: boolean | null;
+  referrerUrl: string | null;
 }
 
 export const useInitApplicationLead = ({
@@ -78,6 +79,11 @@ export const useInitApplicationLead = ({
 
     sessionStore.marketingInfo = getMarketingInfo(queryFromStorage, sessionStore);
     sessionStore.isNewMicroservice = isNewMicroservice || null;
+
+    const referrer = globalThis.document.referrer;
+    if (referrer) {
+      sessionStore.referrerUrl = referrer as string;
+    }
   }, [queryFromStorage]);
 
   useEffect(() => {

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

@@ -11,6 +11,7 @@ export type CreateUserTaskDebitBody = {
     participants: Participant[];
     marketingInfo?: Nullable<MarketingInfo>;
   };
+  claimChannelCode?: string;
 };
 
 export type CreateUserTaskDebitResponse = {

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

@@ -0,0 +1,18 @@
+import { fetchRetailJSON } from './doRequest';
+
+export type GetClaimChannelResponse = {
+  code: string;
+  deliveryEmail: string;
+  description: string;
+  id: number;
+  key: string;
+};
+
+export const getClaimChannel = async (): Promise<GetClaimChannelResponse[]> => {
+  const res = await fetchRetailJSON<GetClaimChannelResponse[]>(
+    'light-api-cash/v1/claimChannel/',
+    'GET',
+  );
+
+  return res || ([] as GetClaimChannelResponse[]);
+};

package/mobile/src/retail/components/Fields/AddressRetailField.tsx

@@ -1,18 +1,26 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { getOfficePoint } from '../../../components/OfficesAtmsMap/renderOfficeCard';
 import { useOfficesAtmsMapData } from '../../../components/OfficesAtmsMap/useOfficesAtmsMapData';
 import { ClientOnly } from '../../../ui-kit/ClientOnly';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { SelectControl } from '../../../ui-kit/Select/SelectControl';
 import { YandexMap } from '../../../ui-kit/YandexMap/YandexMap';
+import { getCardSlugFromUrl } from '../../../utils/getSlugFromUrl';
 import { fetchRegionOffices, type OfficeType } from '../../api/regionOffices';
 import { useLeadFormData } from '../../hooks/useLeadFormData';
+import { BIBLIOGLOBUS_SLUG } from '../../utils/filterPaymentSystems';
+
+const BIBLIOGLOBUS_OFFICE_ID = '714680716';
 
 export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const [offices, setOffices] = useState<OfficeType[]>([]);
   const { data } = useLeadFormData('REGION_RF');
 
+  const sessionStore = useSessionStore<{ referrerUrl?: string }>();
+  const referrerUrl = sessionStore.referrerUrl;
+
   const regionValue = field('regionRetail')?.value || {};
   const addressField = field(input?.name ?? '');
 
@@ -27,6 +35,24 @@ export const AddressRetailField = JSX<CustomFieldProps>(({ field, input }) => {
     }
   }, [regionValue.key]);
 
+  // Логика для biblioglobus - выбор отделения по умолчанию
+  useEffect(() => {
+    if (!referrerUrl || !offices.length) {
+      return;
+    }
+
+    const slug = getCardSlugFromUrl(referrerUrl);
+    if (slug === BIBLIOGLOBUS_SLUG) {
+      const defaultOffice = offices.find(
+        (office) => office.id?.toString() === BIBLIOGLOBUS_OFFICE_ID,
+      );
+      addressField.onChange?.({
+        key: defaultOffice?.id?.toString() || '',
+        text: defaultOffice?.address || '',
+      });
+    }
+  }, [referrerUrl, offices]);
+
   const { points } = useOfficesAtmsMapData({
     data: offices,
     filtrationState: {},

package/mobile/src/retail/components/Fields/PaymentSystemField.tsx

@@ -1,11 +1,14 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { useAsyncEffect } from '../../../hooks/useAsyncEffect';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { RadioButtonGroupControl } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroupControl';
 import { type Option } from '../../../ui-kit/Select/Option';
+import { getCardSlugFromUrl } from '../../../utils/getSlugFromUrl';
 import { getPaymentSystems } from '../../api/getPaymentSystems';
+import { filterPaymentSystems } from '../../utils/filterPaymentSystems';
 
 const optionKey = (option: { key?: string } | undefined) => option?.key;
 
@@ -13,12 +16,28 @@ export const PaymentSystemField = JSX<CustomFieldProps>(({ field, input }) => {
   const [paymentSystemOptions, setPaymentSystemOptions] = useState<Option[]>([]);
 
   const localStore = useLocalStore<{ programId: string }>();
+  const sessionStore = useSessionStore<{ referrerUrl?: string }>();
+
   useAsyncEffect(async () => {
     const { programId } = localStore;
-    if (programId) {
-      const fetchedPaymentSystems = await getPaymentSystems(programId);
+    if (!programId) {
+      return;
+    }
+
+    const fetchedPaymentSystems = await getPaymentSystems(programId);
+
+    const referrerUrl = sessionStore.referrerUrl;
+
+    if (!referrerUrl) {
       setPaymentSystemOptions(fetchedPaymentSystems ?? []);
+
+      return;
     }
+
+    const slug = getCardSlugFromUrl(referrerUrl);
+    const filteredSystems = filterPaymentSystems(fetchedPaymentSystems ?? [], slug);
+
+    setPaymentSystemOptions(filteredSystems);
   }, []);
 
   const items = useMemo(

package/mobile/src/retail/components/Fields/RegionRetailField.tsx

@@ -1,19 +1,24 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
+import { useSessionStore } from '@redneckz/uni-jsx/lib/Store/useSessionStore';
 import { type ProductType } from '../../../components/ApplicationLeadForm/ApplicationLeadFormContent';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
 import { type Option } from '../../../ui-kit/Select/Option';
 import { SelectControl } from '../../../ui-kit/Select/SelectControl';
 import { getRegionsCardDelivery } from '../../api/getRegionsCardDelivery';
+import { useBiblioglobusDefaultRegion } from '../../hooks/useBiblioglobusDefaultRegion';
 import { useLeadFormData } from '../../hooks/useLeadFormData';
 import { useRetailFormStore } from '../../hooks/useRetailFormStore';
+import { calculateRegionHasDelivery, getRegionDeliveryStatus } from '../../utils/hasDelivery';
 
 export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const { programId, productType } = useRetailFormStore();
   const { data: regions } = useLeadFormData('REGION_RF');
   const { data: regionsDelivery } = useAsyncData('regionsDelivery', getRegionsCardDelivery);
   const { data: productSettings } = useLeadFormData(getCurrentProductSettings(productType));
+  const sessionStore = useSessionStore<{ referrerUrl?: string }>();
+
   const isDebit = productType === 'debitCard';
   const isSalaryCard = programId === '38';
   const isEsiaAuth = Boolean(field('esiaAccountTypeCd')?.value?.key);
@@ -24,20 +29,30 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const handleChangeRegionHasDelivery = field('regionHasDelivery')?.onChange;
   const handleChangeMethodObtain = field('methodObtain')?.onChange;
 
+  useBiblioglobusDefaultRegion({
+    referrerUrl: sessionStore.referrerUrl ?? undefined,
+    regions,
+    regionsDelivery,
+    onRegionChange: handleChangeRegion,
+    onRegionHasDeliveryChange: handleChangeRegionHasDelivery,
+    onMethodObtainChange: handleChangeMethodObtain,
+  });
+
   const onChange = useCallback(
     (value: Option) => {
-      const regionHasDelivery = isDebit
-        ? isEsiaAuth &&
-          !isSalaryCard &&
-          isDeliveryActive &&
-          regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg
-        : isDeliveryActive && regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg;
+      const regionHasDelivery = calculateRegionHasDelivery({
+        isDebit,
+        isEsiaAuth,
+        isSalaryCard,
+        isDeliveryActive,
+        regionDelivery: getRegionDeliveryStatus(regionsDelivery, value),
+      });
 
       handleChangeRegionHasDelivery?.(regionHasDelivery);
       handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
       handleChangeRegion?.(value);
     },
-    [regionsDelivery, isDeliveryActive, isEsiaAuth],
+    [calculateRegionHasDelivery],
   );
 
   useEffect(() => {

package/mobile/src/retail/hooks/useBiblioglobusDefaultRegion.ts

@@ -0,0 +1,56 @@
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { type Option } from '../../ui-kit/Select/Option';
+import { getCardSlugFromUrl } from '../../utils/getSlugFromUrl';
+import { type DictionaryItem } from '../model/LeadFormData';
+import { BIBLIOGLOBUS_SLUG } from '../utils/filterPaymentSystems';
+
+export type RegionDelivery = { regionCode: string; deliveryFlg: boolean };
+
+export const useBiblioglobusDefaultRegion = (args: {
+  referrerUrl?: string;
+  regions?: DictionaryItem[];
+  regionsDelivery?: RegionDelivery[];
+  onRegionChange?: (option: Option) => void;
+  onRegionHasDeliveryChange?: (value: boolean) => void;
+  onMethodObtainChange?: (value: string) => void;
+}) => {
+  const {
+    referrerUrl,
+    regions,
+    regionsDelivery,
+    onRegionChange,
+    onRegionHasDeliveryChange,
+    onMethodObtainChange,
+  } = args;
+
+  const slug = referrerUrl ? getCardSlugFromUrl(referrerUrl) : '';
+  const defaultRegion = regions?.find((region) => region.key === 'REGION_77');
+  const regionHasDelivery = Boolean(
+    regionsDelivery?.find((rd) => rd.regionCode === 'REGION_77')?.deliveryFlg,
+  );
+  const isReady = Boolean(
+    referrerUrl &&
+      regions &&
+      regionsDelivery &&
+      slug === BIBLIOGLOBUS_SLUG &&
+      defaultRegion?.key &&
+      defaultRegion?.value,
+  );
+
+  useEffect(() => {
+    if (!isReady || !defaultRegion || !defaultRegion.key || !defaultRegion.value) {
+      return;
+    }
+
+    onRegionChange?.({ key: defaultRegion.key, text: defaultRegion.value });
+    onRegionHasDeliveryChange?.(regionHasDelivery);
+    onMethodObtainChange?.(regionHasDelivery ? 'courier' : 'office');
+  }, [
+    isReady,
+    defaultRegion,
+    regionHasDelivery,
+    onRegionChange,
+    onRegionHasDeliveryChange,
+    onMethodObtainChange,
+  ]);
+};

package/mobile/src/retail/utils/filterPaymentSystems.ts

@@ -0,0 +1,14 @@
+import { type Option } from '../../ui-kit/Select/Option';
+
+const BIBLIOGLOBUS_SLUG = 'biblioglobus';
+const UNIONPAY_TEXT = 'UnionPay';
+
+export const filterPaymentSystems = (systems: Option[], slug: string | null): Option[] => {
+  if (slug !== BIBLIOGLOBUS_SLUG) {
+    return systems;
+  }
+
+  return systems.filter((system) => system.text === UNIONPAY_TEXT);
+};
+
+export { BIBLIOGLOBUS_SLUG };

package/mobile/src/retail/utils/hasDelivery.ts

@@ -0,0 +1,22 @@
+import { type Option } from '../../ui-kit/Select/Option';
+import { type RegionDelivery } from '../hooks/useBiblioglobusDefaultRegion';
+
+export const getRegionDeliveryStatus = (
+  regionsDelivery: RegionDelivery[] | undefined,
+  value: Option,
+) => regionsDelivery?.find((_) => _.regionCode === String(value.key))?.deliveryFlg;
+
+export const calculateRegionHasDelivery = (args: {
+  isDebit: boolean;
+  isEsiaAuth: boolean;
+  isSalaryCard: boolean;
+  isDeliveryActive: boolean;
+  regionDelivery?: boolean;
+}) => {
+  const { isDebit, isEsiaAuth, isSalaryCard, isDeliveryActive, regionDelivery } = args;
+  if (isDebit) {
+    return isEsiaAuth && !isSalaryCard && isDeliveryActive && regionDelivery;
+  }
+
+  return isDeliveryActive && regionDelivery;
+};

package/mobile/src/utils/getSlugFromUrl.ts

@@ -0,0 +1,10 @@
+export function getCardSlugFromUrl(url: string): string | null {
+  const lastSegment = url.split('/').filter(Boolean).pop();
+  if (!lastSegment) {
+    return null;
+  }
+
+  const parts = lastSegment.split('-');
+
+  return parts.length > 1 ? parts[parts.length - 1] : null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.972",
+  "version": "0.14.973",
   "private": false,
   "license": "MIT",
   "author": "ЦК",
@@ -205,7 +205,7 @@
       "path": "lib/common.css"
     },
     {
-      "limit": "105 kB",
+      "limit": "106 kB",
       "path": "bundle/bundle.umd.min.js"
     }
   ],

package/src/components/ApplicationLeadForm/getLeadFormTaskData.ts

@@ -83,11 +83,19 @@ export const getParticipant = ({
   };
 };
 
-export const getDebitLeadFormTaskData = (
-  formData: LeadFormState,
-  programId: string,
-  marketingInfo: MarketingInfo | null,
-): CreateUserTaskDebitBody => {
+type GetDebitLeadFormTaskDataProps = {
+  formData: LeadFormState;
+  programId: string;
+  marketingInfo: MarketingInfo | null;
+  claimChannelCode?: string;
+};
+
+export const getDebitLeadFormTaskData = ({
+  formData,
+  programId,
+  marketingInfo,
+  claimChannelCode,
+}: GetDebitLeadFormTaskDataProps): CreateUserTaskDebitBody => {
   const { name, surname, middleName, limitedBirthday, phone, email } = formData;
   const taskSource = getTaskSource(marketingInfo?.utm_source);
 
@@ -111,6 +119,7 @@ export const getDebitLeadFormTaskData = (
       ],
       marketingInfo,
     },
+    ...(claimChannelCode ? { claimChannelCode } : {}),
   };
 };
 

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -8,6 +8,7 @@ import { createDraftTask } from '../../retail/api/createDraftTask';
 import { createParticipant } from '../../retail/api/createParticipant';
 import { createUserProfile } from '../../retail/api/createUserProfile';
 import { createUserTaskDebit } from '../../retail/api/createUserTaskDebit';
+import { getClaimChannel } from '../../retail/api/getClaimChannel';
 import { getLastTaskStatus } from '../../retail/api/getLastTaskStatus';
 import { getTaskById } from '../../retail/api/getTaskById';
 import { saveReferalInfo } from '../../retail/api/saveReferalInfo';
@@ -18,9 +19,11 @@ import { useDraftDialog } from '../../retail/components/DraftDialog/useDraftDial
 import { VerifyPhoneDialog } from '../../retail/components/VerifyPhoneDialog/VerifyPhoneDialog';
 import { type FormRetailConsents, type LeadFormState } from '../../retail/model/LeadFormState';
 import { type ReferalData } from '../../retail/model/ReferalData';
+import { BIBLIOGLOBUS_SLUG } from '../../retail/utils/filterPaymentSystems';
 import { getUpdateUserProfileData } from '../../retail/utils/getUpdateUserProfile';
 import { useDialog } from '../../ui-kit/DialogManager/useDialog';
 import { formatPhone } from '../../utils/formatPhone';
+import { getCardSlugFromUrl } from '../../utils/getSlugFromUrl';
 import { type ProductType } from './ApplicationLeadFormContent';
 import { productTypeToConsentsMap } from './consents';
 import { getCreditLeadFormTaskData, getDebitLeadFormTaskData } from './getLeadFormTaskData';
@@ -76,6 +79,7 @@ export const useApplicationLeadApi = ({
 
       const referalData = leadFormStore.referalData;
       const marketingInfo = sessionStore.marketingInfo;
+      const referrerUrl = sessionStore.referrerUrl;
 
       if (!profileId) {
         throw new Error();
@@ -91,6 +95,7 @@ export const useApplicationLeadApi = ({
           marketingInfo,
           saveUserData,
           sendAspects,
+          referrerUrl,
         });
         verifyPhoneDialog.close();
         if (productType === 'debitCard') {
@@ -214,6 +219,18 @@ const getAcceptedConsents = (formData: LeadFormState, productType: ProductType):
     .map((_) => consents[_]?.text);
 };
 
+// Padding line to fix eslint padding-line-between-statements
+
+const computeClaimChannel = async (slug: string | null): Promise<string | undefined> => {
+  if (slug !== BIBLIOGLOBUS_SLUG) {
+    return undefined;
+  }
+
+  const claimData = await getClaimChannel();
+
+  return claimData.find((item) => item.key === slug)?.code;
+};
+
 const updateUserData = async ({
   programId,
   profileId,
@@ -223,6 +240,7 @@ const updateUserData = async ({
   marketingInfo,
   saveUserData,
   sendAspects,
+  referrerUrl,
 }: {
   programId: string;
   profileId: number;
@@ -232,17 +250,27 @@ const updateUserData = async ({
   marketingInfo: MarketingInfo | null;
   saveUserData: (userData: UserData) => void;
   sendAspects: (profileId: number, taskId: number) => void;
+  referrerUrl: string | null;
 }) => {
-  let taskId: number;
-  let participantId: number;
   const transformedConsents = transformConsentsFields(formData, productType);
+  const slug = getCardSlugFromUrl(referrerUrl as string);
 
   await updateUserProfile(getUpdateUserProfileData(profileId, formData, transformedConsents));
 
   try {
+    let taskId: number;
+    let participantId: number;
+
     if (productType === 'debitCard') {
+      const claimChannelCode = await computeClaimChannel(slug);
+
       const debitData = await createUserTaskDebit(
-        getDebitLeadFormTaskData(formData, programId, marketingInfo),
+        getDebitLeadFormTaskData({
+          formData,
+          programId,
+          marketingInfo,
+          claimChannelCode,
+        }),
       );
 
       taskId = debitData.taskId;
@@ -265,6 +293,7 @@ const updateUserData = async ({
         }),
       );
     }
+
     if (referalData?.referalCode) {
       await saveReferalInfo({
         taskId,

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -25,6 +25,7 @@ type InitApplicationLeadProps = {
 export interface ApplicationLeadStore {
   marketingInfo: MarketingInfo | null;
   isNewMicroservice: boolean | null;
+  referrerUrl: string | null;
 }
 
 export const useInitApplicationLead = ({
@@ -78,6 +79,11 @@ export const useInitApplicationLead = ({
 
     sessionStore.marketingInfo = getMarketingInfo(queryFromStorage, sessionStore);
     sessionStore.isNewMicroservice = isNewMicroservice || null;
+
+    const referrer = globalThis.document.referrer;
+    if (referrer) {
+      sessionStore.referrerUrl = referrer as string;
+    }
   }, [queryFromStorage]);
 
   useEffect(() => {