@gravity-ui/page-constructor 2.2.1-alpha.0 → 2.3.0

package/build/esm/sub-blocks/CardWithImage/schema.d.ts

@@ -0,0 +1,154 @@
+export declare const CardWithImageItem: {
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        image: {
+            type: string;
+        };
+        description: {
+            type: string;
+            contentType: string;
+        };
+        disableCompress: {
+            type: string;
+        };
+        border: {
+            type: string;
+        };
+        fullScreen: {
+            type: string;
+        };
+        links: {
+            type: string;
+            items: {
+                type: string;
+                properties: {
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        };
+        title: {
+            oneOf: ({
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    textSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    url: {
+                        type: string;
+                    };
+                    resetMargin: {
+                        type: string;
+                    };
+                };
+            } | {
+                type: string;
+                contentType: string;
+            })[];
+        };
+        additionalInfo: {
+            type: string;
+            contentType: string;
+        };
+        buttons: {
+            type: string;
+            items: {
+                type: string;
+                properties: {
+                    when: {
+                        type: string;
+                    };
+                };
+            };
+        };
+        type: {};
+        when: {};
+    };
+};
+export declare const CardWithImage: {
+    'card-with-image': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            image: {
+                type: string;
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
+            disableCompress: {
+                type: string;
+            };
+            border: {
+                type: string;
+            };
+            fullScreen: {
+                type: string;
+            };
+            links: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    contentType: string;
+                })[];
+            };
+            additionalInfo: {
+                type: string;
+                contentType: string;
+            };
+            buttons: {
+                type: string;
+                items: {
+                    type: string;
+                    properties: {
+                        when: {
+                            type: string;
+                        };
+                    };
+                };
+            };
+            type: {};
+            when: {};
+        };
+    };
+};

package/build/esm/sub-blocks/CardWithImage/schema.js

@@ -0,0 +1,43 @@
+import { omit } from 'lodash';
+import { BaseProps, textSize } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+import { ContentBase } from '../../sub-blocks/Content/schema';
+const CardWithImageContentProps = omit(ContentBase, ['links', 'size', 'text', 'theme']);
+const CardWithImageLinks = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['title', 'link'],
+    properties: Object.assign(Object.assign({}, BaseProps), { title: {
+            type: 'string',
+            contentType: 'text',
+        }, link: {
+            type: 'string',
+        }, arrow: {
+            type: 'boolean',
+        }, theme: {
+            type: 'string',
+            enum: ['back', 'file-link', 'normal'],
+        }, textSize: {
+            type: 'string',
+            enum: textSize,
+        } }),
+};
+export const CardWithImageItem = {
+    additionalProperties: false,
+    required: ['image'],
+    properties: Object.assign(Object.assign(Object.assign({}, BaseProps), CardWithImageContentProps), { image: {
+            type: 'string',
+        }, description: {
+            type: 'string',
+            contentType: 'yfm',
+        }, disableCompress: {
+            type: 'boolean',
+        }, border: {
+            type: 'boolean',
+        }, fullScreen: {
+            type: 'boolean',
+        }, links: filteredArray(CardWithImageLinks) }),
+};
+export const CardWithImage = {
+    'card-with-image': CardWithImageItem,
+};

package/build/esm/sub-blocks/HubspotForm/HubspotForm.css

@@ -268,6 +268,7 @@ unpredictable css rules order in build */
 .pc-hubspot-form .hs-button.primary {
   margin: 0;
   padding: 0;
+  font-family: var(--yc-text-body-font-family);
   font-size: inherit;
   font-weight: 400;
   color: inherit;

package/build/esm/sub-blocks/index.d.ts

@@ -6,6 +6,7 @@ export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
 export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';
 export { default as TutorialCard } from './TutorialCard/TutorialCard';
+export { default as CardWithImage } from './CardWithImage/CardWithImage';
 export { default as LayoutItem } from './LayoutItem/LayoutItem';
 export { default as BackgroundCard } from './BackgroundCard/BackgroundCard';
 export { default as BasicCard } from './BasicCard/BasicCard';

package/build/esm/sub-blocks/index.js

@@ -6,6 +6,7 @@ export { default as PriceDetailed } from './PriceDetailed/PriceDetailed';
 export { default as MediaCard } from './MediaCard/MediaCard';
 export { default as BannerCard } from './BannerCard/BannerCard';
 export { default as TutorialCard } from './TutorialCard/TutorialCard';
+export { default as CardWithImage } from './CardWithImage/CardWithImage';
 export { default as LayoutItem } from './LayoutItem/LayoutItem';
 export { default as BackgroundCard } from './BackgroundCard/BackgroundCard';
 export { default as BasicCard } from './BasicCard/BasicCard';

package/build/esm/text-transform/blocks.js

@@ -128,6 +128,16 @@ const config = {
             transformer: typografTransformer,
         },
     ],
+    [SubBlockType.CardWithImage]: [
+        {
+            fields: ['description', 'additionalInfo'],
+            transformer: yfmTransformer,
+        },
+        {
+            fields: ['title'],
+            transformer: typografTransformer,
+        },
+    ],
     [SubBlockType.LayoutItem]: [
         {
             fields: ['content'],
@@ -252,6 +262,17 @@ const config = {
             parser: createItemsParser(['description']),
         },
     ],
+    [BlockType.SimpleBlock]: [
+        {
+            fields: ['title'],
+            transformer: typografTransformer,
+            parser: parseTitle,
+        },
+        {
+            fields: ['description'],
+            transformer: yfmTransformer,
+        },
+    ],
     [SubBlockType.PriceDetailed]: [
         {
             transformer: yfmTransformer,
@@ -287,6 +308,17 @@ const config = {
             parser: parseTitle,
         },
     ],
+    [BlockType.PreviewBlock]: [
+        {
+            fields: ['description'],
+            transformer: yfmTransformer,
+        },
+        {
+            fields: ['title'],
+            transformer: typografTransformer,
+            parser: parseTitle,
+        },
+    ],
     [BlockType.InfoBlock]: [
         {
             fields: ['rightContent', 'leftContent'],

package/build/esm/utils/imageCompress.d.ts

@@ -0,0 +1,6 @@
+export declare enum AvailableForCompressExtension {
+    PNG = "png",
+    JPG = "jpg",
+    JPEG = "jpeg"
+}
+export declare const isCompressible: (fileName: string) => boolean;

package/build/esm/utils/imageCompress.js

@@ -0,0 +1,7 @@
+export var AvailableForCompressExtension;
+(function (AvailableForCompressExtension) {
+    AvailableForCompressExtension["PNG"] = "png";
+    AvailableForCompressExtension["JPG"] = "jpg";
+    AvailableForCompressExtension["JPEG"] = "jpeg";
+})(AvailableForCompressExtension || (AvailableForCompressExtension = {}));
+export const isCompressible = (fileName) => Object.keys(AvailableForCompressExtension).some((ext) => fileName.endsWith(`.${ext}`));

package/build/esm/utils/index.d.ts

@@ -1,6 +1,7 @@
 export * from './common';
 export * from './analytics';
 export * from './blocks';
+export * from './scroll';
 export * from './url';
 export * from './cn';
 export * from './url';

package/build/esm/utils/index.js

@@ -1,6 +1,7 @@
 export * from './common';
 export * from './analytics';
 export * from './blocks';
+export * from './scroll';
 export * from './url';
 export * from './cn';
 export * from './url';

package/build/esm/utils/scroll.d.ts

@@ -0,0 +1,15 @@
+export declare enum ScrollDirection {
+    HORIZONTAL = "scrollLeft",
+    VERTICAL = "scrollTop"
+}
+export interface ScrollReverseParams {
+    distance?: number;
+}
+export interface ScrollOptions {
+    distance: number;
+    timeSeconds: number;
+    speed: number;
+    direction?: ScrollDirection;
+    reverseParams?: ScrollReverseParams;
+}
+export declare function doSmoothScroll(element: HTMLDivElement, startPosition: number, scrollOptions: ScrollOptions): void;

package/build/esm/utils/scroll.js

@@ -0,0 +1,30 @@
+export var ScrollDirection;
+(function (ScrollDirection) {
+    ScrollDirection["HORIZONTAL"] = "scrollLeft";
+    ScrollDirection["VERTICAL"] = "scrollTop";
+})(ScrollDirection || (ScrollDirection = {}));
+export function doSmoothScroll(element, startPosition, scrollOptions) {
+    const { distance, timeSeconds, speed, direction = ScrollDirection.HORIZONTAL, reverseParams, } = scrollOptions;
+    let scrollShift = 0;
+    let currentTimeChanges = 0;
+    const changeScrollFunction = getChangeScrollFunction(direction, Boolean(reverseParams));
+    const scrollDistance = (reverseParams === null || reverseParams === void 0 ? void 0 : reverseParams.distance) || distance;
+    const timeChanges = getTimeChanges(scrollDistance, timeSeconds, speed);
+    while (scrollShift < scrollDistance) {
+        window.setTimeout(changeScrollFunction, currentTimeChanges, element, scrollShift, startPosition);
+        currentTimeChanges += timeChanges;
+        scrollShift++;
+    }
+}
+function getChangeScrollFunction(direction, isReverse) {
+    return (element, scrollPosition, startPosition) => {
+        element[direction] = isReverse
+            ? startPosition - scrollPosition
+            : startPosition + scrollPosition;
+    };
+}
+function getTimeChanges(distance, timeSeconds, acceleration) {
+    const physicalSpeed = distance / timeSeconds;
+    const programSpeedMilliseconds = (1 / physicalSpeed) * 1000;
+    return programSpeedMilliseconds / acceleration;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.2.1-alpha.0",
+  "version": "2.3.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -137,8 +137,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

package/server/models/constructor-items/blocks.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonSize } from '@gravity-ui/uikit';
-import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
+import { BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, Justify, LinkProps, LinkTheme, MediaDirection, MediaProps, MapProps, PreviewItemProps, PreviewRatioMediaContent, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleProps, LegendTableMarkerType, AnchorProps, TitleBaseProps, Animatable, BlockHeaderProps, ImageDeviceProps } from './common';
 import { ThemeSupporting } from '../../utils';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
@@ -14,10 +14,12 @@ export declare enum BlockType {
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
     MediaBlock = "media-block",
+    PreviewBlock = "preview-block",
     InfoBlock = "info-block",
     SecurityBlock = "security-block",
     TableBlock = "table-block",
     TabsBlock = "tabs-block",
+    SimpleBlock = "simple-block",
     HeaderSliderBlock = "header-slider-block",
     LinkTableBlock = "link-table-block",
     HeaderBlock = "header-block",
@@ -112,6 +114,10 @@ export interface HeaderBlockProps {
     status?: JSX.Element;
 }
 export type CalculatorProps = Animatable;
+export interface SimpleBlockProps extends Animatable, Childable {
+    title: TitleBaseProps;
+    description: string;
+}
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
     label?: string;
@@ -174,6 +180,15 @@ export interface MediaBlockProps extends MediaBaseBlockProps {
 export interface MapBlockProps extends MediaBaseBlockProps {
     map: MapProps;
 }
+export interface PreviewBlockProps extends Animatable {
+    title: string;
+    items: PreviewItemProps[];
+    description?: string;
+    direction?: MediaDirection;
+    ratioMediaContent?: PreviewRatioMediaContent;
+    stopVideo?: boolean;
+    showImmediately?: boolean;
+}
 export interface InfoBlockProps {
     theme?: TextTheme;
     backgroundColor?: ThemeSupporting<string>;
@@ -331,6 +346,9 @@ export type MediaBlockModel = {
 export type MapBlockModel = {
     type: BlockType.MapBlock;
 } & MapBlockProps;
+export type PreviewBlockModel = {
+    type: BlockType.PreviewBlock;
+} & PreviewBlockProps;
 export type InfoBlockModel = {
     type: BlockType.InfoBlock;
 } & InfoBlockProps;
@@ -343,6 +361,9 @@ export type TableBlockModel = {
 export type TabsBlockModel = {
     type: BlockType.TabsBlock;
 } & TabsBlockProps;
+export type SimpleBlockModel = {
+    type: BlockType.SimpleBlock;
+} & SimpleBlockProps;
 export type LinkTableBlockModel = {
     type: BlockType.LinkTableBlock;
 } & LinkTableBlockProps;
@@ -364,6 +385,6 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | LinkTableBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/server/models/constructor-items/blocks.js

@@ -12,10 +12,12 @@ var BlockType;
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";
     BlockType["MediaBlock"] = "media-block";
+    BlockType["PreviewBlock"] = "preview-block";
     BlockType["InfoBlock"] = "info-block";
     BlockType["SecurityBlock"] = "security-block";
     BlockType["TableBlock"] = "table-block";
     BlockType["TabsBlock"] = "tabs-block";
+    BlockType["SimpleBlock"] = "simple-block";
     BlockType["HeaderSliderBlock"] = "header-slider-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["HeaderBlock"] = "header-block";

package/server/models/constructor-items/common.d.ts

@@ -17,6 +17,10 @@ export declare enum PriceLabelColor {
     PURPLE = "purple",
     RED = "red"
 }
+export declare enum PreviewItemType {
+    Video = "video",
+    Image = "image"
+}
 export declare enum PlayButtonType {
     Default = "default",
     Text = "text"
@@ -45,6 +49,7 @@ export type LegendTableMarkerType = 'disk';
 export type LinkTheme = 'file-link' | 'normal' | 'back' | 'underline';
 export type MediaDirection = 'media-content' | 'content-media';
 export type PriceDescriptionColor = 'cornflower' | 'black';
+export type PreviewRatioMediaContent = '2-1' | '1-1';
 export type ContentSize = 's' | 'l';
 export type ContentTextSize = 's' | 'm' | 'l';
 export type ContentTheme = 'default' | 'dark' | 'light';
@@ -244,6 +249,15 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
+export interface PreviewContentItemProps {
+    title: string;
+    description?: string;
+}
+export interface PreviewItemProps {
+    type: PreviewItemType;
+    media: ThemedMediaProps;
+    content: PreviewContentItemProps;
+}
 export interface TitleProps extends Justifyable, TitleBaseProps {
     navTitle?: string;
     anchor?: string;

package/server/models/constructor-items/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PreviewItemType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -20,6 +20,11 @@ var PriceLabelColor;
     PriceLabelColor["PURPLE"] = "purple";
     PriceLabelColor["RED"] = "red";
 })(PriceLabelColor = exports.PriceLabelColor || (exports.PriceLabelColor = {}));
+var PreviewItemType;
+(function (PreviewItemType) {
+    PreviewItemType["Video"] = "video";
+    PreviewItemType["Image"] = "image";
+})(PreviewItemType = exports.PreviewItemType || (exports.PreviewItemType = {}));
 var PlayButtonType;
 (function (PlayButtonType) {
     PlayButtonType["Default"] = "default";

package/server/models/constructor-items/sub-blocks.d.ts

@@ -1,7 +1,7 @@
 import { ClassNameProps } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
-import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 export declare enum SubBlockType {
@@ -9,26 +9,27 @@ export declare enum SubBlockType {
     Quote = "quote",
     NewsCard = "news-card",
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     Partner = "partner",
-    /**
-     * @deprecated Will be removed
-     */
     PriceDetailed = "price-detailed",
     MediaCard = "media-card",
     BannerCard = "banner-card",
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     TutorialCard = "tutoral-card",
+    /**
+     * @deprecated Use LayoutItem
+     */
+    CardWithImage = "card-with-image",
     LayoutItem = "layout-item",
     BackgroundCard = "background-card",
     BasicCard = "basic-card",
     Content = "content",
     HubspotForm = "hubspot-form",
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     Card = "card"
 }
@@ -118,6 +119,18 @@ export interface BannerCardProps {
 }
 export interface MediaCardProps extends MediaProps, CardBaseProps {
 }
+export interface CardWithImageLinkProps extends Omit<LinkProps, 'text' | 'url'> {
+    title: string;
+    link: string;
+}
+export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme'> {
+    image: string;
+    description?: string;
+    disableCompress?: boolean;
+    border?: boolean;
+    fullScreen?: boolean;
+    links?: CardWithImageLinkProps[];
+}
 export interface LayoutItemProps extends ClassNameProps {
     content: Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size'>;
     media: MediaProps;
@@ -134,8 +147,11 @@ export type QuoteModel = {
 export type NewsCardModel = {
     type: SubBlockType.NewsCard;
 } & NewsCardProps;
+export type CardWithImageModel = {
+    type: SubBlockType.CardWithImage;
+} & CardWithImageProps;
 export type LayoutItemModel = {
-    type: SubBlockType.LayoutItem;
+    type: SubBlockType.CardWithImage;
 } & LayoutItemProps;
 export type TutorialCardModel = {
     type: SubBlockType.TutorialCard;
@@ -161,5 +177,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
+export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | CardWithImageModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel;
 export type SubBlock = SubBlockModels;

package/server/models/constructor-items/sub-blocks.js

@@ -7,26 +7,27 @@ var SubBlockType;
     SubBlockType["Quote"] = "quote";
     SubBlockType["NewsCard"] = "news-card";
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["Partner"] = "partner";
-    /**
-     * @deprecated Will be removed
-     */
     SubBlockType["PriceDetailed"] = "price-detailed";
     SubBlockType["MediaCard"] = "media-card";
     SubBlockType["BannerCard"] = "banner-card";
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["TutorialCard"] = "tutoral-card";
+    /**
+     * @deprecated Use LayoutItem
+     */
+    SubBlockType["CardWithImage"] = "card-with-image";
     SubBlockType["LayoutItem"] = "layout-item";
     SubBlockType["BackgroundCard"] = "background-card";
     SubBlockType["BasicCard"] = "basic-card";
     SubBlockType["Content"] = "content";
     SubBlockType["HubspotForm"] = "hubspot-form";
     /**
-     * @deprecated Will be removed, use BasicCard instead
+     * @deprecated Will be moved to params use BasicCard instead
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));