@gravity-ui/page-constructor 4.29.0 → 4.29.1-alpha.0

package/build/esm/schema/constants.d.ts

@@ -8,6 +8,9 @@ export declare const cardSchemas: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             icon: {
                 oneOf: ({
                     type: string;
@@ -52,6 +55,9 @@ export declare const cardSchemas: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -163,6 +169,9 @@ export declare const cardSchemas: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             buttonText: {
                 type: string;
             };
@@ -202,6 +211,10 @@ export declare const cardSchemas: {
                     };
                 };
             };
+            quoteType: {
+                type: string;
+                enum: import("../models").QuoteType[];
+            };
             type: {};
             when: {
                 type: string;
@@ -215,6 +228,9 @@ export declare const cardSchemas: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             background: {
                 oneOf: (({
                     type: string;
@@ -372,6 +388,9 @@ export declare const cardSchemas: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };
@@ -589,6 +608,9 @@ export declare const cardSchemas: {
                     url: {
                         type: string;
                     };
+                    urlTitle: {
+                        type: string;
+                    };
                     primary: {
                         type: string;
                     };

package/build/esm/schema/constants.js

@@ -1,6 +1,6 @@
-import { BannerBlock, BannerCard, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './validators/blocks';
+import { BannerBlock, BannerCard, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './validators/blocks';
 import { BackgroundCard, BasicCard, Divider, MediaCardBlock, PriceDetailedBlock, Quote, } from './validators/sub-blocks';
-export const blockSchemas = 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({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock);
+export const blockSchemas = 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({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock), FormBlock);
 export const cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, MediaCardBlock), BannerCard), PriceDetailedBlock), BackgroundCard), Quote), BasicCard);
 export const constructorBlockSchemaNames = [
     'divider',
@@ -27,6 +27,7 @@ export const constructorBlockSchemaNames = [
     'content-layout-block',
     'share-block',
     'filter-block',
+    'form-block',
 ];
 export const constructorCardSchemaNames = [
     'media-card',

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

@@ -16,3 +16,4 @@ export * from '../../blocks/CardLayout/schema';
 export * from '../../blocks/ContentLayout/schema';
 export * from '../../blocks/Share/schema';
 export * from '../../blocks/FilterBlock/schema';
+export * from '../../blocks/Form/schema';

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

@@ -16,3 +16,4 @@ export * from '../../blocks/CardLayout/schema';
 export * from '../../blocks/ContentLayout/schema';
 export * from '../../blocks/Share/schema';
 export * from '../../blocks/FilterBlock/schema';
+export * from '../../blocks/Form/schema';

package/build/esm/schema/validators/common.d.ts

@@ -1,4 +1,4 @@
-import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, Theme } from '../../models';
+import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, QuoteType, Theme } from '../../models';
 export declare const mediaDirection: string[];
 export declare const textSize: string[];
 export declare const containerSizesArray: string[];
@@ -19,6 +19,7 @@ export declare const sizeNumber: {
     minimum: number;
 };
 export declare const contentThemes: string[];
+export declare const quoteTypes: QuoteType[];
 export declare const customControlsType: CustomControlsType[];
 export declare const customControlsButtonPositioning: CustomControlsButtonPositioning[];
 export declare const BaseProps: {
@@ -376,6 +377,9 @@ export declare const LinkProps: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
         arrow: {
             type: string;
         };
@@ -544,6 +548,9 @@ export declare const ButtonProps: {
     url: {
         type: string;
     };
+    urlTitle: {
+        type: string;
+    };
     primary: {
         type: string;
     };
@@ -795,6 +802,9 @@ export declare const AnchorProps: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
     };
 };
 export declare const BlockBaseProps: {
@@ -810,6 +820,9 @@ export declare const BlockBaseProps: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
         };
     };
     visible: {
@@ -843,6 +856,9 @@ export declare const TitleProps: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
         resetMargin: {
             type: string;
         };
@@ -859,6 +875,9 @@ export declare const ButtonBlock: {
         url: {
             type: string;
         };
+        urlTitle: {
+            type: string;
+        };
         primary: {
             type: string;
         };
@@ -1463,6 +1482,9 @@ export declare const BlockHeaderProps: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 resetMargin: {
                     type: string;
                 };

package/build/esm/schema/validators/common.js

@@ -1,5 +1,5 @@
 import { ImageProps } from '../../components/Image/schema';
-import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, Theme, } from '../../models';
+import { CustomControlsButtonPositioning, CustomControlsType, MediaVideoControlsType, QuoteType, Theme, } from '../../models';
 import { AnalyticsEventSchema } from './event';
 import { pixelEvents } from './pixel';
 export const mediaDirection = ['media-content', 'content-media'];
@@ -16,6 +16,7 @@ export const fileLinkTypes = ['vertical', 'horizontal'];
 export const dividerEnum = { enum: [0, 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'] };
 export const sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 export const contentThemes = ['default', 'dark', 'light'];
+export const quoteTypes = Object.values(QuoteType);
 export const customControlsType = [
     CustomControlsType.WithMuteButton,
     CustomControlsType.WithPlayPauseButton,
@@ -207,6 +208,8 @@ export const LinkProps = {
             contentType: 'text',
         }, url: {
             type: 'string',
+        }, urlTitle: {
+            type: 'string',
         }, arrow: {
             type: 'boolean',
         }, theme: {
@@ -282,6 +285,9 @@ export const ButtonProps = {
     url: {
         type: 'string',
     },
+    urlTitle: {
+        type: 'string',
+    },
     primary: {
         type: 'boolean',
     },
@@ -435,6 +441,9 @@ export const AnchorProps = {
         url: {
             type: 'string',
         },
+        urlTitle: {
+            type: 'string',
+        },
     },
 };
 export const BlockBaseProps = Object.assign(Object.assign({}, BaseProps), { anchor: AnchorProps, visible: {
@@ -461,6 +470,9 @@ export const TitleProps = {
         url: {
             type: 'string',
         },
+        urlTitle: {
+            type: 'string',
+        },
         resetMargin: {
             type: 'boolean',
         },

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

@@ -6,6 +6,9 @@ export declare const BackgroundCard: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             background: {
                 oneOf: (({
                     type: string;
@@ -163,6 +166,9 @@ export declare const BackgroundCard: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

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

@@ -10,6 +10,8 @@ export const BackgroundCard = {
         required: ['title', 'text'],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), BackgroundCardContentProps), { url: {
                 type: 'string',
+            }, urlTitle: {
+                type: 'string',
             }, background: withTheme(ImageObjectProps), backgroundColor: {
                 type: 'string',
             }, paddingBottom: {

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

@@ -6,6 +6,9 @@ export declare const BasicCard: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             icon: {
                 oneOf: ({
                     type: string;
@@ -50,6 +53,9 @@ export declare const BasicCard: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

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

@@ -9,6 +9,8 @@ export const BasicCard = {
         required: [],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), BasicCardContentProps), { url: {
                 type: 'string',
+            }, urlTitle: {
+                type: 'string',
             }, icon: ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],

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

@@ -59,6 +59,9 @@ export declare const ContentBase: {
                 url: {
                     type: string;
                 };
+                urlTitle: {
+                    type: string;
+                };
                 resetMargin: {
                     type: string;
                 };
@@ -147,6 +150,9 @@ export declare const ContentBlock: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

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

@@ -0,0 +1,22 @@
+export declare const HubspotFormProps: {
+    type: string;
+    required: string[];
+    properties: {
+        region: {
+            type: string;
+        };
+        portalId: {
+            type: string;
+        };
+        formId: {
+            type: string;
+        };
+        formInstanceId: {
+            type: string;
+        };
+        type: {};
+        when: {
+            type: string;
+        };
+    };
+};

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

@@ -0,0 +1,14 @@
+import { BaseProps } from '../../schema/validators/common';
+export const HubspotFormProps = {
+    type: 'object',
+    required: ['portalId', 'formId'],
+    properties: Object.assign(Object.assign({}, BaseProps), { region: {
+            type: 'string',
+        }, portalId: {
+            type: 'string',
+        }, formId: {
+            type: 'string',
+        }, formInstanceId: {
+            type: 'string',
+        } }),
+};

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

@@ -270,6 +270,9 @@ export declare const LayoutItem: {
                         url: {
                             type: string;
                         };
+                        urlTitle: {
+                            type: string;
+                        };
                         resetMargin: {
                             type: string;
                         };

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

@@ -60,14 +60,23 @@ unpredictable css rules order in build */
   font-size: var(--g-text-body-3-font-size);
   line-height: var(--g-text-body-3-line-height);
 }
-.pc-quote__content::before {
+.pc-quote__content_quote-type_chevron::before {
   position: absolute;
   top: -1px;
   left: -10px;
   content: "«";
 }
-.pc-quote__text::after {
-  content: "».";
+.pc-quote__content_quote-type_chevron .pc-quote__text::after {
+  content: "»";
+}
+.pc-quote__content_quote-type_english-double::before {
+  position: absolute;
+  top: -1px;
+  left: -8px;
+  content: "“";
+}
+.pc-quote__content_quote-type_english-double .pc-quote__text::after {
+  content: "”";
 }
 .pc-quote__image {
   width: 100%;

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

@@ -4,12 +4,12 @@ import { Author, HTML, Image } from '../../components';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import { useTheme } from '../../context/theme';
 import { useAnalytics } from '../../hooks';
-import { AuthorType, DefaultEventNames } from '../../models';
+import { AuthorType, DefaultEventNames, QuoteType } from '../../models';
 import { block, getThemedValue } from '../../utils';
 import './Quote.css';
 const b = block('quote');
 const Quote = (props) => {
-    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
+    const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, urlTitle, buttonText, quoteType = QuoteType.Chevron, } = props;
     const theme = useTheme();
     const imageThemed = getThemedValue(image, theme);
     const imageData = getMediaImage(imageThemed);
@@ -17,13 +17,13 @@ const Quote = (props) => {
     const handleButtonClick = useCallback(() => handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (React.createElement("div", { className: b('author-wrapper') },
         author && (React.createElement(Author, { className: b('author', { theme: textTheme }), author: author, type: AuthorType.Line })),
-        url && buttonText && (React.createElement(Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick }, buttonText))));
+        url && buttonText && (React.createElement(Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick, title: urlTitle }, buttonText))));
     const logoProps = getMediaImage(logo);
     return (React.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
         React.createElement("div", { key: text, className: b('content-wrapper') },
             React.createElement("div", null,
                 React.createElement(Image, Object.assign({ className: b('logo') }, logoProps)),
-                React.createElement("div", { className: b('content') },
+                React.createElement("div", { className: b('content', { 'quote-type': quoteType }) },
                     React.createElement("span", { className: b('text') },
                         React.createElement(HTML, null, text)))),
             renderFooter),

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

@@ -51,6 +51,9 @@ export declare const Quote: {
             url: {
                 type: string;
             };
+            urlTitle: {
+                type: string;
+            };
             buttonText: {
                 type: string;
             };
@@ -90,6 +93,10 @@ export declare const Quote: {
                     };
                 };
             };
+            quoteType: {
+                type: string;
+                enum: import("../..").QuoteType[];
+            };
             type: {};
             when: {
                 type: string;

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

@@ -1,5 +1,5 @@
 import { ImageProps } from '../../components/Image/schema';
-import { BaseProps, ThemeProps, authorItem, withTheme } from '../../schema/validators/common';
+import { BaseProps, ThemeProps, authorItem, quoteTypes, withTheme, } from '../../schema/validators/common';
 export const Quote = {
     quote: {
         additionalProperties: false,
@@ -11,8 +11,13 @@ export const Quote = {
                 type: 'string',
             }, url: {
                 type: 'string',
+            }, urlTitle: {
+                type: 'string',
             }, buttonText: {
                 type: 'string',
-            }, theme: ThemeProps, author: authorItem }),
+            }, theme: ThemeProps, author: authorItem, quoteType: {
+                type: 'string',
+                enum: quoteTypes,
+            } }),
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.29.0",
+  "version": "4.29.1-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -84,6 +84,7 @@
     "@gravity-ui/components": "^2.4.0",
     "@gravity-ui/dynamic-forms": "^2.3.0",
     "@gravity-ui/i18n": "^1.0.0",
+    "@react-spring/web": "^9.7.3",
     "ajv": "^8.12.0",
     "final-form": "^4.20.9",
     "github-buttons": "2.23.0",
@@ -93,7 +94,6 @@
     "react-monaco-editor": "^0.53.0",
     "react-player": "^2.9.0",
     "react-slick": "^0.29.0",
-    "react-spring": "^9.7.2",
     "react-transition-group": "^4.4.2",
     "react-waypoint": "^10.1.0",
     "sanitize-html": "2.6.1",

package/server/models/components.d.ts

@@ -1,3 +1,2 @@
 export type ArrowDirection = 'left' | 'right';
-export interface ReactPlayerBlockHandler extends Pick<HTMLVideoElement, 'play' | 'pause' | 'addEventListener'> {
-}
+export type ReactPlayerBlockHandler = Pick<HTMLVideoElement, 'play' | 'pause' | 'addEventListener'> | undefined;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps } from './common';
-import { BannerCardProps, SubBlock, SubBlockModels } from './sub-blocks';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
+import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
@@ -23,7 +23,8 @@ export declare enum BlockType {
     ContentLayoutBlock = "content-layout-block",
     ShareBlock = "share-block",
     MapBlock = "map-block",
-    FilterBlock = "filter-block"
+    FilterBlock = "filter-block",
+    FormBlock = "form-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -109,6 +110,7 @@ export interface HeaderBlockProps {
     verticalOffset?: 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
+    renderTitle?: (title: string) => React.ReactNode;
 }
 export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
     title: string;
@@ -294,6 +296,29 @@ export interface ShareBlockProps {
     items: PCShareSocialNetwork[];
     title?: string;
 }
+export declare enum FormBlockDataTypes {
+    YANDEX = "yandex",
+    HUBSPOT_INLINE = "hubspot-inline"
+}
+export declare enum FormBlockDirection {
+    FormContent = "form-content",
+    ContentForm = "content-form",
+    Center = "center"
+}
+export interface FormBlockYandexData {
+    yandex: YandexFormProps;
+}
+export interface FormBlockHubspotData {
+    hubspot: HubspotFormProps;
+}
+export type FormBlockData = FormBlockYandexData | FormBlockHubspotData;
+export interface FormBlockProps {
+    formData: FormBlockData;
+    title?: string;
+    textContent?: Omit<ContentBlockProps, 'centered' | 'colSizes' | 'size'>;
+    direction?: FormBlockDirection;
+    background?: BackgroundImageProps;
+}
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
@@ -348,6 +373,9 @@ export type ContentLayoutBlockModel = {
 export type ShareBLockModel = {
     type: BlockType.ShareBlock;
 } & ShareBlockProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel;
+export type FormBlockModel = {
+    type: BlockType.FormBlock;
+} & FormBlockProps;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
 export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PCShareSocialNetwork = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
+exports.FormBlockDirection = exports.FormBlockDataTypes = exports.PCShareSocialNetwork = exports.SliderType = exports.SliderBreakpointNames = exports.HeaderBlockTypes = exports.BlockTypes = exports.BlockType = void 0;
 var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
@@ -21,6 +21,7 @@ var BlockType;
     BlockType["ShareBlock"] = "share-block";
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
+    BlockType["FormBlock"] = "form-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
@@ -44,3 +45,14 @@ var PCShareSocialNetwork;
     PCShareSocialNetwork["Facebook"] = "facebook";
     PCShareSocialNetwork["LinkedIn"] = "linkedin";
 })(PCShareSocialNetwork = exports.PCShareSocialNetwork || (exports.PCShareSocialNetwork = {}));
+var FormBlockDataTypes;
+(function (FormBlockDataTypes) {
+    FormBlockDataTypes["YANDEX"] = "yandex";
+    FormBlockDataTypes["HUBSPOT_INLINE"] = "hubspot-inline";
+})(FormBlockDataTypes = exports.FormBlockDataTypes || (exports.FormBlockDataTypes = {}));
+var FormBlockDirection;
+(function (FormBlockDirection) {
+    FormBlockDirection["FormContent"] = "form-content";
+    FormBlockDirection["ContentForm"] = "content-form";
+    FormBlockDirection["Center"] = "center";
+})(FormBlockDirection = exports.FormBlockDirection || (exports.FormBlockDirection = {}));

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils';
-import { AnalyticsEventsBase, ClassNameProps, PixelEventType, QAProps } from '../common';
+import { AnalyticsEventsBase, ClassNameProps, PixelEvent, PixelEventType, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -42,6 +42,10 @@ export declare enum MediaVideoControlsType {
     Default = "default",
     Custom = "custom"
 }
+export declare enum QuoteType {
+    Chevron = "chevron",
+    EnglishDouble = "english-double"
+}
 export type TextTheme = 'light' | 'dark';
 export type TextSize = 'xs' | 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
@@ -333,4 +337,20 @@ export interface TitleProps {
     title?: TitleItemProps | string;
     subtitle?: string;
 }
+export interface YandexFormProps extends AnalyticsEventsBase {
+    id: number | string;
+    containerId?: string;
+    theme?: string;
+    className?: string;
+    headerHeight?: number;
+    customFormOrigin?: string;
+    customFormSection?: string;
+    params?: {
+        [key: string]: string;
+    };
+    onSubmit?: () => void;
+    onLoad?: () => void;
+    metrikaGoals?: string | string[];
+    pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
+}
 export {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
+exports.QuoteType = exports.MediaVideoControlsType = exports.MediaVideoType = exports.CustomControlsButtonPositioning = exports.CustomControlsType = exports.PlayButtonThemes = exports.PlayButtonType = exports.PriceLabelColor = exports.PriceDetailsType = exports.AuthorType = void 0;
 // enums
 var AuthorType;
 (function (AuthorType) {
@@ -51,3 +51,8 @@ var MediaVideoControlsType;
     MediaVideoControlsType["Default"] = "default";
     MediaVideoControlsType["Custom"] = "custom";
 })(MediaVideoControlsType = exports.MediaVideoControlsType || (exports.MediaVideoControlsType = {}));
+var QuoteType;
+(function (QuoteType) {
+    QuoteType["Chevron"] = "chevron";
+    QuoteType["EnglishDouble"] = "english-double";
+})(QuoteType = exports.QuoteType || (exports.QuoteType = {}));