@gravity-ui/page-constructor 1.15.0-alpha.5 → 1.15.0-alpha.7

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

@@ -206,6 +206,9 @@ export declare const BannerCardProps: {
                                     };
                                 };
                             };
+                            blockName: {
+                                type: string;
+                            };
                         };
                     } | {
                         type: string;
@@ -241,6 +244,9 @@ export declare const BannerCardProps: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         };
                     })[];
@@ -483,6 +489,9 @@ export declare const BannerBlock: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -518,6 +527,9 @@ export declare const BannerBlock: {
                                             };
                                         };
                                     };
+                                    blockName: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];
@@ -761,6 +773,9 @@ export declare const BannerCard: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -796,6 +811,9 @@ export declare const BannerCard: {
                                             };
                                         };
                                     };
+                                    blockName: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];

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

@@ -459,6 +459,9 @@ export declare const MediaBlock: {
                                         };
                                     };
                                 };
+                                blockName: {
+                                    type: string;
+                                };
                             };
                         } | {
                             type: string;
@@ -494,6 +497,9 @@ export declare const MediaBlock: {
                                             };
                                         };
                                     };
+                                    blockName: {
+                                        type: string;
+                                    };
                                 };
                             };
                         })[];

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

@@ -10,6 +10,7 @@ import { Twitter } from '../../icons/Twitter';
 import { Linkedin } from '../../icons/Linkedin';
 import { Vk } from '../../icons/Vk';
 import { Telegram } from '../../icons/Telegram';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './Share.css';
 const icons = {
     facebook: Facebook,
@@ -21,12 +22,12 @@ const icons = {
 const b = block('share-block');
 const Share = ({ items, title, blockName = BlockType.ShareBlock }) => {
     const { pathname, hostname } = useContext(LocationContext);
-    const handleAnalytics = useAnalytics();
-    const handleButtonClick = useCallback(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics([], {
-        name: 'default',
-        type: 'button',
-        block: blockName,
-    }), [handleAnalytics, blockName]);
+    const handleAnalytics = useAnalytics({
+        name: 'share-button-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
+    const handleButtonClick = useCallback(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(), [handleAnalytics]);
     return (React.createElement("div", { className: b() },
         React.createElement("h5", { className: b('title') }, title || i18n('constructor-share')),
         React.createElement("div", { className: b('items') }, items.map((type) => {

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

@@ -3,17 +3,18 @@ import { Button, Icon } from '@gravity-ui/uikit';
 import { ArrowSidebar } from '../../icons';
 import { LocationContext } from '../../context/locationContext';
 import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 const COMPONENT_NAME = 'backlink';
 export default function BackLink(props) {
     const { history } = useContext(LocationContext);
-    const handleAnalytics = useAnalytics();
     const { url, title, theme = 'default', size = 'l', className, shouldHandleBackAction = false, onClick, blockName = COMPONENT_NAME, } = props;
+    const handleAnalytics = useAnalytics({
+        name: 'back-link-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     const backActionHandler = useCallback(async () => {
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics([], {
-            name: 'default',
-            type: 'button',
-            block: blockName,
-        });
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics();
         if (!history) {
             return;
         }
@@ -26,7 +27,7 @@ export default function BackLink(props) {
         else {
             history.push({ pathname: url });
         }
-    }, [blockName, handleAnalytics, history, onClick, url]);
+    }, [handleAnalytics, history, onClick, url]);
     return (React.createElement(Button, { className: className, view: theme === 'special' ? 'flat-contrast' : 'flat-secondary', size: size, href: shouldHandleBackAction ? undefined : url, onClick: shouldHandleBackAction ? backActionHandler : undefined },
         React.createElement(Icon, { data: ArrowSidebar, size: 24 }),
         React.createElement("span", null, title)));

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

@@ -7,30 +7,27 @@ import { LocaleContext } from '../../context/localeContext/localeContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
 import { Github } from '../../icons';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './Button.css';
 const COMPONENT_NAME = 'button';
 const b = block('button-block');
 const Button = (props) => {
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
     const { lang, tld } = useContext(LocaleContext);
     const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, blockName = COMPONENT_NAME } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "blockName"]);
     const defaultImgPosition = 'left';
+    const handleAnalytics = useAnalytics({
+        name: 'button-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     const onClick = useCallback(() => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents, { name: 'default', type: 'button', block: blockName });
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
         if (onClickOrigin) {
             onClickOrigin();
         }
-    }, [
-        handleMetrika,
-        metrikaGoals,
-        pixelEvents,
-        handleAnalytics,
-        analyticsEvents,
-        blockName,
-        onClickOrigin,
-    ]);
+    }, [handleMetrika, metrikaGoals, pixelEvents, handleAnalytics, analyticsEvents, onClickOrigin]);
     const buttonImg = img instanceof Object
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };

package/build/esm/components/ButtonTabs/ButtonTabs.js

@@ -2,11 +2,17 @@ import React, { useCallback, useMemo } from 'react';
 import { block } from '../../utils';
 import { Button } from '../index';
 import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './ButtonTabs.css';
 const b = block('button-tabs');
+const COMPONENT_NAME = 'button-tabs';
 const ButtonTabs = (props) => {
-    const { className, items, activeTab, onSelectTab, blockName = '' } = props;
-    const handleAnalytics = useAnalytics();
+    const { className, items, activeTab, onSelectTab, blockName = COMPONENT_NAME } = props;
+    const handleAnalytics = useAnalytics({
+        name: 'button-tabs-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     const activeTabId = useMemo(() => {
         if (activeTab) {
             return activeTab;
@@ -14,11 +20,11 @@ const ButtonTabs = (props) => {
         return items[0].id;
     }, [activeTab, items]);
     const handleClick = useCallback((tabId) => {
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics([], { name: 'default', type: 'button', block: blockName });
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics();
         if (onSelectTab) {
             onSelectTab(tabId);
         }
-    }, [blockName, handleAnalytics, onSelectTab]);
+    }, [handleAnalytics, onSelectTab]);
     return (React.createElement("div", { className: b(null, className) }, items.map((item) => {
         const isActive = item.id === activeTabId;
         return (React.createElement(Button, { text: item.title, className: b('item', { active: isActive }), key: item.title, size: 'l', onClick: () => handleClick(item.id), theme: isActive ? 'monochrome' : 'normal' }));

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

@@ -4,6 +4,7 @@ import BackgroundImage from '../BackgroundImage/BackgroundImage';
 import RouterLink from '../RouterLink/RouterLink';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './CardBase.css';
 const COMPONENT_NAME = 'card-base';
 const b = block('card-base-block');
@@ -13,7 +14,11 @@ const Footer = () => null;
 export const Layout = (props) => {
     const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', blockName = COMPONENT_NAME, } = props;
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const handleAnalytics = useAnalytics({
+        name: 'card-base-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     let header, content, footer, image, headerClass, footerClass;
     function handleChild(child) {
         switch (child.type) {
@@ -46,7 +51,7 @@ export const Layout = (props) => {
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents, { name: 'default', type: 'card', block: blockName });
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
     };
     return url ? (React.createElement(RouterLink, { href: url },
         React.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (React.createElement("div", { className: fullClassName }, cardContent));

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

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

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

@@ -8,6 +8,7 @@ import { LocaleContext } from '../../context/localeContext/localeContext';
 import { LocationContext } from '../../context/locationContext/locationContext';
 import { useMetrika } from '../../hooks/useMetrika';
 import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './Link.css';
 const b = block('link-block');
 const WORD_JOINER_SYM = '\u200b';
@@ -27,14 +28,18 @@ 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 = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const handleAnalytics = useAnalytics({
+        name: 'link-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     const { hostname } = useContext(LocationContext);
     const { tld } = useContext(LocaleContext);
     const href = setUrlTld(props.url, tld);
     const defaultTextSize = theme === 'back' ? 'l' : 'm';
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents, { name: 'default', type: 'link', block: blockName });
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
     };
     const getLinkByType = () => {
         switch (theme) {

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

@@ -10,6 +10,7 @@ import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { PlayVideo } from '../../icons';
 import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './ReactPlayer.css';
 const b = block('ReactPlayer');
 const FPS = 60;
@@ -33,7 +34,11 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
     const [started, setStarted] = useState(autoPlay);
     const [paused, setPaused] = useState(false);
     const [ended, setEnded] = useState(false);
-    const handleAnalytics = useAnalytics();
+    const handleAnalytics = useAnalytics({
+        name: 'react-player-controls-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     useImperativeHandle(originRef, () => ({
         pause: () => setIsPlaying(false),
     }));
@@ -109,30 +114,14 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
                 metrika.reachGoals(goal, counterName);
             }
         }
-        if (handleAnalytics) {
-            const events = isMuted ? playEvents : stopEvents;
-            if (events) {
-                handleAnalytics(events, {
-                    type: 'react-player-change-mute',
-                    block: blockName,
-                });
-            }
-        }
+        const events = isMuted ? playEvents : stopEvents;
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(events);
         if (isMuted) {
             setProps({ playingVideoRef: ref.current });
         }
         // In order to the progress bar to update (equals 0) before displaying
         setTimeout(() => setMuted(!isMuted), 0);
-    }, [
-        playerRef,
-        metrika,
-        videoMetrika,
-        handleAnalytics,
-        playEvents,
-        stopEvents,
-        blockName,
-        setProps,
-    ]);
+    }, [playerRef, metrika, videoMetrika, handleAnalytics, playEvents, stopEvents, setProps]);
     const handleClick = useCallback(() => changeMute(muted), [changeMute, muted]);
     const handleClickPreview = useCallback(() => {
         setIsPlaying(true);
@@ -143,15 +132,8 @@ export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
                 metrika.reachGoals(play, counterName);
             }
         }
-        if (handleAnalytics) {
-            if (playEvents) {
-                handleAnalytics(playEvents, {
-                    type: 'react-player-preview',
-                    block: blockName,
-                });
-            }
-        }
-    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, playEvents, blockName]);
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(playEvents);
+    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, playEvents]);
     const onPause = useCallback(() => {
         // For support correct state for youtube
         setIsPlaying(false);

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

@@ -4,7 +4,8 @@ import { LocaleContext } from '../../context/localeContext';
 import { MobileContext } from '../../context/mobileContext';
 import { block } from '../../utils';
 import { useMetrika } from '../../hooks/useMetrika';
-import { useAnalytics } from '../..//hooks';
+import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 export const YANDEX_FORM_ORIGIN = 'https://forms.yandex.ru';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const COMPONENT_NAME = 'yandex-form';
@@ -15,7 +16,11 @@ const YandexForm = (props) => {
     const iframeRef = useRef();
     const yaFormOrigin = customFormOrigin || YANDEX_FORM_ORIGIN;
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const handleAnalytics = useAnalytics({
+        name: 'yndex-form-submit',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     const isMobile = useContext(MobileContext);
     const locale = useContext(LocaleContext);
     const updateFormIframe = useCallback((container) => {
@@ -56,11 +61,7 @@ const YandexForm = (props) => {
             window.scrollBy(0, top - headerHeight);
         }
         handleMetrika({ metrikaGoals, pixelEvents });
-        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents, {
-            name: 'default',
-            type: 'yandex-form',
-            block: blockName,
-        });
+        handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }
@@ -70,7 +71,6 @@ const YandexForm = (props) => {
         pixelEvents,
         handleAnalytics,
         analyticsEvents,
-        blockName,
         onSubmit,
         headerHeight,
     ]);

package/build/esm/constants.d.ts

@@ -5,3 +5,4 @@ export declare const BREAKPOINTS: {
     lg: number;
     xl: number;
 };
+export declare const DEFAULT_EVENT_TYPE = "default-event";

package/build/esm/constants.js

@@ -5,3 +5,4 @@ export const BREAKPOINTS = {
     lg: 1081,
     xl: 1185,
 };
+export const DEFAULT_EVENT_TYPE = 'default-event';

package/build/esm/context/analyticsContext/analyticsContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AnalyticsEvent } from '../../models';
 export interface AnalyticsContextProps {
-    sendEvents?: (e: AnalyticsEvent | AnalyticsEvent[], defaults?: Record<string, string | boolean | number>) => void;
+    sendEvents?: (e: AnalyticsEvent | AnalyticsEvent[]) => void;
 }
 export declare const AnalyticsContext: React.Context<AnalyticsContextProps>;

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

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

package/build/esm/hooks/useAnalytics.js

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

package/build/esm/models/common.d.ts

@@ -76,6 +76,6 @@ export type AnalyticsEvent<T = {}> = T & {
     name: string;
     type?: string;
     counters?: AnalyticsCounters;
+    blockName?: string;
 };
-export type DefaultEvent = Record<string, string | boolean | number>;
 export {};

package/build/esm/schema/validators/common.d.ts

@@ -538,6 +538,9 @@ export declare const ButtonProps: {
                         };
                     };
                 };
+                blockName: {
+                    type: string;
+                };
             };
         } | {
             type: string;
@@ -573,6 +576,9 @@ export declare const ButtonProps: {
                             };
                         };
                     };
+                    blockName: {
+                        type: string;
+                    };
                 };
             };
         })[];
@@ -834,6 +840,9 @@ export declare const ButtonBlock: {
                             };
                         };
                     };
+                    blockName: {
+                        type: string;
+                    };
                 };
             } | {
                 type: string;
@@ -869,6 +878,9 @@ export declare const ButtonBlock: {
                                 };
                             };
                         };
+                        blockName: {
+                            type: string;
+                        };
                     };
                 };
             })[];

package/build/esm/schema/validators/event.d.ts

@@ -30,5 +30,8 @@ export declare const AnalyticsEventSchema: {
                 };
             };
         };
+        blockName: {
+            type: string;
+        };
     };
 };

package/build/esm/schema/validators/event.js

@@ -28,5 +28,8 @@ export const AnalyticsEventSchema = {
                 },
             },
         },
+        blockName: {
+            type: 'string',
+        },
     },
 };

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

@@ -6,6 +6,7 @@ import { useMetrika } from '../../hooks/useMetrika';
 import { SubBlockType } from '../../models';
 import { useHandleHubspotEvents, useAnalytics } from '../../hooks';
 import HubspotFormContainer from './HubspotFormContainer';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './HubspotForm.css';
 const b = block('hubspot-form');
 const HubspotForm = (props) => {
@@ -13,7 +14,11 @@ const HubspotForm = (props) => {
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, blockName = SubBlockType.HubspotForm, } = props;
     const handleMetrika = useMetrika();
-    const handleAnalytics = useAnalytics();
+    const handleAnalytics = useAnalytics({
+        name: 'hubspot-form-submit',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
     const { themeValue } = useContext(ThemeValueContext);
     const isMobileValue = useContext(MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
@@ -24,11 +29,7 @@ const HubspotForm = (props) => {
         onLoad,
         onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
-            handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents, {
-                name: 'default',
-                type: 'hubspot-form',
-                block: blockName,
-            });
+            handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
     }), [
@@ -39,7 +40,6 @@ const HubspotForm = (props) => {
         pixelEvents,
         handleAnalytics,
         analyticsEvents,
-        blockName,
         onSubmit,
     ]);
     useHandleHubspotEvents(handlers, formId);

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

@@ -6,6 +6,7 @@ import { Author, Image, HTML } from '../../components';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import { useAnalytics } from '../../hooks';
+import { DEFAULT_EVENT_TYPE } from '../../constants';
 import './Quote.css';
 const b = block('quote');
 const Quote = (props) => {
@@ -13,12 +14,12 @@ const Quote = (props) => {
     const { themeValue: theme } = useContext(ThemeValueContext);
     const imageThemed = getThemedValue(image, theme);
     const imageData = getMediaImage(imageThemed);
-    const handleAnalytics = useAnalytics();
-    const handleButtonClick = useCallback(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : handleAnalytics([], {
-        name: 'default',
-        type: 'button',
-        block: blockName,
-    }), [blockName, handleAnalytics]);
+    const handleAnalytics = useAnalytics({
+        name: 'quote-button-click',
+        type: DEFAULT_EVENT_TYPE,
+        blockName: blockName,
+    });
+    const handleButtonClick = useCallback(() => handleAnalytics === null || handleAnalytics === void 0 ? void 0 : 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 })),
         url && buttonText && (React.createElement(Button, { view: "outlined", size: "xl", href: url, className: b('link-button', { theme: textTheme }), onClick: handleButtonClick }, buttonText))));

package/package.json

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

package/server/models/common.d.ts

@@ -76,6 +76,6 @@ export type AnalyticsEvent<T = {}> = T & {
     name: string;
     type?: string;
     counters?: AnalyticsCounters;
+    blockName?: string;
 };
-export type DefaultEvent = Record<string, string | boolean | number>;
 export {};