@gravity-ui/page-constructor 1.15.0-alpha.2 → 1.15.0-alpha.21

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -4,11 +4,13 @@ exports.ConstructorHeader = exports.ConstructorItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const innerContext_1 = require("../../../../context/innerContext");
-const ConstructorItem = ({ data, children }) => {
+const blockPositionContext_1 = require("../../../../context/blockPositionContext");
+const ConstructorItem = ({ data, children, context }) => {
     const { itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
     const { type } = data, rest = tslib_1.__rest(data, ["type"]);
     const Component = itemMap[type];
-    return react_1.default.createElement(Component, Object.assign({}, rest), children);
+    return (react_1.default.createElement(blockPositionContext_1.BlockPositionContext.Provider, { value: context || type },
+        react_1.default.createElement(Component, Object.assign({}, rest), children)));
 };
 exports.ConstructorItem = ConstructorItem;
 const ConstructorHeader = ({ data }) => (react_1.default.createElement(exports.ConstructorItem, { data: data, key: data.type }));

package/build/cjs/context/analyticsContext/analyticsContext.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { AnalyticsEvent } from '../../models';
 export interface AnalyticsContextProps {
-    sendEvents?: (e: AnalyticsEvent | AnalyticsEvent[], defaults?: Record<string, string | boolean | number>) => void;
+    sendEvents?: (events: AnalyticsEvent[]) => void;
+    autoEvents?: boolean;
 }
 export declare const AnalyticsContext: React.Context<AnalyticsContextProps>;

package/build/cjs/context/blockPositionContext/blockPositionContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export type BlockPositionContextProp = string;
+export declare const BlockPositionContext: React.Context<string>;

package/build/cjs/context/blockPositionContext/blockPositionContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockPositionContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.BlockPositionContext = react_1.default.createContext('');

package/build/cjs/context/blockPositionContext/index.d.ts

@@ -0,0 +1 @@
+export * from './blockPositionContext';

package/build/cjs/context/blockPositionContext/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./blockPositionContext"), exports);

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

@@ -1,2 +1,2 @@
 import { AnalyticsEvent } from '../models';
-export declare const useAnalytics: () => ((e?: AnalyticsEvent | AnalyticsEvent[], defaults?: Record<string, string | boolean | number>) => void) | undefined;
+export declare const useAnalytics: (defaultEvent?: AnalyticsEvent) => ((e?: AnalyticsEvent | AnalyticsEvent[]) => void) & import("lodash").MemoizedFunction;

package/build/cjs/hooks/useAnalytics.js

@@ -1,18 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnalytics = void 0;
+const lodash_1 = require("lodash");
 const react_1 = require("react");
 const analyticsContext_1 = require("../context/analyticsContext");
-const useAnalytics = () => {
-    const { sendEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
+const useAnalytics = (defaultEvent) => {
+    const { sendEvents, autoEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
     if (!sendEvents) {
-        return undefined;
+        return (0, lodash_1.memoize)(() => { });
     }
-    return (e, defaults) => {
-        if (!e) {
+    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];
+    return (0, lodash_1.memoize)((e) => {
+        let events = defaultEvents;
+        if (e) {
+            events = Array.isArray(e) ? [...events, ...e] : [...events, e];
+        }
+        if (!events) {
             return;
         }
-        sendEvents(e, defaults);
-    };
+        sendEvents(events);
+    });
 };
 exports.useAnalytics = useAnalytics;

package/build/cjs/models/common.d.ts

@@ -64,10 +64,11 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Timeout = ReturnType<typeof setTimeout> | undefined;
-export type AnalyticsParameter = {
-    key: string;
-    value: string | number | boolean;
-};
+export declare enum PredefinedEventTypes {
+    Default = "default-event",
+    Play = "play",
+    Stop = "stop"
+}
 export type AnalyticsCounters = {
     include?: string[];
     exclude?: string[];
@@ -76,5 +77,7 @@ export type AnalyticsEvent<T = {}> = T & {
     name: string;
     type?: string;
     counters?: AnalyticsCounters;
+    context?: string;
+    target?: string;
 };
 export {};

package/build/cjs/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PixelEventType = exports.Theme = void 0;
+exports.PredefinedEventTypes = exports.PixelEventType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -30,3 +30,9 @@ var PixelEventType;
     PixelEventType["Subscribe"] = "Subscribe";
     PixelEventType["ViewContent"] = "ViewContent";
 })(PixelEventType = exports.PixelEventType || (exports.PixelEventType = {}));
+var PredefinedEventTypes;
+(function (PredefinedEventTypes) {
+    PredefinedEventTypes["Default"] = "default-event";
+    PredefinedEventTypes["Play"] = "play";
+    PredefinedEventTypes["Stop"] = "stop";
+})(PredefinedEventTypes = exports.PredefinedEventTypes || (exports.PredefinedEventTypes = {}));

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

@@ -109,6 +109,7 @@ export interface HeaderBlockProps {
     verticalOffset?: 's' | 'm' | 'l' | 'xl';
     breadcrumbs?: HeaderBreadCrumbsProps;
     status?: JSX.Element;
+    context?: string;
 }
 export type CalculatorProps = Animatable;
 export interface SimpleBlockProps extends Animatable, Childable {
@@ -127,6 +128,7 @@ export interface ExtendedFeaturesProps extends Animatable {
     title?: TitleProps | string;
     description?: string;
     colSizes?: GridColumnSizesType;
+    context?: string;
 }
 export interface PromoFeaturesItem {
     title: string;
@@ -139,6 +141,7 @@ export interface PromoFeaturesProps extends Animatable {
     title?: TitleProps | string;
     description?: string;
     theme?: 'grey' | 'default';
+    context?: string;
 }
 export interface QuestionItem {
     title: string;
@@ -163,6 +166,7 @@ export interface MediaContentProps {
     links?: LinkProps[];
     buttons?: ButtonProps[];
     size?: ContentSize;
+    context?: string;
 }
 export interface MediaBlockProps extends Animatable, MediaContentProps {
     media: ThemeSupporting<MediaProps>;
@@ -180,6 +184,7 @@ export interface PreviewBlockProps extends Animatable {
     ratioMediaContent?: PreviewRatioMediaContent;
     stopVideo?: boolean;
     showImmediately?: boolean;
+    context?: string;
 }
 export interface InfoBlockProps {
     theme?: TextTheme;
@@ -194,6 +199,7 @@ export interface InfoBlockProps {
     links?: Pick<LinkProps, 'text' | 'url'>[];
     leftContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
     rightContent?: Omit<ContentBlockProps, 'colSizes' | 'theme' | 'size'>;
+    context?: string;
 }
 export interface SecurityBlockPoint {
     img: string;
@@ -209,6 +215,7 @@ export interface SecurityBlockProps extends Animatable {
     title: string;
     points?: SecurityBlockPoint[];
     media: MediaProps;
+    context?: string;
 }
 export interface TableProps {
     content: string[][];
@@ -235,6 +242,7 @@ export interface TabsBlockProps extends BlockHeaderProps, Animatable {
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
+    context?: string;
 }
 export interface LinkTableBlockProps extends BlockHeaderProps {
     items: LinkProps[][];
@@ -264,6 +272,7 @@ export interface ContentLayoutBlockProps {
     };
     textContent: ContentBlockProps;
     fileContent?: FileLinkProps[];
+    context?: string;
 }
 export interface ContentBlockProps {
     title?: TitleBaseProps | string;
@@ -275,6 +284,7 @@ export interface ContentBlockProps {
     colSizes?: GridColumnSizesType;
     centered?: boolean;
     theme?: ContentTheme;
+    context?: string;
 }
 export declare enum PCShareSocialNetwork {
     Vk = "vk",

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

@@ -110,7 +110,8 @@ export interface MediaVideoProps {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     metrika?: MetrikaVideo;
-    analyticsEvents?: AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
 }
 export interface LinkProps extends Stylable {
     url: string;
@@ -123,6 +124,7 @@ export interface LinkProps extends Stylable {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
     analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -141,8 +143,9 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
     target?: string;
+    context?: string;
 }
 export interface ButtonImageProps {
     url: string;
@@ -170,7 +173,8 @@ export interface MediaComponentVideoProps {
     video: MediaVideoProps;
     height?: number;
     metrika?: MetrikaVideo;
-    analyticsEvents?: AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
     previewImg?: string;
 }
 export interface MediaComponentYoutubeProps {
@@ -222,11 +226,12 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     items: {
         url: string;
         text: ReactNode;
+        analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
     }[];
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
 }
 export interface PreviewContentItemProps {
     title: string;

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -62,6 +62,7 @@ export interface HubspotFormProps extends HubspotEventHandlers {
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
     analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
 }
 export interface PartnerProps extends CardBaseProps {
     text: string;
@@ -77,6 +78,7 @@ export interface QuoteProps extends Themable, CardBaseProps {
     author?: AuthorItem;
     buttonText?: string;
     theme?: TextTheme;
+    context?: string;
 }
 export interface NewsCardData {
     id: number;
@@ -111,6 +113,7 @@ export interface BannerCardProps {
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
     button: Pick<ButtonProps, 'text' | 'url' | 'target'>;
+    context?: string;
 }
 export interface MediaCardProps extends MediaProps, CardBaseProps {
 }
@@ -118,7 +121,7 @@ export interface CardWithImageLinkProps extends Omit<LinkProps, 'text' | 'url'>
     title: string;
     link: string;
 }
-export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme'> {
+export interface CardWithImageProps extends ClassNameProps, Pick<ContentBlockProps, 'title' | 'additionalInfo' | 'buttons' | 'theme' | 'context'> {
     image: string;
     description?: string;
     disableCompress?: boolean;

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js

@@ -10,6 +10,7 @@ const icons_1 = require("../../../icons");
 const SocialIcon_1 = tslib_1.__importDefault(require("../SocialIcon/SocialIcon"));
 const utils_2 = require("../../../components/Media/Image/utils");
 const b = (0, utils_1.block)('navigation-item');
+const BLOCK_NAME = 'navigation';
 const Content = ({ text, icon }) => (react_1.default.createElement(react_1.Fragment, null,
     icon && typeof icon !== 'string' && react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, icon)),
     react_1.default.createElement("span", { className: b('text') }, text)));
@@ -38,8 +39,8 @@ const NavigationLink = (props) => {
 };
 const NavigationButton = (props) => {
     const { url, target } = props;
-    return target ? (react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
-        react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))));
+    return target ? (react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url, context: BLOCK_NAME }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
+        react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url, context: BLOCK_NAME }))));
 };
 //todo: add types support form component in map
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -538,6 +538,9 @@ export declare const ButtonProps: {
                         };
                     };
                 };
+                context: {
+                    type: string;
+                };
             };
         } | {
             type: string;
@@ -573,6 +576,9 @@ export declare const ButtonProps: {
                             };
                         };
                     };
+                    context: {
+                        type: string;
+                    };
                 };
             };
         })[];
@@ -636,6 +642,9 @@ export declare const BlockBaseProps: {
     resetPaddings: {
         type: string;
     };
+    context: {
+        type: string;
+    };
     type: {};
     when: {};
 };
@@ -831,6 +840,9 @@ export declare const ButtonBlock: {
                             };
                         };
                     };
+                    context: {
+                        type: string;
+                    };
                 };
             } | {
                 type: string;
@@ -866,6 +878,9 @@ export declare const ButtonBlock: {
                                 };
                             };
                         };
+                        context: {
+                            type: string;
+                        };
                     };
                 };
             })[];

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

@@ -390,6 +390,8 @@ exports.BlockBaseProps = Object.assign(Object.assign({}, exports.BaseProps), { a
         enum: exports.containerSizesArray,
     }, resetPaddings: {
         type: 'boolean',
+    }, context: {
+        type: 'string',
     } });
 exports.TitleProps = {
     type: 'object',

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

@@ -30,5 +30,8 @@ export declare const AnalyticsEventSchema: {
                 };
             };
         };
+        context: {
+            type: string;
+        };
     };
 };

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

@@ -31,5 +31,8 @@ exports.AnalyticsEventSchema = {
                 },
             },
         },
+        context: {
+            type: 'string',
+        },
     },
 };

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

@@ -38,6 +38,9 @@ export declare const BackgroundCard: {
                 type: string;
                 enum: string[];
             };
+            context: {
+                type: string;
+            };
             title: {
                 oneOf: ({
                     type: string;

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

@@ -18,6 +18,8 @@ exports.BackgroundCard = {
             }, paddingBottom: {
                 type: 'string',
                 enum: ['s', 'm', 'l', 'xl'],
+            }, context: {
+                type: 'string',
             } }),
     },
 };

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -6,15 +6,23 @@ const utils_1 = require("../../utils");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
+const models_1 = require("../../models");
 const hooks_1 = require("../../hooks");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
+const blockPositionContext_1 = require("../../context/blockPositionContext");
 const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)();
+    const context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
+    const defaultEvent = (0, react_1.useMemo)(() => ({
+        name: 'hubspot-form-submit',
+        type: models_1.PredefinedEventTypes.Default,
+        context,
+    }), [context]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     const { themeValue } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
@@ -25,7 +33,7 @@ const HubspotForm = (props) => {
         onLoad,
         onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
-            handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
+            handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
     }), [

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

@@ -8,15 +8,26 @@ const models_1 = require("../../models");
 const components_1 = require("../../components");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const utils_2 = require("../../components/Media/Image/utils");
+const hooks_1 = require("../../hooks");
+const blockPositionContext_1 = require("../../context/blockPositionContext");
 const b = (0, utils_1.block)('quote');
 const Quote = (props) => {
     const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const imageThemed = (0, utils_1.getThemedValue)(image, theme);
     const imageData = (0, utils_2.getMediaImage)(imageThemed);
+    const context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
+    const defaultEvent = (0, react_1.useMemo)(() => ({
+        name: 'quote-button-click',
+        type: models_1.PredefinedEventTypes.Default,
+        context,
+        target: url,
+    }), [context, url]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (react_1.default.createElement("div", { className: b('author-wrapper') },
         author && (react_1.default.createElement(components_1.Author, { className: b('author', { theme: textTheme }), author: author, type: models_1.AuthorType.Line })),
-        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }) }, buttonText))));
+        url && buttonText && (react_1.default.createElement(uikit_1.Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick }, buttonText))));
     return (react_1.default.createElement("div", { className: b({ theme: textTheme, border }), style: color ? { backgroundColor: color } : {} },
         react_1.default.createElement("div", { key: text, className: b('content-wrapper') },
             react_1.default.createElement("div", null,

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

@@ -64,6 +64,9 @@ export declare const Quote: {
                     };
                 };
             };
+            context: {
+                type: string;
+            };
             type: {};
             when: {};
         };

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

@@ -18,6 +18,8 @@ exports.Quote = {
             }, url: {
                 type: 'string',
                 pattern: schema_1.urlPattern,
-            }, theme: common_1.ThemeProps, author: common_1.authorItem }),
+            }, theme: common_1.ThemeProps, author: common_1.authorItem, context: {
+                type: 'string',
+            } }),
     },
 };

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

@@ -2,9 +2,16 @@ import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
 export declare function getHeaderTag(size: TextSize): "h1" | "h4" | "h2";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
+type GetBlockContextArgs = {
+    block: ConstructorBlock;
+    index: number;
+    parentContext?: string;
+};
+export declare function getBlockContext({ parentContext, block, index }: GetBlockContextArgs): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {
     [x: string]: any;
 };
 export declare const getCustomHeaderTypes: (customBlocks?: CustomConfig) => string[];
 export declare const getShareLink: (url: string, type: PCShareSocialNetwork, title?: string, text?: string) => string | undefined;
+export {};

package/build/cjs/utils/blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockKey = exports.getHeaderTag = void 0;
+exports.getShareLink = exports.getCustomHeaderTypes = exports.getCustomItems = exports.getCustomBlockTypes = exports.getBlockContext = exports.getBlockKey = exports.getHeaderTag = void 0;
 const models_1 = require("../models");
 function getHeaderTag(size) {
     switch (size) {
@@ -18,6 +18,10 @@ function getBlockKey(block, index) {
     return `${block.type}-${index}`;
 }
 exports.getBlockKey = getBlockKey;
+function getBlockContext({ parentContext = '', block, index }) {
+    return `${parentContext}${parentContext ? '_' : ''}${block.type}-${index}`;
+}
+exports.getBlockContext = getBlockContext;
 const getCustomBlockTypes = ({ blocks = {}, headers = {} } = {}) => [
     ...Object.keys(blocks),
     ...Object.keys(headers),

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

@@ -206,6 +206,9 @@ export declare const BannerCardProps: {
                                     };
                                 };
                             };
+                            context: {
+                                type: string;
+                            };
                         };
                     } | {
                         type: string;
@@ -241,6 +244,9 @@ export declare const BannerCardProps: {
                                         };
                                     };
                                 };
+                                context: {
+                                    type: string;
+                                };
                             };
                         };
                     })[];
@@ -264,6 +270,9 @@ export declare const BannerCardProps: {
                 required: string[];
             };
         };
+        context: {
+            type: string;
+        };
         animated: {
             type: string;
         };
@@ -480,6 +489,9 @@ export declare const BannerBlock: {
                                         };
                                     };
                                 };
+                                context: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -515,6 +527,9 @@ export declare const BannerBlock: {
                                             };
                                         };
                                     };
+                                    context: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];
@@ -538,6 +553,9 @@ export declare const BannerBlock: {
                     required: string[];
                 };
             };
+            context: {
+                type: string;
+            };
             animated: {
                 type: string;
             };
@@ -755,6 +773,9 @@ export declare const BannerCard: {
                                         };
                                     };
                                 };
+                                context: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -790,6 +811,9 @@ export declare const BannerCard: {
                                             };
                                         };
                                     };
+                                    context: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];
@@ -813,6 +837,9 @@ export declare const BannerCard: {
                     required: string[];
                 };
             };
+            context: {
+                type: string;
+            };
             animated: {
                 type: string;
             };

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

@@ -17,7 +17,9 @@ export const BannerCardProps = {
         }), theme: ThemeProps, width: {
             type: 'string',
             enum: ['s', 'm', 'l'],
-        }, button: ButtonBlock }),
+        }, button: ButtonBlock, context: {
+            type: 'string',
+        } }),
 };
 export const BannerBlock = {
     'banner-block': BannerCardProps,

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

@@ -66,6 +66,9 @@ export declare const CardLayoutProps: {
         resetPaddings: {
             type: string;
         };
+        context: {
+            type: string;
+        };
         type: {};
         when: {};
     };
@@ -139,6 +142,9 @@ export declare const CardLayoutBlock: {
             resetPaddings: {
                 type: string;
             };
+            context: {
+                type: string;
+            };
             type: {};
             when: {};
         };