@gravity-ui/page-constructor 1.15.0-alpha.24 → 1.15.0-alpha.25

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

@@ -23,8 +23,7 @@ const icons = {
 const b = (0, utils_1.block)('share-block');
 const Share = ({ items, title }) => {
     const { pathname, hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.ShareButton);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton);
     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')),

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

@@ -10,8 +10,7 @@ const models_1 = require("../../models");
 function BackLink(props) {
     const { history } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, } = props;
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.ShareButton, url);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton, url);
     const backActionHandler = (0, react_1.useCallback)(async () => {
         handleAnalytics();
         if (!history) {

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

@@ -16,8 +16,7 @@ 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 } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.Button, url);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
     const onClick = (0, react_1.useCallback)(() => {
         handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);

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

@@ -16,8 +16,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 defaultEvent = (0, hooks_1.useAnalyticsEvent)(common_1.DefaultEventNames.CardBase, url);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.CardBase, url);
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {

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

@@ -29,8 +29,7 @@ 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 defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.Link, url);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Link, url);
     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);

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

@@ -41,8 +41,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
         return [];
     }, [analyticsEvents]);
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.ReactPlayerControls);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ReactPlayerControls);
     (0, react_1.useImperativeHandle)(originRef, () => ({
         pause: () => setIsPlaying(false),
     }));

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

@@ -19,8 +19,7 @@ const YandexForm = (props) => {
     const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(common_1.DefaultEventNames.YandexFormSubmit);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.YandexFormSubmit);
     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) => {

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

@@ -35,7 +35,7 @@ const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
             if ('children' in item && item.children) {
                 children = item.children.map(renderer.bind(null, blockId));
             }
-            itemElement = (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: blockId || key },
+            itemElement = (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: blockId },
                 react_1.default.createElement(ConstructorItem_1.ConstructorItem, { data: item, key: key }, children)));
         }
         return blockTypes.includes(item.type) ? (react_1.default.createElement(ConstructorBlock_1.ConstructorBlock, { data: item, key: key, Component: itemElement })) : (itemElement);

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

@@ -3,5 +3,4 @@ export { default as useWindowBreakpoint } from './useWindowBreakpoint';
 export { useIntersection } from './useIntersection';
 export { default as useMount } from './useMount';
 export * from './useAnalytics';
-export * from './useAnalyticsEvent';
 export * from './hubspot';

package/build/cjs/hooks/index.js

@@ -11,5 +11,4 @@ Object.defineProperty(exports, "useIntersection", { enumerable: true, get: funct
 var useMount_1 = require("./useMount");
 Object.defineProperty(exports, "useMount", { enumerable: true, get: function () { return tslib_1.__importDefault(useMount_1).default; } });
 tslib_1.__exportStar(require("./useAnalytics"), exports);
-tslib_1.__exportStar(require("./useAnalyticsEvent"), exports);
 tslib_1.__exportStar(require("./hubspot"), exports);

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) & import("lodash").MemoizedFunction;
+export declare const useAnalytics: (name?: string, target?: string) => ((e?: AnalyticsEvent | AnalyticsEvent[]) => void) & import("lodash").MemoizedFunction;

package/build/cjs/hooks/useAnalytics.js

@@ -3,9 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnalytics = void 0;
 const lodash_1 = require("lodash");
 const react_1 = require("react");
+const blockIdContext_1 = require("../context/blockIdContext");
 const analyticsContext_1 = require("../context/analyticsContext");
-const useAnalytics = (defaultEvent) => {
+const models_1 = require("../models");
+const useAnalytics = (name = '', target) => {
     const { sendEvents, autoEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
+    const context = (0, react_1.useContext)(blockIdContext_1.BlockIdContext);
+    const defaultEvent = (0, react_1.useMemo)(() => name
+        ? {
+            name,
+            context,
+            type: models_1.PredefinedEventTypes.Default,
+            target: target,
+        }
+        : undefined, [context, name, target]);
     if (!sendEvents) {
         return (0, lodash_1.memoize)(() => { });
     }

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

@@ -11,7 +11,7 @@ const SocialIcon_1 = tslib_1.__importDefault(require("../SocialIcon/SocialIcon")
 const utils_2 = require("../../../components/Media/Image/utils");
 const blockIdContext_1 = require("../../../context/blockIdContext");
 const b = (0, utils_1.block)('navigation-item');
-const ANALYTICS_CONTEXT = 'navigation';
+const ANALYTICS_ID = 'navigation';
 const Content = ({ text, icon }) => (react_1.default.createElement(react_1.Fragment, null,
     icon && typeof icon !== 'string' && react_1.default.createElement(components_1.Image, Object.assign({ className: b('icon') }, icon)),
     react_1.default.createElement("span", { className: b('text') }, text)));
@@ -40,7 +40,7 @@ const NavigationLink = (props) => {
 };
 const NavigationButton = (props) => {
     const { url, target } = props;
-    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_CONTEXT }, target ? (react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
+    return (react_1.default.createElement(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
         react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))))));
 };
 //todo: add types support form component in map

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

@@ -15,8 +15,7 @@ const HubspotForm = (props) => {
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.HubspotFormSubmit);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
     const { themeValue } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const isMobileValue = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;

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

@@ -15,8 +15,7 @@ const Quote = (props) => {
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
     const imageThemed = (0, utils_1.getThemedValue)(image, theme);
     const imageData = (0, utils_2.getMediaImage)(imageThemed);
-    const defaultEvent = (0, hooks_1.useAnalyticsEvent)(models_1.DefaultEventNames.QuoteButton, url);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.QuoteButton, url);
     const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (react_1.default.createElement("div", { className: b('author-wrapper') },
         author && (react_1.default.createElement(components_1.Author, { className: b('author', { theme: textTheme }), author: author, type: models_1.AuthorType.Line })),

package/build/esm/blocks/Share/Share.js

@@ -4,7 +4,7 @@ import { block, getAbsolutePath, getShareLink } from '../../utils';
 import { DefaultEventNames } from '../../models';
 import { LocationContext } from '../../context/locationContext';
 import i18n from './i18n';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import { Facebook } from '../../icons/Facebook';
 import { Twitter } from '../../icons/Twitter';
 import { Linkedin } from '../../icons/Linkedin';
@@ -21,8 +21,7 @@ const icons = {
 const b = block('share-block');
 const Share = ({ items, title }) => {
     const { pathname, hostname } = useContext(LocationContext);
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.ShareButton);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton);
     const handleButtonClick = useCallback(() => handleAnalytics(), [handleAnalytics]);
     return (React.createElement("div", { className: b() },
         React.createElement("h5", { className: b('title') }, title || i18n('constructor-share')),

package/build/esm/components/BackLink/BackLink.js

@@ -2,13 +2,12 @@ import React, { useCallback, useContext } from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
 import { ArrowSidebar } from '../../icons';
 import { LocationContext } from '../../context/locationContext';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import { DefaultEventNames } from '../../models';
 export default function BackLink(props) {
     const { history } = useContext(LocationContext);
     const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, } = props;
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.ShareButton, url);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);
     const backActionHandler = useCallback(async () => {
         handleAnalytics();
         if (!history) {

package/build/esm/components/Button/Button.js

@@ -6,7 +6,7 @@ import { DefaultEventNames } from '../../models';
 import { toCommonSize, toCommonView } from './utils';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { useMetrika } from '../../hooks/useMetrika';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import { Github } from '../../icons';
 import './Button.css';
 const b = block('button-block');
@@ -15,8 +15,7 @@ const Button = (props) => {
     const { lang, tld } = useContext(LocaleContext);
     const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
     const defaultImgPosition = 'left';
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.Button, url);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
     const onClick = useCallback(() => {
         handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);

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

@@ -4,7 +4,7 @@ import BackgroundImage from '../BackgroundImage/BackgroundImage';
 import RouterLink from '../RouterLink/RouterLink';
 import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models/common';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import './CardBase.css';
 const b = block('card-base-block');
 const Header = () => null;
@@ -13,8 +13,7 @@ const Footer = () => null;
 export const Layout = (props) => {
     const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', } = props;
     const handleMetrika = useMetrika();
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.CardBase, url);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.CardBase, url);
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {

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

@@ -8,7 +8,7 @@ import BackLink from '../BackLink/BackLink';
 import { LocaleContext } from '../../context/localeContext/localeContext';
 import { LocationContext } from '../../context/locationContext/locationContext';
 import { useMetrika } from '../../hooks/useMetrika';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';
@@ -27,8 +27,7 @@ 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 defaultEvent = useAnalyticsEvent(DefaultEventNames.Link, url);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.Link, url);
     const { hostname } = useContext(LocationContext);
     const { tld } = useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);

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

@@ -8,7 +8,7 @@ import CustomBarControls from './CustomBarControls';
 import { VideoContext } from '../../context/videoContext';
 import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import { PlayVideo } from '../../icons';
 import './ReactPlayer.css';
 const b = block('ReactPlayer');
@@ -38,8 +38,7 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
         }
         return [];
     }, [analyticsEvents]);
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.ReactPlayerControls);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ReactPlayerControls);
     useImperativeHandle(originRef, () => ({
         pause: () => setIsPlaying(false),
     }));

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

@@ -5,7 +5,7 @@ import { MobileContext } from '../../context/mobileContext';
 import { block } from '../../utils';
 import { DefaultEventNames } from '../../models/common';
 import { useMetrika } from '../../hooks/useMetrika';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = block('yandex-form');
@@ -15,8 +15,7 @@ const YandexForm = (props) => {
     const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const handleMetrika = useMetrika();
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.YandexFormSubmit);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.YandexFormSubmit);
     const isMobile = useContext(MobileContext);
     const locale = useContext(LocaleContext);
     const updateFormIframe = useCallback((container) => {

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

@@ -31,7 +31,7 @@ export const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
             if ('children' in item && item.children) {
                 children = item.children.map(renderer.bind(null, blockId));
             }
-            itemElement = (React.createElement(BlockIdContext.Provider, { value: blockId || key },
+            itemElement = (React.createElement(BlockIdContext.Provider, { value: blockId },
                 React.createElement(ConstructorItem, { data: item, key: key }, children)));
         }
         return blockTypes.includes(item.type) ? (React.createElement(ConstructorBlock, { data: item, key: key, Component: itemElement })) : (itemElement);

package/build/esm/hooks/index.d.ts

@@ -3,5 +3,4 @@ export { default as useWindowBreakpoint } from './useWindowBreakpoint';
 export { useIntersection } from './useIntersection';
 export { default as useMount } from './useMount';
 export * from './useAnalytics';
-export * from './useAnalyticsEvent';
 export * from './hubspot';

package/build/esm/hooks/index.js

@@ -3,5 +3,4 @@ export { default as useWindowBreakpoint } from './useWindowBreakpoint';
 export { useIntersection } from './useIntersection';
 export { default as useMount } from './useMount';
 export * from './useAnalytics';
-export * from './useAnalyticsEvent';
 export * from './hubspot';

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

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

package/build/esm/hooks/useAnalytics.js

@@ -1,8 +1,19 @@
 import { memoize } from 'lodash';
-import { useContext } from 'react';
+import { useContext, useMemo } from 'react';
+import { BlockIdContext } from '../context/blockIdContext';
 import { AnalyticsContext } from '../context/analyticsContext';
-export const useAnalytics = (defaultEvent) => {
+import { PredefinedEventTypes } from '../models';
+export const useAnalytics = (name = '', target) => {
     const { sendEvents, autoEvents } = useContext(AnalyticsContext);
+    const context = useContext(BlockIdContext);
+    const defaultEvent = useMemo(() => name
+        ? {
+            name,
+            context,
+            type: PredefinedEventTypes.Default,
+            target: target,
+        }
+        : undefined, [context, name, target]);
     if (!sendEvents) {
         return memoize(() => { });
     }

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

@@ -10,7 +10,7 @@ import { getMediaImage } from '../../../components/Media/Image/utils';
 import { BlockIdContext } from '../../../context/blockIdContext';
 import './NavigationItem.css';
 const b = block('navigation-item');
-const ANALYTICS_CONTEXT = 'navigation';
+const ANALYTICS_ID = 'navigation';
 const Content = ({ text, icon }) => (React.createElement(Fragment, null,
     icon && typeof icon !== 'string' && React.createElement(Image, Object.assign({ className: b('icon') }, icon)),
     React.createElement("span", { className: b('text') }, text)));
@@ -39,7 +39,7 @@ const NavigationLink = (props) => {
 };
 const NavigationButton = (props) => {
     const { url, target } = props;
-    return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_CONTEXT }, target ? (React.createElement(Button, Object.assign({}, props, { url: url }))) : (React.createElement(RouterLink, { href: url },
+    return (React.createElement(BlockIdContext.Provider, { value: ANALYTICS_ID }, target ? (React.createElement(Button, Object.assign({}, props, { url: url }))) : (React.createElement(RouterLink, { href: url },
         React.createElement(Button, Object.assign({}, props, { url: url }))))));
 };
 //todo: add types support form component in map

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

@@ -4,7 +4,7 @@ import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { MobileContext } from '../../context/mobileContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { DefaultEventNames } from '../../models';
-import { useHandleHubspotEvents, useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useHandleHubspotEvents, useAnalytics } from '../../hooks';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
@@ -13,8 +13,7 @@ const HubspotForm = (props) => {
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
     const handleMetrika = useMetrika();
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.HubspotFormSubmit);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);
     const { themeValue } = useContext(ThemeValueContext);
     const isMobileValue = useContext(MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;

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

@@ -5,7 +5,7 @@ import { AuthorType, DefaultEventNames } from '../../models';
 import { Author, Image, HTML } from '../../components';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { getMediaImage } from '../../components/Media/Image/utils';
-import { useAnalytics, useAnalyticsEvent } from '../../hooks';
+import { useAnalytics } from '../../hooks';
 import './Quote.css';
 const b = block('quote');
 const Quote = (props) => {
@@ -13,8 +13,7 @@ const Quote = (props) => {
     const { themeValue: theme } = useContext(ThemeValueContext);
     const imageThemed = getThemedValue(image, theme);
     const imageData = getMediaImage(imageThemed);
-    const defaultEvent = useAnalyticsEvent(DefaultEventNames.QuoteButton, url);
-    const handleAnalytics = useAnalytics(defaultEvent);
+    const handleAnalytics = useAnalytics(DefaultEventNames.QuoteButton, url);
     const handleButtonClick = useCallback(() => handleAnalytics(), [handleAnalytics]);
     const renderFooter = Boolean(author || url) && (React.createElement("div", { className: b('author-wrapper') },
         author && (React.createElement(Author, { className: b('author', { theme: textTheme }), author: author, type: AuthorType.Line })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.15.0-alpha.24",
+  "version": "1.15.0-alpha.25",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

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

@@ -1,7 +0,0 @@
-import { PredefinedEventTypes } from '../models';
-export declare const useAnalyticsEvent: (name: string, target?: string) => {
-    name: string;
-    context: string;
-    type: PredefinedEventTypes;
-    target: string | undefined;
-};

package/build/cjs/hooks/useAnalyticsEvent.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAnalyticsEvent = void 0;
-const react_1 = require("react");
-const models_1 = require("../models");
-const blockIdContext_1 = require("../context/blockIdContext");
-const useAnalyticsEvent = (name, target) => {
-    const context = (0, react_1.useContext)(blockIdContext_1.BlockIdContext);
-    return (0, react_1.useMemo)(() => ({
-        name,
-        context,
-        type: models_1.PredefinedEventTypes.Default,
-        target,
-    }), [context, name, target]);
-};
-exports.useAnalyticsEvent = useAnalyticsEvent;

package/build/esm/hooks/useAnalyticsEvent.d.ts

@@ -1,7 +0,0 @@
-import { PredefinedEventTypes } from '../models';
-export declare const useAnalyticsEvent: (name: string, target?: string) => {
-    name: string;
-    context: string;
-    type: PredefinedEventTypes;
-    target: string | undefined;
-};

package/build/esm/hooks/useAnalyticsEvent.js

@@ -1,12 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { PredefinedEventTypes } from '../models';
-import { BlockIdContext } from '../context/blockIdContext';
-export const useAnalyticsEvent = (name, target) => {
-    const context = useContext(BlockIdContext);
-    return useMemo(() => ({
-        name,
-        context,
-        type: PredefinedEventTypes.Default,
-        target,
-    }), [context, name, target]);
-};