@gravity-ui/blog-constructor 1.0.0-alpha.1

package/build/cjs/components/PostsError/PostsError.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostsError = void 0;
+const react_1 = __importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const i18n_1 = require("../../i18n");
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('posts-error');
+const PostsError = ({ onButtonClick }) => {
+    const handleClick = () => (onButtonClick ? onButtonClick() : window.location.reload());
+    return (react_1.default.createElement("div", { className: b('container') },
+        react_1.default.createElement("div", { className: b('title') }, (0, i18n_1.i18)(i18n_1.Keyset.ErrorTitle)),
+        react_1.default.createElement("div", { className: b('subtitle') }, (0, i18n_1.i18)(i18n_1.Keyset.PostLoadError)),
+        react_1.default.createElement("div", { className: b('button') },
+            react_1.default.createElement(uikit_1.Button, { size: "xl", view: "outlined", onClick: handleClick }, (0, i18n_1.i18)(i18n_1.Keyset.ActionTryAgain)))));
+};
+exports.PostsError = PostsError;

package/build/cjs/components/Search/Search.css

@@ -0,0 +1,33 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-search {
+  font-size: var(--yc-text-body-1-font-size);
+  line-height: var(--yc-text-body-1-line-height);
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  max-width: 376px;
+  height: 44px;
+  transition: width 0.3s;
+}
+.bc-search__close-button, .bc-search__search-button {
+  position: absolute;
+  z-index: 2;
+  right: 10px;
+  color: var(--yc-color-text-hint);
+}
+.bc-search__search-button:hover {
+  color: var(--yc-color-text-secondary);
+}
+.bc-search__search-suggest-container {
+  width: 100%;
+}
+.bc-search__search-suggest .yc-text-input__control {
+  padding-right: 32px;
+}
+.bc-search_size_s {
+  height: 36px;
+  width: 352px;
+  max-width: 100%;
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ClassNameProps } from '../../models/common';
+export type SearchSize = 's' | 'm';
+interface SearchProps extends ClassNameProps {
+    value?: string;
+    initialValue: string;
+    onSubmit: (value: string) => void;
+    debounce?: number;
+    placeholder?: string;
+    size?: SearchSize;
+    autoFocus?: boolean;
+    className?: string;
+}
+export declare const Search: React.FC<SearchProps>;
+export {};

package/build/cjs/components/Search/Search.js

@@ -0,0 +1,67 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Search = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = require("lodash");
+const uikit_1 = require("@gravity-ui/uikit");
+const ButtonWithIcon_1 = require("../ButtonWithIcon/ButtonWithIcon");
+const useIsIPhone_1 = require("../../hooks/useIsIPhone");
+const Close_1 = require("../../icons/Close");
+const SearchIcon_1 = require("../../icons/SearchIcon");
+const i18n_1 = require("../../i18n");
+const cn_1 = require("../../utils/cn");
+const b = (0, cn_1.block)('search');
+const SEARCH_ICON_SIZE = 16;
+const CLOSE_ICON_SIZE = 12;
+const Search = (props) => {
+    const { className, initialValue, onSubmit, debounce = 300, placeholder = (0, i18n_1.i18)(i18n_1.Keyset.Search), size = 'm', autoFocus = false, value: externalValue, } = props;
+    const handleChange = (0, lodash_1.debounce)(onSubmit, debounce);
+    const [value, setValue] = (0, react_1.useState)(initialValue);
+    const inputRef = (0, react_1.useRef)(null);
+    const isIPhone = (0, useIsIPhone_1.useIsIPhone)();
+    (0, react_1.useEffect)(() => {
+        if (externalValue !== undefined) {
+            setValue(externalValue);
+        }
+    }, [externalValue]);
+    (0, react_1.useEffect)(() => {
+        if (autoFocus && !isIPhone) {
+            setTimeout(() => { var _a; return (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true }); }, 0);
+        }
+    }, [autoFocus, inputRef, isIPhone]);
+    return (react_1.default.createElement("div", { className: b({ size }, className) },
+        react_1.default.createElement("div", { className: b('search-suggest-container') },
+            react_1.default.createElement(uikit_1.TextInput, { value: value, onUpdate: (query) => {
+                    setValue(query);
+                    handleChange(query);
+                }, placeholder: placeholder, className: b('search-suggest'), size: size === 'm' ? 'xl' : 'l', controlRef: inputRef })),
+        value ? (react_1.default.createElement(ButtonWithIcon_1.ButtonWithIcon, { className: b('close-button'), icon: Close_1.Close, iconSize: CLOSE_ICON_SIZE, size: "xs", onClick: () => {
+                handleChange.cancel();
+                setValue('');
+                onSubmit('');
+            } })) : (react_1.default.createElement(ButtonWithIcon_1.ButtonWithIcon, { className: b('search-button'), icon: SearchIcon_1.SearchIcon, iconSize: SEARCH_ICON_SIZE, size: "xs", disabled: true }))));
+};
+exports.Search = Search;

package/build/cjs/components/Wrapper/Wrapper.css

@@ -0,0 +1,32 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.bc-wrapper_padding-top_xs {
+  padding-top: 0px;
+}
+.bc-wrapper_padding-top_s {
+  padding-top: 16px;
+}
+.bc-wrapper_padding-top_m {
+  padding-top: 32px;
+}
+.bc-wrapper_padding-top_l {
+  padding-top: 48px;
+}
+.bc-wrapper_padding-top_xl {
+  padding-top: 64px;
+}
+.bc-wrapper_padding-bottom_xs {
+  padding-bottom: 0px;
+}
+.bc-wrapper_padding-bottom_s {
+  padding-bottom: 16px;
+}
+.bc-wrapper_padding-bottom_m {
+  padding-bottom: 32px;
+}
+.bc-wrapper_padding-bottom_l {
+  padding-bottom: 48px;
+}
+.bc-wrapper_padding-bottom_xl {
+  padding-bottom: 64px;
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ClassNameProps } from '../../models/common';
+import { Paddings } from '../../models/paddings';
+type WrapperProps = ClassNameProps & {
+    paddings?: Paddings;
+    dataQa?: string;
+    children?: React.ReactNode;
+};
+export declare const Wrapper: React.FunctionComponent<WrapperProps>;
+export {};

package/build/cjs/components/Wrapper/Wrapper.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Wrapper = void 0;
+const react_1 = __importDefault(require("react"));
+const cn_1 = require("../../utils/cn");
+const constants_1 = require("../../constants");
+const b = (0, cn_1.block)('wrapper');
+const Wrapper = ({ children, paddings = constants_1.DEFAULT_PADDINGS, className, dataQa, }) => (react_1.default.createElement("section", { className: b({
+        ['padding-top']: (paddings === null || paddings === void 0 ? void 0 : paddings.top) || 'xs',
+        ['padding-bottom']: (paddings === null || paddings === void 0 ? void 0 : paddings.bottom) || 'l',
+        ['padding-left']: (paddings === null || paddings === void 0 ? void 0 : paddings.left) || '',
+        ['padding-right']: (paddings === null || paddings === void 0 ? void 0 : paddings.right) || '',
+    }, className), "data-qa": dataQa }, children));
+exports.Wrapper = Wrapper;

package/build/cjs/configure.d.ts

@@ -0,0 +1,5 @@
+import { Lang } from './models/locale';
+export interface ProjectConfigParams {
+    lang: Lang;
+}
+export declare const configure: ({ lang }: ProjectConfigParams) => void;

package/build/cjs/configure.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = void 0;
+const i18n_1 = require("./i18n");
+const configure = ({ lang }) => {
+    i18n_1.i18n.setLang(lang);
+};
+exports.configure = configure;

package/build/cjs/constants.d.ts

@@ -0,0 +1,27 @@
+import { Paddings } from './models/paddings';
+export declare const BREAKPOINTS: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+export declare const DEFAULT_THEME = "light";
+export declare enum BlogMetrikaGoalIds {
+    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",
+    suggest = "SITE_BLOG_INTERESTING-CARD_CLICK",
+    bannerCommon = "SITE_BLOG_TEXT-BANNER_CLICK",
+    cta = "SITE_BLOG_CTA_CLICK",
+    tag = "SITE_BLOG_THEME-SELECTOR_CLCK",
+    service = "SITE_BLOG_SERVICE-SELECTOR_CLCK",
+    showMore = "SITE_BLOG-PAGINATION_SHOW-MORE_CLCK",
+    next = "SITE_BLOG-PAGINATION_NEXT_CLCK",
+    home = "SITE_BLOG-PAGINATION_HOME_CLCK",
+    page = "SITE_BLOG-PAGINATION_PAGE-NMBR_CLCK"
+}
+export declare const DEFAULT_PADDINGS: Paddings;

package/build/cjs/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_PADDINGS = exports.BlogMetrikaGoalIds = exports.DEFAULT_THEME = exports.BREAKPOINTS = void 0;
+const paddings_1 = require("./models/paddings");
+exports.BREAKPOINTS = {
+    xs: 0,
+    sm: 577,
+    md: 769,
+    lg: 1081,
+    xl: 1185,
+};
+exports.DEFAULT_THEME = 'light';
+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 = exports.BlogMetrikaGoalIds || (exports.BlogMetrikaGoalIds = {}));
+exports.DEFAULT_PADDINGS = {
+    [paddings_1.PaddingsDirections.bottom]: 'l',
+    [paddings_1.PaddingsDirections.top]: 'xs',
+};

package/build/cjs/constructor/BlogConstructorProvider.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { RouterContextProps } from '../contexts/RouterContext';
+import { UserContextProps } from '../contexts/UserContext';
+import { DeviceContextProps } from '../contexts/DeviceContext';
+import { ThemeValueType } from '../contexts/theme/ThemeValueContext';
+import { Locale } from '../models/locale';
+export interface BlogConstructorProviderProps {
+    isMobile?: boolean;
+    locale?: Locale;
+    router?: RouterContextProps;
+    theme?: ThemeValueType;
+    user?: UserContextProps;
+    device?: DeviceContextProps;
+    children?: React.ReactNode;
+}
+export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -0,0 +1,46 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlogConstructorProvider = void 0;
+const react_1 = __importStar(require("react"));
+const MobileContext_1 = require("../contexts/MobileContext");
+const LocaleContext_1 = require("../contexts/LocaleContext");
+const RouterContext_1 = require("../contexts/RouterContext");
+const UserContext_1 = require("../contexts/UserContext");
+const DeviceContext_1 = require("../contexts/DeviceContext");
+const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext");
+const constants_1 = require("../constants");
+const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, user = {}, device = {}, children, }) => {
+    const context = [
+        react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
+        react_1.default.createElement(LocaleContext_1.LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
+        react_1.default.createElement(RouterContext_1.RouterContext.Provider, { value: router, key: "router-context" }),
+        react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
+        react_1.default.createElement(UserContext_1.UserContext.Provider, { value: user, key: "user-context" }),
+        react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
+    ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
+    return react_1.default.createElement(react_1.Fragment, null, context);
+};
+exports.BlogConstructorProvider = BlogConstructorProvider;

package/build/cjs/constructor/blocksMap.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    blocks: {
+        "blog-yfm-block": import("react").FC<import("../models/blocks").YFMProps>;
+        "blog-layout-block": import("react").FC<import("../models/blocks").LayoutProps>;
+        "blog-media-block": import("react").FC<import("../models/blocks").MediaProps>;
+        "blog-banner-block": import("react").FC<import("../models/blocks").BannerProps>;
+        "blog-cta-block": import("react").FC<import("../models/blocks").CTAProps>;
+        "blog-colored-text-block": import("react").FC<import("../models/blocks").ColoredTextProps>;
+        "blog-author-block": import("react").FC<import("../models/blocks").AuthorProps>;
+        "blog-suggest-block": import("react").FC<import("../models/blocks").SuggestProps>;
+        "blog-meta-block": import("react").FC<import("../models/blocks").MetaProps>;
+        "blog-feed-block": import("react").FC<import("../models/blocks").FeedProps>;
+    };
+    headers: {
+        "blog-header-block": import("react").FC<import("../models/blocks").HeaderProps>;
+    };
+};
+export default _default;

package/build/cjs/constructor/blocksMap.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("../models/common");
+const Header_1 = require("../blocks/Header/Header");
+const YFM_1 = require("../blocks/YFM/YFM");
+const Layout_1 = require("../blocks/Layout/Layout");
+const Media_1 = require("../blocks/Media/Media");
+const CTA_1 = require("../blocks/CTA/CTA");
+const ColoredText_1 = require("../blocks/ColoredText/ColoredText");
+const Author_1 = require("../blocks/Author/Author");
+const Suggest_1 = require("../blocks/Suggest/Suggest");
+const Banner_1 = require("../blocks/Banner/Banner");
+const Meta_1 = require("../blocks/Meta/Meta");
+const Feed_1 = require("../blocks/Feed/Feed");
+const blocks = {
+    [common_1.BlockType.YFM]: YFM_1.YFM,
+    [common_1.BlockType.Layout]: Layout_1.Layout,
+    [common_1.BlockType.Media]: Media_1.Media,
+    [common_1.BlockType.Banner]: Banner_1.Banner,
+    [common_1.BlockType.CTA]: CTA_1.CTA,
+    [common_1.BlockType.ColoredText]: ColoredText_1.ColoredText,
+    [common_1.BlockType.Author]: Author_1.Author,
+    [common_1.BlockType.Suggest]: Suggest_1.Suggest,
+    [common_1.BlockType.Meta]: Meta_1.Meta,
+    [common_1.BlockType.Feed]: Feed_1.Feed,
+};
+const headers = {
+    [common_1.BlockType.Header]: Header_1.Header,
+};
+exports.default = { blocks, headers };

package/build/cjs/containers/BlogPage/BlogPage.css

@@ -0,0 +1,21 @@
+:root {
+  --header-height: 64px;
+}
+
+.yc-root {
+  --yc-text-accent-font-weight: 500;
+  --bc-transparent: rgba(255, 255, 255, 0);
+  --bc-image-padding: 4px;
+  --bc-border-radius: var(--pc-border-radius, 24px);
+  --bc-color-sfx-shadow: var(--yc-color-base-simple-hover);
+  --bc-color-line-generic-active-solid: #b3b3b3;
+  --bc-color-base-float-hover: var(--yc-color-base-float);
+  --bc-monochrome-button: #262626;
+  --bc-monochrome-button-hover: #393939;
+  --bc-text-header-color: var(--yc-color-text-primary);
+}
+.yc-root.yc-root_theme_dark {
+  --bc-color-sfx-shadow: var(--yc-color-sfx-shadow);
+  --bc-color-line-generic-active-solid: #6c6c70;
+  --bc-color-base-float-hover: var(--yc-color-base-float-hover);
+}

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

@@ -0,0 +1,15 @@
+import { PageContent, PageConstructorProviderProps } from '@gravity-ui/page-constructor';
+import { Tag, PostsProps, ToggleLikeCallbackType, MetaProps, GetPostsType, SetQueryType, Service } from '../../models/common';
+export type BlogPageProps = {
+    content: PageContent;
+    posts: PostsProps;
+    tags: Tag[];
+    services?: Service[];
+    getPosts: GetPostsType;
+    toggleLike?: ToggleLikeCallbackType;
+    metaData?: MetaProps;
+    setQuery?: SetQueryType;
+    settings?: PageConstructorProviderProps;
+    pageCountForShowSupportButtons?: number;
+};
+export declare const BlogPage: ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }: BlogPageProps) => JSX.Element;

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

@@ -0,0 +1,30 @@
+"use strict";
+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 page_constructor_1 = require("@gravity-ui/page-constructor");
+const FeedContext_1 = require("../../contexts/FeedContext");
+const LikesContext_1 = require("../../contexts/LikesContext");
+const MetaWrapper_1 = require("../../components/MetaWrapper/MetaWrapper");
+const blocksMap_1 = __importDefault(require("../../constructor/blocksMap"));
+const BlogPage = ({ content, posts, tags, services, getPosts, metaData, toggleLike, settings, pageCountForShowSupportButtons, }) => (react_1.default.createElement("main", null,
+    react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
+            toggleLike: toggleLike,
+            hasLikes: Boolean(toggleLike),
+        } },
+        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 }))))));
+exports.BlogPage = BlogPage;