@gravity-ui/blog-constructor 5.16.1 → 6.1.0

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MetrikaGoal } from '@gravity-ui/page-constructor';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { PostCardSize, PostCardTitleHeadingLevel, PostData } from '../../models/common';
 import './PostCard.css';
 type PostCardProps = {
@@ -8,10 +8,7 @@ type PostCardProps = {
     showTag?: boolean;
     size?: PostCardSize;
     titleHeadingLevel?: PostCardTitleHeadingLevel;
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoals?: MetrikaGoal;
+    analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const PostCard: ({ post, metrikaGoals, fullWidth, size, showTag, titleHeadingLevel, }: PostCardProps) => React.JSX.Element;
+export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostCard/PostCard.js

@@ -8,7 +8,7 @@ import { SuggestPostInfo } from '../PostInfo/SuggestPostInfo';
 import { useAriaAttributes } from '../../hooks/useAriaAttributes';
 import './PostCard.css';
 const b = block('post-card');
-export const PostCard = ({ post, metrikaGoals, fullWidth = false, size = PostCardSize.SMALL, showTag = false, titleHeadingLevel = PostCardTitleHeadingLevel.H3, }) => {
+export const PostCard = ({ post, fullWidth = false, size = PostCardSize.SMALL, showTag = false, titleHeadingLevel = PostCardTitleHeadingLevel.H3, analyticsEvents, }) => {
     var _a;
     const { title: postTitle, htmlTitle, textTitle, blogPostId, id, date, readingTime, hasUserLike, likes, image, description, tags, url, } = post;
     const title = postTitle || textTitle || htmlTitle;
@@ -34,7 +34,7 @@ export const PostCard = ({ post, metrikaGoals, fullWidth = false, size = PostCar
             readingTime && readingTimeId,
         ],
     });
-    return (React.createElement(CardBase, { url: url, metrikaGoals: metrikaGoals, className: b('card', { fullWidth }), extraProps: ariaAttributes },
+    return (React.createElement(CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes },
         React.createElement(CardBase.Header, { image: image, className: b('header', { fullWidth }) },
             React.createElement("div", { className: b('image-container'), "data-qa": "blog-suggest-header" })),
         React.createElement(CardBase.Content, null,

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

@@ -1,19 +1,13 @@
 import React from 'react';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { PostData, QAProps } from '../../models/common';
 import './PostInfo.css';
-export type BlogMetrikaGoals = {
-    sharing?: string;
-    save?: string;
-};
 type PostInfoProps = QAProps & {
     postId: PostData['id'];
     readingTime: PostData['readingTime'];
     date: PostData['date'];
     theme?: 'light' | 'dark';
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoals?: BlogMetrikaGoals;
+    analyticsEventsContainer?: Record<string, AnalyticsEventsProp>;
 };
 /**
  *  Blog post info panel component
@@ -22,10 +16,10 @@ type PostInfoProps = QAProps & {
  * @param readingTime - post reading time
  * @param date - post create date
  * @param theme - theme name
- * @param metrikaGoals - metrika goals name
  * @param qa - test-attr
+ * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export declare const PostInfo: ({ date, readingTime, postId, theme, metrikaGoals, qa, }: PostInfoProps) => React.JSX.Element;
+export declare const PostInfo: ({ date, readingTime, postId, theme, qa, analyticsEventsContainer, }: PostInfoProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostInfo/PostInfo.js

@@ -15,17 +15,17 @@ const b = block('post-info');
  * @param readingTime - post reading time
  * @param date - post create date
  * @param theme - theme name
- * @param metrikaGoals - metrika goals name
  * @param qa - test-attr
+ * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export const PostInfo = ({ date, readingTime, postId, theme = 'light', metrikaGoals, qa, }) => {
+export const PostInfo = ({ date, readingTime, postId, theme = 'light', qa, analyticsEventsContainer, }) => {
     const { likes } = useContext(PostPageContext);
     const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', 'save');
     return (React.createElement("div", { className: b('container', { theme }) },
         date && React.createElement(Date, { date: date, qa: qaAttributes.date }),
         readingTime && React.createElement(ReadingTime, { readingTime: readingTime, qa: qaAttributes.readingTime }),
-        React.createElement(Sharing, { metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.sharing, theme: theme }),
-        likes && (React.createElement(Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, metrikaGoal: metrikaGoals === null || metrikaGoals === void 0 ? void 0 : metrikaGoals.save, theme: theme, qa: qaAttributes.save }))));
+        React.createElement(Sharing, { theme: theme, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.sharing }),
+        likes && (React.createElement(Save, { postId: postId, title: likes.likesCount, hasUserLike: likes.hasUserLike, handleUserLike: likes.handleUserLike, analyticsEvents: analyticsEventsContainer === null || analyticsEventsContainer === void 0 ? void 0 : analyticsEventsContainer.save, theme: theme, qa: qaAttributes.save }))));
 };

package/build/esm/components/PostInfo/SuggestPostInfo.js

@@ -5,8 +5,11 @@ import { block } from '../../utils/cn';
 import { Date } from './components/Date';
 import { ReadingTime } from './components/ReadingTime';
 import { Save } from './components/Save';
+import { prepareAnalyticsEvent } from '../../utils/common';
+import { DefaultGoalIds } from '../../constants';
 import './PostInfo.css';
 const b = block('post-info');
+const saveEvents = prepareAnalyticsEvent({ name: DefaultGoalIds.saveSuggest });
 /**
  * Suggest blog card info component
  *
@@ -34,5 +37,5 @@ export const SuggestPostInfo = ({ postId, date, readingTime, likes, size = PostC
         React.createElement("div", { className: b('suggest-container') },
             date && React.createElement(Date, { date: date, size: size, id: dateId }),
             readingTime && (React.createElement(ReadingTime, { readingTime: readingTime, size: size, id: readingTimeId }))),
-        likes && postId && (React.createElement(Save, { postId: postId, title: likesCount, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
+        likes && postId && (React.createElement(Save, { postId: postId, title: likesCount, analyticsEvents: saveEvents, hasUserLike: hasUserLike, handleUserLike: handleLike, size: size, qa: qa }))));
 };

package/build/esm/components/PostInfo/components/ReadingTime.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { Keyset, i18 } from '../../../i18n';
+import { Keyset, i18n } from '../../../i18n';
 import { Time } from '../../../icons/Time';
 import { block } from '../../../utils/cn';
 import '../PostInfo.css';
@@ -9,4 +9,4 @@ const ICON_SIZE = 16;
 export const ReadingTime = ({ readingTime, size = 's', id, qa }) => (React.createElement("div", { className: b('item', { size }), id: id, "data-qa": qa },
     React.createElement("span", { className: b('icon') },
         React.createElement(Icon, { data: Time, size: ICON_SIZE, className: b('icon-color') })),
-    i18(Keyset.ContextReadingTime, { count: readingTime })));
+    i18n(Keyset.ContextReadingTime, { count: readingTime })));

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import { QAProps } from '../../../models/common';
 import '../PostInfo.css';
 type SaveProps = QAProps & {
@@ -7,11 +8,8 @@ type SaveProps = QAProps & {
     hasUserLike: boolean;
     handleUserLike: () => void;
     theme?: 'light' | 'dark';
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoal?: string;
     size?: 's' | 'm';
+    analyticsEvents?: AnalyticsEventsProp;
 };
 /**
  * Components for 'save' blog UI-component
@@ -19,11 +17,11 @@ type SaveProps = QAProps & {
  * @param title - post title
  * @param postId - post id
  * @param hasUserLike - flag what blog has like from current user
- * @param metrikaGoal - metrika goal name
  * @param qa - test-attr
  * @param size - text size
+ * @param analyticsEvents - a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export declare const Save: ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, qa, }: SaveProps) => React.JSX.Element;
+export declare const Save: ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }: SaveProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostInfo/components/Save.js

@@ -2,8 +2,6 @@ import React, { useContext } from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
 import { Icon } from '@gravity-ui/uikit';
 import { LikesContext } from '../../../contexts/LikesContext';
-import metrika from '../../../counters/metrika';
-import { MetrikaCounter } from '../../../counters/utils';
 import { Save as SaveIcon } from '../../../icons/Save';
 import { SaveFilled } from '../../../icons/SaveFilled';
 import { DefaultEventNames } from '../../../models/common';
@@ -18,13 +16,13 @@ const b = block('post-info');
  * @param title - post title
  * @param postId - post id
  * @param hasUserLike - flag what blog has like from current user
- * @param metrikaGoal - metrika goal name
  * @param qa - test-attr
  * @param size - text size
+ * @param analyticsEvents - a single or collection of objects detailing analytics events
  *
  * @returns jsx
  */
-export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, qa, }) => {
+export const Save = ({ title, postId, hasUserLike, handleUserLike, size, theme, qa, analyticsEvents, }) => {
     const { toggleLike, isSignedInUser, requireSignIn } = useContext(LikesContext);
     const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
@@ -43,8 +41,7 @@ export const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal,
             }
             postLikeStatus(postId, Boolean(hasUserLike));
             handleUserLike();
-            metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
-            handleAnalytics();
+            handleAnalytics(analyticsEvents);
         }, "data-qa": qa },
         React.createElement("div", { className: b('content', { cursor: isLikeable, theme }) },
             React.createElement("span", { className: b('icon') },

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

@@ -1,11 +1,9 @@
 import React from 'react';
+import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
 import '../PostInfo.css';
 type SharingProps = {
     theme?: 'light' | 'dark';
-    /**
-     * @deprecated Metrika will be deleted after launch of analyticsEvents
-     */
-    metrikaGoal?: string;
+    analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const Sharing: ({ theme, metrikaGoal }: SharingProps) => React.JSX.Element;
+export declare const Sharing: ({ theme, analyticsEvents }: SharingProps) => React.JSX.Element;
 export {};

package/build/esm/components/PostInfo/components/Sharing.js

@@ -4,28 +4,22 @@ import { useAnalytics } from '@gravity-ui/page-constructor';
 import { MobileContext } from '../../../contexts/MobileContext';
 import { PostPageContext } from '../../../contexts/PostPageContext';
 import { RouterContext } from '../../../contexts/RouterContext';
-import metrika from '../../../counters/metrika';
-import { MetrikaCounter } from '../../../counters/utils';
-import { Keyset, i18 } from '../../../i18n';
+import { Keyset, i18n } from '../../../i18n';
 import { ShareArrowUp } from '../../../icons/ShareArrowUp';
 import { DefaultEventNames } from '../../../models/common';
 import { block } from '../../../utils/cn';
 import { getAbsolutePath } from '../../../utils/common';
 import '../PostInfo.css';
 const b = block('post-info');
-export const Sharing = ({ theme, metrikaGoal }) => {
+export const Sharing = ({ theme, analyticsEvents }) => {
     const router = useContext(RouterContext);
     const isMobile = useContext(MobileContext);
     const { shareOptions } = useContext(PostPageContext);
     const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);
-    const handleMetrika = useCallback(() => {
-        metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
-    }, [metrikaGoal]);
     const handleAnalytics = useCallback(() => {
-        handleAnalyticsGlobal();
-        handleMetrika();
-    }, [handleAnalyticsGlobal, handleMetrika]);
+        handleAnalyticsGlobal(analyticsEvents);
+    }, [analyticsEvents, handleAnalyticsGlobal]);
     return (React.createElement("div", { className: b('item') },
         React.createElement("div", { className: b('icon') },
-            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
+            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: ShareLayoutDirection.Column, buttonTitle: i18n(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, onClick: handleAnalytics }))));
 };

package/build/esm/components/Posts/Posts.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { CardLayoutBlock } from '@gravity-ui/page-constructor';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
 import { block } from '../../utils/cn';
 import { Paginator } from '../Paginator/Paginator';
@@ -22,9 +22,9 @@ export const Posts = ({ containerId, pinnedPostOnPage, currentPage, postsOnPage,
                 ? PostCardTitleHeadingLevel.H3
                 : PostCardTitleHeadingLevel.H2 }))))) : (React.createElement(PostsEmpty, null))),
     React.createElement("div", { className: b('pagination') },
-        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18(Keyset.ActionLoadMore))),
+        Boolean(isShowMoreVisible && (postsOnPage === null || postsOnPage === void 0 ? void 0 : postsOnPage.length)) && (React.createElement(Button, { view: "outlined", size: "xl", className: b('more-button'), onClick: handleShowMore }, i18n(Keyset.ActionLoadMore))),
         errorShowMore && (React.createElement("div", { className: b('error-show-more') },
-            React.createElement("div", null, i18(Keyset.ErrorTitle)),
-            React.createElement("div", null, i18(Keyset.PostLoadError)))),
+            React.createElement("div", null, i18n(Keyset.ErrorTitle)),
+            React.createElement("div", null, i18n(Keyset.PostLoadError)))),
         Boolean(currentPage && postCountOnPage) && (React.createElement("div", { className: b('paginator') },
             React.createElement(Paginator, { onPageChange: handlePageChange, page: currentPage, totalItems: postCountOnPage, itemsPerPage: perPageInQuery, maxPages: Infinity, pageCountForShowSupportButtons: pageCountForShowSupportButtons, queryParams: queryParams }))))));

package/build/esm/components/PostsEmpty/PostsEmpty.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { block } from '../../utils/cn';
 import './PostsEmpty.css';
 const b = block('posts-empty');
 export const PostsEmpty = () => (React.createElement("div", { className: b('container') },
-    React.createElement("div", { className: b('title') }, i18(Keyset.TitleEmptyContainer)),
-    React.createElement("div", { className: b('subtitle') }, i18(Keyset.ContextEmptyContainer))));
+    React.createElement("div", { className: b('title') }, i18n(Keyset.TitleEmptyContainer)),
+    React.createElement("div", { className: b('subtitle') }, i18n(Keyset.ContextEmptyContainer))));

package/build/esm/components/PostsError/PostsError.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { block } from '../../utils/cn';
 import './PostError.css';
 const b = block('posts-error');
 export const PostsError = ({ onButtonClick }) => {
     const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
     return (React.createElement("div", { className: b('container') },
-        React.createElement("div", { className: b('title') }, i18(Keyset.ErrorTitle)),
-        React.createElement("div", { className: b('subtitle') }, i18(Keyset.PostLoadError)),
+        React.createElement("div", { className: b('title') }, i18n(Keyset.ErrorTitle)),
+        React.createElement("div", { className: b('subtitle') }, i18n(Keyset.PostLoadError)),
         React.createElement("div", { className: b('button') },
-            React.createElement(Button, { size: "xl", view: "outlined", onClick: handleClick }, i18(Keyset.ActionTryAgain)))));
+            React.createElement(Button, { size: "xl", view: "outlined", onClick: handleClick }, i18n(Keyset.ActionTryAgain)))));
 };

package/build/esm/components/PromptSignIn/PromptSignIn.js

@@ -1,15 +1,15 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { Prompt } from '../Prompt/Prompt';
 /**
  * Authentication Popup that appears when user action requires login
  * @returns {JSX|null}
  */
 export const PromptSignIn = (_a) => {
-    var { text = i18(Keyset.PromptSignInOnLike), onClickSignIn = () => alert(i18(Keyset.SignIn)), actions = [
+    var { text = i18n(Keyset.PromptSignInOnLike), onClickSignIn = () => alert(i18n(Keyset.SignIn)), actions = [
         {
-            children: i18(Keyset.SignIn),
+            children: i18n(Keyset.SignIn),
             onClick: onClickSignIn,
             size: 'l',
         },

package/build/esm/components/Search/Search.js

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Icon, TextInput } from '@gravity-ui/uikit';
 import lodashDebounce from 'lodash/debounce';
 import { useIsIPhone } from '../../hooks/useIsIPhone';
-import { Keyset, i18 } from '../../i18n';
+import { Keyset, i18n } from '../../i18n';
 import { Close } from '../../icons/Close';
 import { SearchIcon } from '../../icons/SearchIcon';
 import { block } from '../../utils/cn';
@@ -17,7 +17,7 @@ const AUTOFOCUS_TIMEOUT = 0;
  *
  * @returns {JSX|null}
  */
-export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
+export const Search = ({ className, initialValue, onSubmit, debounce = 300, placeholder = i18n(Keyset.Search), size = 'm', autoFocus = false, value: externalValue, }) => {
     const handleChange = lodashDebounce(onSubmit, debounce);
     const [value, setValue] = useState(initialValue);
     const inputRef = useRef(null);

package/build/esm/constants.d.ts

@@ -9,13 +9,14 @@ export declare const BREAKPOINTS: {
 export declare const DEFAULT_THEME = "light";
 export declare const UIKIT_ROOT_CLASS = "g-root";
 export declare const UIKIT_THEME_LIGHT_CLASS: string;
-export declare enum BlogMetrikaGoalIds {
+export declare enum DefaultGoalIds {
     shareTop = "SITE_BLOG_SHARE-TOP_CLICK",
     shareBottom = "SITE_BLOG_SHARE-BOTTOM_CLICK",
     breadcrumbsTop = "SITE_BLOG_BREADCRUMBS-TOP_CLICK",
     breadcrumbsBottom = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK",
     saveTop = "SITE_BLOG_SAVE-TOP_CLICK",
     saveBottom = "SITE_BLOG_SAVE-BOTTOM_CLICK",
+    saveSuggest = "SITE_BLOG_SAVE-SUGGEST_CLICK",
     suggest = "SITE_BLOG_INTERESTING-CARD_CLICK",
     bannerCommon = "SITE_BLOG_TEXT-BANNER_CLICK",
     cta = "SITE_BLOG_CTA_CLICK",

package/build/esm/constants.js

@@ -9,24 +9,25 @@ export const BREAKPOINTS = {
 export const DEFAULT_THEME = 'light';
 export const UIKIT_ROOT_CLASS = 'g-root';
 export const UIKIT_THEME_LIGHT_CLASS = `${UIKIT_ROOT_CLASS}_theme_${DEFAULT_THEME}`;
-export var BlogMetrikaGoalIds;
-(function (BlogMetrikaGoalIds) {
-    BlogMetrikaGoalIds["shareTop"] = "SITE_BLOG_SHARE-TOP_CLICK";
-    BlogMetrikaGoalIds["shareBottom"] = "SITE_BLOG_SHARE-BOTTOM_CLICK";
-    BlogMetrikaGoalIds["breadcrumbsTop"] = "SITE_BLOG_BREADCRUMBS-TOP_CLICK";
-    BlogMetrikaGoalIds["breadcrumbsBottom"] = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK";
-    BlogMetrikaGoalIds["saveTop"] = "SITE_BLOG_SAVE-TOP_CLICK";
-    BlogMetrikaGoalIds["saveBottom"] = "SITE_BLOG_SAVE-BOTTOM_CLICK";
-    BlogMetrikaGoalIds["suggest"] = "SITE_BLOG_INTERESTING-CARD_CLICK";
-    BlogMetrikaGoalIds["bannerCommon"] = "SITE_BLOG_TEXT-BANNER_CLICK";
-    BlogMetrikaGoalIds["cta"] = "SITE_BLOG_CTA_CLICK";
-    BlogMetrikaGoalIds["tag"] = "SITE_BLOG_THEME-SELECTOR_CLCK";
-    BlogMetrikaGoalIds["service"] = "SITE_BLOG_SERVICE-SELECTOR_CLCK";
-    BlogMetrikaGoalIds["showMore"] = "SITE_BLOG-PAGINATION_SHOW-MORE_CLCK";
-    BlogMetrikaGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
-    BlogMetrikaGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
-    BlogMetrikaGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
-})(BlogMetrikaGoalIds || (BlogMetrikaGoalIds = {}));
+export var DefaultGoalIds;
+(function (DefaultGoalIds) {
+    DefaultGoalIds["shareTop"] = "SITE_BLOG_SHARE-TOP_CLICK";
+    DefaultGoalIds["shareBottom"] = "SITE_BLOG_SHARE-BOTTOM_CLICK";
+    DefaultGoalIds["breadcrumbsTop"] = "SITE_BLOG_BREADCRUMBS-TOP_CLICK";
+    DefaultGoalIds["breadcrumbsBottom"] = "SITE_BLOG_BREADCRUMBS-BOTTOM_CLICK";
+    DefaultGoalIds["saveTop"] = "SITE_BLOG_SAVE-TOP_CLICK";
+    DefaultGoalIds["saveBottom"] = "SITE_BLOG_SAVE-BOTTOM_CLICK";
+    DefaultGoalIds["saveSuggest"] = "SITE_BLOG_SAVE-SUGGEST_CLICK";
+    DefaultGoalIds["suggest"] = "SITE_BLOG_INTERESTING-CARD_CLICK";
+    DefaultGoalIds["bannerCommon"] = "SITE_BLOG_TEXT-BANNER_CLICK";
+    DefaultGoalIds["cta"] = "SITE_BLOG_CTA_CLICK";
+    DefaultGoalIds["tag"] = "SITE_BLOG_THEME-SELECTOR_CLCK";
+    DefaultGoalIds["service"] = "SITE_BLOG_SERVICE-SELECTOR_CLCK";
+    DefaultGoalIds["showMore"] = "SITE_BLOG-PAGINATION_SHOW-MORE_CLCK";
+    DefaultGoalIds["next"] = "SITE_BLOG-PAGINATION_NEXT_CLCK";
+    DefaultGoalIds["home"] = "SITE_BLOG-PAGINATION_HOME_CLCK";
+    DefaultGoalIds["page"] = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK";
+})(DefaultGoalIds || (DefaultGoalIds = {}));
 export const DEFAULT_PADDINGS = {
     [PaddingsDirections.bottom]: 'l',
     [PaddingsDirections.top]: 'xs',

package/build/esm/constructor/BlogConstructorProvider.js

@@ -1,5 +1,5 @@
 import React, { Fragment } from 'react';
-import { AnalyticsContext } from '@gravity-ui/page-constructor';
+import { AnalyticsContext, ThemeContext, } from '@gravity-ui/page-constructor';
 import { DEFAULT_THEME } from '../constants';
 import { DeviceContext } from '../contexts/DeviceContext';
 import { LocaleContext } from '../contexts/LocaleContext';
@@ -10,6 +10,7 @@ import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
 export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, device = {}, analytics = {}, settings = {}, children, }) => {
     const context = [
         React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
+        React.createElement(ThemeContext.Provider, { value: { theme: theme }, key: "pc-theme" }),
         React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
         React.createElement(RouterContext.Provider, { value: router, key: "router-context" }),
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),

package/build/esm/containers/BlogPage/BlogPage.d.ts

@@ -1,6 +1,6 @@
 import React, { SyntheticEvent } from 'react';
 import { CustomConfig, NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
-import { GetPostsType, MetaProps, PostsProps, Service, SetQueryType, Tag, ToggleLikeCallbackType } from '../../models/common';
+import { GetPostsType, MetaProps, PostsProps, Service, Tag, ToggleLikeCallbackType } from '../../models/common';
 import './BlogPage.css';
 export type BlogPageProps = {
     content: PageContent;
@@ -12,7 +12,6 @@ export type BlogPageProps = {
     hasLikes?: boolean;
     toggleLike?: ToggleLikeCallbackType;
     metaData?: MetaProps;
-    setQuery?: SetQueryType;
     settings?: PageConstructorProviderProps;
     custom?: CustomConfig;
     pageCountForShowSupportButtons?: number;

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 :root {
   --header-height: 64px;
 }

package/build/esm/contexts/FeedContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GetPostsType, PostData, Service, SetQueryType, Tag } from '../models/common';
+import { GetPostsType, PostData, Service, Tag } from '../models/common';
 export interface FeedContextProps {
     posts?: PostData[];
     pinnedPost?: PostData;
@@ -7,7 +7,6 @@ export interface FeedContextProps {
     tags?: Tag[];
     services?: Service[];
     getPosts?: GetPostsType;
-    setQuery?: SetQueryType;
     pageCountForShowSupportButtons?: number;
 }
 export declare const FeedContext: React.Context<FeedContextProps>;

package/build/esm/contexts/LocaleContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Lang } from '../models/locale';
+import { Lang } from '@gravity-ui/uikit';
 export const LocaleContext = React.createContext({
     locale: {
         code: 'en-En',

package/build/esm/counters/metrika.js

@@ -1,6 +1,3 @@
-/**
- * @deprecated Metrika will be deleted after launch of analyticsEvents
- */
 const Goal = {
     SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
     SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',

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

@@ -1,4 +1,4 @@
-export declare enum MetrikaCounter {
+export declare enum AnalyticsCounter {
     Main = "main",
     CrossSite = "cross-site",
     Scale = "scale"

package/build/esm/counters/utils.js

@@ -1,6 +1,6 @@
-export var MetrikaCounter;
-(function (MetrikaCounter) {
-    MetrikaCounter["Main"] = "main";
-    MetrikaCounter["CrossSite"] = "cross-site";
-    MetrikaCounter["Scale"] = "scale";
-})(MetrikaCounter || (MetrikaCounter = {}));
+export var AnalyticsCounter;
+(function (AnalyticsCounter) {
+    AnalyticsCounter["Main"] = "main";
+    AnalyticsCounter["CrossSite"] = "cross-site";
+    AnalyticsCounter["Scale"] = "scale";
+})(AnalyticsCounter || (AnalyticsCounter = {}));

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

@@ -1,5 +1,3 @@
-import { I18N } from '@gravity-ui/i18n';
-export declare const i18n: I18N;
 export declare enum Keyset {
     Title = "title",
     TitleBreadcrumbs = "title_breadcrumbs",
@@ -21,4 +19,4 @@ export declare enum Keyset {
     PromptSignInOnLike = "prompt_sign_in_on_like",
     SignIn = "Sign In"
 }
-export declare const i18: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: (key: Keyset, params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/i18n/index.js

@@ -1,7 +1,5 @@
-import { I18N } from '@gravity-ui/i18n';
-import { Lang } from '../models/locale';
-const KEYSET_NAME = 'blog';
-export const i18n = new I18N();
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+const NAMESPACE = 'blog';
 export var Keyset;
 (function (Keyset) {
     Keyset["Title"] = "title";
@@ -24,7 +22,7 @@ export var Keyset;
     Keyset["PromptSignInOnLike"] = "prompt_sign_in_on_like";
     Keyset["SignIn"] = "Sign In";
 })(Keyset || (Keyset = {}));
-i18n.registerKeyset(Lang.En, KEYSET_NAME, {
+const en = {
     [Keyset.Title]: 'Blog',
     [Keyset.TitleBreadcrumbs]: 'Blog',
     [Keyset.TitleSuggest]: 'See also',
@@ -48,8 +46,8 @@ i18n.registerKeyset(Lang.En, KEYSET_NAME, {
         '{{count}} mins to read',
     ],
     [Keyset.SignIn]: 'Sign In',
-});
-i18n.registerKeyset(Lang.Ru, KEYSET_NAME, {
+};
+const ru = {
     [Keyset.Title]: 'Блог',
     [Keyset.TitleBreadcrumbs]: 'Блог',
     [Keyset.TitleSuggest]: 'Читать также',
@@ -73,5 +71,5 @@ i18n.registerKeyset(Lang.Ru, KEYSET_NAME, {
         '{{count}} минут чтения',
     ],
     [Keyset.SignIn]: 'Войти',
-});
-export const i18 = i18n.keyset(KEYSET_NAME);
+};
+export const i18n = addComponentKeysets({ en, ru }, NAMESPACE);

package/build/esm/index.d.ts

@@ -1,4 +1,3 @@
-export { configure } from './configure';
 export { BlogConstructorProvider } from './constructor/BlogConstructorProvider';
 export { BlogPostPage } from './containers/BlogPostPage/BlogPostPage';
 export { BlogPage } from './containers/BlogPage/BlogPage';

package/build/esm/index.js

@@ -1,4 +1,3 @@
-export { configure } from './configure';
 export { BlogConstructorProvider } from './constructor/BlogConstructorProvider';
 export { BlogPostPage } from './containers/BlogPostPage/BlogPostPage';
 export { BlogPage } from './containers/BlogPage/BlogPage';

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
+import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';
@@ -149,9 +149,6 @@ export type GetPostsRequest = {
 };
 export type GetPostsType = (query: GetPostsRequest) => Promise<PostsProps>;
 export type HandleChangeQueryParams = (params: Query) => void;
-export type SetQueryType = (params: Query, options?: {
-    [y: string]: boolean;
-}) => Promise<void> | void;
 export declare enum DefaultEventNames {
     ShareButton = "share-button-click",
     SaveButton = "save-button-click",

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

@@ -1,7 +1,4 @@
-export declare enum Lang {
-    Ru = "ru",
-    En = "en"
-}
+import { Lang } from '@gravity-ui/uikit';
 export declare enum Currency {
     RUB = "RUB",
     USD = "USD",

package/build/esm/models/locale.js

@@ -1,8 +1,3 @@
-export var Lang;
-(function (Lang) {
-    Lang["Ru"] = "ru";
-    Lang["En"] = "en";
-})(Lang || (Lang = {}));
 export var Currency;
 (function (Currency) {
     Currency["RUB"] = "RUB";