@gravity-ui/blog-constructor 2.1.2-alpha.0 → 2.1.2-alpha.1

package/build/cjs/blocks/Banner/Banner.js

@@ -31,6 +31,10 @@ const Banner = (_a) => {
         contentStyle.backgroundColor = color;
     }
     const contentData = (0, common_1.updateContentSizes)(content);
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     const metrikaGoal = {
         name: constants_1.BlogMetrikaGoalIds.bannerCommon,
         isCrossSite: true,

package/build/cjs/blocks/CTA/CTA.js

@@ -21,6 +21,10 @@ const CTA = ({ items, paddingTop, paddingBottom }) => {
     else if (count > MAX_COLUMN_COUNT) {
         count = MAX_COLUMN_COUNT;
     }
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     const metrikaGoal = {
         name: constants_1.BlogMetrikaGoalIds.cta,
         isCrossSite: true,

package/build/cjs/blocks/Feed/Feed.js

@@ -29,17 +29,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Feed = void 0;
 const react_1 = __importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const FeedContext_1 = require("../../contexts/FeedContext");
 const RouterContext_1 = require("../../contexts/RouterContext");
 const LocaleContext_1 = require("../../contexts/LocaleContext");
 const constants_1 = require("../constants");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const constants_2 = require("../../constants");
 const common_1 = require("../../utils/common");
 const FeedHeader_1 = require("../../components/FeedHeader/FeedHeader");
 const PostsError_1 = require("../../components/PostsError/PostsError");
 const Posts_1 = require("../../components/Posts/Posts");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrika_js_1 = __importDefault(require("../../counters/metrika.js"));
 const utils_1 = require("../../counters/utils");
+const common_2 = require("../../models/common");
 const reducer_1 = require("./reducer");
 const CONTAINER_ID = 'blog-cards';
 const PAGE_QUERY = 'page';
@@ -49,6 +59,7 @@ const Feed = ({ image }) => {
     const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = (0, react_1.useContext)(FeedContext_1.FeedContext);
     const router = (0, react_1.useContext)(RouterContext_1.RouterContext);
     const { locale } = (0, react_1.useContext)(LocaleContext_1.LocaleContext);
+    const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_2.DefaultEventNames.ShowMore);
     const [{ errorLoad, errorShowMore, isFetching, isShowMoreFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = (0, react_1.useReducer)(reducer_1.reducer, {
         errorLoad: false,
         errorShowMore: false,
@@ -112,7 +123,12 @@ const Feed = ({ image }) => {
     }, [fetchData]);
     const handleShowMore = async () => {
         dispatch({ type: reducer_1.ActionTypes.SetIsShowMoreFetching, payload: true });
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         * https://st.yandex-team.ru/PAGECTR-7
+         */
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_2.BlogMetrikaGoalIds.showMore);
+        handleAnalytics();
         try {
             const fetchedData = await fetchData(currentPage + 1);
             handleChangeQueryParams({

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

@@ -33,6 +33,10 @@ const Wrapper_1 = require("../../components/Wrapper/Wrapper");
 const paddings_1 = require("../../models/paddings");
 const common_1 = require("../../utils/common");
 const constants_1 = require("../../constants");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrikaGoals = {
     sharing: constants_1.BlogMetrikaGoalIds.shareTop,
     save: constants_1.BlogMetrikaGoalIds.saveTop,

package/build/cjs/blocks/Meta/Meta.js

@@ -35,6 +35,10 @@ const common_1 = require("../../utils/common");
 const constants_1 = require("../../constants");
 const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.block)('meta');
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrikaGoals = {
     sharing: constants_1.BlogMetrikaGoalIds.shareBottom,
     save: constants_1.BlogMetrikaGoalIds.saveBottom,

package/build/cjs/blocks/Suggest/Suggest.js

@@ -32,6 +32,10 @@ const PostCard_1 = require("../../components/PostCard/PostCard");
 const paddings_1 = require("../../models/paddings");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
 const constants_1 = require("../../constants");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrikaGoals = [
     {
         name: constants_1.BlogMetrikaGoalIds.suggest,

package/build/cjs/components/FeedHeader/components/Controls/Controls.js

@@ -28,22 +28,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Controls = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
 const Search_1 = require("../../../Search/Search");
 const customRenders_1 = require("./customRenders");
 const LikesContext_1 = require("../../../../contexts/LikesContext");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const constants_1 = require("../../../../constants");
 const metrika_js_1 = __importDefault(require("../../../../counters/metrika.js"));
 const utils_1 = require("../../../../counters/utils");
 const Save_1 = require("../../../../icons/Save");
 const i18n_1 = require("../../../../i18n");
 const cn_1 = require("../../../../utils/cn");
+const common_1 = require("../../../../models/common");
 const b = (0, cn_1.block)('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const handleAnalyticsTag = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Tag);
+    const handleAnalyticsService = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.Service);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
     const [savedOnly, setSavedOnly] = (0, react_1.useState)(savedOnlyInitial === 'true');
     const [search, setSearch] = (0, react_1.useState)(searchInitial);
@@ -58,9 +66,16 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
         setIsFetching(true);
     };
     const handleTagSelect = (selectedTags) => {
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         * https://st.yandex-team.ru/PAGECTR-7
+         */
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.tag, {
             theme: selectedTags[0],
         });
+        handleAnalyticsTag(null, {
+            theme: selectedTags[0],
+        });
         const isEmptyTag = selectedTags.some((tag) => tag === 'empty');
         handleChangeQuery({
             tags: isEmptyTag ? '' : selectedTags[0],
@@ -73,9 +88,16 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
             return selectedServices.includes(service.value);
         });
         const metrikaAsString = forMetrikaServices.map((service) => service.content).join(',');
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         * https://st.yandex-team.ru/PAGECTR-7
+         */
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.service, {
             service: metrikaAsString,
         });
+        handleAnalyticsService(null, {
+            service: metrikaAsString,
+        });
         const servicesAsString = selectedServices.join(',');
         handleChangeQuery({ services: servicesAsString, page: DEFAULT_PAGE });
         setIsFetching(true);

package/build/cjs/components/Paginator/Paginator.js

@@ -39,7 +39,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Paginator = void 0;
 const react_1 = __importStar(require("react"));
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const constants_1 = require("../../constants");
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrika_js_1 = __importDefault(require("../../counters/metrika.js"));
 const utils_1 = require("../../counters/utils");
 const utils_2 = require("./utils");
@@ -47,6 +52,7 @@ const types_1 = require("./types");
 const cn_1 = require("../../utils/cn");
 const NavigationButton_1 = require("./components/NavigationButton");
 const PaginatorItem_1 = require("./components/PaginatorItem");
+const common_1 = require("../../models/common");
 const b = (0, cn_1.block)('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
 const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loading, onPageChange, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
@@ -57,16 +63,29 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
     const isShowSupportButtons = (0, react_1.useMemo)(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const handleAnalyticsHome = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorHome);
+    const handleAnalyticsNext = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorNext);
+    const handleAnalyticsPage = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.PaginatorPage);
     if (pagesCount <= 1) {
         return null;
     }
     const handleArrowClick = (type) => {
         let newPage = page;
         if (type === 'prev' && page > 1) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             * https://st.yandex-team.ru/PAGECTR-7
+             */
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.home);
+            handleAnalyticsHome();
             newPage = 1;
         }
         else if (type === 'next' && page < pagesCount) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             * https://st.yandex-team.ru/PAGECTR-7
+             */
+            handleAnalyticsNext();
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.next);
             newPage = page + 1;
         }
@@ -76,7 +95,12 @@ const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, loadin
     };
     const handlePageClick = (index) => {
         if (index !== page && typeof index === 'number') {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             * https://st.yandex-team.ru/PAGECTR-7
+             */
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, constants_1.BlogMetrikaGoalIds.page, { page: index });
+            handleAnalyticsPage();
             handlePageChange(index);
         }
     };

package/build/cjs/components/PostCard/PostCard.d.ts

@@ -6,6 +6,10 @@ type PostCardProps = {
     fullWidth?: boolean;
     showTag?: boolean;
     size?: 's' | 'm';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoals?: MetrikaGoal;
 };
 export declare const PostCard: React.FC<PostCardProps>;

package/build/cjs/components/PostInfo/PostInfo.d.ts

@@ -9,6 +9,10 @@ type PostInfoProps = {
     readingTime: PostData['readingTime'];
     date: PostData['date'];
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoals?: BlogMetrikaGoals;
     dataQa?: string;
 };

package/build/cjs/components/PostInfo/components/Save.d.ts

@@ -5,6 +5,10 @@ type SaveProps = {
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoal?: string;
     dataQa?: string;
     size?: 's' | 'm';

package/build/cjs/components/PostInfo/components/Sharing.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 type SharingProps = {
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoal?: string;
 };
 export declare const Sharing: React.FC<SharingProps>;

package/build/cjs/counters/metrika.d.ts

@@ -21,6 +21,10 @@ declare function hit(...args: any[]): void;
 declare function params(...args: any[]): void;
 declare function reachGoal(counterName: any, ...args: any[]): void;
 declare function reachGoals(goals: any, counterName?: string): void;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 declare const Goal: {
     SUPPORT_OPEN_FORM: string;
     SUPPORT_STEP_1_SUBMIT: string;

package/build/cjs/counters/metrika.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.initCounters = void 0;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const Goal = {
     SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
     SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',

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

@@ -151,5 +151,11 @@ export type SetQueryType = (params: Query, options?: {
 }) => Promise<void> | void;
 export declare enum DefaultEventNames {
     ShareButton = "share-button-click",
-    SaveButton = "save-button-click"
+    SaveButton = "save-button-click",
+    ShowMore = "show-more-button-click",
+    PaginatorHome = "paginator-home-button-click",
+    PaginatorNext = "paginator-next-button-click",
+    PaginatorPage = "paginator-page-button-click",
+    Tag = "selector-tag-click",
+    Service = "selector-service-click"
 }

package/build/cjs/models/common.js

@@ -24,4 +24,10 @@ var DefaultEventNames;
 (function (DefaultEventNames) {
     DefaultEventNames["ShareButton"] = "share-button-click";
     DefaultEventNames["SaveButton"] = "save-button-click";
+    DefaultEventNames["ShowMore"] = "show-more-button-click";
+    DefaultEventNames["PaginatorHome"] = "paginator-home-button-click";
+    DefaultEventNames["PaginatorNext"] = "paginator-next-button-click";
+    DefaultEventNames["PaginatorPage"] = "paginator-page-button-click";
+    DefaultEventNames["Tag"] = "selector-tag-click";
+    DefaultEventNames["Service"] = "selector-service-click";
 })(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

package/build/esm/blocks/Banner/Banner.js

@@ -26,6 +26,10 @@ export const Banner = (_a) => {
         contentStyle.backgroundColor = color;
     }
     const contentData = updateContentSizes(content);
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     const metrikaGoal = {
         name: BlogMetrikaGoalIds.bannerCommon,
         isCrossSite: true,

package/build/esm/blocks/CTA/CTA.js

@@ -16,6 +16,10 @@ export const CTA = ({ items, paddingTop, paddingBottom }) => {
     else if (count > MAX_COLUMN_COUNT) {
         count = MAX_COLUMN_COUNT;
     }
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     const metrikaGoal = {
         name: BlogMetrikaGoalIds.cta,
         isCrossSite: true,

package/build/esm/blocks/Feed/Feed.js

@@ -1,16 +1,26 @@
 import React, { useEffect, useCallback, useReducer, useMemo, useContext } from 'react';
 import { Icon } from '@gravity-ui/uikit';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { FeedContext } from '../../contexts/FeedContext';
 import { RouterContext } from '../../contexts/RouterContext';
 import { LocaleContext } from '../../contexts/LocaleContext';
 import { DEFAULT_PAGE, DEFAULT_ROWS_PER_PAGE } from '../constants';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 import { BlogMetrikaGoalIds } from '../../constants';
 import { getFeedQueryParams, scrollOnPageChange } from '../../utils/common';
 import { FeedHeader } from '../../components/FeedHeader/FeedHeader';
 import { PostsError } from '../../components/PostsError/PostsError';
 import { Posts } from '../../components/Posts/Posts';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 import metrika from '../../counters/metrika.js';
 import { MetrikaCounter } from '../../counters/utils';
+import { DefaultEventNames } from '../../models/common';
 import { ActionTypes, reducer } from './reducer';
 const CONTAINER_ID = 'blog-cards';
 const PAGE_QUERY = 'page';
@@ -20,6 +30,7 @@ export const Feed = ({ image }) => {
     const { posts, totalCount, tags, services, pinnedPost, getPosts, pageCountForShowSupportButtons, } = useContext(FeedContext);
     const router = useContext(RouterContext);
     const { locale } = useContext(LocaleContext);
+    const handleAnalytics = useAnalytics(DefaultEventNames.ShowMore);
     const [{ errorLoad, errorShowMore, isFetching, isShowMoreFetching, isShowMoreVisible, lastLoadedCount, postCountOnPage, postsOnPage, pinnedPostOnPage, currentPage, queryParams, }, dispatch,] = useReducer(reducer, {
         errorLoad: false,
         errorShowMore: false,
@@ -83,7 +94,12 @@ export const Feed = ({ image }) => {
     }, [fetchData]);
     const handleShowMore = async () => {
         dispatch({ type: ActionTypes.SetIsShowMoreFetching, payload: true });
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         * https://st.yandex-team.ru/PAGECTR-7
+         */
         metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.showMore);
+        handleAnalytics();
         try {
             const fetchedData = await fetchData(currentPage + 1);
             handleChangeQueryParams({

package/build/esm/blocks/Header/Header.js

@@ -7,6 +7,10 @@ import { Wrapper } from '../../components/Wrapper/Wrapper';
 import { PaddingsDirections } from '../../models/paddings';
 import { getBreadcrumbs } from '../../utils/common';
 import { BlogMetrikaGoalIds } from '../../constants';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrikaGoals = {
     sharing: BlogMetrikaGoalIds.shareTop,
     save: BlogMetrikaGoalIds.saveTop,

package/build/esm/blocks/Meta/Meta.js

@@ -10,6 +10,10 @@ import { BlogMetrikaGoalIds } from '../../constants';
 import { block } from '../../utils/cn';
 import './Meta.css';
 const b = block('meta');
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrikaGoals = {
     sharing: BlogMetrikaGoalIds.shareBottom,
     save: BlogMetrikaGoalIds.saveBottom,

package/build/esm/blocks/Suggest/Suggest.js

@@ -6,6 +6,10 @@ import { PostCard } from '../../components/PostCard/PostCard';
 import { PaddingsDirections } from '../../models/paddings';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { BlogMetrikaGoalIds } from '../../constants';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const metrikaGoals = [
     {
         name: BlogMetrikaGoalIds.suggest,

package/build/esm/components/FeedHeader/components/Controls/Controls.js

@@ -1,14 +1,20 @@
 import React, { useState, useContext, useMemo } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon, Button, Select } from '@gravity-ui/uikit';
 import { Search } from '../../../Search/Search';
 import { renderSwitcher, renderFilter, renderOption } from './customRenders';
 import { LikesContext } from '../../../../contexts/LikesContext';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 import { BlogMetrikaGoalIds } from '../../../../constants';
 import metrika from '../../../../counters/metrika.js';
 import { MetrikaCounter } from '../../../../counters/utils';
 import { Save } from '../../../../icons/Save';
 import { i18, Keyset } from '../../../../i18n';
 import { block } from '../../../../utils/cn';
+import { DefaultEventNames, } from '../../../../models/common';
 import './Controls.css';
 const b = block('feed-controls');
 const ICON_SIZE = 16;
@@ -16,6 +22,8 @@ const DEFAULT_PAGE = 1;
 const VIRTUALIZATION_THRESHOLD = 1000;
 export const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = useContext(LikesContext);
+    const handleAnalyticsTag = useAnalytics(DefaultEventNames.Tag);
+    const handleAnalyticsService = useAnalytics(DefaultEventNames.Service);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
     const [savedOnly, setSavedOnly] = useState(savedOnlyInitial === 'true');
     const [search, setSearch] = useState(searchInitial);
@@ -30,9 +38,16 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
         setIsFetching(true);
     };
     const handleTagSelect = (selectedTags) => {
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         * https://st.yandex-team.ru/PAGECTR-7
+         */
         metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.tag, {
             theme: selectedTags[0],
         });
+        handleAnalyticsTag(null, {
+            theme: selectedTags[0],
+        });
         const isEmptyTag = selectedTags.some((tag) => tag === 'empty');
         handleChangeQuery({
             tags: isEmptyTag ? '' : selectedTags[0],
@@ -45,9 +60,16 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
             return selectedServices.includes(service.value);
         });
         const metrikaAsString = forMetrikaServices.map((service) => service.content).join(',');
+        /**
+         * @deprecated Metrika will be deleted after launch of analyticsEvents
+         * https://st.yandex-team.ru/PAGECTR-7
+         */
         metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.service, {
             service: metrikaAsString,
         });
+        handleAnalyticsService(null, {
+            service: metrikaAsString,
+        });
         const servicesAsString = selectedServices.join(',');
         handleChangeQuery({ services: servicesAsString, page: DEFAULT_PAGE });
         setIsFetching(true);

package/build/esm/components/Paginator/Paginator.js

@@ -10,7 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useState, useMemo } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor';
 import { BlogMetrikaGoalIds } from '../../constants';
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 import metrika from '../../counters/metrika.js';
 import { MetrikaCounter } from '../../counters/utils';
 import { getPageConfigs, getPagesCount } from './utils';
@@ -18,6 +23,7 @@ import { ArrowType } from './types';
 import { block } from '../../utils/cn';
 import { NavigationButton } from './components/NavigationButton';
 import { PaginatorItem } from './components/PaginatorItem';
+import { DefaultEventNames } from '../../models/common';
 import './Paginator.css';
 const b = block('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
@@ -29,16 +35,29 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
     const isShowSupportButtons = useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);
+    const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);
+    const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);
     if (pagesCount <= 1) {
         return null;
     }
     const handleArrowClick = (type) => {
         let newPage = page;
         if (type === 'prev' && page > 1) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             * https://st.yandex-team.ru/PAGECTR-7
+             */
             metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.home);
+            handleAnalyticsHome();
             newPage = 1;
         }
         else if (type === 'next' && page < pagesCount) {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             * https://st.yandex-team.ru/PAGECTR-7
+             */
+            handleAnalyticsNext();
             metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.next);
             newPage = page + 1;
         }
@@ -48,7 +67,12 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
     };
     const handlePageClick = (index) => {
         if (index !== page && typeof index === 'number') {
+            /**
+             * @deprecated Metrika will be deleted after launch of analyticsEvents
+             * https://st.yandex-team.ru/PAGECTR-7
+             */
             metrika.reachGoal(MetrikaCounter.CrossSite, BlogMetrikaGoalIds.page, { page: index });
+            handleAnalyticsPage();
             handlePageChange(index);
         }
     };

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

@@ -7,6 +7,10 @@ type PostCardProps = {
     fullWidth?: boolean;
     showTag?: boolean;
     size?: 's' | 'm';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoals?: MetrikaGoal;
 };
 export declare const PostCard: React.FC<PostCardProps>;

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

@@ -10,6 +10,10 @@ type PostInfoProps = {
     readingTime: PostData['readingTime'];
     date: PostData['date'];
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoals?: BlogMetrikaGoals;
     dataQa?: string;
 };

package/build/esm/components/PostInfo/components/Save.d.ts

@@ -6,6 +6,10 @@ type SaveProps = {
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoal?: string;
     dataQa?: string;
     size?: 's' | 'm';

package/build/esm/components/PostInfo/components/Sharing.d.ts

@@ -2,6 +2,10 @@ import React from 'react';
 import '../PostInfo.css';
 type SharingProps = {
     theme?: 'light' | 'dark';
+    /**
+     * @deprecated Metrika will be deleted after launch of analyticsEvents
+     * https://st.yandex-team.ru/PAGECTR-7
+     */
     metrikaGoal?: string;
 };
 export declare const Sharing: React.FC<SharingProps>;

package/build/esm/counters/metrika.d.ts

@@ -21,6 +21,10 @@ declare function hit(...args: any[]): void;
 declare function params(...args: any[]): void;
 declare function reachGoal(counterName: any, ...args: any[]): void;
 declare function reachGoals(goals: any, counterName?: string): void;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 declare const Goal: {
     SUPPORT_OPEN_FORM: string;
     SUPPORT_STEP_1_SUBMIT: string;

package/build/esm/counters/metrika.js

@@ -1,3 +1,7 @@
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ * https://st.yandex-team.ru/PAGECTR-7
+ */
 const Goal = {
     SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
     SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',

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

@@ -151,5 +151,11 @@ export type SetQueryType = (params: Query, options?: {
 }) => Promise<void> | void;
 export declare enum DefaultEventNames {
     ShareButton = "share-button-click",
-    SaveButton = "save-button-click"
+    SaveButton = "save-button-click",
+    ShowMore = "show-more-button-click",
+    PaginatorHome = "paginator-home-button-click",
+    PaginatorNext = "paginator-next-button-click",
+    PaginatorPage = "paginator-page-button-click",
+    Tag = "selector-tag-click",
+    Service = "selector-service-click"
 }

package/build/esm/models/common.js

@@ -21,4 +21,10 @@ export var DefaultEventNames;
 (function (DefaultEventNames) {
     DefaultEventNames["ShareButton"] = "share-button-click";
     DefaultEventNames["SaveButton"] = "save-button-click";
+    DefaultEventNames["ShowMore"] = "show-more-button-click";
+    DefaultEventNames["PaginatorHome"] = "paginator-home-button-click";
+    DefaultEventNames["PaginatorNext"] = "paginator-next-button-click";
+    DefaultEventNames["PaginatorPage"] = "paginator-page-button-click";
+    DefaultEventNames["Tag"] = "selector-tag-click";
+    DefaultEventNames["Service"] = "selector-service-click";
 })(DefaultEventNames || (DefaultEventNames = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "2.1.2-alpha.0",
+  "version": "2.1.2-alpha.1",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -73,7 +73,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^2.9.0",
     "@gravity-ui/eslint-config": "^1.0.2",
-    "@gravity-ui/page-constructor": "^2.2.1",
+    "@gravity-ui/page-constructor": "^2.6.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",

package/server/models/common.d.ts

@@ -151,5 +151,11 @@ export type SetQueryType = (params: Query, options?: {
 }) => Promise<void> | void;
 export declare enum DefaultEventNames {
     ShareButton = "share-button-click",
-    SaveButton = "save-button-click"
+    SaveButton = "save-button-click",
+    ShowMore = "show-more-button-click",
+    PaginatorHome = "paginator-home-button-click",
+    PaginatorNext = "paginator-next-button-click",
+    PaginatorPage = "paginator-page-button-click",
+    Tag = "selector-tag-click",
+    Service = "selector-service-click"
 }

package/server/models/common.js

@@ -24,4 +24,10 @@ var DefaultEventNames;
 (function (DefaultEventNames) {
     DefaultEventNames["ShareButton"] = "share-button-click";
     DefaultEventNames["SaveButton"] = "save-button-click";
+    DefaultEventNames["ShowMore"] = "show-more-button-click";
+    DefaultEventNames["PaginatorHome"] = "paginator-home-button-click";
+    DefaultEventNames["PaginatorNext"] = "paginator-next-button-click";
+    DefaultEventNames["PaginatorPage"] = "paginator-page-button-click";
+    DefaultEventNames["Tag"] = "selector-tag-click";
+    DefaultEventNames["Service"] = "selector-service-click";
 })(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));