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

package/README.md

@@ -232,11 +232,6 @@ function sendEvents(events: MyEventType []) {
 An event object has only one required field - `name`. It also has predefined fields, which serve to help manage complex logic. For example, `counter.include` can help to send event in a particular counter if several analytics systems are used in a project.
 
 ```ts
-type AnalyticsCounters = {
-  include?: string[];
-  exclude?: string[];
-};
-
 type AnalyticsEvent<T = {}> = T & {
   name: string;
   type?: string;
@@ -271,21 +266,6 @@ Pass `context` value to define place in a project where an event is fired.
 Use selector below or create logic that serves project needs.
 
 ```ts
-// utils.ts
-const isCounterAllowed = (counter: Counter, counters?: AnalyticsCounters) => {
-  if (!counters) {
-    return true;
-  }
-
-  if (counters.exclude?.includes(counter)) {
-    return false;
-  } else if (counters.include?.includes(counter)) {
-    return true;
-  }
-
-  return false;
-};
-
 // analyticsHandler.ts
 if (isCounterAllowed(counterName, counters)) {
   analyticsCounter.reachGoal(counterName, name, parameters);

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

@@ -6,7 +6,6 @@ const uikit_1 = require("@gravity-ui/uikit");
 const utils_1 = require("../../utils");
 const models_1 = require("../../models");
 const locationContext_1 = require("../../context/locationContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const hooks_1 = require("../../hooks");
 const Facebook_1 = require("../../icons/Facebook");
@@ -24,13 +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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'share-button-click',
-        type: models_1.PredefinedEventTypes.Default,
-        context,
-    }), [context]);
-    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

@@ -5,20 +5,12 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("../../icons");
 const locationContext_1 = require("../../context/locationContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const hooks_1 = require("../../hooks");
 const models_1 = require("../../models");
-const COMPONENT_NAME = 'backlink';
 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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const handleAnalytics = (0, hooks_1.useAnalytics)({
-        name: 'back-link-click',
-        type: models_1.PredefinedEventTypes.Default,
-        context: context || COMPONENT_NAME,
-        target: url,
-    });
+    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.d.ts

@@ -3,7 +3,6 @@ export interface ButtonProps extends Omit<ButtonParams, 'url'> {
     className?: string;
     url?: string;
     onClick?: () => void;
-    context?: string;
 }
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;

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

@@ -7,25 +7,16 @@ const utils_1 = require("../../utils");
 const models_1 = require("../../models");
 const utils_2 = require("./utils");
 const localeContext_1 = require("../../context/localeContext/localeContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const hooks_1 = require("../../hooks");
 const icons_1 = require("../../icons");
-const COMPONENT_NAME = 'button';
 const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
     const defaultImgPosition = 'left';
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'button-click',
-        type: models_1.PredefinedEventTypes.Default,
-        context: context || COMPONENT_NAME,
-        target: url,
-    }), [context, 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

@@ -4,7 +4,6 @@ exports.Layout = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const BackgroundImage_1 = tslib_1.__importDefault(require("../BackgroundImage/BackgroundImage"));
 const RouterLink_1 = tslib_1.__importDefault(require("../RouterLink/RouterLink"));
 const useMetrika_1 = require("../../hooks/useMetrika");
@@ -17,14 +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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'card-base-click',
-        type: common_1.PredefinedEventTypes.Default,
-        context,
-        target: url,
-    }), [context, 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

@@ -10,7 +10,6 @@ const FileLink_1 = tslib_1.__importDefault(require("../FileLink/FileLink"));
 const BackLink_1 = tslib_1.__importDefault(require("../BackLink/BackLink"));
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const locationContext_1 = require("../../context/locationContext/locationContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('link-block');
@@ -30,14 +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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'link-click',
-        type: models_1.PredefinedEventTypes.Default,
-        context,
-        target: url,
-    }), [context, 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

@@ -12,9 +12,8 @@ const CustomBarControls_1 = tslib_1.__importDefault(require("./CustomBarControls
 const videoContext_1 = require("../../context/videoContext");
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
-const icons_1 = require("../../icons");
 const hooks_1 = require("../../hooks");
+const icons_1 = require("../../icons");
 const b = (0, utils_1.block)('ReactPlayer');
 const FPS = 60;
 // eslint-disable-next-line react/display-name
@@ -42,13 +41,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
         return [];
     }, [analyticsEvents]);
-    const context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'react-player-controls-click',
-        type: models_1.PredefinedEventTypes.Default,
-        context,
-    }), [context]);
-    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

@@ -6,7 +6,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const constants_1 = require("../constants");
 const localeContext_1 = require("../../context/localeContext");
 const mobileContext_1 = require("../../context/mobileContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const utils_1 = require("../../utils");
 const common_1 = require("../../models/common");
 const useMetrika_1 = require("../../hooks/useMetrika");
@@ -20,13 +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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'yndex-form-submit',
-        type: common_1.PredefinedEventTypes.Default,
-        context: context,
-    }), [context]);
-    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

@@ -6,19 +6,20 @@ const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../../../utils");
 const innerContext_1 = require("../../../../context/innerContext");
+const blockIdContext_1 = require("../../../../context/blockIdContext");
 const ConstructorLoadable_1 = require("../ConstructorLoadable");
 const ConstructorItem_1 = require("../ConstructorItem");
 const ConstructorBlock_1 = require("../ConstructorBlock/ConstructorBlock");
 const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
     const { blockTypes, loadables, itemMap } = (0, react_1.useContext)(innerContext_1.InnerContext);
-    const renderer = (parentContext = '', item, index) => {
+    const renderer = (parentId = '', item, index) => {
         if (!itemMap[item.type]) {
             return null;
         }
         let children;
         let itemElement;
         const key = (0, utils_1.getBlockKey)(item, index);
-        const context = (0, utils_1.getBlockContext)({ parentContext, block: item, index });
+        const blockId = parentId ? `${parentId}_${key}` : key;
         if (shouldRenderBlock && !shouldRenderBlock(item, key)) {
             return null;
         }
@@ -32,9 +33,10 @@ const ConstructorBlocks = ({ items, shouldRenderBlock }) => {
         }
         else {
             if ('children' in item && item.children) {
-                children = item.children.map(renderer.bind(null, context));
+                children = item.children.map(renderer.bind(null, blockId));
             }
-            itemElement = (react_1.default.createElement(ConstructorItem_1.ConstructorItem, { data: item, key: key, context: context }, children));
+            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/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts

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

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

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

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

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

package/build/cjs/context/{blockPositionContext/blockPositionContext.js → blockIdContext/blockIdContext.js}

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

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

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

package/build/cjs/context/{blockPositionContext → blockIdContext}/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./blockPositionContext"), exports);
+tslib_1.__exportStar(require("./blockIdContext"), 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/models/common.d.ts

@@ -69,6 +69,17 @@ export declare enum PredefinedEventTypes {
     Play = "play",
     Stop = "stop"
 }
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click",
+    Button = "button-click",
+    CardBase = "card-base-click",
+    Link = "link-click",
+    ReactPlayerControls = "react-player-controls-click",
+    YandexFormSubmit = "yandex-form-submit",
+    HubspotFormSubmit = "hubspot-form-submit",
+    QuoteButton = "quote-button-click",
+    BackLink = "back-link-click"
+}
 export type AnalyticsCounters = {
     include?: string[];
     exclude?: string[];

package/build/cjs/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PredefinedEventTypes = exports.PixelEventType = exports.Theme = void 0;
+exports.DefaultEventNames = exports.PredefinedEventTypes = exports.PixelEventType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -36,3 +36,15 @@ var PredefinedEventTypes;
     PredefinedEventTypes["Play"] = "play";
     PredefinedEventTypes["Stop"] = "stop";
 })(PredefinedEventTypes = exports.PredefinedEventTypes || (exports.PredefinedEventTypes = {}));
+var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+    DefaultEventNames["Button"] = "button-click";
+    DefaultEventNames["CardBase"] = "card-base-click";
+    DefaultEventNames["Link"] = "link-click";
+    DefaultEventNames["ReactPlayerControls"] = "react-player-controls-click";
+    DefaultEventNames["YandexFormSubmit"] = "yandex-form-submit";
+    DefaultEventNames["HubspotFormSubmit"] = "hubspot-form-submit";
+    DefaultEventNames["QuoteButton"] = "quote-button-click";
+    DefaultEventNames["BackLink"] = "back-link-click";
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

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

@@ -121,7 +121,6 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
-    context?: string;
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -141,7 +140,6 @@ export interface ButtonProps extends AnalyticsEventsBase {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
     target?: string;
-    context?: string;
 }
 export interface ButtonImageProps {
     url: string;

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

@@ -9,7 +9,9 @@ const models_1 = require("../../../models");
 const icons_1 = require("../../../icons");
 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_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)));
@@ -38,11 +40,8 @@ const NavigationLink = (props) => {
 };
 const NavigationButton = (props) => {
     const { url, target } = props;
-    return target ? (
-    // discuss how to be with this component
-    // <Button {...props} url={url} context={BLOCK_NAME} />
-    react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))) : (react_1.default.createElement(components_1.RouterLink, { href: url },
-        react_1.default.createElement(components_1.Button, Object.assign({}, props, { url: url }))));
+    return (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
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -5,7 +5,6 @@ const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
 const mobileContext_1 = require("../../context/mobileContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const models_1 = require("../../models");
 const hooks_1 = require("../../hooks");
@@ -16,13 +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 context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'hubspot-form-submit',
-        type: models_1.PredefinedEventTypes.Default,
-        context,
-    }), [context]);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const 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/LayoutItem/utils.d.ts

@@ -9,7 +9,6 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
     target?: string | undefined;
     metrikaGoals?: import("../../models").MetrikaGoal | undefined;
     pixelEvents?: import("../../models").ButtonPixel | undefined;
-    context?: string | undefined;
     analyticsEvents?: {
         name: string;
         type?: string | undefined;

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

@@ -7,23 +7,15 @@ const utils_1 = require("../../utils");
 const models_1 = require("../../models");
 const components_1 = require("../../components");
 const ThemeValueContext_1 = require("../../context/theme/ThemeValueContext");
-const blockPositionContext_1 = require("../../context/blockPositionContext");
 const utils_2 = require("../../components/Media/Image/utils");
 const hooks_1 = require("../../hooks");
 const b = (0, utils_1.block)('quote');
 const Quote = (props) => {
     const { theme: textTheme = 'light', color, image, border = 'shadow', text, logo, author, url, buttonText, } = props;
     const { themeValue: theme } = (0, react_1.useContext)(ThemeValueContext_1.ThemeValueContext);
-    const context = (0, react_1.useContext)(blockPositionContext_1.BlockPositionContext);
     const imageThemed = (0, utils_1.getThemedValue)(image, theme);
     const imageData = (0, utils_2.getMediaImage)(imageThemed);
-    const defaultEvent = (0, react_1.useMemo)(() => ({
-        name: 'quote-button-click',
-        type: models_1.PredefinedEventTypes.Default,
-        context,
-        target: url,
-    }), [context, url]);
-    const handleAnalytics = (0, hooks_1.useAnalytics)(defaultEvent);
+    const 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/cjs/utils/analytics.d.ts

@@ -0,0 +1,2 @@
+import { AnalyticsCounters } from '../models';
+export declare const isCounterAllowed: (counter: string, counters?: AnalyticsCounters) => boolean;

package/build/cjs/utils/analytics.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCounterAllowed = void 0;
+const isCounterAllowed = (counter, counters) => {
+    var _a, _b;
+    if (!counters) {
+        return true;
+    }
+    if ((_a = counters.exclude) === null || _a === void 0 ? void 0 : _a.includes(counter)) {
+        return false;
+    }
+    else if ((_b = counters.include) === null || _b === void 0 ? void 0 : _b.includes(counter)) {
+        return true;
+    }
+    return false;
+};
+exports.isCounterAllowed = isCounterAllowed;

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

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

package/build/cjs/utils/blocks.js

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

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

@@ -1,3 +1,4 @@
+export * from './analytics';
 export * from './blocks';
 export * from './scroll';
 export * from './url';

package/build/cjs/utils/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isHubspotEventData = exports.configure = exports.Lang = void 0;
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./analytics"), exports);
 tslib_1.__exportStar(require("./blocks"), exports);
 tslib_1.__exportStar(require("./scroll"), exports);
 tslib_1.__exportStar(require("./url"), exports);

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

@@ -1,9 +1,8 @@
-import React, { useContext, useCallback, useMemo } from 'react';
+import React, { useContext, useCallback } from 'react';
 import { Icon, Button } from '@gravity-ui/uikit';
 import { block, getAbsolutePath, getShareLink } from '../../utils';
-import { PredefinedEventTypes } from '../../models';
+import { DefaultEventNames } from '../../models';
 import { LocationContext } from '../../context/locationContext';
-import { BlockPositionContext } from '../../context/blockPositionContext';
 import i18n from './i18n';
 import { useAnalytics } from '../../hooks';
 import { Facebook } from '../../icons/Facebook';
@@ -22,13 +21,7 @@ const icons = {
 const b = block('share-block');
 const Share = ({ items, title }) => {
     const { pathname, hostname } = useContext(LocationContext);
-    const context = useContext(BlockPositionContext);
-    const defaultEvent = useMemo(() => ({
-        name: 'share-button-click',
-        type: PredefinedEventTypes.Default,
-        context,
-    }), [context]);
-    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,20 +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 { BlockPositionContext } from '../../context/blockPositionContext';
 import { useAnalytics } from '../../hooks';
-import { PredefinedEventTypes } from '../../models';
-const COMPONENT_NAME = 'backlink';
+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 context = useContext(BlockPositionContext);
-    const handleAnalytics = useAnalytics({
-        name: 'back-link-click',
-        type: PredefinedEventTypes.Default,
-        context: context || COMPONENT_NAME,
-        target: url,
-    });
+    const handleAnalytics = useAnalytics(DefaultEventNames.ShareButton, url);
     const backActionHandler = useCallback(async () => {
         handleAnalytics();
         if (!history) {

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

@@ -4,7 +4,6 @@ export interface ButtonProps extends Omit<ButtonParams, 'url'> {
     className?: string;
     url?: string;
     onClick?: () => void;
-    context?: string;
 }
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;