@redneckz/wildless-cms-uni-blocks 0.14.49 → 0.14.51

package/mobile/src/components/ProductBlock/ProductBlock.tsx

@@ -1,44 +1,25 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useRouter } from '../../hooks/useRouter';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { BaseProductTile } from '../../ui-kit/BaseProductTile/BaseProductTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { getBorderStyle } from '../../utils/getBorderStyle';
 import { style } from '../../utils/style';
 import { type ProductBlockContent } from './ProductBlockContent';
-import { renderBackwardButton } from './renderBackwardButton';
 
 export interface ProductBlockProps extends UniBlockProps, ProductBlockContent {}
 
 export const ProductBlock = JSX<ProductBlockProps>(
-  ({ className, padding, backwardButton, showBorder, ...rest }) => {
-    const router = useRouter();
-    const handleClick = useCallback((ev?: PreventableEvent) => {
-      ev?.preventDefault();
-      router.back();
-    }, []);
-
-    return (
-      <BlockWrapper
-        className={style(
-          'overflow-hidden flex flex-col gap-3xl box-border',
-          getBorderStyle(showBorder),
-          className,
-        )}
-        defaultPadding="p-6xl"
-        padding={padding}
-        {...rest}
-      >
-        {backwardButton
-          ? renderBackwardButton(
-              !rest.version || rest.version === 'primary' ? 'primary' : 'white',
-              handleClick,
-            )
-          : null}
-        <BaseProductTile className="grow h-full" {...rest} />
-      </BlockWrapper>
-    );
-  },
+  ({ className, padding, showBorder, ...rest }) => (
+    <BlockWrapper
+      className={style(
+        'overflow-hidden flex flex-col gap-3xl box-border',
+        getBorderStyle(showBorder),
+        className,
+      )}
+      padding="p-0"
+      {...rest}
+    >
+      <BaseProductTile defaultPadding="p-6xl" padding={padding} className="grow h-full" {...rest} />
+    </BlockWrapper>
+  ),
 );

package/mobile/src/components/TariffsTable/TariffsTableCell.tsx

@@ -2,7 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { type CellDef } from './TariffsTableContent';
-import { renderCellInner } from './TariffsTableRenderCell';
+import { RenderCellInner } from './TariffsTableRenderCell';
 
 export interface TariffTableContentProps {
   openTableInnerIdx?: number;
@@ -30,16 +30,19 @@ export const TariffsTableCell = JSX<TariffsTableCellProps>(
     return (
       <div className="w-80 flex-grow flex flex-col gap-m @4xl:gap-lg" role="cell">
         {cells?.length
-          ? cells.map(
-              renderCellInner({
-                rowIdx,
-                cellIdx,
-                setTableInner,
-                tableInner,
-                openTableInnerIdx,
-                setOpenTableInnerIdx,
-              }),
-            )
+          ? cells.map((_, i) => (
+              <RenderCellInner
+                key={String(i)}
+                cell={_}
+                fieldIdx={i}
+                rowIdx={rowIdx}
+                cellIdx={cellIdx}
+                setTableInner={setTableInner}
+                tableInner={tableInner}
+                openTableInnerIdx={openTableInnerIdx}
+                setOpenTableInnerIdx={setOpenTableInnerIdx}
+              />
+            ))
           : null}
       </div>
     );

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,4 +1,3 @@
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent, type UniBlockProps } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
@@ -89,12 +88,18 @@ export type InnerTableBlockDef = TariffsTableInnerContent & {
   tableCellType: 'Table';
 };
 
+/** @title Не выбрано * */
+export type EmptyCellType = {
+  /** @default "" */
+  tableCellType: '';
+};
+
 /**
  * @title Содержимое ячейки
- * @default null
+ * @default { "tableCellType": "" }
  */
 export type CellDef =
-  | EmptyOption
+  | EmptyCellType
   | ImageCellDef
   | ButtonsCellDef
   | LabelDescriptionCellDef

package/mobile/src/components/TariffsTable/TariffsTableRenderCell.tsx

@@ -1,3 +1,4 @@
+import { JSX } from '@redneckz/uni-jsx';
 import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
 import { EmbeddableCellData } from './EmbeddableCellData';
@@ -22,16 +23,22 @@ interface CellProps {
   displayTable: (props: TariffsTableInnerContent) => void;
 }
 
-export const renderCellInner =
+export interface RenderCellInnerProps extends TariffTableCellInnerProps {
+  cell: CellDef;
+  fieldIdx: number;
+}
+
+export const RenderCellInner = JSX<RenderCellInnerProps>(
   ({
+    cell,
+    fieldIdx,
     rowIdx,
     cellIdx,
     setTableInner,
     tableInner,
     openTableInnerIdx,
     setOpenTableInnerIdx,
-  }: TariffTableCellInnerProps) =>
-  (cell: CellDef, i: number) => {
+  }) => {
     const [isVisible, setVisibility] = useState(true);
 
     useEffect(() => {
@@ -46,21 +53,18 @@ export const renderCellInner =
       setTableInner(props);
     };
 
-    return (
-      <div key={String(i)}>
-        {renderCell({
-          cell,
-          cellProps: {
-            rowIdx,
-            cellIdx,
-            fieldIdx: i,
-            displayTable,
-            isVisible,
-          },
-        })}
-      </div>
-    );
-  };
+    return renderCell({
+      cell,
+      cellProps: {
+        rowIdx,
+        cellIdx,
+        fieldIdx,
+        displayTable,
+        isVisible,
+      },
+    });
+  },
+);
 
 const renderCell = ({ cell, cellProps }: RenderCellProps) => {
   if (!cell) {

package/mobile/src/model/EmptyOptionType.ts

@@ -1,4 +1,2 @@
-/**
- * @title Не выбрано
- */
+/** @title Не выбрано * */
 export type EmptyOption = null;

package/mobile/src/model/JSXBlock.ts

@@ -9,9 +9,9 @@ import { type VNode } from './VNode';
 /**
  * @title Внутренний отступ
  * @default ""
- * @enumNames ["По умолчанию", "Большой", "Средний", "Маленький", "Оч. маленький", "Нулевой"]
+ * @enumNames ["По умолчанию", "Оч. Большой", "Большой", "Средний", "Маленький", "Оч. маленький", "Нулевой"]
  */
-export type UniBlockPadding = '' | 'p-3xl' | 'p-xl' | 'p-m' | 'p-xs' | 'p-0';
+export type UniBlockPadding = '' | 'p-6xl' | 'p-3xl' | 'p-xl' | 'p-m' | 'p-xs' | 'p-0';
 
 export interface UniBlockContent {
   version?: BlockVersion;

package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx

@@ -14,7 +14,9 @@ import { Tags } from '../Tags/Tags';
 import { type TextAlign } from '../Text/TextProps';
 import { type BaseProductTileContent } from './BaseProductTileContent';
 
-interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {}
+interface BaseProductTileProps extends UniBlockProps, BaseProductTileContent {
+  backwardButton?: boolean;
+}
 
 export const BaseProductTile = JSX<BaseProductTileProps>(
   ({
@@ -43,6 +45,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
       isImageAlwaysOnRight,
       isImageSecondary = false,
     } = {},
+    backwardButton,
     children,
   }) => {
     const img = image?.src ? <Img image={image} /> : null;
@@ -62,6 +65,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
         imageAlign={imageAlign}
         isImageAlwaysOnRight={isImageAlwaysOnRight}
         buttons={renderButtonsSection(buttons)}
+        backwardButton={backwardButton}
       >
         <div className="flex flex-col sm:gap-xl gap-4xl">
           {filteredBenefits?.length ? (

package/mobile/src/ui-kit/BaseTile/BaseTile.tsx

@@ -1,8 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { renderBackwardButton } from '../../components/ProductBlock/renderBackwardButton';
+import { useRouter } from '../../hooks/useRouter';
 import { type Align } from '../../model/Align';
 import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { style } from '../../utils/style';
+import { type PreventableEvent } from '../PreventableEvent';
 
 interface BaseTileProps extends UniBlockProps {
   title?: VNode;
@@ -13,6 +17,7 @@ interface BaseTileProps extends UniBlockProps {
   buttons?: VNode;
   isImageAlwaysOnRight?: boolean;
   isImageSecondary?: boolean;
+  backwardButton?: boolean;
 }
 
 const imageAlignmentMap: Record<Align, string> = {
@@ -24,6 +29,7 @@ const imageAlignmentMap: Record<Align, string> = {
 export const BaseTile = JSX<BaseTileProps>(
   ({
     className,
+    version = 'primary',
     defaultPadding,
     padding,
     title = '',
@@ -34,55 +40,62 @@ export const BaseTile = JSX<BaseTileProps>(
     imageAlign,
     isImageAlwaysOnRight = false,
     isImageSecondary = false,
+    backwardButton,
     children,
-  }) => (
-    <div
-      className={style(
-        'relative flex flex-col gap-3xl overflow-hidden',
-        padding || defaultPadding,
-        className,
-      )}
-    >
-      {title ? <div className="relative">{title}</div> : null}
-      <div
-        className={style(
-          'grow relative flex flex-col @xl:flex-row gap-3xl',
-          leftImage ? 'self-start' : '',
-        )}
-      >
-        {renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' })}
+  }) => {
+    const router = useRouter();
+    const handleClick = useCallback((ev?: PreventableEvent) => {
+      ev?.preventDefault();
+      router.back();
+    }, []);
+
+    return (
+      <div className={getStyle(padding, defaultPadding, className)}>
+        {backwardButton ? renderBackwardButton(version, handleClick) : null}
+        {title ? <div className="relative">{title}</div> : null}
         <div
           className={style(
-            'grid gap-3xl',
-            rightImage ? '@xl:grid-cols-2' : '',
-            leftImage ? '' : 'grow',
+            'grow relative flex flex-col @xl:flex-row gap-3xl',
+            leftImage ? 'self-start' : '',
           )}
         >
-          <div className="grow space-y-lg min-w-fit">
-            {insetTitle}
-            {children}
+          {renderImageContainer(leftImage, { imageAlign, className: 'mx-auto' })}
+          <div
+            className={style(
+              'grid gap-3xl',
+              rightImage ? '@xl:grid-cols-2' : '',
+              leftImage ? '' : 'grow',
+            )}
+          >
+            <div className="grow space-y-lg min-w-fit">
+              {insetTitle}
+              {children}
+            </div>
+            {renderImageContainer(rightImage, {
+              className: style(
+                '@xl:justify-self-end @xl:col-start-2',
+                buttons ? rowSpanStyle(isImageAlwaysOnRight) : '',
+                positionStyle(isImageAlwaysOnRight),
+                imageSecondaryStyle(isImageSecondary),
+              ),
+              imageAlign,
+            })}
+            {renderButtons(buttons)}
           </div>
-          {renderImageContainer(rightImage, {
-            className: style(
-              '@xl:justify-self-end @xl:col-start-2',
-              buttons ? rowSpanStyle(isImageAlwaysOnRight) : '',
-              positionStyle(isImageAlwaysOnRight),
-              imageSecondaryStyle(isImageSecondary),
-            ),
-            imageAlign,
-          })}
-          {renderButtons(buttons)}
         </div>
       </div>
-    </div>
-  ),
+    );
+  },
 );
 
+const getStyle = (padding = '', defaultPadding = '', className = '') =>
+  style('relative flex flex-col gap-3xl overflow-hidden', padding || defaultPadding, className);
+
 const rowSpanStyle = (isImageAlwaysOnRight: boolean) =>
   isImageAlwaysOnRight ? 'row-span-2' : '@xl:row-span-2';
 
 const positionStyle = (isImageAlwaysOnRight: boolean) =>
-  isImageAlwaysOnRight ? 'justify-self-end col-start-2 self-center' : '';
+  isImageAlwaysOnRight ? 'col-start-2 self-center' : '';
 
 const renderButtons = (buttons: VNode) =>
   buttons ? <div className="self-end">{buttons}</div> : null;

package/package.json

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

package/src/common.css

@@ -204,6 +204,10 @@ html {
     @apply text-h1;
   }
 
+  .md-container blockquote {
+    @apply text-m font-light group-data-primary:text-secondary-text;
+  }
+
   .md-container p.h2 {
     @apply text-h2;
   }

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -1,4 +1,3 @@
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
@@ -25,11 +24,17 @@ export type ListBenefitDef = ListContent & {
   benefitType?: 'list';
 };
 
+/** @title Не выбрано * */
+export type EmptyDescription = {
+  /** @default "" */
+  benefitType: '';
+};
+
 /**
  * @title Вид контента
- * @default null
+ * @default { "benefitType": "" }
  */
-export type DescriptionDef = EmptyOption | TextBenefitDef | ListBenefitDef;
+export type DescriptionDef = EmptyDescription | TextBenefitDef | ListBenefitDef;
 
 /**
  * @title Преимущество

package/src/components/Blocks.mobile.ts

@@ -29,7 +29,6 @@ import { OfficesAtmsMap } from './OfficesAtmsMap/OfficesAtmsMap';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
-import { ProductTile } from './ProductTile/ProductTile';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
@@ -39,7 +38,6 @@ import { StickyBottomMenu } from './StickyBottomMenu/StickyBottomMenu';
 import { Tabs } from './Tabs/Tabs';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { Tile } from './Tile/Tile';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 
 export const Blocks: BlocksRegistry = {
@@ -73,7 +71,6 @@ export const Blocks: BlocksRegistry = {
   Placeholder,
   ProductBlock,
   ProductGallery,
-  ProductTile,
   RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
@@ -83,6 +80,5 @@ export const Blocks: BlocksRegistry = {
   Tabs,
   TariffsTable,
   TextBlock,
-  Tile,
   VerticalLayout,
 };

package/src/components/Blocks.ts

@@ -36,7 +36,6 @@ import { ParagraphBlock } from './ParagraphBlock/ParagraphBlock';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
-import { ProductTile } from './ProductTile/ProductTile';
 import { RepresentativeOfficeInfo } from './RepresentativeOfficeInfo/RepresentativeOfficeInfo';
 import { RichTextBlock } from './RichTextBlock/RichTextBlock';
 import { RollupItem } from './RollupItem/RollupItem';
@@ -47,7 +46,6 @@ import { SwipeListControlBlock } from './SwipeListControlBlock/SwipeListControlB
 import { Tabs } from './Tabs/Tabs';
 import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
-import { Tile } from './Tile/Tile';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
 import { Video } from './Video/Video';
 
@@ -89,7 +87,6 @@ export const Blocks: BlocksRegistry = {
   Placeholder,
   ProductBlock,
   ProductGallery,
-  ProductTile,
   RepresentativeOfficeInfo,
   RichTextBlock,
   RollupItem,
@@ -100,7 +97,6 @@ export const Blocks: BlocksRegistry = {
   Tabs,
   TariffsTable,
   TextBlock,
-  Tile,
   VerticalLayout,
   Video,
 };

package/src/components/Bonus/Bonus.tsx

@@ -27,7 +27,7 @@ export const Bonus = JSX<BonusProps>(
             ? bonusItems.map((_, i) => (
                 <div
                   key={String(i)}
-                  className="w-full @xl:w-[48%] sm:space-y-xs flex flex-col grow w-full p-xl sm:p-m border border-gray"
+                  className="w-full @xl:w-[48%] sm:space-y-xs flex flex-col grow p-xl sm:p-m border border-gray"
                 >
                   <div className="grow">
                     <Headline

package/src/components/Bonus/BonusContent.ts

@@ -1,4 +1,3 @@
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type HeadlineCommonProps } from '../../model/HeadlineType';
 import { type UniBlockContent } from '../../model/JSXBlock';
 import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
@@ -25,11 +24,17 @@ export type BonusCountDef = {
   bonusName?: string;
 };
 
+/** @title Не выбрано * */
+export type EmptyBonusItemContent = {
+  /** @default "" */
+  bonusType: '';
+};
+
 /**
  * @title Вид контента
- * @default null
+ * @default { "bonusType": "" }
  */
-export type BonusItemContentDef = EmptyOption | BonusImageDef | BonusCountDef;
+export type BonusItemContentDef = EmptyBonusItemContent | BonusImageDef | BonusCountDef;
 
 /**
  * @title Плитка

package/src/components/Calculator/BusinessDepositCalculatorForm.tsx

@@ -34,7 +34,7 @@ export const BusinessDepositCalculatorForm = JSX<BusinessDepositCalculatorProp>(
 
     const calculatorParams = useBusinessDepositCalculatorParams(
       userInputParams,
-      rateParams?.sourceBookDir,
+      rateParams?.rateType && rateParams.sourceBookDir,
     );
     const { income, finalSum, rate, isUnavailableByTerm, depositeName } = calculatorParams;
 

package/src/components/Calculator/CalculatorContent.ts

@@ -1,5 +1,4 @@
 import { type Align } from '../../model/Align';
-import { type EmptyOption } from '../../model/EmptyOptionType';
 import { type Footnote } from '../../model/Footnote';
 import { type HeadlineCommonProps, type TitleProps } from '../../model/HeadlineType';
 import { type IconProps } from '../../model/Picture';
@@ -26,11 +25,17 @@ export type IPRateDef = RateParams & {
   rateType: 'IP';
 };
 
+/** @title Не выбрано * */
+export type EmptyRateParams = {
+  /** @default "" */
+  rateType: '';
+};
+
 /**
  * @title Назначение ставки
- * @default null
+ * @default {"rateType": ""}
  */
-export type RateParamsDef = EmptyOption | ULRateDef | IPRateDef;
+export type RateParamsDef = EmptyRateParams | ULRateDef | IPRateDef;
 
 export type CommonCalculatorProps = Footnote &
   ButtonsSectionContent & {
@@ -153,12 +158,18 @@ export type RefinancingCalculatorParamsDef = TitleProps &
     calcType: 'RefinancingCalculatorForm';
   };
 
+/** @title Не выбрано * */
+export type EmptyCalculatorBlock = {
+  /** @default "" */
+  calcType: '';
+};
+
 /**
  * @title Настройки калькулятора
- * @default null
+ * @default { "calcType": "" }
  */
 export type CalculatorBlockDef =
-  | EmptyOption
+  | EmptyCalculatorBlock
   | CreditCalculatorParamsDef
   | DepositCalculatorParamsDef
   | BusinessDepositCalculatorParamsDef

package/src/components/DepositFiltration/DepositFiltration.fixture.mobile.tsx

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { DepositFiltration } from './DepositFiltration';
 import { type DepositFiltrationContent } from './DepositFiltrationContent';
 
@@ -43,7 +43,7 @@ const PERCENTS_EACH_MONTH = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -115,7 +115,7 @@ export default {
           type: 'DepositFiltration',
           blocks: [
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 1' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 1' },
               CURRENCY_RUB,
               OPTIONS_WITHDRAWAL,
               OPTIONS_PENSIONER,
@@ -128,7 +128,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 2' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 2' },
               CURRENCY_USD,
               OPTIONS_ADD,
               OPTIONS_ONLINE,
@@ -141,7 +141,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 3' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 3' },
               CURRENCY_EUR,
               OPTIONS_ADD,
               OPTIONS_ONLINE,

package/src/components/DepositFiltration/DepositFiltration.fixture.tsx

@@ -2,7 +2,7 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { Blocks } from '../Blocks';
-import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
+import { PRODUCT_BLOCK_WITH_IMAGE } from '../ProductBlock/ProductBlock.fixture';
 import { DepositFiltration } from './DepositFiltration';
 import { type DepositFiltrationContent } from './DepositFiltrationContent';
 
@@ -43,7 +43,7 @@ const PERCENTS_EACH_MONTH = {
 };
 
 const generateBlock = (...presets: any[]) => ({
-  type: 'ProductTile',
+  type: 'ProductBlock',
   style: ['col-span-6'],
   content: { ...presets.reduce((acc, p) => ({ ...acc, ...p })) },
 });
@@ -115,7 +115,7 @@ export default {
           type: 'DepositFiltration',
           blocks: [
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 1' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 1' },
               CURRENCY_RUB,
               OPTIONS_WITHDRAWAL,
               OPTIONS_PENSIONER,
@@ -128,7 +128,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 2' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 2' },
               CURRENCY_USD,
               OPTIONS_ADD,
               OPTIONS_ONLINE,
@@ -141,7 +141,7 @@ export default {
               },
             ),
             generateBlock(
-              { ...PRODUCT_TILE, title: 'Карточка 3' },
+              { ...PRODUCT_BLOCK_WITH_IMAGE, title: 'Карточка 3' },
               CURRENCY_EUR,
               OPTIONS_ADD,
               OPTIONS_ONLINE,