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

package/mobile/bundle/components/GalleryLayout/utils.d.ts

@@ -2,7 +2,7 @@ import { type BlockDef } from '../../model/ContentPageDef';
 import { type LinkProps } from '../../model/LinkProps';
 export declare const getChildStyle: (index: number) => "lg:col-span-1 lg:row-span-1" | "lg:col-span-2 lg:row-span-2";
 export declare const modifyBlock: (block: BlockDef, i: number) => {
-    content: import("../../UniBlock/UniBlockProps").UniBlockContent & import("../../model/HeadlineType").TitleProps & import("../../model/HeadlineType").DescriptionProps & import("../../model/HeadlineType").AlignProps & {
+    content: import("../../UniBlock/UniBlockProps").UniBlockContent & import("../../model/HeadlineType").TitleProps & import("../../model/HeadlineType").DescriptionProps & import("../../model/HeadlineType").AlignProps & import("../../model/HeadlineType").AdditionalDescriptionProps & import("../../model/HeadlineType").DynamicDescriptionProps & {
         headlineVersion?: import("../../model/HeadlineType").HeadlineVersion | undefined;
     } & import("../../ui-kit/BenefitsList/BenefitsListContent").BenefitsListContent & import("../../model/Bullets").BulletsProps & {
         __html?: string | undefined;
@@ -11,7 +11,7 @@ export declare const modifyBlock: (block: BlockDef, i: number) => {
     } & import("../../ui-kit/Tags/TagsContent").TagsContent & import("../../ui-kit/LinkButton/ButtonsSectionContent").ButtonsSectionContent & import("../../ui-kit/Img/ImgProps").ImageContent & import("../../ui-kit/BaseProductTile/BaseProductTileContent").PriceListProps & {
         imageOptions?: import("../../ui-kit/BaseProductTile/BaseProductTileContent").TileImageOptions | undefined;
         isFullWidthTitle?: boolean | undefined;
-    } & import("../../model/HeadlineType").AdditionalDescriptionProps & {
+    } & {
         backwardButton?: boolean | undefined;
     } & {
         link?: LinkProps | undefined;

package/mobile/bundle/components/ProductBlock/ProductBlock.d.ts

@@ -1,5 +1,9 @@
+import type { JSONRefObject } from '../../data/JSONRefObject';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type ProductBlockContent } from './ProductBlockContent';
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {
+    dynamicDescriptionSource?: JSONRefObject & {
+        list?: Record<string, string>[];
+    };
 }
 export declare const ProductBlock: import("../../UniBlock/UniBlock").UniBlockComponent<ProductBlockProps>;

package/mobile/bundle/components/ProductBlock/ProductBlockContent.d.ts

@@ -1,10 +1,10 @@
-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';
 /**
  * @title Продуктовый блок
  */
-export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps & {
+export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps & DynamicDescriptionProps & {
     /** @title Отображать кнопку возврата */
     backwardButton?: boolean;
 };

package/mobile/bundle/model/HeadlineType.d.ts

@@ -1,3 +1,4 @@
+import { type JSONRefObject } from '../data/JSONRefObject';
 import { type TextAlign } from '../ui-kit/Text/TextProps';
 /**
  * TODO: Hellfire refactoring is needed here
@@ -35,7 +36,19 @@ export declare type AdditionalDescriptionProps = {
     /** @title Дополнительное описание */
     additionalDescription?: string;
 };
-export declare type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps;
+export declare type DynamicDescriptionProps = {
+    /** @title Динамическое описание по значению utm-метки */
+    dynamicUtmDescription?: DynamicDescription;
+    /** @title Справочник значений */
+    dynamicDescriptionSource?: JSONRefObject;
+};
+export declare type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps & AdditionalDescriptionProps & DynamicDescriptionProps;
 export declare type HeadlineProps = HeadlineCommonProps & {
     headlineVersion?: HeadlineVersion;
 };
+export declare type DynamicDescription = {
+    /** @title utm-метка */
+    utm?: string;
+    /** @title Заменяемый текст */
+    value?: string;
+};

package/mobile/dist/components/GalleryLayout/utils.d.ts

@@ -2,7 +2,7 @@ import { type BlockDef } from '../../model/ContentPageDef';
 import { type LinkProps } from '../../model/LinkProps';
 export declare const getChildStyle: (index: number) => "lg:col-span-1 lg:row-span-1" | "lg:col-span-2 lg:row-span-2";
 export declare const modifyBlock: (block: BlockDef, i: number) => {
-    content: import("../../UniBlock/UniBlockProps").UniBlockContent & import("../../model/HeadlineType").TitleProps & import("../../model/HeadlineType").DescriptionProps & import("../../model/HeadlineType").AlignProps & {
+    content: import("../../UniBlock/UniBlockProps").UniBlockContent & import("../../model/HeadlineType").TitleProps & import("../../model/HeadlineType").DescriptionProps & import("../../model/HeadlineType").AlignProps & import("../../model/HeadlineType").AdditionalDescriptionProps & import("../../model/HeadlineType").DynamicDescriptionProps & {
         headlineVersion?: import("../../model/HeadlineType").HeadlineVersion | undefined;
     } & import("../../ui-kit/BenefitsList/BenefitsListContent").BenefitsListContent & import("../../model/Bullets").BulletsProps & {
         __html?: string | undefined;
@@ -11,7 +11,7 @@ export declare const modifyBlock: (block: BlockDef, i: number) => {
     } & import("../../ui-kit/Tags/TagsContent").TagsContent & import("../../ui-kit/LinkButton/ButtonsSectionContent").ButtonsSectionContent & import("../../ui-kit/Img/ImgProps").ImageContent & import("../../ui-kit/BaseProductTile/BaseProductTileContent").PriceListProps & {
         imageOptions?: import("../../ui-kit/BaseProductTile/BaseProductTileContent").TileImageOptions | undefined;
         isFullWidthTitle?: boolean | undefined;
-    } & import("../../model/HeadlineType").AdditionalDescriptionProps & {
+    } & {
         backwardButton?: boolean | undefined;
     } & {
         link?: LinkProps | undefined;

package/mobile/dist/components/ProductBlock/ProductBlock.d.ts

@@ -1,5 +1,9 @@
+import type { JSONRefObject } from '../../data/JSONRefObject';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type ProductBlockContent } from './ProductBlockContent';
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {
+    dynamicDescriptionSource?: JSONRefObject & {
+        list?: Record<string, string>[];
+    };
 }
 export declare const ProductBlock: import("../../UniBlock/UniBlock").UniBlockComponent<ProductBlockProps>;

package/mobile/dist/components/ProductBlock/ProductBlock.js

@@ -4,6 +4,21 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
 const BaseProductTile_1 = require("../../ui-kit/BaseProductTile/BaseProductTile");
 const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
 const UniBlock_1 = require("../../UniBlock/UniBlock");
+const getSessionQuery_1 = require("../../utils/getSessionQuery");
 const style_1 = require("../../utils/style");
-exports.ProductBlock = (0, UniBlock_1.UniBlock)(({ className, padding, defaultPadding, ...rest }) => ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(BaseProductTile_1.BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, className: "grow h-full", ...rest }) })));
+exports.ProductBlock = (0, UniBlock_1.UniBlock)(({ className, padding, defaultPadding, dynamicUtmDescription, dynamicDescriptionSource, description, ...rest }) => {
+    const formatDescription = getFormatDescription(dynamicUtmDescription, dynamicDescriptionSource?.list, description);
+    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: (0, jsx_runtime_1.jsx)(BaseProductTile_1.BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, description: formatDescription, className: "grow h-full", ...rest }) }));
+});
+const getFormatDescription = (dynamicUtmDescription = {}, valuesList = [], description = '') => {
+    const { utm, value } = dynamicUtmDescription;
+    const sessionQuery = (0, getSessionQuery_1.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, queryString) => {
+    const params = new URLSearchParams(queryString);
+    return params.get(utm);
+};
 //# sourceMappingURL=ProductBlock.js.map

package/mobile/dist/components/ProductBlock/ProductBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";;;AAAA,kFAA+E;AAC/E,4DAAyD;AACzD,sDAAmD;AAEnD,6CAA0C;AAK7B,QAAA,YAAY,GAAG,IAAA,mBAAQ,EAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnD,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,kDAAkD,EAAE,SAAS,CAAC,EAC/E,OAAO,EAAC,KAAK,KACT,IAAI,YAER,uBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,IAAI,OAAO,EACzC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,aAAa,KACnB,IAAI,GACR,GACW,CAChB,CACF,CAAC"}
+{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";;;AAEA,kFAA+E;AAC/E,4DAAyD;AACzD,sDAAmD;AAEnD,iEAA+D;AAC/D,6CAA0C;AAS7B,QAAA,YAAY,GAAG,IAAA,mBAAQ,EAClC,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,oBAAoB,CAC5C,qBAAqB,EACrB,wBAAwB,EAAE,IAAI,EAC9B,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,IAAA,aAAK,EAAC,kDAAkD,EAAE,SAAS,CAAC,EAC/E,OAAO,EAAC,KAAK,KACT,IAAI,YAER,uBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,IAAI,OAAO,EACzC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAC,aAAa,KACnB,IAAI,GACR,GACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,wBAA4C,EAAE,EAC9C,aAAuC,EAAE,EACzC,WAAW,GAAG,EAAE,EAChB,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,qBAAqB,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAA,kCAAgB,GAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,IAAI,YAAY,EAAE,YAAY,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,QAAQ,CAAC,EAAE,KAAK,CAAC;IAE7E,OAAO,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;AACvF,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,WAAmB,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC;IAEhD,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC"}

package/mobile/dist/components/ProductBlock/ProductBlockContent.d.ts

@@ -1,10 +1,10 @@
-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';
 /**
  * @title Продуктовый блок
  */
-export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps & {
+export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps & DynamicDescriptionProps & {
     /** @title Отображать кнопку возврата */
     backwardButton?: boolean;
 };

package/mobile/dist/model/HeadlineType.d.ts

@@ -1,3 +1,4 @@
+import { type JSONRefObject } from '../data/JSONRefObject';
 import { type TextAlign } from '../ui-kit/Text/TextProps';
 /**
  * TODO: Hellfire refactoring is needed here
@@ -35,7 +36,19 @@ export declare type AdditionalDescriptionProps = {
     /** @title Дополнительное описание */
     additionalDescription?: string;
 };
-export declare type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps;
+export declare type DynamicDescriptionProps = {
+    /** @title Динамическое описание по значению utm-метки */
+    dynamicUtmDescription?: DynamicDescription;
+    /** @title Справочник значений */
+    dynamicDescriptionSource?: JSONRefObject;
+};
+export declare type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps & AdditionalDescriptionProps & DynamicDescriptionProps;
 export declare type HeadlineProps = HeadlineCommonProps & {
     headlineVersion?: HeadlineVersion;
 };
+export declare type DynamicDescription = {
+    /** @title utm-метка */
+    utm?: string;
+    /** @title Заменяемый текст */
+    value?: string;
+};

package/mobile/lib/components/GalleryLayout/utils.d.ts

@@ -2,7 +2,7 @@ import { type BlockDef } from '../../model/ContentPageDef';
 import { type LinkProps } from '../../model/LinkProps';
 export declare const getChildStyle: (index: number) => "lg:col-span-1 lg:row-span-1" | "lg:col-span-2 lg:row-span-2";
 export declare const modifyBlock: (block: BlockDef, i: number) => {
-    content: import("../../UniBlock/UniBlockProps").UniBlockContent & import("../../model/HeadlineType").TitleProps & import("../../model/HeadlineType").DescriptionProps & import("../../model/HeadlineType").AlignProps & {
+    content: import("../../UniBlock/UniBlockProps").UniBlockContent & import("../../model/HeadlineType").TitleProps & import("../../model/HeadlineType").DescriptionProps & import("../../model/HeadlineType").AlignProps & import("../../model/HeadlineType").AdditionalDescriptionProps & import("../../model/HeadlineType").DynamicDescriptionProps & {
         headlineVersion?: import("../../model/HeadlineType").HeadlineVersion | undefined;
     } & import("../../ui-kit/BenefitsList/BenefitsListContent").BenefitsListContent & import("../../model/Bullets").BulletsProps & {
         __html?: string | undefined;
@@ -11,7 +11,7 @@ export declare const modifyBlock: (block: BlockDef, i: number) => {
     } & import("../../ui-kit/Tags/TagsContent").TagsContent & import("../../ui-kit/LinkButton/ButtonsSectionContent").ButtonsSectionContent & import("../../ui-kit/Img/ImgProps").ImageContent & import("../../ui-kit/BaseProductTile/BaseProductTileContent").PriceListProps & {
         imageOptions?: import("../../ui-kit/BaseProductTile/BaseProductTileContent").TileImageOptions | undefined;
         isFullWidthTitle?: boolean | undefined;
-    } & import("../../model/HeadlineType").AdditionalDescriptionProps & {
+    } & {
         backwardButton?: boolean | undefined;
     } & {
         link?: LinkProps | undefined;

package/mobile/lib/components/ProductBlock/ProductBlock.d.ts

@@ -1,5 +1,9 @@
+import type { JSONRefObject } from '../../data/JSONRefObject';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
 import { type ProductBlockContent } from './ProductBlockContent';
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {
+    dynamicDescriptionSource?: JSONRefObject & {
+        list?: Record<string, string>[];
+    };
 }
 export declare const ProductBlock: import("../../UniBlock/UniBlock").UniBlockComponent<ProductBlockProps>;

package/mobile/lib/components/ProductBlock/ProductBlock.js

@@ -2,6 +2,21 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile.js';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
 import { UniBlock } from '../../UniBlock/UniBlock.js';
+import { saveSessionQuery } from '../../utils/getSessionQuery.js';
 import { style } from '../../utils/style.js';
-export const ProductBlock = UniBlock(({ className, padding, defaultPadding, ...rest }) => (_jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: _jsx(BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, className: "grow h-full", ...rest }) })));
+export const ProductBlock = UniBlock(({ className, padding, defaultPadding, dynamicUtmDescription, dynamicDescriptionSource, description, ...rest }) => {
+    const formatDescription = getFormatDescription(dynamicUtmDescription, dynamicDescriptionSource?.list, description);
+    return (_jsx(BlockWrapper, { className: style('overflow-hidden flex flex-col gap-3xl box-border', className), padding: "p-0", ...rest, children: _jsx(BaseProductTile, { defaultPadding: defaultPadding || 'p-6xl', padding: padding, description: formatDescription, className: "grow h-full", ...rest }) }));
+});
+const getFormatDescription = (dynamicUtmDescription = {}, valuesList = [], 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, queryString) => {
+    const params = new URLSearchParams(queryString);
+    return params.get(utm);
+};
 //# sourceMappingURL=ProductBlock.js.map

package/mobile/lib/components/ProductBlock/ProductBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAK1C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAClC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACnD,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,kDAAkD,EAAE,SAAS,CAAC,EAC/E,OAAO,EAAC,KAAK,KACT,IAAI,YAER,KAAC,eAAe,IACd,cAAc,EAAE,cAAc,IAAI,OAAO,EACzC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,aAAa,KACnB,IAAI,GACR,GACW,CAChB,CACF,CAAC"}
+{"version":3,"file":"ProductBlock.js","sourceRoot":"","sources":["../../../src/components/ProductBlock/ProductBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAClC,CAAC,EACC,SAAS,EACT,OAAO,EACP,cAAc,EACd,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,oBAAoB,CAC5C,qBAAqB,EACrB,wBAAwB,EAAE,IAAI,EAC9B,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,CAAC,kDAAkD,EAAE,SAAS,CAAC,EAC/E,OAAO,EAAC,KAAK,KACT,IAAI,YAER,KAAC,eAAe,IACd,cAAc,EAAE,cAAc,IAAI,OAAO,EACzC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,iBAAiB,EAC9B,SAAS,EAAC,aAAa,KACnB,IAAI,GACR,GACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAC3B,wBAA4C,EAAE,EAC9C,aAAuC,EAAE,EACzC,WAAW,GAAG,EAAE,EAChB,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,qBAAqB,CAAC;IAC7C,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,IAAI,YAAY,EAAE,YAAY,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,QAAQ,CAAC,EAAE,KAAK,CAAC;IAE7E,OAAO,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;AACvF,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,WAAmB,EAAE,EAAE;IACvD,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC;IAEhD,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC"}

package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts

@@ -1,10 +1,10 @@
-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';
 /**
  * @title Продуктовый блок
  */
-export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps & {
+export declare type ProductBlockContent = UniBlockContent & BaseProductTileContent & AdditionalDescriptionProps & DynamicDescriptionProps & {
     /** @title Отображать кнопку возврата */
     backwardButton?: boolean;
 };

package/mobile/lib/model/HeadlineType.d.ts

@@ -1,3 +1,4 @@
+import { type JSONRefObject } from '../data/JSONRefObject';
 import { type TextAlign } from '../ui-kit/Text/TextProps';
 /**
  * TODO: Hellfire refactoring is needed here
@@ -35,7 +36,19 @@ export declare type AdditionalDescriptionProps = {
     /** @title Дополнительное описание */
     additionalDescription?: string;
 };
-export declare type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps;
+export declare type DynamicDescriptionProps = {
+    /** @title Динамическое описание по значению utm-метки */
+    dynamicUtmDescription?: DynamicDescription;
+    /** @title Справочник значений */
+    dynamicDescriptionSource?: JSONRefObject;
+};
+export declare type HeadlineCommonProps = TitleProps & DescriptionProps & AlignProps & AdditionalDescriptionProps & DynamicDescriptionProps;
 export declare type HeadlineProps = HeadlineCommonProps & {
     headlineVersion?: HeadlineVersion;
 };
+export declare type DynamicDescription = {
+    /** @title utm-метка */
+    utm?: string;
+    /** @title Заменяемый текст */
+    value?: string;
+};

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/package.json

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

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" />

package/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/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;
   };