@gravity-ui/page-constructor 1.13.0 → 1.14.0-alpha.1

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

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

package/build/cjs/context/analyticsContext/analyticsContext.js

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

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

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

package/build/cjs/context/analyticsContext/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./analyticsContext"), exports);

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

@@ -1,7 +1,13 @@
 import React from 'react';
 import { Metrika, Pixel } from '../../models';
 export interface MetrikaContextProps {
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrika?: Metrika;
+    /**
+     * @deprecated Metrika will be deleted
+     */
     pixel?: Pixel;
 }
 export declare const MetrikaContext: React.Context<MetrikaContextProps>;

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

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

package/build/cjs/hooks/useAnalytics.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnalytics = void 0;
+const react_1 = require("react");
+const analyticsContext_1 = require("../context/analyticsContext");
+const useAnalytics = () => {
+    const { sendEvents } = (0, react_1.useContext)(analyticsContext_1.AnalyticsContext);
+    return (e) => {
+        if (!e) {
+            return;
+        }
+        sendEvents === null || sendEvents === void 0 ? void 0 : sendEvents(e);
+    };
+};
+exports.useAnalytics = useAnalytics;

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

@@ -1,7 +1,13 @@
 import { ButtonPixel, MetrikaGoal, PixelEvent } from '../models';
+/**
+ * @deprecated Metrika will be deleted
+ */
 type UseMetrikaProps = {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
 };
+/**
+ * @deprecated useMetrika will be deleted
+ */
 export declare const useMetrika: () => ({ metrikaGoals, pixelEvents }: UseMetrikaProps) => void;
 export {};

package/build/cjs/hooks/useMetrika.js

@@ -5,12 +5,20 @@ const react_1 = require("react");
 const metrikaContext_1 = require("../context/metrikaContext");
 const models_1 = require("../models");
 const guards_1 = require("../models/guards");
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @deprecated Metrika will be deleted, which uses this logic
+ */
 function isButtonPixel(pixelEvents) {
     if (Array.isArray(pixelEvents) && pixelEvents.length && 'name' in pixelEvents) {
         return true;
     }
     return false;
 }
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @deprecated useMetrika will be deleted
+ */
 const useMetrika = () => {
     const { metrika, pixel } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
     return ({ metrikaGoals, pixelEvents }) => {

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

@@ -7,12 +7,21 @@ export declare enum Theme {
     Light = "light",
     Dark = "dark"
 }
+/**
+ * @deprecated Pixel will be deleted
+ */
 type PixelCommand = 'track' | 'trackCustom';
+/**
+ * @deprecated Pixel will be deleted
+ */
 export interface PixelEvent {
     command: PixelCommand;
     event: PixelEventType | string;
     data?: Object;
 }
+/**
+ * @deprecated Pixel will be deleted from package
+ */
 export declare enum PixelEventType {
     AddPaymentInfo = "AddPaymentInfo",
     AddToCart = "AddToCart",
@@ -36,11 +45,17 @@ export declare enum PixelEventType {
 export type Modifiers = {
     [name: string]: string | boolean | undefined;
 };
+/**
+ * @deprecated Pixel will be deleted
+ */
 export interface Pixel<TEvent = string> {
     trackStandard: (event: TEvent, data?: Object) => void;
     trackCustom: (event: string, data?: Object) => void;
     track: (trackEvents: string | string[] | PixelEvent[] | PixelEvent) => void;
 }
+/**
+ * @deprecated Metrika will be deleted
+ */
 export interface Metrika {
     reachGoal: (counterName: string, ...args: any) => void;
     reachGoals: (goals: MetrikaGoal, counterName?: string) => void;
@@ -49,4 +64,19 @@ export interface ClassNameProps {
     className?: string;
 }
 export type Timeout = ReturnType<typeof setTimeout> | undefined;
+export type AnalyticsParameter = {
+    key: string;
+    value: string;
+};
+export type AnalyticsEvent = {
+    name: string;
+    type?: string;
+    counters?: {
+        include?: string[];
+        exclude?: string[];
+    };
+    category?: string;
+    label?: string;
+    params?: AnalyticsParameter[];
+};
 export {};

package/build/cjs/models/common.js

@@ -6,6 +6,9 @@ var Theme;
     Theme["Light"] = "light";
     Theme["Dark"] = "dark";
 })(Theme = exports.Theme || (exports.Theme = {}));
+/**
+ * @deprecated Pixel will be deleted from package
+ */
 var PixelEventType;
 (function (PixelEventType) {
     PixelEventType["AddPaymentInfo"] = "AddPaymentInfo";

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

@@ -1,7 +1,7 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
-import { ClassNameProps, PixelEventType } from '../common';
+import { AnalyticsEvent, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
     Column = "column",
     Line = "line"
@@ -121,6 +121,7 @@ export interface LinkProps extends Stylable {
     target?: string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface FileLinkProps extends ClassNameProps {
     href: string;
@@ -139,6 +140,7 @@ export interface ButtonProps {
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent[];
     target?: string;
 }
 export interface ButtonImageProps {
@@ -222,6 +224,7 @@ export interface HeaderBreadCrumbsProps extends ClassNameProps {
     theme?: TextTheme;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface PreviewContentItemProps {
     title: string;

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -3,7 +3,7 @@ import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AuthorItem, ButtonPixel, ButtonProps, CardBaseProps, ContentTheme, DividerSize, ImageObjectProps, ImageProps, LinkProps, MediaProps, PriceDetailedProps, TextTheme, Themable, ThemedImage } from './common';
 import { ContentBlockProps } from './blocks';
-import { PixelEvent } from '../common';
+import { AnalyticsEvent, PixelEvent } from '../common';
 export declare enum SubBlockType {
     Divider = "divider",
     Quote = "quote",
@@ -61,6 +61,7 @@ export interface HubspotFormProps extends HubspotEventHandlers {
     onLoad?: (arg: HubspotEventData) => void;
     pixelEvents?: string | string[] | PixelEvent | PixelEvent[] | ButtonPixel;
     hubspotEvents?: string[];
+    analyticsEvents?: AnalyticsEvent | AnalyticsEvent[];
 }
 export interface PartnerProps extends CardBaseProps {
     text: string;

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

@@ -414,6 +414,9 @@ export declare const ButtonProps: {
             };
         })[];
     };
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrikaGoals: {
         anyOf: ({
             type: string;
@@ -443,6 +446,9 @@ export declare const ButtonProps: {
             };
         })[];
     };
+    /**
+     * @deprecated Pixel will be deleted
+     */
     pixelEvents: {
         type: string;
         items: {
@@ -499,6 +505,113 @@ export declare const ButtonProps: {
             };
         };
     };
+    events: {
+        anyOf: ({
+            type: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    name: {
+                        type: string;
+                    };
+                    type: {
+                        type: string;
+                    };
+                    counters: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            include: {
+                                type: string;
+                                items: string;
+                            };
+                            exclude: {
+                                type: string;
+                                items: string;
+                            };
+                        };
+                    };
+                    category: {
+                        type: string;
+                    };
+                    label: {
+                        type: string;
+                    };
+                    params: {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                key: {
+                                    type: string;
+                                };
+                                value: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+            items?: undefined;
+        } | {
+            type: string;
+            items: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    name: {
+                        type: string;
+                    };
+                    type: {
+                        type: string;
+                    };
+                    counters: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            include: {
+                                type: string;
+                                items: string;
+                            };
+                            exclude: {
+                                type: string;
+                                items: string;
+                            };
+                        };
+                    };
+                    category: {
+                        type: string;
+                    };
+                    label: {
+                        type: string;
+                    };
+                    params: {
+                        type: string;
+                        items: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                key: {
+                                    type: string;
+                                };
+                                value: {
+                                    type: string;
+                                };
+                            };
+                        };
+                    };
+                };
+            };
+        })[];
+    };
     target: {
         type: string;
         enum: string[];
@@ -629,6 +742,9 @@ export declare const ButtonBlock: {
                 };
             })[];
         };
+        /**
+         * @deprecated Metrika will be deleted
+         */
         metrikaGoals: {
             anyOf: ({
                 type: string;
@@ -658,6 +774,9 @@ export declare const ButtonBlock: {
                 };
             })[];
         };
+        /**
+         * @deprecated Pixel will be deleted
+         */
         pixelEvents: {
             type: string;
             items: {
@@ -714,6 +833,113 @@ export declare const ButtonBlock: {
                 };
             };
         };
+        events: {
+            anyOf: ({
+                type: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: string;
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: string;
+                                };
+                            };
+                        };
+                        category: {
+                            type: string;
+                        };
+                        label: {
+                            type: string;
+                        };
+                        params: {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    key: {
+                                        type: string;
+                                    };
+                                    value: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+                items?: undefined;
+            } | {
+                type: string;
+                items: {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        name: {
+                            type: string;
+                        };
+                        type: {
+                            type: string;
+                        };
+                        counters: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                include: {
+                                    type: string;
+                                    items: string;
+                                };
+                                exclude: {
+                                    type: string;
+                                    items: string;
+                                };
+                            };
+                        };
+                        category: {
+                            type: string;
+                        };
+                        label: {
+                            type: string;
+                        };
+                        params: {
+                            type: string;
+                            items: {
+                                type: string;
+                                additionalProperties: boolean;
+                                required: string[];
+                                properties: {
+                                    key: {
+                                        type: string;
+                                    };
+                                    value: {
+                                        type: string;
+                                    };
+                                };
+                            };
+                        };
+                    };
+                };
+            })[];
+        };
         target: {
             type: string;
             enum: string[];

package/build/cjs/schema/validators/common.js

@@ -4,6 +4,7 @@ exports.BlockHeaderProps = exports.CardBase = exports.MediaProps = exports.Butto
 const pixel_1 = require("./pixel");
 const models_1 = require("../../models");
 const schema_1 = require("../../components/Image/schema");
+const event_1 = require("./event");
 exports.mediaDirection = ['media-content', 'content-media'];
 exports.textSize = ['s', 'm', 'l'];
 exports.containerSizesArray = ['sm', 'md', 'lg', 'xl', 'all'];
@@ -309,6 +310,9 @@ exports.ButtonProps = {
             },
         ],
     },
+    /**
+     * @deprecated Metrika will be deleted
+     */
     metrikaGoals: {
         anyOf: [
             { type: 'string' },
@@ -331,7 +335,13 @@ exports.ButtonProps = {
             },
         ],
     },
+    /**
+     * @deprecated Pixel will be deleted
+     */
     pixelEvents: pixel_1.pixelEvents,
+    events: {
+        anyOf: [{ type: event_1.AnalyticsEventSchema }, { type: 'array', items: event_1.AnalyticsEventSchema }],
+    },
     target: {
         type: 'string',
         enum: ['_self', '_blank', '_parent', '_top'],

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

@@ -0,0 +1,50 @@
+export declare const AnalyticsEventSchema: {
+    type: string;
+    additionalProperties: boolean;
+    required: string[];
+    properties: {
+        name: {
+            type: string;
+        };
+        type: {
+            type: string;
+        };
+        counters: {
+            type: string;
+            additionalProperties: boolean;
+            required: never[];
+            properties: {
+                include: {
+                    type: string;
+                    items: string;
+                };
+                exclude: {
+                    type: string;
+                    items: string;
+                };
+            };
+        };
+        category: {
+            type: string;
+        };
+        label: {
+            type: string;
+        };
+        params: {
+            type: string;
+            items: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    key: {
+                        type: string;
+                    };
+                    value: {
+                        type: string;
+                    };
+                };
+            };
+        };
+    };
+};

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalyticsEventSchema = void 0;
+exports.AnalyticsEventSchema = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['name'],
+    properties: {
+        name: {
+            type: 'string',
+        },
+        type: {
+            type: 'string',
+        },
+        counters: {
+            type: 'object',
+            additionalProperties: false,
+            required: [],
+            properties: {
+                include: {
+                    type: 'array',
+                    items: 'string',
+                },
+                exclude: {
+                    type: 'array',
+                    items: 'string',
+                },
+            },
+        },
+        category: {
+            type: 'string',
+        },
+        label: {
+            type: 'string',
+        },
+        params: {
+            type: 'array',
+            items: {
+                type: 'object',
+                additionalProperties: false,
+                required: ['key', 'value'],
+                properties: {
+                    key: {
+                        type: 'string',
+                    },
+                    value: {
+                        type: 'string',
+                    },
+                },
+            },
+        },
+    },
+};

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

@@ -8,12 +8,14 @@ const mobileContext_1 = require("../../context/mobileContext");
 const useMetrika_1 = require("../../hooks/useMetrika");
 const hooks_1 = require("../../hooks");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
+const useAnalytics_1 = require("../../hooks/useAnalytics");
 const b = (0, utils_1.block)('hubspot-form');
 const HubspotForm = (props) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
-    onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, } = props;
+    analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
+    const handleAnalytics = (0, useAnalytics_1.useAnalytics)();
     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;
@@ -24,9 +26,19 @@ const HubspotForm = (props) => {
         onLoad,
         onSubmit: (e) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
+            handleAnalytics(analyticsEvents);
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
         },
-    }), [onBeforeLoad, onBeforeSubmit, onLoad, handleMetrika, pixelEvents, onSubmit]);
+    }), [
+        onBeforeLoad,
+        onBeforeSubmit,
+        onLoad,
+        handleMetrika,
+        pixelEvents,
+        handleAnalytics,
+        analyticsEvents,
+        onSubmit,
+    ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
     return (react_1.default.createElement(HubspotFormContainer_1.default, { key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
 };