@gravity-ui/page-constructor 4.51.2-alpha.0 → 4.53.0

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
+const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const videoContext_1 = require("../../context/videoContext");
 const hooks_1 = require("../../hooks");
@@ -13,14 +14,16 @@ const icons_1 = require("../../icons");
 const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const CustomBarControls_1 = tslib_1.__importDefault(require("./CustomBarControls"));
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const utils_2 = require("./utils");
+const youtube_1 = require("./utils/youtube");
 const b = (0, utils_1.block)('ReactPlayer');
 const FPS = 60;
 // eslint-disable-next-line react/display-name
 exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
-    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, } = props;
+    const { metrika } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
+    const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, metrika: videoMetrika, analyticsEvents, height, ariaLabel, ratio, } = props;
     const { type = models_1.PlayButtonType.Default, theme = models_1.PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
     const { type: customControlsType = models_1.CustomControlsType.WithMuteButton, muteButtonShown, positioning = models_1.CustomControlsButtonPositioning.Center, } = customControlsOptions;
     const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
@@ -50,8 +53,15 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         if (!playerRef) {
             return;
         }
+        let play, pause, addEventListener;
         const videoInstance = playerRef.getInternalPlayer();
-        const { play, pause, addEventListener } = videoInstance;
+        if ((0, youtube_1.isYoutubePlayerInstance)(videoInstance)) {
+            ({ pauseVideo: pause, playVideo: play, addEventListener } = videoInstance);
+        }
+        else {
+            // it is assumed that `videoInstance` is HTMLVideoElement by default
+            ({ play, pause, addEventListener } = videoInstance);
+        }
         // eslint-disable-next-line consistent-return
         return {
             play: play.bind(videoInstance),
@@ -117,7 +127,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
                 playButtonContent = react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icons_1.PlayVideo, size: 24 });
                 break;
         }
-        return (react_1.default.createElement("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": (0, i18n_1.i18n)('play') }, playButtonContent));
+        return (react_1.default.createElement("button", { className: b('button', { theme, text: Boolean(text) }, buttonClassName), "aria-label": (0, i18n_1.default)('play') }, playButtonContent));
     }, [type, theme, text, buttonClassName]);
     const changeMute = (0, react_1.useCallback)((isMuted) => {
         if (isMuted &&
@@ -126,6 +136,13 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
             playerRef.seekTo(0);
             setPlayedPercent(0);
         }
+        if (metrika && videoMetrika) {
+            const { play, stop, counterName } = videoMetrika;
+            const goal = isMuted ? play : stop;
+            if (goal) {
+                metrika.reachGoals(goal, counterName);
+            }
+        }
         const events = isMuted ? playEvents : stopEvents;
         handleAnalytics(events);
         if (isMuted) {
@@ -133,12 +150,27 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
         // In order to the progress bar to update (equals 0) before displaying
         setTimeout(() => setMuted(!isMuted), 0);
-    }, [playerRef, customControlsType, playEvents, stopEvents, handleAnalytics, setProps]);
+    }, [
+        playerRef,
+        customControlsType,
+        metrika,
+        videoMetrika,
+        playEvents,
+        stopEvents,
+        handleAnalytics,
+        setProps,
+    ]);
     const handleClickPreview = (0, react_1.useCallback)(() => {
         setIsPlaying(true);
         onClickPreview === null || onClickPreview === void 0 ? void 0 : onClickPreview();
+        if (metrika && videoMetrika) {
+            const { play, counterName } = videoMetrika;
+            if (play) {
+                metrika.reachGoals(play, counterName);
+            }
+        }
         handleAnalytics(playEvents);
-    }, [onClickPreview, handleAnalytics, playEvents]);
+    }, [onClickPreview, metrika, videoMetrika, handleAnalytics, playEvents]);
     const onPause = (0, react_1.useCallback)(() => {
         // For support correct state for youtube
         if (controls !== models_1.MediaVideoControlsType.Custom ||

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

@@ -1 +1,2 @@
-export declare const i18n: (key: "play" | "pause" | "mute" | "unmute", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/ReactPlayer/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ReactPlayer`);
+const COMPONENT = 'ReactPlayer';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/ReactPlayer/utils/youtube.d.ts

@@ -0,0 +1,2 @@
+import type { YouTubePlayer } from 'youtube-player/dist/types';
+export declare const isYoutubePlayerInstance: (playerInstance: Record<string, unknown> | YouTubePlayer) => playerInstance is YouTubePlayer;

package/build/cjs/components/ReactPlayer/utils/youtube.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isYoutubePlayerInstance = void 0;
+const isYoutubePlayerInstance = (playerInstance) => {
+    return Boolean(playerInstance['pauseVideo'] && playerInstance['playVideo']);
+};
+exports.isYoutubePlayerInstance = isYoutubePlayerInstance;

package/build/cjs/components/UnpublishedLabel/UnpublishedLabel.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('unpublished-label');
-const UnpublishedLabel = ({ className, children, type = 'line', }) => (react_1.default.createElement("div", { className: b({ type }, className) }, children || (0, i18n_1.i18n)('label_non_published')));
+const UnpublishedLabel = ({ className, children, type = 'line', }) => (react_1.default.createElement("div", { className: b({ type }, className) }, children || (0, i18n_1.default)('label_non_published')));
 exports.default = UnpublishedLabel;

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

@@ -1 +1,2 @@
-export declare const i18n: (key: "label_non_published", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/UnpublishedLabel/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}UnpublishedLabel`);
+const COMPONENT = 'UnpublishedLabel';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -11,7 +11,7 @@ const icons_1 = require("../../icons");
 const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const RECORD_URL = 'https://www.youtube.com/embed/';
 const STREAM_URL = 'https://www.youtube.com/embed/live_stream?channel=';
 const RECORD_RE = /[0-9A-Za-z_-]{11}/;
@@ -79,7 +79,7 @@ const VideoBlock = (props) => {
             }
             iframe.width = '100%';
             iframe.height = '100%';
-            iframe.title = (0, i18n_1.i18n)('iframe-title');
+            iframe.title = (0, i18n_1.default)('iframe-title');
             iframe.frameBorder = '0';
             iframe.setAttribute('allowfullscreen', 'true');
             iframe.setAttribute('allow', 'autoplay');

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

@@ -1 +1,2 @@
-export declare const i18n: (key: "iframe-title", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/components/VideoBlock/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}VideoBlock`);
+const COMPONENT = 'VideoBlock';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/components/YandexForm/YandexForm.js

@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const localeContext_1 = require("../../context/localeContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const hooks_1 = require("../../hooks");
+const useMetrika_1 = require("../../hooks/useMetrika");
 const common_1 = require("../../models/common");
 const utils_1 = require("../../utils");
 const constants_1 = require("../constants");
@@ -14,11 +15,12 @@ exports.YANDEX_FORM_SECTION = 'surveys';
 const CONTAINER_ID = 'pc-yandex-form-container';
 const b = (0, utils_1.block)('yandex-form');
 const YandexForm = (props) => {
-    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, analyticsEvents, customFormOrigin, customFormSection, } = props;
+    const { onLoad, id, params, className, theme, containerId = CONTAINER_ID, headerHeight = constants_1.HEADER_HEIGHT, onSubmit, metrikaGoals, pixelEvents, analyticsEvents, customFormOrigin, customFormSection, } = props;
     const formContainerRef = (0, react_1.useRef)(null);
     const iframeRef = (0, react_1.useRef)();
     const yaFormOrigin = customFormOrigin || exports.YANDEX_FORM_ORIGIN;
     const yaFormSection = customFormSection || exports.YANDEX_FORM_SECTION;
+    const handleMetrika = (0, useMetrika_1.useMetrika)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.YandexFormSubmit);
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
     const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
@@ -60,11 +62,20 @@ const YandexForm = (props) => {
             const { top } = formContainerRef.current.getBoundingClientRect();
             window.scrollBy(0, top - headerHeight);
         }
+        handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
         if (onSubmit) {
             onSubmit();
         }
-    }, [handleAnalytics, analyticsEvents, onSubmit, headerHeight]);
+    }, [
+        handleMetrika,
+        metrikaGoals,
+        pixelEvents,
+        handleAnalytics,
+        analyticsEvents,
+        onSubmit,
+        headerHeight,
+    ]);
     const handleMessage = (0, react_1.useCallback)(({ origin, data }) => {
         if (origin !== yaFormOrigin) {
             return;

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

@@ -30,6 +30,7 @@ export declare const subBlockMap: {
     content: (props: import("./sub-blocks/Content/Content").ContentProps) => JSX.Element;
     quote: (props: import("./models").QuoteProps) => JSX.Element;
     "price-card": (props: import("./models").PriceCardProps) => JSX.Element;
+    "image-card": (props: import("./models").ImageCardProps) => JSX.Element;
 };
 export declare const navItemMap: {
     button: import("react").FC<Pick<import("./navigation/models").NavigationItemProps, "className"> & import("./models").ButtonProps>;

package/build/cjs/constructor-items.js

@@ -39,6 +39,7 @@ exports.subBlockMap = {
     [models_1.SubBlockType.Content]: sub_blocks_1.Content,
     [models_1.SubBlockType.Quote]: sub_blocks_1.Quote,
     [models_1.SubBlockType.PriceCard]: sub_blocks_1.PriceCard,
+    [models_1.SubBlockType.ImageCard]: sub_blocks_1.ImageCard,
 };
 exports.navItemMap = {
     [models_1.NavigationItemType.Button]: NavigationItem_1.NavigationButton,

package/build/cjs/containers/Loadable/Loadable.js

@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const ErrorWrapper_1 = tslib_1.__importDefault(require("../../components/ErrorWrapper/ErrorWrapper"));
 const cn_1 = require("../../utils/cn");
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, cn_1.block)('loadable-block');
 const initData = {
     loading: false,
@@ -39,7 +39,7 @@ const Loadable = (props) => {
         return (react_1.default.createElement("div", { className: b('loader') },
             react_1.default.createElement(uikit_1.Spin, { size: "xl" })));
     }
-    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: error, text: (0, i18n_1.i18n)('loadable-load-error'), buttonText: (0, i18n_1.i18n)('loadable-try-again'), handler: onTryAgain },
+    return (react_1.default.createElement(ErrorWrapper_1.default, { isError: error, text: (0, i18n_1.default)('loadable-load-error'), buttonText: (0, i18n_1.default)('loadable-try-again'), handler: onTryAgain },
         react_1.default.createElement(Component, Object.assign({}, block), data &&
             (Array.isArray(data) ? (data.map((componentData, index) => (react_1.default.createElement(ChildComponent, Object.assign({ key: componentData.id || index }, componentData))))) : (react_1.default.createElement(ChildComponent, Object.assign({}, data)))))));
 };

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

@@ -1 +1,2 @@
-export declare const i18n: (key: "loadable-load-error" | "loadable-try-again", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/containers/Loadable/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn");
+const registerKeyset_1 = require("../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Loadable`);
+const COMPONENT = 'Loadable';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/containers/PageConstructor/Provider.d.ts

@@ -3,6 +3,7 @@ import { ImageContextProps } from '../../context/imageContext';
 import { LocaleContextProps } from '../../context/localeContext';
 import { LocationContextProps } from '../../context/locationContext';
 import { MapsContextType } from '../../context/mapsContext/mapsContext';
+import { MetrikaContextProps } from '../../context/metrikaContext';
 import { ProjectSettingsContextProps } from '../../context/projectSettingsContext';
 import { SSRContextProps } from '../../context/ssrContext';
 import { Theme, WithChildren } from '../../models';
@@ -10,6 +11,7 @@ export interface PageConstructorProviderProps {
     isMobile?: boolean;
     locale?: LocaleContextProps;
     location?: LocationContextProps;
+    metrika?: MetrikaContextProps;
     ssrConfig?: SSRContextProps;
     theme?: Theme;
     mapsContext?: MapsContextType;

package/build/cjs/containers/PageConstructor/Provider.js

@@ -9,12 +9,13 @@ const imageContext_1 = require("../../context/imageContext");
 const localeContext_1 = require("../../context/localeContext");
 const locationContext_1 = require("../../context/locationContext");
 const mapsContext_1 = require("../../context/mapsContext/mapsContext");
+const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const projectSettingsContext_1 = require("../../context/projectSettingsContext");
 const ssrContext_1 = require("../../context/ssrContext");
 const theme_1 = require("../../context/theme");
 const PageConstructorProvider = (props) => {
-    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, } = props;
+    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, metrika = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         react_1.default.createElement(theme_1.ThemeContext.Provider, { value: { theme } }),
@@ -24,6 +25,7 @@ const PageConstructorProvider = (props) => {
         react_1.default.createElement(locationContext_1.LocationContext.Provider, { value: location }),
         react_1.default.createElement(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
         react_1.default.createElement(mapsContext_1.MapsContext.Provider, { value: mapsContext }),
+        react_1.default.createElement(metrikaContext_1.MetrikaContext.Provider, { value: metrika }),
         react_1.default.createElement(analyticsContext_1.AnalyticsContext.Provider, { value: analytics }),
         react_1.default.createElement(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Lang } from '@gravity-ui/uikit';
+import { Lang } from '../../utils/configure';
 export type LocaleContextProps = {
-    lang?: `${Lang}`;
+    lang?: Lang;
     tld?: string;
 };
 export declare const LocaleContext: React.Context<LocaleContextProps>;

package/build/cjs/context/localeContext/localeContext.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LocaleContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-exports.LocaleContext = react_1.default.createContext({ lang: uikit_1.Lang.Ru, tld: '.ru' });
+const configure_1 = require("../../utils/configure");
+exports.LocaleContext = react_1.default.createContext({ lang: configure_1.Lang.Ru, tld: '.ru' });

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

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

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

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

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

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

package/build/cjs/context/metrikaContext/metrikaContext.js

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

package/build/cjs/editor/components/ControlPanel/ControlPanel.js

@@ -8,7 +8,7 @@ const models_1 = require("../../../models");
 const utils_1 = require("../../../utils");
 const Tablet_1 = require("../../icons/Tablet");
 const types_1 = require("../../types");
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const ICON_SIZE = 14;
 const b = (0, utils_1.block)('control-panel');
 const ControlPanelViewModeIcons = {
@@ -21,7 +21,7 @@ const ControlPanel = ({ viewMode = types_1.ViewModeItem.Edititng, onViewModeChan
     return (react_1.default.createElement("div", { className: b(null, className) },
         react_1.default.createElement("div", null),
         react_1.default.createElement("div", { className: b('mode-switch') },
-            react_1.default.createElement("span", null, (0, i18n_1.i18n)('mode')),
+            react_1.default.createElement("span", null, (0, i18n_1.default)('mode')),
             react_1.default.createElement(uikit_1.RadioButton, { className: b('radio-button'), value: viewMode, onUpdate: (value) => onViewModeChange(value) }, Object.values(types_1.ViewModeItem).map((item) => {
                 const Icon = ControlPanelViewModeIcons[item];
                 return (react_1.default.createElement(uikit_1.RadioButton.Option, { key: item, value: item },
@@ -29,7 +29,7 @@ const ControlPanel = ({ viewMode = types_1.ViewModeItem.Edititng, onViewModeChan
                         react_1.default.createElement(Icon, { width: ICON_SIZE, height: ICON_SIZE }))));
             }))),
         react_1.default.createElement("div", { className: b('theme-switch') },
-            react_1.default.createElement("span", null, (0, i18n_1.i18n)('theme')),
+            react_1.default.createElement("span", null, (0, i18n_1.default)('Theme')),
             react_1.default.createElement(uikit_1.Select, { value: [theme], onUpdate: (value) => onThemeChange(value[0]) }, Object.values(models_1.Theme).map((item) => (react_1.default.createElement(uikit_1.Select.Option, { key: item, value: item }, models_1.themeNames[item])))))));
 };
 exports.default = ControlPanel;

package/build/cjs/editor/components/ControlPanel/i18n/en.json

@@ -1,4 +1,3 @@
 {
-  "mode": "Mode",
-  "theme": "Theme"
+  "mode": "Mode"
 }

package/build/cjs/editor/components/ControlPanel/i18n/index.d.ts

@@ -1 +1,2 @@
-export declare const i18n: (key: "theme" | "mode", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/editor/components/ControlPanel/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../../utils/cn");
+const registerKeyset_1 = require("../../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ControlPanel`);
+const COMPONENT = 'ControlPanel';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/editor/components/ControlPanel/i18n/ru.json

@@ -1,4 +1,3 @@
 {
-  "mode": "Режим",
-  "theme": "Тема"
+  "mode": "Режим"
 }

package/build/cjs/editor/components/ErrorBoundary/ErrorBoundary.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../utils");
 const utils_2 = require("../../utils");
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('error-boundary');
 class ErrorBoundary extends react_1.default.Component {
     constructor() {
@@ -19,8 +19,8 @@ class ErrorBoundary extends react_1.default.Component {
         const { type, index } = this.props;
         const { error } = this.state;
         const header = type
-            ? (0, i18n_1.i18n)('error-block-header', { id: (0, utils_2.getBlockId)({ type, index }) })
-            : (0, i18n_1.i18n)('error-page-header');
+            ? (0, i18n_1.default)('error-block-header', { id: (0, utils_2.getBlockId)({ type, index }) })
+            : (0, i18n_1.default)('error-page-header');
         if (this.state.error) {
             return (react_1.default.createElement("div", { className: b() },
                 react_1.default.createElement("div", { className: b('container') },

package/build/cjs/editor/components/ErrorBoundary/i18n/index.d.ts

@@ -1 +1,2 @@
-export declare const i18n: (key: "error-block-header" | "error-page-header", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/editor/components/ErrorBoundary/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../../utils/cn");
+const registerKeyset_1 = require("../../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}ErrorBoundary`);
+const COMPONENT = 'ErrorBoundary';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

package/build/cjs/editor/components/NotFoundBlock/NotFoundBlock.js

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const components_1 = require("../../../components");
 const utils_1 = require("../../../utils");
-const i18n_1 = require("./i18n");
+const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, utils_1.block)('not-found-block');
 const NotFoundBlock = ({ type, children }) => children ? (react_1.default.createElement(react_1.Fragment, null, children)) : (react_1.default.createElement(components_1.BlockBase, null,
-    react_1.default.createElement("div", { className: b() }, (0, i18n_1.i18n)('message', { type }))));
+    react_1.default.createElement("div", { className: b() }, (0, i18n_1.default)('message', { type }))));
 exports.NotFoundBlock = NotFoundBlock;

package/build/cjs/editor/components/NotFoundBlock/i18n/index.d.ts

@@ -1 +1,2 @@
-export declare const i18n: (key: "message", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+declare const _default: (key: string, params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export default _default;

package/build/cjs/editor/components/NotFoundBlock/i18n/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.i18n = void 0;
 const tslib_1 = require("tslib");
-const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../../utils/cn");
+const registerKeyset_1 = require("../../../../utils/registerKeyset");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
-exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}NotFoundBlock`);
+const COMPONENT = 'NotFoundBlock';
+exports.default = (0, registerKeyset_1.registerKeyset)({ en: en_json_1.default, ru: ru_json_1.default }, COMPONENT);

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

@@ -1,2 +1,2 @@
-import { AnalyticsEventsProp } from '../models';
-export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => void;
+import { AnalyticsEvent } from '../models';
+export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEvent | AnalyticsEvent[] | null, additionalContext?: Record<string, string>) => void;

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

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

package/build/cjs/hooks/useMetrika.js

@@ -1 +1,42 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMetrika = void 0;
+const react_1 = require("react");
+const metrikaContext_1 = require("../context/metrikaContext");
+const guards_1 = require("../models/guards");
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @deprecated Metrika will be deleted, which uses this logic
+ */
+function isButtonPixel(pixelEvents) {
+    if (Array.isArray(pixelEvents) && pixelEvents.length && 'name' in pixelEvents) {
+        return true;
+    }
+    return false;
+}
+// eslint-disable-next-line valid-jsdoc
+/**
+ * @deprecated useMetrika will be deleted
+ */
+const useMetrika = () => {
+    const { metrika, pixel } = (0, react_1.useContext)(metrikaContext_1.MetrikaContext);
+    return ({ metrikaGoals, pixelEvents }) => {
+        if (metrika && metrikaGoals) {
+            if ((0, guards_1.isNewMetrikaFormat)(metrikaGoals)) {
+                metrikaGoals.forEach(({ name, isCrossSite }) => metrika.reachGoal(isCrossSite ? 'cross-site' : 'main', name));
+            }
+            else {
+                metrika.reachGoals(metrikaGoals);
+            }
+        }
+        if (pixel && pixelEvents) {
+            if (isButtonPixel(pixelEvents)) {
+                pixelEvents.forEach(({ name, data }) => pixel.trackStandard(name, data));
+            }
+            else {
+                pixel.track(pixelEvents);
+            }
+        }
+    };
+};
+exports.useMetrika = useMetrika;

package/build/cjs/i18n.d.ts

@@ -0,0 +1,2 @@
+import { I18N } from '@gravity-ui/i18n';
+export declare const i18n: I18N;

package/build/cjs/i18n.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const i18n_1 = require("@gravity-ui/i18n");
+const configure_1 = require("./utils/configure");
+exports.i18n = new i18n_1.I18N();
+exports.i18n.setLang((0, configure_1.getConfig)().lang || configure_1.Lang.En);
+(0, configure_1.subscribeConfigure)((config) => {
+    if (config.lang) {
+        exports.i18n.setLang(config.lang);
+    }
+});