@gravity-ui/blog-constructor 3.4.0 → 3.5.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [3.4.1](https://github.com/gravity-ui/blog-constructor/compare/v3.4.0...v3.4.1) (2023-05-30)
+
+
+### Bug Fixes
+
+* return js, jsx files to gulpfile.js ([#58](https://github.com/gravity-ui/blog-constructor/issues/58)) ([d5e4c42](https://github.com/gravity-ui/blog-constructor/commit/d5e4c428e8eae56fd7ab381c2969c04955adc45b))
+
 ## [3.4.0](https://github.com/gravity-ui/blog-constructor/compare/v3.3.0...v3.4.0) (2023-05-24)
 
 

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

@@ -53,7 +53,7 @@ const b = (0, cn_1.block)('post-info');
  * @returns jsx
  */
 const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, theme, dataQa, }) => {
-    const { toggleLike } = (0, react_1.useContext)(LikesContext_1.LikesContext);
+    const { toggleLike, isSignedInUser, requireSignIn } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const handleAnalytics = (0, page_constructor_1.useAnalytics)(common_1.DefaultEventNames.SaveButton);
     const isLikeable = Boolean(toggleLike);
     return (react_1.default.createElement("div", { className: b('item', { size }), onClick: (event) => {
@@ -64,6 +64,11 @@ const Save = ({ title, postId, hasUserLike, handleUserLike, metrikaGoal, size, t
             if (!isLikeable) {
                 return;
             }
+            // Open Popup to ask the User to sign in first
+            if (!isSignedInUser && requireSignIn) {
+                requireSignIn(event);
+                return;
+            }
             (0, common_2.postLikeStatus)(postId, Boolean(hasUserLike));
             handleUserLike();
             metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);

package/build/cjs/components/Prompt/Prompt.css

@@ -0,0 +1,61 @@
+.bc-prompt__content {
+  box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+@keyframes bc-prompt_open {
+  0% {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+@keyframes bc-prompt_close {
+  0% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(100%);
+  }
+}
+.bc-prompt {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  overflow: hidden;
+  position: fixed;
+  bottom: 0;
+}
+.bc-prompt:not(.bc-prompt_mounted) {
+  display: none;
+}
+.bc-prompt__content {
+  display: flex;
+  flex-flow: row wrap;
+  gap: 16px;
+  align-items: center;
+  margin: 24px;
+  padding: 16px 20px;
+  border-radius: var(--pc-border-radius);
+  background-color: var(--yc-color-base-float);
+  font-size: 1rem;
+}
+.bc-prompt_close {
+  pointer-events: none;
+}
+.bc-prompt_open > .bc-prompt__content {
+  opacity: 0;
+  transform: translateY(100%);
+  animation: bc-prompt_open 600ms forwards;
+}
+.bc-prompt_close > .bc-prompt__content {
+  opacity: 1;
+  transform: translateY(0%);
+  animation: bc-prompt_close 600ms forwards;
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ButtonProps } from '@gravity-ui/uikit';
+export interface PromptProps {
+    text: string;
+    actions: ButtonProps[];
+    openTimestamp?: number;
+    openDuration?: number;
+    className?: string;
+    theme?: 'grey' | 'beige' | 'white';
+}
+/**
+ * Popup that appears with text message and button(s) for given `actions`.
+ * Features:
+ *  - Automatically disappears after `openDuration` in milliseconds
+ *  - `openTimestamp` (`Date.now()`) resets the visible duration
+ * @returns {JSX|null}
+ */
+export declare const Prompt: React.FC<PromptProps>;

package/build/cjs/components/Prompt/Prompt.js

@@ -0,0 +1,41 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Prompt = void 0;
+const react_1 = __importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const useOpenCloseTimer_1 = require("../../hooks/useOpenCloseTimer");
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('prompt');
+/**
+ * Popup that appears with text message and button(s) for given `actions`.
+ * Features:
+ *  - Automatically disappears after `openDuration` in milliseconds
+ *  - `openTimestamp` (`Date.now()`) resets the visible duration
+ * @returns {JSX|null}
+ */
+const Prompt = ({ text, actions, className, openTimestamp = 0, openDuration, theme, }) => {
+    const { open } = (0, useOpenCloseTimer_1.useOpenCloseTimer)(openTimestamp, openDuration);
+    const mounted = openTimestamp > 0;
+    return (react_1.default.createElement("div", { className: b({ theme, open, close: !open, mounted }, className) },
+        react_1.default.createElement("div", { className: b('content') },
+            react_1.default.createElement("span", { className: b('text') }, text),
+            react_1.default.createElement("div", { className: b('actions') }, actions.map((_a, i) => {
+                var { view = 'action', className: btnClass } = _a, btnProps = __rest(_a, ["view", "className"]);
+                return (react_1.default.createElement(uikit_1.Button, Object.assign({ key: i, className: b('action', btnClass), view: view }, btnProps)));
+            })))));
+};
+exports.Prompt = Prompt;

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

@@ -0,0 +1,10 @@
+import React, { SyntheticEvent } from 'react';
+import { PromptProps } from '../Prompt/Prompt';
+export interface PromptSignInProps extends Partial<PromptProps> {
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
+}
+/**
+ * Authentication Popup that appears when user action requires login
+ * @returns {JSX|null}
+ */
+export declare const PromptSignIn: React.FC<PromptSignInProps>;

package/build/cjs/components/PromptSignIn/PromptSignIn.js

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromptSignIn = void 0;
+const react_1 = __importDefault(require("react"));
+const i18n_1 = require("../../i18n");
+const Prompt_1 = require("../Prompt/Prompt");
+/**
+ * Authentication Popup that appears when user action requires login
+ * @returns {JSX|null}
+ */
+const PromptSignIn = (_a) => {
+    var { text = (0, i18n_1.i18)(i18n_1.Keyset.PromptSignInOnLike), onClickSignIn = () => alert((0, i18n_1.i18)(i18n_1.Keyset.SignIn)), actions = [
+        {
+            children: (0, i18n_1.i18)(i18n_1.Keyset.SignIn),
+            onClick: onClickSignIn,
+        },
+    ] } = _a, props = __rest(_a, ["text", "onClickSignIn", "actions"]);
+    return react_1.default.createElement(Prompt_1.Prompt, Object.assign({}, { text, actions }, props));
+};
+exports.PromptSignIn = PromptSignIn;

package/build/cjs/components/PromptSignIn/hooks/usePromptSignInProps.d.ts

@@ -0,0 +1,6 @@
+import React, { SyntheticEvent } from 'react';
+export declare function usePromptSignInProps(onClickSignIn?: React.EventHandler<SyntheticEvent>): {
+    onClickSignIn: ((event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    openTimestamp: number;
+    requireSignIn: (() => void) | undefined;
+};

package/build/cjs/components/PromptSignIn/hooks/usePromptSignInProps.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePromptSignInProps = void 0;
+const react_1 = require("react");
+function usePromptSignInProps(onClickSignIn) {
+    const [openTimestamp, setTime] = (0, react_1.useState)(0);
+    const requireSignIn = (0, react_1.useMemo)(() => {
+        return onClickSignIn
+            ? () => {
+                setTime(Date.now());
+            }
+            : undefined;
+    }, [onClickSignIn, setTime]);
+    return { onClickSignIn, openTimestamp, requireSignIn };
+}
+exports.usePromptSignInProps = usePromptSignInProps;

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

@@ -1,3 +1,4 @@
+import React, { SyntheticEvent } from 'react';
 import { NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { GetPostsType, MetaProps, PostsProps, Service, SetQueryType, Tag, ToggleLikeCallbackType } from '../../models/common';
 export type BlogPageProps = {
@@ -13,5 +14,7 @@ export type BlogPageProps = {
     setQuery?: SetQueryType;
     settings?: PageConstructorProviderProps;
     pageCountForShowSupportButtons?: number;
+    isSignedInUser?: boolean;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 };
-export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, hasLikes, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser, onClickSignIn, }: BlogPageProps) => JSX.Element;

package/build/cjs/containers/BlogPage/BlogPage.js

@@ -1,30 +1,68 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogPage = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
+const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn");
+const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps");
 const blocksMap_1 = __importDefault(require("../../constructor/blocksMap"));
 const FeedContext_1 = require("../../contexts/FeedContext");
 const LikesContext_1 = require("../../contexts/LikesContext");
-const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, }) => (react_1.default.createElement("main", null,
-    react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
-            toggleLike: toggleLike,
-            hasLikes,
-        } },
-        react_1.default.createElement(FeedContext_1.FeedContext.Provider, { value: {
-                posts: posts.posts,
-                pinnedPost: posts.pinnedPost,
-                totalCount: posts.count,
-                tags,
-                services: services !== null && services !== void 0 ? services : [],
-                getPosts,
-                pageCountForShowSupportButtons,
-            } },
-            react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
-                metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
-                react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation }))))));
+const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
+    const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
+    const likes = (0, react_1.useMemo)(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    return (react_1.default.createElement("main", null,
+        react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likes },
+            react_1.default.createElement(FeedContext_1.FeedContext.Provider, { value: {
+                    posts: posts.posts,
+                    pinnedPost: posts.pinnedPost,
+                    totalCount: posts.count,
+                    tags,
+                    services: services !== null && services !== void 0 ? services : [],
+                    getPosts,
+                    pageCountForShowSupportButtons,
+                } },
+                react_1.default.createElement(page_constructor_1.PageConstructorProvider, Object.assign({}, settings),
+                    metaData ? react_1.default.createElement(MetaWrapper_1.MetaWrapper, Object.assign({}, metaData)) : null,
+                    react_1.default.createElement(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation })))),
+        react_1.default.createElement(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
+};
 exports.BlogPage = BlogPage;

package/build/cjs/contexts/LikesContext.d.ts

@@ -3,5 +3,7 @@ import { ToggleLikeCallbackType } from '../models/common';
 export interface LikesContextProps {
     toggleLike?: ToggleLikeCallbackType;
     hasLikes?: boolean;
+    isSignedInUser?: boolean;
+    requireSignIn?: React.MouseEventHandler;
 }
 export declare const LikesContext: React.Context<LikesContextProps>;

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

@@ -0,0 +1,62 @@
+export function initCounters(configs: any): void;
+declare namespace _default {
+    export { hit };
+    export { params };
+    export { reachGoal };
+    export { reachGoals };
+    export { Goal };
+    export { getServicePrefix };
+    export { getMarketPlacePrefix };
+    export { goalGoToConsole };
+    export { goalGoToForm };
+    export { goalGoToDocs };
+    export { goalFormSubmit };
+    export { goalEventFormSubmit };
+    export { goalEventVideoAction };
+    export { goalCaseFormSubmit };
+    export { goalSwitchLang };
+}
+export default _default;
+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
+ */
+declare const Goal: {
+    SUPPORT_OPEN_FORM: string;
+    SUPPORT_STEP_1_SUBMIT: string;
+    SUPPORT_STEP_2_SUBMIT: string;
+    SUPPORT_STEP_3_SUBMIT: string;
+    SUPPORT_THANKYOU_SUBMIT: string;
+    MP_OPEN_FORM: string;
+    EDIT_ON_GITHUB: string;
+    MAIN_GO_TO_VAR: string;
+    MAIN_GO_TO_ISV: string;
+    MAIN_ALL_PARTNERS: string;
+    FIND_GO_TO_VAR: string;
+    ISV_GO_TO_MP: string;
+    FOOTER_SUBSCRIBE: string;
+    FOOTER_MNG_SUBSCRIPTIONS: string;
+    MOBILE_STORE_IOS: string;
+    MOBILE_STORE_ANDROID: string;
+    REGION_POPUP_SHOW: string;
+    REGION_POPUP_YES: string;
+    REGION_POPUP_NO: string;
+    REGION_POPUP_CLOSE: string;
+    SCALE_REGISTRATION: string;
+    DLGOTOPRODUCT_MPSITE: string;
+    MPK8S_CLCK: string;
+    'SITE_CALCULATOR_SHARE-RESULT_CLICK': string;
+};
+declare function getServicePrefix(id: any): "CMPT" | "IAM" | "VPC" | "STRG" | "SK" | "CH" | "MONGO" | "POSTGR" | "MR" | "MMSQL" | "MK" | "TRSL" | "INSTGR" | "LB" | "MQ" | "DL" | "MNTRG" | "DP" | "KMS" | "YDB" | "INTRCNCT" | undefined;
+declare function getMarketPlacePrefix(id: any): string;
+declare function goalGoToConsole(prefix: any): any;
+declare function goalGoToForm(prefix: any): any;
+declare function goalGoToDocs(prefix: any): any;
+declare function goalFormSubmit(prefix: any): any;
+declare function goalEventFormSubmit(id: any): string;
+declare function goalEventVideoAction(id: any, action: any): string;
+declare function goalCaseFormSubmit(id: any): string;
+declare function goalSwitchLang(place: any): string;

package/build/cjs/counters/metrika.js

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initCounters = void 0;
+/**
+ * @deprecated Metrika will be deleted after launch of analyticsEvents
+ */
+const Goal = {
+    SUPPORT_OPEN_FORM: 'SUPPORTOPENFORM',
+    SUPPORT_STEP_1_SUBMIT: 'SUPPORTSTEP1SUBMIT',
+    SUPPORT_STEP_2_SUBMIT: 'SUPPORTSTEP2SUBMIT',
+    SUPPORT_STEP_3_SUBMIT: 'SUPPORTSTEP3SUBMIT',
+    SUPPORT_THANKYOU_SUBMIT: 'SUPPORTTHANKYOUSUBMIT',
+    MP_OPEN_FORM: 'MPOPENFORM',
+    EDIT_ON_GITHUB: 'EDITONGITHUB',
+    MAIN_GO_TO_VAR: 'MAINGOTOVAR',
+    MAIN_GO_TO_ISV: 'MAINGOTOISV',
+    MAIN_ALL_PARTNERS: 'MAINALLPARTNERS',
+    FIND_GO_TO_VAR: 'FINDGOTOVAR',
+    ISV_GO_TO_MP: 'ISVGOTOMP',
+    FOOTER_SUBSCRIBE: 'FOOTERSUBSCRIBE',
+    FOOTER_MNG_SUBSCRIPTIONS: 'FOOTERMNGSUBSCRIPTIONS',
+    MOBILE_STORE_IOS: '154_Mobile_App_Store_Badge',
+    MOBILE_STORE_ANDROID: '155_Mobile_Google_Play_Badge',
+    REGION_POPUP_SHOW: 'REGIONPOPUP',
+    REGION_POPUP_YES: 'REGIONPOPUPYES',
+    REGION_POPUP_NO: 'REGIONPOPUPNO',
+    REGION_POPUP_CLOSE: 'REGIONPOPUPCLOSE',
+    SCALE_REGISTRATION: 'Scale_registration',
+    DLGOTOPRODUCT_MPSITE: 'DLGOTOPRODUCT_MPSITE',
+    MPK8S_CLCK: 'MPK8S_CLCK',
+    'SITE_CALCULATOR_SHARE-RESULT_CLICK': 'SITE_CALCULATOR_SHARE-RESULT_CLICK',
+};
+const HIT_COUNTERS = ['main', 'cross-site', 'scale'];
+const counterIds = {};
+function getCounter(name) {
+    const counterId = counterIds[name];
+    return window['yaCounter' + counterId];
+}
+function initCounters(configs) {
+    configs.forEach((config) => {
+        counterIds[config.name] = config.id;
+    });
+}
+exports.initCounters = initCounters;
+function hit(...args) {
+    HIT_COUNTERS.forEach((counterName) => {
+        const counter = getCounter(counterName);
+        if (!counter) {
+            return;
+        }
+        counter.hit(...args);
+    });
+}
+function params(...args) {
+    const counter = getCounter('main');
+    if (!counter) {
+        return;
+    }
+    counter.params(...args);
+}
+function reachGoal(counterName, ...args) {
+    const counter = getCounter(counterName);
+    if (!counter) {
+        return;
+    }
+    counter.reachGoal(...args);
+}
+function reachGoals(goals, counterName = 'main') {
+    if (!goals) {
+        return;
+    }
+    const goalsArray = Array.isArray(goals) ? goals : [goals];
+    goalsArray.forEach((goal) => {
+        if (typeof goal === 'object') {
+            reachGoal(counterName, goal.name, goal.params);
+        }
+        else {
+            reachGoal(counterName, goal);
+        }
+    });
+}
+// eslint-disable-next-line complexity
+function getServicePrefix(id) {
+    switch (id) {
+        case 'compute':
+            return 'CMPT';
+        case 'iam':
+            return 'IAM';
+        case 'vpc':
+            return 'VPC';
+        case 'storage':
+            return 'STRG';
+        case 'speechkit':
+            return 'SK';
+        case 'managed-clickhouse':
+            return 'CH';
+        case 'managed-mongodb':
+            return 'MONGO';
+        case 'managed-postgresql':
+            return 'POSTGR';
+        case 'managed-redis':
+            return 'MR';
+        case 'managed-mysql':
+            return 'MMSQL';
+        case 'managed-kubernetes':
+            return 'MK';
+        case 'translate':
+            return 'TRSL';
+        case 'instance-groups':
+            return 'INSTGR';
+        case 'load-balancer':
+            return 'LB';
+        case 'message-queue':
+            return 'MQ';
+        case 'datalens':
+            return 'DL';
+        case 'monitoring':
+            return 'MNTRG';
+        case 'data-proc':
+            return 'DP';
+        case 'kms':
+            return 'KMS';
+        case 'ydb':
+            return 'YDB';
+        case 'interconnect':
+            return 'INTRCNCT';
+    }
+    return undefined;
+}
+function getMarketPlacePrefix(id) {
+    return `product_${id}_`;
+}
+function goalGoToConsole(prefix) {
+    return prefix && `${prefix}GOTOCONSOLE`;
+}
+function goalGoToForm(prefix) {
+    return prefix && `${prefix}GOTOFORM`;
+}
+function goalGoToDocs(prefix) {
+    return prefix && `${prefix}GOTODOCS`;
+}
+function goalFormSubmit(prefix) {
+    return prefix && `${prefix}FORMSUBMIT`;
+}
+function goalEventFormSubmit(id) {
+    return `event${id || 's'}_form_submit`;
+}
+function goalEventVideoAction(id, action) {
+    return `event${id}_video_${action}`;
+}
+function goalCaseFormSubmit(id) {
+    return `case${id ? `_${id}` : 's'}_form_submit`;
+}
+function goalSwitchLang(place) {
+    return `SWITCH_LANG_${place}`;
+}
+exports.default = {
+    hit,
+    params,
+    reachGoal,
+    reachGoals,
+    Goal,
+    getServicePrefix,
+    getMarketPlacePrefix,
+    goalGoToConsole,
+    goalGoToForm,
+    goalGoToDocs,
+    goalFormSubmit,
+    goalEventFormSubmit,
+    goalEventVideoAction,
+    goalCaseFormSubmit,
+    goalSwitchLang,
+};

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

@@ -0,0 +1,9 @@
+/**
+ * Timer to automatically update `open` state after a given duration
+ * @param {number} openTimestamp - UNIX timestamp in milliseconds
+ * @param {number} openDuration - in milliseconds
+ * @returns {{open: boolean}} {open} - whether the state is open
+ */
+export declare function useOpenCloseTimer(openTimestamp?: number, openDuration?: number): {
+    open: boolean;
+};

package/build/cjs/hooks/useOpenCloseTimer.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOpenCloseTimer = void 0;
+const react_1 = require("react");
+/**
+ * Timer to automatically update `open` state after a given duration
+ * @param {number} openTimestamp - UNIX timestamp in milliseconds
+ * @param {number} openDuration - in milliseconds
+ * @returns {{open: boolean}} {open} - whether the state is open
+ */
+function useOpenCloseTimer(openTimestamp = Date.now(), openDuration = 4000) {
+    const open = Date.now() - openTimestamp < openDuration;
+    const [, reset] = (0, react_1.useState)(0); // time to reset `open` state
+    (0, react_1.useEffect)(() => {
+        const closeTime = openTimestamp + openDuration;
+        const delay = closeTime - Date.now();
+        if (delay <= 0) {
+            return;
+        }
+        const timer = setTimeout(() => {
+            reset(Date.now);
+        }, delay);
+        // eslint-disable-next-line consistent-return
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [openTimestamp, openDuration]);
+    return { open };
+}
+exports.useOpenCloseTimer = useOpenCloseTimer;

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

@@ -17,6 +17,8 @@ export declare enum Keyset {
     Search = "search_placeholder",
     AllTags = "label_all_tags",
     ActionSavedOnly = "action_saved_only",
-    AllServices = "label_all_services"
+    AllServices = "label_all_services",
+    PromptSignInOnLike = "prompt_sign_in_on_like",
+    SignIn = "Sign In"
 }
 export declare const i18: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/i18n/index.js

@@ -24,6 +24,8 @@ var Keyset;
     Keyset["AllTags"] = "label_all_tags";
     Keyset["ActionSavedOnly"] = "action_saved_only";
     Keyset["AllServices"] = "label_all_services";
+    Keyset["PromptSignInOnLike"] = "prompt_sign_in_on_like";
+    Keyset["SignIn"] = "Sign In";
 })(Keyset = exports.Keyset || (exports.Keyset = {}));
 exports.i18n.registerKeyset(locale_1.Lang.En, KEYSET_NAME, {
     [Keyset.Title]: 'Blog',
@@ -42,11 +44,13 @@ exports.i18n.registerKeyset(locale_1.Lang.En, KEYSET_NAME, {
     [Keyset.AllTags]: 'All topics',
     [Keyset.ActionSavedOnly]: 'Saved',
     [Keyset.AllServices]: 'All Services',
+    [Keyset.PromptSignInOnLike]: 'Please sign in to save your bookmarks',
     [Keyset.ContextReadingTime]: [
         '{{count}} min to read',
         '{{count}} mins to read',
         '{{count}} mins to read',
     ],
+    [Keyset.SignIn]: 'Sign In',
 });
 exports.i18n.registerKeyset(locale_1.Lang.Ru, KEYSET_NAME, {
     [Keyset.Title]: 'Блог',
@@ -65,10 +69,12 @@ exports.i18n.registerKeyset(locale_1.Lang.Ru, KEYSET_NAME, {
     [Keyset.AllTags]: 'Все темы',
     [Keyset.ActionSavedOnly]: 'Сохранённые',
     [Keyset.AllServices]: 'Все сервисы',
+    [Keyset.PromptSignInOnLike]: 'Войдите, чтобы добавить доклад в своё расписание',
     [Keyset.ContextReadingTime]: [
         '{{count}} минута чтения',
         '{{count}} минуты чтения',
         '{{count}} минут чтения',
     ],
+    [Keyset.SignIn]: 'Войти',
 });
 exports.i18 = exports.i18n.keyset(KEYSET_NAME);