@gravity-ui/page-constructor 1.15.0-alpha.10 → 1.15.0-alpha.12

package/README.md

@@ -225,7 +225,7 @@ configure({lang: Lang.En});
 
 To start using any analytics, pass a handler to the constructor. The handler must be created on a project side. The handler will receive the `default` and `custom` event objects. The passed handler will be fired on a button, link, navigation, and control clicks. As one handler is used for all events treatment, pay attention to how to treat different events while creating the handler. There are predefined fields that serve to help you to build complex logic.
 
-Pass `sendDefaultEvent: true` to constructor to fire automatically configured events.
+Pass `autoEvents: true` to constructor to fire automatically configured events.
 
 ```ts
 function sendEvents(events: MyEventType []) {
@@ -235,7 +235,7 @@ function sendEvents(events: MyEventType []) {
 <PageConstructorProvider
     ...
 
-    analytics={{sendEvents, sendDefaultEvent: true}}
+    analytics={{sendEvents, autoEvents: true}}
 
     ...
 />

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

@@ -274,6 +274,84 @@ export declare const HeaderProperties: {
                 type: string;
                 contentType: string;
             };
+            analyticsEvents: {
+                anyOf: ({
+                    type: string;
+                    additionalProperties: {
+                        type: string;
+                    };
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                        blockName: {
+                            type: string;
+                        };
+                    };
+                } | {
+                    type: string;
+                    items: {
+                        type: string;
+                        additionalProperties: {
+                            type: string;
+                        };
+                        required: string[];
+                        properties: {
+                            name: {
+                                type: string;
+                            };
+                            type: {
+                                type: string;
+                            };
+                            counters: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: never[];
+                                properties: {
+                                    include: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                    exclude: {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                        };
+                                    };
+                                };
+                            };
+                            blockName: {
+                                type: string;
+                            };
+                        };
+                    };
+                })[];
+            };
         };
     };
     imageSize: {
@@ -607,6 +685,84 @@ export declare const HeaderBlock: {
                         type: string;
                         contentType: string;
                     };
+                    analyticsEvents: {
+                        anyOf: ({
+                            type: string;
+                            additionalProperties: {
+                                type: string;
+                            };
+                            required: string[];
+                            properties: {
+                                name: {
+                                    type: string;
+                                };
+                                type: {
+                                    type: string;
+                                };
+                                counters: {
+                                    type: string;
+                                    additionalProperties: boolean;
+                                    required: never[];
+                                    properties: {
+                                        include: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                        exclude: {
+                                            type: string;
+                                            items: {
+                                                type: string;
+                                            };
+                                        };
+                                    };
+                                };
+                                blockName: {
+                                    type: string;
+                                };
+                            };
+                        } | {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: {
+                                    type: string;
+                                };
+                                required: string[];
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    type: {
+                                        type: string;
+                                    };
+                                    counters: {
+                                        type: string;
+                                        additionalProperties: boolean;
+                                        required: never[];
+                                        properties: {
+                                            include: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                            exclude: {
+                                                type: string;
+                                                items: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    };
+                                    blockName: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        })[];
+                    };
                 };
             };
             imageSize: {

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

@@ -4,6 +4,7 @@ exports.HeaderBlock = exports.HeaderProperties = exports.HeaderBackgroundProps =
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
 const schema_1 = require("../../components/Image/schema");
+const event_1 = require("../../schema/validators/event");
 exports.HeaderBackgroundProps = {
     type: 'object',
     additionalProperties: false,
@@ -45,6 +46,9 @@ exports.HeaderProperties = {
                 type: 'string',
                 contentType: 'text',
             },
+            analyticsEvents: {
+                anyOf: [event_1.AnalyticsEventSchema, { type: 'array', items: event_1.AnalyticsEventSchema }],
+            },
         },
     },
     imageSize: {

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

@@ -144,6 +144,84 @@ export declare const HeaderSliderBlock: {
                                     type: string;
                                     contentType: string;
                                 };
+                                analyticsEvents: {
+                                    anyOf: ({
+                                        type: string;
+                                        additionalProperties: {
+                                            type: string;
+                                        };
+                                        required: string[];
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                            };
+                                            type: {
+                                                type: string;
+                                            };
+                                            counters: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                required: never[];
+                                                properties: {
+                                                    include: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                    exclude: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                            blockName: {
+                                                type: string;
+                                            };
+                                        };
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                blockName: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                    })[];
+                                };
                             };
                         };
                         imageSize: {

package/build/cjs/blocks/Share/Share.js

@@ -23,12 +23,13 @@ const icons = {
 const b = (0, utils_1.block)('share-block');
 const Share = ({ items, title, blockName = models_1.BlockType.ShareBlock }) => {
     const { pathname, hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'share-button-click',
         type: models_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
-    const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(), [handleAnalytics]);
+    }), [blockName]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
     return (react_1.default.createElement("div", { className: b() },
         react_1.default.createElement("h5", { className: b('title') }, title || (0, i18n_1.default)('constructor-share')),
         react_1.default.createElement("div", { className: b('items') }, items.map((type) => {

package/build/cjs/components/BackLink/BackLink.js

@@ -15,9 +15,10 @@ function BackLink(props) {
         name: 'back-link-click',
         type: models_1.PredefinedEventTypes.Default,
         blockName: blockName,
+        target: url,
     });
     const backActionHandler = (0, react_1.useCallback)(async () => {
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics();
+        handleAnalytics();
         if (!history) {
             return;
         }

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

@@ -17,14 +17,16 @@ const Button = (props) => {
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
     const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, blockName = COMPONENT_NAME } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "blockName"]);
     const defaultImgPosition = 'left';
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'button-click',
         type: models_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
+        target: url,
+    }), [blockName, url]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     const onClick = (0, react_1.useCallback)(() => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
+        handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin();
         }

package/build/cjs/components/ButtonTabs/ButtonTabs.js

@@ -10,11 +10,12 @@ const b = (0, utils_1.block)('button-tabs');
 const COMPONENT_NAME = 'button-tabs';
 const ButtonTabs = (props) => {
     const { className, items, activeTab, onSelectTab, blockName = COMPONENT_NAME } = props;
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'button-tabs-click',
         type: models_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
+    }), [blockName]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     const activeTabId = (0, react_1.useMemo)(() => {
         if (activeTab) {
             return activeTab;
@@ -22,7 +23,7 @@ const ButtonTabs = (props) => {
         return items[0].id;
     }, [activeTab, items]);
     const handleClick = (0, react_1.useCallback)((tabId) => {
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics();
+        handleAnalytics();
         if (onSelectTab) {
             onSelectTab(tabId);
         }

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

@@ -17,11 +17,13 @@ const Footer = () => null;
 const Layout = (props) => {
     const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', blockName = COMPONENT_NAME, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'card-base-click',
         type: common_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
+        target: url,
+    }), [blockName, url]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {
@@ -54,7 +56,7 @@ 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_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.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/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbs.js

@@ -3,24 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const models_1 = require("../../models");
-const useMetrika_1 = require("../../hooks/useMetrika");
-const hooks_1 = require("../../hooks");
+const HeaderBreadcrumbsItem_1 = tslib_1.__importDefault(require("./HeaderBreadcrumbsItem"));
 const b = (0, utils_1.block)('header-breadcrumbs');
 const COMPONENT_NAME = 'header-breadcrumbs';
 function HeaderBreadcrumbs(props) {
-    const { items, metrikaGoals, pixelEvents, analyticsEvents, theme = 'light', blockName = COMPONENT_NAME, className, } = props;
-    const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
-        name: 'header-breadcrumbs-click',
-        type: models_1.PredefinedEventTypes.Default,
-        blockName: blockName,
-    });
-    const onClick = () => {
-        handleMetrika({ metrikaGoals, pixelEvents });
-        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))))));
+    const { items, metrikaGoals, pixelEvents, theme = 'light', blockName = COMPONENT_NAME, className, } = props;
+    return (react_1.default.createElement("div", { className: b({ theme }, className) }, items.map((item) => (react_1.default.createElement(HeaderBreadcrumbsItem_1.default, { key: item.url, url: item.url, text: item.text, metrikaGoals: metrikaGoals, pixelEvents: pixelEvents, analyticsEvents: item.analyticsEvents, blockName: blockName })))));
 }
 exports.default = HeaderBreadcrumbs;

package/build/cjs/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/cjs/components/HeaderBreadcrumbs/HeaderBreadcrumbsItem.d.ts

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

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const models_1 = require("../../models");
+const useMetrika_1 = require("../../hooks/useMetrika");
+const hooks_1 = require("../../hooks");
+const b = (0, utils_1.block)('header-breadcrumbs-item');
+const COMPONENT_NAME = 'header-breadcrumbs-item';
+function HeaderBreadcrumbsItem({ url, text, metrikaGoals, pixelEvents, analyticsEvents, blockName = COMPONENT_NAME, }) {
+    const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const defaultEvent = (0, react_1.useMemo)(() => ({
+        name: 'header-breadcrumbs-click',
+        type: models_1.PredefinedEventTypes.Default,
+        blockName: blockName,
+        target: url,
+    }), [blockName, url]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const onClick = () => {
+        handleMetrika({ metrikaGoals, pixelEvents });
+        handleAnalytics(analyticsEvents);
+    };
+    return (react_1.default.createElement("div", { className: b('item'), key: url },
+        react_1.default.createElement("a", { href: url, className: b('text'), onClick: onClick }, text)));
+}
+exports.default = HeaderBreadcrumbsItem;

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

@@ -30,18 +30,20 @@ function getArrowSize(size) {
 const LinkBlock = (props) => {
     const { text, url, arrow, metrikaGoals, pixelEvents, analyticsEvents, theme = 'file-link', colorTheme = 'light', textSize = 'm', className, target, children, blockName = COMPONENT_NAME, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'link-click',
         type: models_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
+        target: url,
+    }), [blockName, url]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     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 === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
+        handleAnalytics(analyticsEvents);
     };
     const getLinkByType = () => {
         switch (theme) {

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

@@ -36,11 +36,18 @@ 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)({
+    const eventsArray = (0, react_1.useMemo)(() => {
+        if (analyticsEvents) {
+            return Array.isArray(analyticsEvents) ? analyticsEvents : [analyticsEvents];
+        }
+        return [];
+    }, [analyticsEvents]);
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'react-player-controls-click',
         type: models_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
+    }), [blockName]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     (0, react_1.useImperativeHandle)(originRef, () => ({
         pause: () => setIsPlaying(false),
     }));
@@ -89,8 +96,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 === models_1.PredefinedEventTypes.Play), [analyticsEvents]);
-    const stopEvents = (0, react_1.useMemo)(() => analyticsEvents === null || analyticsEvents === void 0 ? void 0 : analyticsEvents.filter((e) => e.type === models_1.PredefinedEventTypes.Stop), [analyticsEvents]);
+    const playEvents = (0, react_1.useMemo)(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === models_1.PredefinedEventTypes.Play), [eventsArray]);
+    const stopEvents = (0, react_1.useMemo)(() => eventsArray === null || eventsArray === void 0 ? void 0 : eventsArray.filter((e) => e.type === models_1.PredefinedEventTypes.Stop), [eventsArray]);
     const playIcon = (0, react_1.useMemo)(() => {
         let playButtonContent;
         switch (type) {
@@ -117,7 +124,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
             }
         }
         const events = isMuted ? playEvents : stopEvents;
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(events);
+        handleAnalytics(events);
         if (isMuted) {
             setProps({ playingVideoRef: ref.current });
         }
@@ -134,7 +141,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
                 metrika.reachGoals(play, counterName);
             }
         }
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(playEvents);
+        handleAnalytics(playEvents);
     }, [onClickPreview, metrika, videoMetrika, handleAnalytics, playEvents]);
     const onPause = (0, react_1.useCallback)(() => {
         // For support correct state for youtube

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

@@ -20,11 +20,12 @@ 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, hooks_1.useAnalytics)({
+    const defaultEvent = (0, react_1.useMemo)(() => ({
         name: 'yndex-form-submit',
         type: common_1.PredefinedEventTypes.Default,
         blockName: blockName,
-    });
+    }), [blockName]);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
     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) => {
@@ -65,7 +66,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/cjs/context/analyticsContext/analyticsContext.d.ts

@@ -2,6 +2,6 @@ import React from 'react';
 import { AnalyticsEvent } from '../../models';
 export interface AnalyticsContextProps {
     sendEvents?: (events: AnalyticsEvent[]) => void;
-    sendDefaultEvent?: boolean;
+    autoEvents?: boolean;
 }
 export declare const AnalyticsContext: React.Context<AnalyticsContextProps>;

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

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