@gravity-ui/page-constructor 1.14.0-alpha.8 → 1.15.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Changelog
 
+## [1.14.0](https://github.com/gravity-ui/page-constructor/compare/v1.13.2...v1.14.0) (2023-01-25)
+
+
+### Features
+
+* **Navigation:** add schema validation ([#120](https://github.com/gravity-ui/page-constructor/issues/120)) ([a6c8dec](https://github.com/gravity-ui/page-constructor/commit/a6c8decf04f402113a5a31d2635721ffcc1b233c))
+
+## [1.13.2](https://github.com/gravity-ui/page-constructor/compare/v1.13.1...v1.13.2) (2023-01-20)
+
+
+### Bug Fixes
+
+* **PromoFeaturesBlock:** transform items ([#118](https://github.com/gravity-ui/page-constructor/issues/118)) ([4c1cc7a](https://github.com/gravity-ui/page-constructor/commit/4c1cc7a38f2d789ce1c723b9695b7c1ed3e3cdf8))
+
+## [1.13.1](https://github.com/gravity-ui/page-constructor/compare/v1.13.0...v1.13.1) (2023-01-19)
+
+
+### Bug Fixes
+
+* **Navigation:** logo and button specifity styles ([#116](https://github.com/gravity-ui/page-constructor/issues/116)) ([dbe0c39](https://github.com/gravity-ui/page-constructor/commit/dbe0c39aa88aac8a3e84c079d7de400e9a9b3d2f))
+
 ## [1.13.0](https://github.com/gravity-ui/page-constructor/compare/v1.12.1...v1.13.0) (2023-01-18)
 
 

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

@@ -176,7 +176,12 @@ export declare const BannerCardProps: {
                 analyticsEvents: {
                     anyOf: ({
                         type: string;
-                        additionalProperties: boolean;
+                        propertyNames: {
+                            type: string;
+                        };
+                        additionalProperty: {
+                            type: string;
+                        };
                         required: string[];
                         properties: {
                             name: {
@@ -204,34 +209,17 @@ export declare const BannerCardProps: {
                                     };
                                 };
                             };
-                            category: {
-                                type: string;
-                            };
-                            label: {
-                                type: string;
-                            };
-                            params: {
-                                type: string;
-                                items: {
-                                    type: string;
-                                    additionalProperties: boolean;
-                                    required: string[];
-                                    properties: {
-                                        key: {
-                                            type: string;
-                                        };
-                                        value: {
-                                            type: string;
-                                        };
-                                    };
-                                };
-                            };
                         };
                     } | {
                         type: string;
                         items: {
                             type: string;
-                            additionalProperties: boolean;
+                            propertyNames: {
+                                type: string;
+                            };
+                            additionalProperty: {
+                                type: string;
+                            };
                             required: string[];
                             properties: {
                                 name: {
@@ -259,28 +247,6 @@ export declare const BannerCardProps: {
                                         };
                                     };
                                 };
-                                category: {
-                                    type: string;
-                                };
-                                label: {
-                                    type: string;
-                                };
-                                params: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                        additionalProperties: boolean;
-                                        required: string[];
-                                        properties: {
-                                            key: {
-                                                type: string;
-                                            };
-                                            value: {
-                                                type: string;
-                                            };
-                                        };
-                                    };
-                                };
                             };
                         };
                     })[];
@@ -490,7 +456,12 @@ export declare const BannerBlock: {
                     analyticsEvents: {
                         anyOf: ({
                             type: string;
-                            additionalProperties: boolean;
+                            propertyNames: {
+                                type: string;
+                            };
+                            additionalProperty: {
+                                type: string;
+                            };
                             required: string[];
                             properties: {
                                 name: {
@@ -518,34 +489,17 @@ export declare const BannerBlock: {
                                         };
                                     };
                                 };
-                                category: {
-                                    type: string;
-                                };
-                                label: {
-                                    type: string;
-                                };
-                                params: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                        additionalProperties: boolean;
-                                        required: string[];
-                                        properties: {
-                                            key: {
-                                                type: string;
-                                            };
-                                            value: {
-                                                type: string;
-                                            };
-                                        };
-                                    };
-                                };
                             };
                         } | {
                             type: string;
                             items: {
                                 type: string;
-                                additionalProperties: boolean;
+                                propertyNames: {
+                                    type: string;
+                                };
+                                additionalProperty: {
+                                    type: string;
+                                };
                                 required: string[];
                                 properties: {
                                     name: {
@@ -573,28 +527,6 @@ export declare const BannerBlock: {
                                             };
                                         };
                                     };
-                                    category: {
-                                        type: string;
-                                    };
-                                    label: {
-                                        type: string;
-                                    };
-                                    params: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                            additionalProperties: boolean;
-                                            required: string[];
-                                            properties: {
-                                                key: {
-                                                    type: string;
-                                                };
-                                                value: {
-                                                    type: string;
-                                                };
-                                            };
-                                        };
-                                    };
                                 };
                             };
                         })[];
@@ -805,7 +737,12 @@ export declare const BannerCard: {
                     analyticsEvents: {
                         anyOf: ({
                             type: string;
-                            additionalProperties: boolean;
+                            propertyNames: {
+                                type: string;
+                            };
+                            additionalProperty: {
+                                type: string;
+                            };
                             required: string[];
                             properties: {
                                 name: {
@@ -833,34 +770,17 @@ export declare const BannerCard: {
                                         };
                                     };
                                 };
-                                category: {
-                                    type: string;
-                                };
-                                label: {
-                                    type: string;
-                                };
-                                params: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                        additionalProperties: boolean;
-                                        required: string[];
-                                        properties: {
-                                            key: {
-                                                type: string;
-                                            };
-                                            value: {
-                                                type: string;
-                                            };
-                                        };
-                                    };
-                                };
                             };
                         } | {
                             type: string;
                             items: {
                                 type: string;
-                                additionalProperties: boolean;
+                                propertyNames: {
+                                    type: string;
+                                };
+                                additionalProperty: {
+                                    type: string;
+                                };
                                 required: string[];
                                 properties: {
                                     name: {
@@ -888,28 +808,6 @@ export declare const BannerCard: {
                                             };
                                         };
                                     };
-                                    category: {
-                                        type: string;
-                                    };
-                                    label: {
-                                        type: string;
-                                    };
-                                    params: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                            additionalProperties: boolean;
-                                            required: string[];
-                                            properties: {
-                                                key: {
-                                                    type: string;
-                                                };
-                                                value: {
-                                                    type: string;
-                                                };
-                                            };
-                                        };
-                                    };
                                 };
                             };
                         })[];

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

@@ -429,7 +429,12 @@ export declare const MediaBlock: {
                     analyticsEvents: {
                         anyOf: ({
                             type: string;
-                            additionalProperties: boolean;
+                            propertyNames: {
+                                type: string;
+                            };
+                            additionalProperty: {
+                                type: string;
+                            };
                             required: string[];
                             properties: {
                                 name: {
@@ -457,34 +462,17 @@ export declare const MediaBlock: {
                                         };
                                     };
                                 };
-                                category: {
-                                    type: string;
-                                };
-                                label: {
-                                    type: string;
-                                };
-                                params: {
-                                    type: string;
-                                    items: {
-                                        type: string;
-                                        additionalProperties: boolean;
-                                        required: string[];
-                                        properties: {
-                                            key: {
-                                                type: string;
-                                            };
-                                            value: {
-                                                type: string;
-                                            };
-                                        };
-                                    };
-                                };
                             };
                         } | {
                             type: string;
                             items: {
                                 type: string;
-                                additionalProperties: boolean;
+                                propertyNames: {
+                                    type: string;
+                                };
+                                additionalProperty: {
+                                    type: string;
+                                };
                                 required: string[];
                                 properties: {
                                     name: {
@@ -512,28 +500,6 @@ export declare const MediaBlock: {
                                             };
                                         };
                                     };
-                                    category: {
-                                        type: string;
-                                    };
-                                    label: {
-                                        type: string;
-                                    };
-                                    params: {
-                                        type: string;
-                                        items: {
-                                            type: string;
-                                            additionalProperties: boolean;
-                                            required: string[];
-                                            properties: {
-                                                key: {
-                                                    type: string;
-                                                };
-                                                value: {
-                                                    type: string;
-                                                };
-                                            };
-                                        };
-                                    };
                                 };
                             };
                         })[];

package/build/cjs/components/Button/Button.js

@@ -7,18 +7,18 @@ const utils_1 = require("../../utils");
 const utils_2 = require("./utils");
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
-const useAnalytics_1 = require("../../hooks/useAnalytics");
+const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");
 const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
     const onClick = (0, react_1.useCallback)(() => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics(analyticsEvents);
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin();
         }

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

@@ -1,6 +1,6 @@
 import React, { ReactElement, HTMLAttributeAnchorTarget } from 'react';
 import { ButtonPixel, CardBaseProps as CardBaseParams, ImageProps, MetrikaGoal, WithChildren } from '../../models';
-import { AnalyticsEvent } from '../../models/common';
+import { AnalyticsEventV2 } from '../../models/common';
 export interface CardBaseProps extends CardBaseParams {
     className?: string;
     bodyClassName?: string;
@@ -10,7 +10,7 @@ export interface CardBaseProps extends CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEventV2 | AnalyticsEventV2[];
 }
 export interface CardHeaderBaseProps {
     className?: string;

package/build/cjs/components/CardBase/CardBase.js

@@ -7,7 +7,7 @@ const utils_1 = require("../../utils");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage"));
 const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink"));
 const useMetrika_1 = require("../../hooks/useMetrika");
-const useAnalytics_1 = require("../../hooks/useAnalytics");
+const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('card-base-block');
 const Header = () => null;
 const Content = () => null;
@@ -15,7 +15,7 @@ const Footer = () => null;
 const Layout = (props) => {
     const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {
@@ -48,7 +48,7 @@ const Layout = (props) => {
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics(analyticsEvents);
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
     };
     return url ? (react_1.default.createElement(RouterLink_1.default, { href: url },
         react_1.default.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (react_1.default.createElement("div", { className: fullClassName }, cardContent));

package/build/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -4,15 +4,15 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
-const useAnalytics_1 = require("../../hooks/useAnalytics");
+const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('header-breadcrumbs');
 function HeaderBreadcrumbs(props) {
     const { items, metrikaGoals, pixelEvents, analyticsEvents, theme = 'light', className } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics(analyticsEvents);
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
     };
     return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement("div", { className: b('item'), key: item.url },
         react_1.default.createElement("a", { href: item.url, className: b('text'), onClick: onClick }, item.text))))));

package/build/cjs/components/Link/Link.js

@@ -10,7 +10,7 @@ const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink"));
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const locationContext_1 = require("../../context/locationContext/locationContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
-const useAnalytics_1 = require("../../hooks/useAnalytics");
+const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('link-block');
 const WORD_JOINER_SYM = '\u200b';
 function getArrowSize(size) {
@@ -28,14 +28,14 @@ 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 = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const { tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const href = (0, utils_1.setUrlTld)(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics(analyticsEvents);
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
     };
     const getLinkByType = () => {
         switch (theme) {

package/build/cjs/components/Media/Media.js

@@ -10,7 +10,7 @@ const Video_1 = tslib_1.__importDefault(require("./Video/Video"));
 const VideoBlock_1 = tslib_1.__importDefault(require("../VideoBlock/VideoBlock"));
 const b = (0, utils_1.block)('Media');
 const Media = (props) => {
-    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, } = props;
+    const { image, video, youtube, dataLens, color, height, previewImg, parallax = false, metrika, analyticsEvents, } = props;
     const { className, imageClassName, videoClassName, youtubeClassName, playVideo = true, isBackground, playButton, customBarControlsClassName, } = props;
     const [hasVideoFallback, setHasVideoFallback] = (0, react_1.useState)(false);
     const content = (0, react_1.useMemo)(() => {
@@ -19,7 +19,7 @@ const Media = (props) => {
             result.push(react_1.default.createElement(Image_1.default, { key: "image", parallax: parallax, image: image, height: height, imageClassName: imageClassName, isBackground: isBackground, video: video, hasVideoFallback: hasVideoFallback }));
         }
         if (video) {
-            result.push(react_1.default.createElement(Video_1.default, { key: "video", video: video, videoClassName: videoClassName, height: height, metrika: metrika, playVideo: playVideo, previewImg: previewImg, playButton: playButton, customBarControlsClassName: customBarControlsClassName, hasVideoFallback: hasVideoFallback, setHasVideoFallback: setHasVideoFallback }));
+            result.push(react_1.default.createElement(Video_1.default, { key: "video", video: video, videoClassName: videoClassName, height: height, metrika: metrika, analyticsEvents: analyticsEvents, playVideo: playVideo, previewImg: previewImg, playButton: playButton, customBarControlsClassName: customBarControlsClassName, hasVideoFallback: hasVideoFallback, setHasVideoFallback: setHasVideoFallback }));
         }
         if (youtube) {
             result = (react_1.default.createElement(VideoBlock_1.default, { className: b('youtube', youtubeClassName), record: youtube, attributes: { color: 'white', rel: '0' }, previewImg: previewImg, height: height }));
@@ -40,6 +40,7 @@ const Media = (props) => {
         hasVideoFallback,
         videoClassName,
         metrika,
+        analyticsEvents,
         playVideo,
         previewImg,
         playButton,

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

@@ -8,7 +8,7 @@ const utils_1 = require("./utils");
 const utils_2 = require("../../../utils");
 const b = (0, utils_2.block)('media-component-video');
 const Video = (props) => {
-    const { video, height, metrika, previewImg, playButton: commonPlayButton, customBarControlsClassName, videoClassName, playVideo, setHasVideoFallback, hasVideoFallback, } = props;
+    const { video, height, metrika, analyticsEvents, previewImg, playButton: commonPlayButton, customBarControlsClassName, videoClassName, playVideo, setHasVideoFallback, hasVideoFallback, } = props;
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         if (ref && ref.current) {
@@ -31,16 +31,17 @@ const Video = (props) => {
     }, [playVideo, video, setHasVideoFallback]);
     const reactPlayerBlock = (0, react_1.useMemo)(() => {
         const { src, loop, controls, muted, autoplay = true, elapsedTime, playButton } = video;
-        return (react_1.default.createElement(ReactPlayer_1.default, { 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, height: height }));
+        return (react_1.default.createElement(ReactPlayer_1.default, { 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,
         commonPlayButton,
         customBarControlsClassName,
         metrika,
+        analyticsEvents,
+        height,
     ]);
     const defaultVideoBlock = (0, react_1.useMemo)(() => {
         return video.src.length && !hasVideoFallback ? (react_1.default.createElement("div", { className: b('wrap', videoClassName), style: { height } },

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

@@ -13,13 +13,14 @@ const videoContext_1 = require("../../context/videoContext");
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const icons_1 = require("../../icons");
+const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('ReactPlayer');
 const FPS = 60;
 // eslint-disable-next-line react/display-name
 exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const { metrika } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
-    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, metrika: videoMetrika, height, } = props;
+    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, metrika: videoMetrika, analyticsEvents, height, } = props;
     const { type = models_1.PlayButtonType.Default, theme = models_1.PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
     const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
     const mute = initiallyMuted || autoPlay;
@@ -34,6 +35,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
     const [started, setStarted] = (0, react_1.useState)(autoPlay);
     const [paused, setPaused] = (0, react_1.useState)(false);
     const [ended, setEnded] = (0, react_1.useState)(false);
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
     (0, react_1.useImperativeHandle)(originRef, () => ({
         pause: () => setIsPlaying(false),
     }));
@@ -82,6 +84,8 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
             window.removeEventListener('resize', updateSize);
         };
     }, []);
+    const playEvents = (0, react_1.useMemo)(() => analyticsEvents === null || analyticsEvents === void 0 ? void 0 : analyticsEvents.filter((e) => e.type === 'play'), [analyticsEvents]);
+    const stopEvents = (0, react_1.useMemo)(() => analyticsEvents === null || analyticsEvents === void 0 ? void 0 : analyticsEvents.filter((e) => e.type === 'stop'), [analyticsEvents]);
     const playIcon = (0, react_1.useMemo)(() => {
         let playButtonContent;
         switch (type) {
@@ -107,12 +111,27 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
                 metrika.reachGoals(goal, counterName);
             }
         }
+        if (handleAnalytics && analyticsEvents) {
+            const events = isMuted ? playEvents : stopEvents;
+            if (events) {
+                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, setProps, videoMetrika, metrika]);
+    }, [
+        playerRef,
+        metrika,
+        videoMetrika,
+        handleAnalytics,
+        analyticsEvents,
+        playEvents,
+        stopEvents,
+        setProps,
+    ]);
     const handleClick = (0, react_1.useCallback)(() => changeMute(muted), [changeMute, muted]);
     const handleClickPreview = (0, react_1.useCallback)(() => {
         setIsPlaying(true);
@@ -123,7 +142,12 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
                 metrika.reachGoals(play, counterName);
             }
         }
-    }, [onClickPreview, setIsPlaying, videoMetrika, metrika]);
+        if (handleAnalytics && analyticsEvents) {
+            if (playEvents) {
+                handleAnalytics(playEvents);
+            }
+        }
+    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, analyticsEvents, playEvents]);
     const onPause = (0, react_1.useCallback)(() => {
         // For support correct state for youtube
         setIsPlaying(false);

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

@@ -1,5 +1,5 @@
 import { PixelEvent } from '../../models';
-import { AnalyticsEvent } from '../../models/common';
+import { AnalyticsEventV2 } from '../../models/common';
 export declare const YANDEX_FORM_ORIGIN = "https://forms.yandex.ru";
 export interface YandexFormProps {
     id: number | string;
@@ -15,7 +15,7 @@ export interface YandexFormProps {
     onLoad?: () => void;
     metrikaGoals?: string | string[];
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[];
-    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
+    analyticsEvents?: AnalyticsEventV2 | AnalyticsEventV2[];
 }
 declare const YandexForm: (props: YandexFormProps) => JSX.Element;
 export default YandexForm;

package/build/cjs/components/YandexForm/YandexForm.js

@@ -8,7 +8,7 @@ const localeContext_1 = require("../../context/localeContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const utils_1 = require("../../utils");
 const useMetrika_1 = require("../../hooks/useMetrika");
-const useAnalytics_1 = require("../..//hooks/useAnalytics");
+const hooks_1 = require("../..//hooks");
 exports.YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = (0, utils_1.block)('yandex-form');
@@ -18,7 +18,7 @@ const YandexForm = (props) => {
     const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
+    const handleAnalytics = (0, hooks_1.useAnalytics)();
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const updateFormIframe = (0, react_1.useCallback)((container) => {
@@ -59,7 +59,7 @@ const YandexForm = (props) => {
             window.scrollBy(0, top - headerHeight);
         }
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics(analyticsEvents);
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }