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

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.2.1](https://github.com/gravity-ui/page-constructor/compare/v2.2.0...v2.2.1) (2023-03-30)
+
+
+### Bug Fixes
+
+* **ReactPlayer:** transform youtube url for single video src ([#262](https://github.com/gravity-ui/page-constructor/issues/262)) ([5bd86fd](https://github.com/gravity-ui/page-constructor/commit/5bd86fd0e5b62e309fcf656f251007cd8e4efd68))
+
 ## [2.2.0](https://github.com/gravity-ui/page-constructor/compare/v2.1.1...v2.2.0) (2023-03-29)
 
 

package/build/cjs/blocks/index.d.ts

@@ -1,10 +1,8 @@
 export { default as BannerBlock } from './Banner/Banner';
 export { default as CompaniesBlock } from './Companies/Companies';
-export { default as SimpleBlock } from './Simple/Simple';
 export { default as InfoBlock } from './Info/Info';
 export { default as MediaBlock } from './Media/Media';
 export { default as MapBlock } from './Map/Map';
-export { default as PreviewBlock } from './Preview/Preview';
 export { default as SecurityBlock } from './Security/Security';
 export { default as SliderBlock } from './Slider/Slider';
 export { default as ExtendedFeaturesBlock } from './ExtendedFeatures/ExtendedFeatures';

package/build/cjs/blocks/index.js

@@ -3,21 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SecurityBlock = exports.PreviewBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.SimpleBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.LinkTableBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.SecurityBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
 Object.defineProperty(exports, "CompaniesBlock", { enumerable: true, get: function () { return __importDefault(Companies_1).default; } });
-var Simple_1 = require("./Simple/Simple");
-Object.defineProperty(exports, "SimpleBlock", { enumerable: true, get: function () { return __importDefault(Simple_1).default; } });
 var Info_1 = require("./Info/Info");
 Object.defineProperty(exports, "InfoBlock", { enumerable: true, get: function () { return __importDefault(Info_1).default; } });
 var Media_1 = require("./Media/Media");
 Object.defineProperty(exports, "MediaBlock", { enumerable: true, get: function () { return __importDefault(Media_1).default; } });
 var Map_1 = require("./Map/Map");
 Object.defineProperty(exports, "MapBlock", { enumerable: true, get: function () { return __importDefault(Map_1).default; } });
-var Preview_1 = require("./Preview/Preview");
-Object.defineProperty(exports, "PreviewBlock", { enumerable: true, get: function () { return __importDefault(Preview_1).default; } });
 var Security_1 = require("./Security/Security");
 Object.defineProperty(exports, "SecurityBlock", { enumerable: true, get: function () { return __importDefault(Security_1).default; } });
 var Slider_1 = require("./Slider/Slider");

package/build/cjs/blocks/validators.d.ts

@@ -9,11 +9,9 @@ export * from './Icons/schema';
 export * from './Info/schema';
 export * from './LinkTable/schema';
 export * from './Media/schema';
-export * from './Preview/schema';
 export * from './PromoFeaturesBlock/schema';
 export * from './Questions/schema';
 export * from './Security/schema';
-export * from './Simple/schema';
 export * from './Slider/schema';
 export * from './Table/schema';
 export * from './Share/schema';

package/build/cjs/blocks/validators.js

@@ -12,11 +12,9 @@ tslib_1.__exportStar(require("./Icons/schema"), exports);
 tslib_1.__exportStar(require("./Info/schema"), exports);
 tslib_1.__exportStar(require("./LinkTable/schema"), exports);
 tslib_1.__exportStar(require("./Media/schema"), exports);
-tslib_1.__exportStar(require("./Preview/schema"), exports);
 tslib_1.__exportStar(require("./PromoFeaturesBlock/schema"), exports);
 tslib_1.__exportStar(require("./Questions/schema"), exports);
 tslib_1.__exportStar(require("./Security/schema"), exports);
-tslib_1.__exportStar(require("./Simple/schema"), exports);
 tslib_1.__exportStar(require("./Slider/schema"), exports);
 tslib_1.__exportStar(require("./Table/schema"), exports);
 tslib_1.__exportStar(require("./Share/schema"), exports);

package/build/cjs/components/HTML/HTML.d.ts

@@ -7,7 +7,7 @@ export interface HTMLProps {
 }
 declare const HTML: ({ children, block, className }: WithChildren<HTMLProps>) => React.DetailedReactHTMLElement<{
     dangerouslySetInnerHTML: {
-        __html: string | (string & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (string & React.ReactFragment) | (string & React.ReactPortal);
+        __html: string & (boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null);
     };
     className: string | undefined;
 }, HTMLElement> | null;

package/build/cjs/components/ReactPlayer/utils.js

@@ -4,20 +4,21 @@ exports.checkYoutubeVideos = void 0;
 // the file serves to support live video with react-player@2.9
 const LIVE_YUOTUBE_VIDEO_REGEX = /(?:youtu\.be\/live\/|youtube(?:-nocookie)?\.com\/(?:live\/))((\w|-){11})/;
 const YOUTUBE_VIDEO_TEMPLATE = 'https://www.youtube.com/watch?v=';
+const transformYoutubeUrl = (src) => {
+    var _a;
+    if (LIVE_YUOTUBE_VIDEO_REGEX.test(src)) {
+        const youtubeLiveId = (_a = src.match(LIVE_YUOTUBE_VIDEO_REGEX)) === null || _a === void 0 ? void 0 : _a[1];
+        if (!youtubeLiveId) {
+            return src;
+        }
+        return `${YOUTUBE_VIDEO_TEMPLATE}${youtubeLiveId}`;
+    }
+    return src;
+};
 const checkYoutubeVideos = (src) => {
     if (Array.isArray(src)) {
-        return src.map((videoUrl) => {
-            var _a;
-            if (LIVE_YUOTUBE_VIDEO_REGEX.test(videoUrl)) {
-                const youtubeLiveId = (_a = videoUrl.match(LIVE_YUOTUBE_VIDEO_REGEX)) === null || _a === void 0 ? void 0 : _a[1];
-                if (!youtubeLiveId) {
-                    return videoUrl;
-                }
-                return `${YOUTUBE_VIDEO_TEMPLATE}${youtubeLiveId}`;
-            }
-            return videoUrl;
-        });
+        return src.map((videoUrl) => transformYoutubeUrl(videoUrl));
     }
-    return src;
+    return transformYoutubeUrl(src);
 };
 exports.checkYoutubeVideos = checkYoutubeVideos;

package/build/cjs/constructor-items.d.ts

@@ -1,13 +1,11 @@
 export declare const blockMap: {
     "slider-block": (props: import("./models").WithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
-    "simple-block": (props: import("./models").WithChildren<import("./models").SimpleBlockProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
     "banner-block": (props: import("./models").BannerBlockProps) => JSX.Element;
     "companies-block": ({ title, images, animated }: import("./models").CompaniesBlockProps) => JSX.Element;
     "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
-    "preview-block": (props: import("./models").PreviewBlockProps) => JSX.Element;
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "security-block": (props: import("./models").SecurityBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
@@ -37,10 +35,6 @@ export declare const subBlockMap: {
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;
     "news-card": (props: import("./models").NewsCardProps) => JSX.Element;
     "layout-item": ({ content: { links, ...content }, metaInfo, media, border, fullScreen, className, }: import("./models").LayoutItemProps) => JSX.Element;
-    /**
-     * @deprecated Use LayoutItem
-     */
-    "card-with-image": ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: import("./models").CardWithImageProps) => JSX.Element;
     "background-card": (props: import("./models").BackgroundCardProps) => JSX.Element;
     "basic-card": (props: import("./models").BasicCardProps) => JSX.Element;
     content: (props: import("./models").ContentBlockProps & import("./models").ClassNameProps) => JSX.Element;

package/build/cjs/constructor-items.js

@@ -6,14 +6,12 @@ const sub_blocks_1 = require("./sub-blocks");
 const blocks_1 = require("./blocks");
 exports.blockMap = {
     [models_1.BlockType.SliderBlock]: blocks_1.SliderBlock,
-    [models_1.BlockType.SimpleBlock]: blocks_1.SimpleBlock,
     [models_1.BlockType.ExtendedFeaturesBlock]: blocks_1.ExtendedFeaturesBlock,
     [models_1.BlockType.PromoFeaturesBlock]: blocks_1.PromoFeaturesBlock,
     [models_1.BlockType.QuestionsBlock]: blocks_1.QuestionsBlock,
     [models_1.BlockType.BannerBlock]: blocks_1.BannerBlock,
     [models_1.BlockType.CompaniesBlock]: blocks_1.CompaniesBlock,
     [models_1.BlockType.MediaBlock]: blocks_1.MediaBlock,
-    [models_1.BlockType.PreviewBlock]: blocks_1.PreviewBlock,
     [models_1.BlockType.InfoBlock]: blocks_1.InfoBlock,
     [models_1.BlockType.SecurityBlock]: blocks_1.SecurityBlock,
     [models_1.BlockType.TableBlock]: blocks_1.TableBlock,
@@ -43,10 +41,6 @@ exports.subBlockMap = {
     [models_1.SubBlockType.BannerCard]: sub_blocks_1.BannerCard,
     [models_1.SubBlockType.NewsCard]: sub_blocks_1.NewsCard,
     [models_1.SubBlockType.LayoutItem]: sub_blocks_1.LayoutItem,
-    /**
-     * @deprecated Use LayoutItem
-     */
-    [models_1.SubBlockType.CardWithImage]: sub_blocks_1.CardWithImage,
     [models_1.SubBlockType.BackgroundCard]: sub_blocks_1.BackgroundCard,
     [models_1.SubBlockType.BasicCard]: sub_blocks_1.BasicCard,
     [models_1.SubBlockType.Content]: sub_blocks_1.Content,

package/build/cjs/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export { default as useFocus } from './useFocus';
 export { default as useWindowBreakpoint } from './useWindowBreakpoint';
-export { useIntersection } from './useIntersection';
 export { default as useMount } from './useMount';
 export * from './useAnalytics';
 export * from './hubspot';

package/build/cjs/hooks/index.js

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMount = exports.useIntersection = exports.useWindowBreakpoint = exports.useFocus = void 0;
+exports.useMount = exports.useWindowBreakpoint = exports.useFocus = void 0;
 const tslib_1 = require("tslib");
 var useFocus_1 = require("./useFocus");
 Object.defineProperty(exports, "useFocus", { enumerable: true, get: function () { return tslib_1.__importDefault(useFocus_1).default; } });
 var useWindowBreakpoint_1 = require("./useWindowBreakpoint");
 Object.defineProperty(exports, "useWindowBreakpoint", { enumerable: true, get: function () { return tslib_1.__importDefault(useWindowBreakpoint_1).default; } });
-var useIntersection_1 = require("./useIntersection");
-Object.defineProperty(exports, "useIntersection", { enumerable: true, get: function () { return useIntersection_1.useIntersection; } });
 var useMount_1 = require("./useMount");
 Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return tslib_1.__importDefault(useMount_1).default; } });
 tslib_1.__exportStar(require("./useAnalytics"), exports);

package/build/cjs/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, PreviewItemProps, PreviewRatioMediaContent, 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, 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,12 +14,10 @@ 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",
@@ -114,10 +112,6 @@ 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;
@@ -180,15 +174,6 @@ 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>;
@@ -346,9 +331,6 @@ export type MediaBlockModel = {
 export type MapBlockModel = {
     type: BlockType.MapBlock;
 } & MapBlockProps;
-export type PreviewBlockModel = {
-    type: BlockType.PreviewBlock;
-} & PreviewBlockProps;
 export type InfoBlockModel = {
     type: BlockType.InfoBlock;
 } & InfoBlockProps;
@@ -361,9 +343,6 @@ export type TableBlockModel = {
 export type TabsBlockModel = {
     type: BlockType.TabsBlock;
 } & TabsBlockProps;
-export type SimpleBlockModel = {
-    type: BlockType.SimpleBlock;
-} & SimpleBlockProps;
 export type LinkTableBlockModel = {
     type: BlockType.LinkTableBlock;
 } & LinkTableBlockProps;
@@ -385,6 +364,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 | SimpleBlockModel | LinkTableBlockModel | HeaderBlockModel | PreviewBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+type BlockModels = SliderBlockModel | ServiceDemoBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | CalculatorBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | SecurityBlockModel | TableBlockModel | TabsBlockModel | LinkTableBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -12,12 +12,10 @@ 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/build/cjs/models/constructor-items/common.d.ts

@@ -17,10 +17,6 @@ export declare enum PriceLabelColor {
     PURPLE = "purple",
     RED = "red"
 }
-export declare enum PreviewItemType {
-    Video = "video",
-    Image = "image"
-}
 export declare enum PlayButtonType {
     Default = "default",
     Text = "text"
@@ -49,7 +45,6 @@ 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';
@@ -249,15 +244,6 @@ 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/build/cjs/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.PreviewItemType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.MediaVideoControlsType = exports.MediaVideoType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -20,11 +20,6 @@ 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/build/cjs/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, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
+import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
 import { AnalyticsEventsBase, PixelEvent } from '../common';
 export declare enum SubBlockType {
@@ -9,27 +9,26 @@ export declare enum SubBlockType {
     Quote = "quote",
     NewsCard = "news-card",
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     Partner = "partner",
+    /**
+     * @deprecated Will be removed
+     */
     PriceDetailed = "price-detailed",
     MediaCard = "media-card",
     BannerCard = "banner-card",
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, 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 moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     Card = "card"
 }
@@ -119,18 +118,6 @@ 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;
@@ -147,11 +134,8 @@ export type QuoteModel = {
 export type NewsCardModel = {
     type: SubBlockType.NewsCard;
 } & NewsCardProps;
-export type CardWithImageModel = {
-    type: SubBlockType.CardWithImage;
-} & CardWithImageProps;
 export type LayoutItemModel = {
-    type: SubBlockType.CardWithImage;
+    type: SubBlockType.LayoutItem;
 } & LayoutItemProps;
 export type TutorialCardModel = {
     type: SubBlockType.TutorialCard;
@@ -177,5 +161,5 @@ export type BannerCardModel = {
 export type BasicCardModel = {
     type: SubBlockType.BasicCard;
 } & BasicCardProps;
-export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | CardWithImageModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel;
+export type SubBlockModels = DividerModel | QuoteModel | NewsCardModel | PartnerModel | PriceDetailedModel | MediaCardModel | TutorialCardModel | BackgroundCardModel | HubspotFormModel | BannerCardModel | BasicCardModel | LayoutItemModel;
 export type SubBlock = SubBlockModels;

package/build/cjs/models/constructor-items/sub-blocks.js

@@ -7,27 +7,26 @@ var SubBlockType;
     SubBlockType["Quote"] = "quote";
     SubBlockType["NewsCard"] = "news-card";
     /**
-     * @deprecated Will be moved to params use BasicCard instead
+     * @deprecated Will be removed, 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 moved to params use BasicCard instead
+     * @deprecated Will be removed, 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 moved to params use BasicCard instead
+     * @deprecated Will be removed, use BasicCard instead
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));

package/build/cjs/schema/index.js

@@ -14,8 +14,8 @@ const getBlocksCases = (blocks) => {
 exports.getBlocksCases = getBlocksCases;
 function generateDefaultSchema(config) {
     const { cards = {}, blocks = {}, extensions = {} } = config !== null && config !== void 0 ? config : {};
-    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.SimpleBlock), blocks_1.LinkTableBlock), blocks_1.PreviewBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock);
-    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.PartnerBlock), sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.TutorialCard), sub_blocks_1.BackgroundCard), sub_blocks_1.NewsCard), sub_blocks_1.CardWithImage), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
+    const blockValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.SecurityBlock), blocks_1.TableBlock), blocks_1.TabsBlock), blocks_1.LinkTableBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock);
+    const cardValidators = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.PartnerBlock), sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.TutorialCard), sub_blocks_1.BackgroundCard), sub_blocks_1.NewsCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard);
     const constructorBlockSchemaNames = [
         'divider',
         'quote',
@@ -34,7 +34,6 @@ function generateDefaultSchema(config) {
         'security-block',
         'table-block',
         'tabs-block',
-        'simple-block',
         'link-table-block',
         'preview-block',
         'price-detailed',
@@ -53,7 +52,6 @@ function generateDefaultSchema(config) {
         'tutoral-card',
         'background-card',
         'news-card',
-        'card-with-image',
         'quote',
         'basic-card',
         'layout-item',

package/build/cjs/schema/validators/blocks.d.ts

@@ -2,7 +2,6 @@ export * from '../../blocks/Banner/schema';
 export * from '../../blocks/Companies/schema';
 export * from '../../blocks/ExtendedFeatures/schema';
 export * from '../../blocks/PromoFeaturesBlock/schema';
-export * from '../../blocks/Simple/schema';
 export * from '../../blocks/Header/schema';
 export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
@@ -13,7 +12,6 @@ export * from '../../blocks/Slider/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/Tabs/schema';
-export * from '../../blocks/Preview/schema';
 export * from '../../blocks/HeaderSlider/schema';
 export * from '../../blocks/Icons/schema';
 export * from '../../blocks/CardLayout/schema';

package/build/cjs/schema/validators/blocks.js

@@ -5,7 +5,6 @@ tslib_1.__exportStar(require("../../blocks/Banner/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Companies/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/ExtendedFeatures/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/PromoFeaturesBlock/schema"), exports);
-tslib_1.__exportStar(require("../../blocks/Simple/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Header/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Info/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Media/schema"), exports);
@@ -16,7 +15,6 @@ tslib_1.__exportStar(require("../../blocks/Slider/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Table/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/LinkTable/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Tabs/schema"), exports);
-tslib_1.__exportStar(require("../../blocks/Preview/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/HeaderSlider/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Icons/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/CardLayout/schema"), exports);

package/build/cjs/schema/validators/sub-blocks.d.ts

@@ -5,7 +5,6 @@ export * from '../../sub-blocks/MediaCard/schema';
 export * from '../../sub-blocks/NewsCard/schema';
 export * from '../../sub-blocks/Partner/schema';
 export * from '../../sub-blocks/TutorialCard/schema';
-export * from '../../sub-blocks/CardWithImage/schema';
 export * from '../../sub-blocks/LayoutItem/schema';
 export * from '../../sub-blocks/Quote/schema';
 export * from '../../sub-blocks/Divider/schema';

package/build/cjs/schema/validators/sub-blocks.js

@@ -8,7 +8,6 @@ tslib_1.__exportStar(require("../../sub-blocks/MediaCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/NewsCard/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Partner/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/TutorialCard/schema"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/CardWithImage/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/LayoutItem/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Quote/schema"), exports);
 tslib_1.__exportStar(require("../../sub-blocks/Divider/schema"), exports);

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

@@ -268,7 +268,6 @@ 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/cjs/sub-blocks/index.d.ts

@@ -6,7 +6,6 @@ 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/cjs/sub-blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.CardWithImage = exports.TutorialCard = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Partner = exports.NewsCard = exports.Quote = exports.Divider = void 0;
+exports.HubspotForm = exports.Content = exports.BasicCard = exports.BackgroundCard = exports.LayoutItem = exports.TutorialCard = exports.BannerCard = exports.MediaCard = exports.PriceDetailed = exports.Partner = exports.NewsCard = exports.Quote = exports.Divider = void 0;
 var Divider_1 = require("./Divider/Divider");
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return __importDefault(Divider_1).default; } });
 var Quote_1 = require("./Quote/Quote");
@@ -20,8 +20,6 @@ var BannerCard_1 = require("./BannerCard/BannerCard");
 Object.defineProperty(exports, "BannerCard", { enumerable: true, get: function () { return __importDefault(BannerCard_1).default; } });
 var TutorialCard_1 = require("./TutorialCard/TutorialCard");
 Object.defineProperty(exports, "TutorialCard", { enumerable: true, get: function () { return __importDefault(TutorialCard_1).default; } });
-var CardWithImage_1 = require("./CardWithImage/CardWithImage");
-Object.defineProperty(exports, "CardWithImage", { enumerable: true, get: function () { return __importDefault(CardWithImage_1).default; } });
 var LayoutItem_1 = require("./LayoutItem/LayoutItem");
 Object.defineProperty(exports, "LayoutItem", { enumerable: true, get: function () { return __importDefault(LayoutItem_1).default; } });
 var BackgroundCard_1 = require("./BackgroundCard/BackgroundCard");

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

@@ -134,16 +134,6 @@ const config = {
             transformer: typografTransformer,
         },
     ],
-    [models_1.SubBlockType.CardWithImage]: [
-        {
-            fields: ['description', 'additionalInfo'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-        },
-    ],
     [models_1.SubBlockType.LayoutItem]: [
         {
             fields: ['content'],
@@ -268,17 +258,6 @@ const config = {
             parser: (0, exports.createItemsParser)(['description']),
         },
     ],
-    [models_1.BlockType.SimpleBlock]: [
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-    ],
     [models_1.SubBlockType.PriceDetailed]: [
         {
             transformer: yfmTransformer,
@@ -314,17 +293,6 @@ const config = {
             parser: parseTitle,
         },
     ],
-    [models_1.BlockType.PreviewBlock]: [
-        {
-            fields: ['description'],
-            transformer: yfmTransformer,
-        },
-        {
-            fields: ['title'],
-            transformer: typografTransformer,
-            parser: parseTitle,
-        },
-    ],
     [models_1.BlockType.InfoBlock]: [
         {
             fields: ['rightContent', 'leftContent'],