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

package/build/esm/components/CardBase/CardBase.js

@@ -1,8 +1,10 @@
-import React, { Children, Fragment } from 'react';
+import React, { Children, Fragment, useMemo, useContext, } from 'react';
 import { block } from '../../utils';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import BackgroundImage from '../BackgroundImage/BackgroundImage';
 import RouterLink from '../RouterLink/RouterLink';
 import { useMetrika } from '../../hooks/useMetrika';
+import { PredefinedEventTypes } from '../../models/common';
 import { useAnalytics } from '../../hooks';
 import './CardBase.css';
 const b = block('card-base-block');
@@ -12,7 +14,14 @@ const Footer = () => null;
 export const Layout = (props) => {
     const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const context = useContext(BlockPositionContext);
+    const defaultEvent = useMemo(() => ({
+        name: 'card-base-click',
+        type: PredefinedEventTypes.Default,
+        context,
+        target: url,
+    }), [context, url]);
+    const handleAnalytics = useAnalytics(defaultEvent);
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {
@@ -45,7 +54,7 @@ export const Layout = (props) => {
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
+        handleAnalytics(analyticsEvents);
     };
     return url ? (React.createElement(RouterLink, { href: url },
         React.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (React.createElement("div", { className: fullClassName }, cardContent));

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.css

@@ -1,36 +1,6 @@
-@charset "UTF-8";
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
 .pc-header-breadcrumbs {
   z-index: 11;
 }
-.pc-header-breadcrumbs__item {
-  display: inline-block;
-}
-.pc-header-breadcrumbs__text {
-  font-size: var(--yc-text-body-2-font-size);
-  line-height: var(--yc-text-body-2-line-height);
-  outline: none;
-  color: var(--yc-color-text-link);
-  text-decoration: none;
-  cursor: pointer;
-  color: var(--yc-color-text-secondary);
-}
-.utilityfocus .pc-header-breadcrumbs__text:focus {
-  outline: 2px solid #ffdb4d;
-}
-.pc-header-breadcrumbs__text:hover, .pc-header-breadcrumbs__text:active {
-  --pc-text-header-color: var(--yc-color-text-link-hover);
-  color: var(--yc-color-text-link-hover);
-}
-.pc-header-breadcrumbs__text:after {
-  content: " / ";
-  margin: 0 8px 0 6px;
-  color: var(--yc-color-text-secondary);
-}
-.pc-header-breadcrumbs__text:hover {
-  color: var(--yc-color-text-primary);
-}
 .pc-header-breadcrumbs_theme_dark .pc-header-breadcrumbs__text {
   color: var(--yc-color-text-light-secondary);
 }

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -1,17 +1,9 @@
 import React from 'react';
 import { block } from '../../utils';
-import { useMetrika } from '../../hooks/useMetrika';
-import { useAnalytics } from '../../hooks';
+import HeaderBreadcrumbsItem from './HeaderBreadcrumbsItem';
 import './HeaderBreadcrumbs.css';
 const b = block('header-breadcrumbs');
 export default function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, analyticsEvents, theme = 'light', className } = props;
-    const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
-    const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
-    };
-    return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement("div", { className: b('item'), key: item.url },
-        React.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));
+    const { items, metrikaGoals, pixelEvents, theme = 'light', className } = props;
+    return (React.createElement("div", { className: b({ theme }, className) }, items.map((item) => (React.createElement(HeaderBreadcrumbsItem, { key: item.url, url: item.url, text: item.text, metrikaGoals: metrikaGoals, pixelEvents: pixelEvents, analyticsEvents: item.analyticsEvents })))));
 }

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbsItem.css

@@ -0,0 +1,30 @@
+@charset "UTF-8";
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-header-breadcrumbs-item__item {
+  display: inline-block;
+}
+.pc-header-breadcrumbs-item__text {
+  font-size: var(--yc-text-body-2-font-size);
+  line-height: var(--yc-text-body-2-line-height);
+  outline: none;
+  color: var(--yc-color-text-link);
+  text-decoration: none;
+  cursor: pointer;
+  color: var(--yc-color-text-secondary);
+}
+.utilityfocus .pc-header-breadcrumbs-item__text:focus {
+  outline: 2px solid #ffdb4d;
+}
+.pc-header-breadcrumbs-item__text:hover, .pc-header-breadcrumbs-item__text:active {
+  --pc-text-header-color: var(--yc-color-text-link-hover);
+  color: var(--yc-color-text-link-hover);
+}
+.pc-header-breadcrumbs-item__text:after {
+  content: " / ";
+  margin: 0 8px 0 6px;
+  color: var(--yc-color-text-secondary);
+}
+.pc-header-breadcrumbs-item__text:hover {
+  color: var(--yc-color-text-primary);
+}

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbsItem.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { AnalyticsEvent, ButtonPixel, MetrikaGoal } from '../../models';
+import './HeaderBreadcrumbsItem.css';
+type HeaderBreadcrumbsItemProps = {
+    url: string;
+    text: ReactNode;
+    metrikaGoals?: MetrikaGoal;
+    pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
+};
+export default function HeaderBreadcrumbsItem({ url, text, metrikaGoals, pixelEvents, analyticsEvents, }: HeaderBreadcrumbsItemProps): JSX.Element;
+export {};

package/build/esm/components/HeaderBreadcrumbs/HeaderBreadcrumbsItem.js

@@ -0,0 +1,25 @@
+import React, { useContext, useMemo } from 'react';
+import { block } from '../../utils';
+import { PredefinedEventTypes } from '../../models';
+import { useMetrika } from '../../hooks/useMetrika';
+import { useAnalytics } from '../../hooks';
+import { BlockPositionContext } from '../../context/blockPositionContext';
+import './HeaderBreadcrumbsItem.css';
+const b = block('header-breadcrumbs-item');
+export default function HeaderBreadcrumbsItem({ url, text, metrikaGoals, pixelEvents, analyticsEvents, }) {
+    const handleMetrika = useMetrika();
+    const context = useContext(BlockPositionContext);
+    const defaultEvent = useMemo(() => ({
+        name: 'header-breadcrumbs-click',
+        type: PredefinedEventTypes.Default,
+        context: context,
+        target: url,
+    }), [context, url]);
+    const handleAnalytics = useAnalytics(defaultEvent);
+    const onClick = () => {
+        handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
+    };
+    return (React.createElement("div", { className: b('item'), key: url },
+        React.createElement("a", { href: url, className: b('text'), onClick: onClick }, text)));
+}

package/build/esm/components/Link/Link.js

@@ -1,6 +1,7 @@
-import React, { Fragment, useContext } from 'react';
+import React, { Fragment, useContext, useMemo } from 'react';
 import { Icon } from '@gravity-ui/uikit';
 import { block, getLinkProps, setUrlTld } from '../../utils';
+import { PredefinedEventTypes, } from '../../models';
 import { Chevron } from '../../icons';
 import FileLink from '../FileLink/FileLink';
 import BackLink from '../BackLink/BackLink';
@@ -8,6 +9,7 @@ import { LocaleContext } from '../../context/localeContext/localeContext';
 import { LocationContext } from '../../context/locationContext/locationContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';
@@ -26,14 +28,21 @@ function getArrowSize(size) {
 const LinkBlock = (props) => {
     const { text, url, arrow, metrikaGoals, pixelEvents, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, } = props;
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const context = useContext(BlockPositionContext);
+    const defaultEvent = useMemo(() => ({
+        name: 'link-click',
+        type: PredefinedEventTypes.Default,
+        context,
+        target: url,
+    }), [context, url]);
+    const handleAnalytics = useAnalytics(defaultEvent);
     const { hostname } = useContext(LocationContext);
     const { tld } = useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
+        handleAnalytics(analyticsEvents);
     };
     const getLinkByType = () => {
         switch (theme) {

package/build/esm/components/Media/Video/Video.js

@@ -32,6 +32,7 @@ const Video = (props) => {
         return (React.createElement(ReactPlayerBlock, { className: b('react-player', videoClassName), src: src, previewImgUrl: previewImg, loop: Boolean(loop), controls: controls, muted: muted, autoplay: autoplay && playVideo, elapsedTime: elapsedTime, playButton: playButton || commonPlayButton, customBarControlsClassName: customBarControlsClassName, metrika: metrika, analyticsEvents: analyticsEvents, height: height }));
     }, [
         video,
+        height,
         videoClassName,
         previewImg,
         playVideo,
@@ -39,7 +40,6 @@ const Video = (props) => {
         customBarControlsClassName,
         metrika,
         analyticsEvents,
-        height,
     ]);
     const defaultVideoBlock = useMemo(() => {
         return video.src.length && !hasVideoFallback ? (React.createElement("div", { className: b('wrap', videoClassName), style: { height } },

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -3,11 +3,12 @@ import ReactPlayer from 'react-player';
 import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { Icon } from '@gravity-ui/uikit';
 import { block } from '../../utils';
-import { PlayButtonThemes, PlayButtonType, MediaVideoControlsType, } from '../../models';
+import { PlayButtonThemes, PlayButtonType, MediaVideoControlsType, PredefinedEventTypes, } from '../../models';
 import CustomBarControls from './CustomBarControls';
 import { VideoContext } from '../../context/videoContext';
 import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 import { PlayVideo } from '../../icons';
 import { useAnalytics } from '../../hooks';
 import './ReactPlayer.css';
@@ -32,7 +33,19 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const [started, setStarted] = useState(autoPlay);
     const [paused, setPaused] = useState(false);
     const [ended, setEnded] = useState(false);
-    const handleAnalytics = useAnalytics();
+    const eventsArray = useMemo(() => {
+        if (analyticsEvents) {
+            return Array.isArray(analyticsEvents) ? analyticsEvents : [analyticsEvents];
+        }
+        return [];
+    }, [analyticsEvents]);
+    const context = useContext(BlockPositionContext);
+    const defaultEvent = useMemo(() => ({
+        name: 'react-player-controls-click',
+        type: PredefinedEventTypes.Default,
+        context: context,
+    }), [context]);
+    const handleAnalytics = useAnalytics(defaultEvent);
     useImperativeHandle(originRef, () => ({
         pause: () => setIsPlaying(false),
     }));
@@ -81,8 +94,8 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
             window.removeEventListener('resize', updateSize);
         };
     }, []);
-    const playEvents = useMemo(() => analyticsEvents === null || analyticsEvents === void 0 ? void 0 : analyticsEvents.filter((e) => e.type === 'play'), [analyticsEvents]);
-    const stopEvents = useMemo(() => analyticsEvents === null || analyticsEvents === void 0 ? void 0 : analyticsEvents.filter((e) => e.type === 'stop'), [analyticsEvents]);
+    const playEvents = useMemo(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === PredefinedEventTypes.Play), [eventsArray]);
+    const stopEvents = useMemo(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === PredefinedEventTypes.Stop), [eventsArray]);
     const playIcon = useMemo(() => {
         let playButtonContent;
         switch (type) {
@@ -108,27 +121,14 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
                 metrika.reachGoals(goal, counterName);
             }
         }
-        if (handleAnalytics && analyticsEvents) {
-            const events = isMuted ? playEvents : stopEvents;
-            if (events) {
-                handleAnalytics(events);
-            }
-        }
+        const events = isMuted ? playEvents : stopEvents;
+        handleAnalytics(events);
         if (isMuted) {
             setProps({ playingVideoRef: ref.current });
         }
         // In order to the progress bar to update (equals 0) before displaying
         setTimeout(() => setMuted(!isMuted), 0);
-    }, [
-        playerRef,
-        metrika,
-        videoMetrika,
-        handleAnalytics,
-        analyticsEvents,
-        playEvents,
-        stopEvents,
-        setProps,
-    ]);
+    }, [playerRef, metrika, videoMetrika, handleAnalytics, playEvents, stopEvents, setProps]);
     const handleClick = useCallback(() => changeMute(muted), [changeMute, muted]);
     const handleClickPreview = useCallback(() => {
         setIsPlaying(true);
@@ -139,12 +139,8 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
                 metrika.reachGoals(play, counterName);
             }
         }
-        if (handleAnalytics && analyticsEvents) {
-            if (playEvents) {
-                handleAnalytics(playEvents);
-            }
-        }
-    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, analyticsEvents, playEvents]);
+        handleAnalytics(playEvents);
+    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, playEvents]);
     const onPause = useCallback(() => {
         // For support correct state for youtube
         setIsPlaying(false);

package/build/esm/components/YandexForm/YandexForm.d.ts

@@ -16,6 +16,7 @@ export interface YandexFormProps {
     metrikaGoals?: string | string[];
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
     analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    context?: string;
 }
 declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/esm/components/YandexForm/YandexForm.js

@@ -1,10 +1,12 @@
-import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useRef } from 'react';
 import { HEADER_HEIGHT } from '../constants';
 import { LocaleContext } from '../../context/localeContext';
 import { MobileContext } from '../../context/mobileContext';
 import { block } from '../../utils';
 import { useMetrika } from '../../hooks/useMetrika';
-import { useAnalytics } from '../..//hooks';
+import { PredefinedEventTypes } from '../../models/common';
+import { useAnalytics } from '../../hooks';
+import { BlockPositionContext } from '../../context/blockPositionContext';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
@@ -14,7 +16,13 @@ const YandexForm = (props) => {
     const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const context = useContext(BlockPositionContext);
+    const defaultEvent = useMemo(() => ({
+        name: 'yndex-form-submit',
+        type: PredefinedEventTypes.Default,
+        context: context,
+    }), [context]);
+    const handleAnalytics = useAnalytics(defaultEvent);
     const isMobile = useContext(MobileContext);
     const locale = useContext(LocaleContext);
     const updateFormIframe = useCallback((container) => {
@@ -55,7 +63,7 @@ const YandexForm = (props) => {
             window.scrollBy(0, top - headerHeight);
         }
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
+        handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -1,19 +1,20 @@
 import _ from 'lodash';
 import React, { Fragment, useContext } from 'react';
-import { getBlockKey } from '../../../../utils';
+import { getBlockContext, getBlockKey } from '../../../../utils';
 import { InnerContext } from '../../../../context/innerContext';
 import { ConstructorLoadable } from '../ConstructorLoadable';
 import { ConstructorItem } from '../ConstructorItem';
 import { ConstructorBlock } from '../ConstructorBlock/ConstructorBlock';
 export const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
     const { blockTypes, loadables, itemMap } = useContext(InnerContext);
-    const renderer = (item, index) => {
+    const renderer = (parentContext = '', item, index) => {
         if (!itemMap[item.type]) {
             return null;
         }
         let children;
         let itemElement;
         const key = getBlockKey(item, index);
+        const context = getBlockContext({ parentContext, block: item, index });
         if (shouldRenderBlock && !shouldRenderBlock(item, key)) {
             return null;
         }
@@ -27,11 +28,11 @@ export const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
         }
         else {
             if ('children' in item && item.children) {
-                children = item.children.map(renderer);
+                children = item.children.map(renderer.bind(null, context));
             }
-            itemElement = (React.createElement(ConstructorItem, { data: item, key: key }, children));
+            itemElement = (React.createElement(ConstructorItem, { data: item, key: key, context: context }, children));
         }
         return blockTypes.includes(item.type) ? (React.createElement(ConstructorBlock, { data: item, key: key, Component: itemElement })) : (itemElement);
     };
-    return React.createElement(Fragment, null, items.map(renderer));
+    return React.createElement(Fragment, null, items.map(renderer.bind(null, '')));
 };

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts

@@ -1,6 +1,7 @@
 import { ConstructorItem as ConstructorItemType, WithChildren } from '../../../../models';
 export interface ConstructorItemProps {
     data: ConstructorItemType;
+    context?: string;
 }
-export declare const ConstructorItem: ({ data, children }: WithChildren<ConstructorItemProps>) => JSX.Element;
+export declare const ConstructorItem: ({ data, children, context }: WithChildren<ConstructorItemProps>) => JSX.Element;
 export declare const ConstructorHeader: ({ data }: Pick<ConstructorItemProps, 'data'>) => JSX.Element;

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

@@ -1,10 +1,12 @@
 import { __rest } from "tslib";
 import React, { useContext } from 'react';
 import { InnerContext } from '../../../../context/innerContext';
-export const ConstructorItem = ({ data, children }) => {
+import { BlockPositionContext } from '../../../../context/blockPositionContext';
+export const ConstructorItem = ({ data, children, context }) => {
     const { itemMap } = useContext(InnerContext);
     const { type } = data, rest = __rest(data, ["type"]);
     const Component = itemMap[type];
-    return React.createElement(Component, Object.assign({}, rest), children);
+    return (React.createElement(BlockPositionContext.Provider, { value: context || type },
+        React.createElement(Component, Object.assign({}, rest), children)));
 };
 export const ConstructorHeader = ({ data }) => (React.createElement(ConstructorItem, { data: data, key: data.type }));

package/build/esm/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/esm/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/esm/context/blockPositionContext/blockPositionContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export const BlockPositionContext = React.createContext('');

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

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

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

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

package/build/esm/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/esm/hooks/useAnalytics.js

@@ -1,14 +1,20 @@
+import { memoize } from 'lodash';
 import { useContext } from 'react';
 import { AnalyticsContext } from '../context/analyticsContext';
-export const useAnalytics = () => {
-    const { sendEvents } = useContext(AnalyticsContext);
+export const useAnalytics = (defaultEvent) => {
+    const { sendEvents, autoEvents } = useContext(AnalyticsContext);
     if (!sendEvents) {
-        return undefined;
+        return memoize(() => { });
     }
-    return (e, defaults) => {
-        if (!e) {
+    const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];
+    return memoize((e) => {
+        let events = defaultEvents;
+        if (e) {
+            events = Array.isArray(e) ? [...events, ...e] : [...events, e];
+        }
+        if (!events) {
             return;
         }
-        sendEvents(e, defaults);
-    };
+        sendEvents(events);
+    });
 };

package/build/esm/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/esm/models/common.js

@@ -27,3 +27,9 @@ export var PixelEventType;
     PixelEventType["Subscribe"] = "Subscribe";
     PixelEventType["ViewContent"] = "ViewContent";
 })(PixelEventType || (PixelEventType = {}));
+export var PredefinedEventTypes;
+(function (PredefinedEventTypes) {
+    PredefinedEventTypes["Default"] = "default-event";
+    PredefinedEventTypes["Play"] = "play";
+    PredefinedEventTypes["Stop"] = "stop";
+})(PredefinedEventTypes || (PredefinedEventTypes = {}));

package/build/esm/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",