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

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

@@ -8,7 +8,6 @@ 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';
@@ -19,11 +18,9 @@ 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';
@@ -79,7 +76,6 @@ export const useApplicationLeadApi = ({
 
       const referalData = leadFormStore.referalData;
       const marketingInfo = sessionStore.marketingInfo;
-      const referrerUrl = sessionStore.referrerUrl;
 
       if (!profileId) {
         throw new Error();
@@ -95,7 +91,6 @@ export const useApplicationLeadApi = ({
           marketingInfo,
           saveUserData,
           sendAspects,
-          referrerUrl,
         });
         verifyPhoneDialog.close();
         if (productType === 'debitCard') {
@@ -219,18 +214,6 @@ 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,
@@ -240,7 +223,6 @@ const updateUserData = async ({
   marketingInfo,
   saveUserData,
   sendAspects,
-  referrerUrl,
 }: {
   programId: string;
   profileId: number;
@@ -250,27 +232,17 @@ 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,
-          claimChannelCode,
-        }),
+        getDebitLeadFormTaskData(formData, programId, marketingInfo),
       );
 
       taskId = debitData.taskId;
@@ -293,7 +265,6 @@ const updateUserData = async ({
         }),
       );
     }
-
     if (referalData?.referalCode) {
       await saveReferalInfo({
         taskId,

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

@@ -25,7 +25,6 @@ type InitApplicationLeadProps = {
 export interface ApplicationLeadStore {
   marketingInfo: MarketingInfo | null;
   isNewMicroservice: boolean | null;
-  referrerUrl: string | null;
 }
 
 export const useInitApplicationLead = ({
@@ -79,11 +78,6 @@ 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/components/ProductBlock/ProductBlock.tsx

@@ -1,25 +1,68 @@
+import type { JSONRefObject } from '../../data/JSONRefObject';
+import { type DynamicDescription } from '../../model/HeadlineType';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { saveSessionQuery } from '../../utils/getSessionQuery';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
 
-export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
+export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {
+  dynamicDescriptionSource?: JSONRefObject & {
+    list?: Record<string, string>[];
+  };
+}
 
 export const ProductBlock = UniBlock<ProductBlockProps>(
-  ({ className, padding, defaultPadding, ...rest }) => (
-    <BlockWrapper
-      className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
-      padding="p-0"
-      {...rest}
-    >
-      <BaseProductTile
-        defaultPadding={defaultPadding || 'p-6xl'}
-        padding={padding}
-        className="grow h-full"
+  ({
+    className,
+    padding,
+    defaultPadding,
+    dynamicUtmDescription,
+    dynamicDescriptionSource,
+    description,
+    ...rest
+  }) => {
+    const formatDescription = getFormatDescription(
+      dynamicUtmDescription,
+      dynamicDescriptionSource?.list,
+      description,
+    );
+
+    return (
+      <BlockWrapper
+        className={style('overflow-hidden flex flex-col gap-3xl box-border', className)}
+        padding="p-0"
         {...rest}
-      />
-    </BlockWrapper>
-  ),
+      >
+        <BaseProductTile
+          defaultPadding={defaultPadding || 'p-6xl'}
+          padding={padding}
+          description={formatDescription}
+          className="grow h-full"
+          {...rest}
+        />
+      </BlockWrapper>
+    );
+  },
 );
+
+const getFormatDescription = (
+  dynamicUtmDescription: DynamicDescription = {},
+  valuesList: Record<string, string>[] = [],
+  description = '',
+) => {
+  const { utm, value } = dynamicUtmDescription;
+  const sessionQuery = saveSessionQuery();
+  const utmValue = getUtmValue(utm ?? 'utm_source', sessionQuery);
+  const dynamicValue = valuesList.find((item) => item?.id === utmValue)?.value;
+
+  return dynamicValue ? description.replace(String(value), dynamicValue) : description;
+};
+
+const getUtmValue = (utm: string, queryString: string) => {
+  const params = new URLSearchParams(queryString);
+
+  return params.get(utm);
+};

package/mobile/src/components/ProductBlock/ProductBlockContent.ts

@@ -1,4 +1,7 @@
-import { type AdditionalDescriptionProps } from '../../model/HeadlineType';
+import {
+  type AdditionalDescriptionProps,
+  type DynamicDescriptionProps,
+} from '../../model/HeadlineType';
 import { type BaseProductTileContent } from '../../ui-kit/BaseProductTile/BaseProductTileContent';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
@@ -7,7 +10,8 @@ import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
  */
 export type ProductBlockContent = UniBlockContent &
   BaseProductTileContent &
-  AdditionalDescriptionProps & {
+  AdditionalDescriptionProps &
+  DynamicDescriptionProps & {
     /** @title Отображать кнопку возврата */
     backwardButton?: boolean;
   };

package/mobile/src/model/HeadlineType.ts

@@ -1,3 +1,4 @@
+import { type JSONRefObject } from '../data/JSONRefObject';
 import { type TextAlign } from '../ui-kit/Text/TextProps';
 
 /**
@@ -45,8 +46,26 @@ export type AdditionalDescriptionProps = {
   additionalDescription?: string;
 };
 
-export type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps;
+export type DynamicDescriptionProps = {
+  /** @title Динамическое описание по значению utm-метки */
+  dynamicUtmDescription?: DynamicDescription;
+  /** @title Справочник значений */
+  dynamicDescriptionSource?: JSONRefObject;
+};
+
+export type HeadlineCommonProps = TitleProps &
+  DescriptionProps &
+  AlignProps &
+  AdditionalDescriptionProps &
+  DynamicDescriptionProps;
 
 export type HeadlineProps = HeadlineCommonProps & {
   headlineVersion?: HeadlineVersion;
 };
+
+export type DynamicDescription = {
+  /** @title utm-метка */
+  utm?: string;
+  /** @title Заменяемый текст */
+  value?: string;
+};

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

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

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

@@ -1,26 +1,18 @@
 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 ?? '');
 
@@ -35,24 +27,6 @@ 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,14 +1,11 @@
 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;
 
@@ -16,28 +13,12 @@ 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) {
-      return;
-    }
-
-    const fetchedPaymentSystems = await getPaymentSystems(programId);
-
-    const referrerUrl = sessionStore.referrerUrl;
-
-    if (!referrerUrl) {
+    if (programId) {
+      const fetchedPaymentSystems = await getPaymentSystems(programId);
       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,24 +1,19 @@
 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);
@@ -29,30 +24,20 @@ 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 = calculateRegionHasDelivery({
-        isDebit,
-        isEsiaAuth,
-        isSalaryCard,
-        isDeliveryActive,
-        regionDelivery: getRegionDeliveryStatus(regionsDelivery, value),
-      });
+      const regionHasDelivery = isDebit
+        ? isEsiaAuth &&
+          !isSalaryCard &&
+          isDeliveryActive &&
+          regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg
+        : isDeliveryActive && regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg;
 
       handleChangeRegionHasDelivery?.(regionHasDelivery);
       handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
       handleChangeRegion?.(value);
     },
-    [calculateRegionHasDelivery],
+    [regionsDelivery, isDeliveryActive, isEsiaAuth],
   );
 
   useEffect(() => {

package/package.json

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

package/src/components/ApplicationLeadForm/getLeadFormTaskData.ts

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

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -8,7 +8,6 @@ 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';
@@ -19,11 +18,9 @@ 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';
@@ -79,7 +76,6 @@ export const useApplicationLeadApi = ({
 
       const referalData = leadFormStore.referalData;
       const marketingInfo = sessionStore.marketingInfo;
-      const referrerUrl = sessionStore.referrerUrl;
 
       if (!profileId) {
         throw new Error();
@@ -95,7 +91,6 @@ export const useApplicationLeadApi = ({
           marketingInfo,
           saveUserData,
           sendAspects,
-          referrerUrl,
         });
         verifyPhoneDialog.close();
         if (productType === 'debitCard') {
@@ -219,18 +214,6 @@ 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,
@@ -240,7 +223,6 @@ const updateUserData = async ({
   marketingInfo,
   saveUserData,
   sendAspects,
-  referrerUrl,
 }: {
   programId: string;
   profileId: number;
@@ -250,27 +232,17 @@ 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,
-          claimChannelCode,
-        }),
+        getDebitLeadFormTaskData(formData, programId, marketingInfo),
       );
 
       taskId = debitData.taskId;
@@ -293,7 +265,6 @@ const updateUserData = async ({
         }),
       );
     }
-
     if (referalData?.referalCode) {
       await saveReferalInfo({
         taskId,

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -25,7 +25,6 @@ type InitApplicationLeadProps = {
 export interface ApplicationLeadStore {
   marketingInfo: MarketingInfo | null;
   isNewMicroservice: boolean | null;
-  referrerUrl: string | null;
 }
 
 export const useInitApplicationLead = ({
@@ -79,11 +78,6 @@ 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/src/components/ProductBlock/ProductBlock.fixture.tsx

@@ -264,6 +264,28 @@ export default {
       />
     </div>
   ),
+  'secondary with benefits and utm': (
+    <div className="container grid grid-cols-12">
+      <ProductBlock
+        className="col-span-12"
+        title="Потребительский кредит наличными"
+        headlineVersion="L"
+        description="Для всех зарплатных клиентов вашей компании действует специальная программа:"
+        benefits={benefits}
+        benefitsVersion="white"
+        buttons={buttonsSecond}
+        image={image}
+        version="secondary"
+        dynamicUtmDescription={{
+          utm: 'utm_source',
+          value: 'вашей компании',
+        }}
+        dynamicDescriptionSource={{
+          $ref: '/wcms-resources/referal-programm.json',
+        }}
+      />
+    </div>
+  ),
   'secondary with list': (
     <div className="container grid grid-cols-12">
       <ProductBlock className="col-span-12" {...PRODUCT_BLOCK} image={image} version="secondary" />