@redneckz/wildless-cms-uni-blocks 0.14.982 → 0.14.984

package/src/components/RichTextBlock/RichTextBlock.tsx

@@ -1,17 +1,31 @@
-import { JSX } from '@redneckz/uni-jsx';
+import type { JSONRefObject } from '../../data/JSONRefObject';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { RichText } from '../../ui-kit/RichText/RichText';
+import { UniBlock } from '../../UniBlock/UniBlock';
 import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
+import { getFormatDynamicText } from '../../utils/getFormatDynamicText';
 import { type RichTextBlockContent } from './RichTextBlockContent';
 
-interface RichTextBlockProps extends RichTextBlockContent, UniBlockProps {}
+interface RichTextBlockProps extends RichTextBlockContent, UniBlockProps {
+  dynamicTextSource?: JSONRefObject & {
+    list?: Record<string, string>[];
+  };
+}
 
-export const RichTextBlock = JSX<RichTextBlockProps>((props) => {
-  const { __html, richVersion = '', ...rest } = props;
+export const RichTextBlock = UniBlock<RichTextBlockProps>((props) => {
+  const {
+    __html,
+    dynamicQueryParamText = {},
+    dynamicTextSource,
+    richVersion = '',
+    ...rest
+  } = props;
+
+  const formatText = getFormatDynamicText(dynamicQueryParamText, dynamicTextSource?.list, __html);
 
   return (
     <BlockWrapper defaultPadding="p-0" {...rest}>
-      <RichText __html={__html} richVersion={richVersion} />
+      <RichText __html={formatText} richVersion={richVersion} />
     </BlockWrapper>
   );
 });

package/src/components/RichTextBlock/RichTextBlockContent.ts

@@ -1,7 +1,8 @@
+import { type DynamicTextProps } from '../../model/HeadlineType';
 import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
 import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
 
 /**
  * @title Форматированный текст
  */
-export type RichTextBlockContent = UniBlockContent & RichTextProps;
+export type RichTextBlockContent = UniBlockContent & RichTextProps & DynamicTextProps;

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

@@ -60,13 +60,11 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
       handleChangeOffice?.(DEFAULT_BIBLIOLOBUS_VALUES.office);
       handleChangeRegionHasDelivery?.(checkRegionDeliveryStatus(DEFAULT_BIBLIOLOBUS_VALUES.region));
       handleChangeMethodObtain?.('office');
-    }
-    if (isSalaryCard) {
+    } else if (isSalaryCard) {
       handleChangeRegion?.(DEFAULT_SALARY_CARD_VALUES.region);
       handleChangeOffice?.(DEFAULT_SALARY_CARD_VALUES.office);
       handleChangeMethodObtain?.('office');
-    }
-    if (regionRetail) {
+    } else if (regionRetail) {
       const regionHasDelivery = checkRegionDeliveryStatus(regionRetail);
       handleChangeRegionHasDelivery?.(regionHasDelivery);
       handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');

package/src/utils/getFormatDynamicText.ts

@@ -0,0 +1,18 @@
+import type { DynamicText } from '../model/HeadlineType';
+import { getQueryParamValue } from './getQueryParamValue';
+import { saveSessionQuery } from './getSessionQuery';
+
+export const getFormatDynamicText = (
+  dynamicQueryParamText: DynamicText = {},
+  valuesList: Record<string, string>[] = [],
+  text = '',
+) => {
+  const { queryParam, value } = dynamicQueryParamText;
+  const sessionQuery = saveSessionQuery();
+  const utmValue = getQueryParamValue(queryParam ?? 'utm_source', sessionQuery);
+  const dynamicValue = valuesList.find(
+    (item) => item?.id?.toLowerCase() === utmValue?.toLowerCase(),
+  )?.value;
+
+  return dynamicValue ? text?.replace(String(value), dynamicValue) : text;
+};

package/src/utils/getQueryParamValue.ts

@@ -0,0 +1,5 @@
+export const getQueryParamValue = (queryParam: string, queryString: string) => {
+  const params = new URLSearchParams(queryString);
+
+  return params.get(queryParam);
+};