@gravity-ui/blog-constructor 4.2.0 → 4.2.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [4.2.1](https://github.com/gravity-ui/blog-constructor/compare/v4.2.0...v4.2.1) (2023-07-07)
+
+
+### Bug Fixes
+
+* prompt-sign-in-on-like for blog post pages ([#75](https://github.com/gravity-ui/blog-constructor/issues/75)) ([1862306](https://github.com/gravity-ui/blog-constructor/commit/186230610d13e4c31bfd4bbbb52128b23e81bf39))
+
 ## [4.2.0](https://github.com/gravity-ui/blog-constructor/compare/v4.1.2...v4.2.0) (2023-06-28)
 
 

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

@@ -48,21 +48,20 @@ 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, 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(react_1.Fragment, 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 })))),
+    const likesContextData = (0, react_1.useMemo)(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
+        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/containers/BlogPostPage/BlogPostPage.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { SyntheticEvent } from 'react';
 import { NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { ShareOptions } from '@gravity-ui/uikit';
 import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
@@ -15,5 +15,7 @@ export interface BlogPostPageProps {
     settings?: PageConstructorProviderProps;
     navigation?: NavigationData;
     shareOptions?: ShareOptions[];
+    isSignedInUser?: boolean;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 }
 export declare const BlogPostPage: React.FC<BlogPostPageProps>;

package/build/cjs/containers/BlogPostPage/BlogPostPage.js

@@ -1,27 +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;
+};
+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.BlogPostPage = 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 LikesContext_1 = require("../../contexts/LikesContext");
 const PostPageContext_1 = require("../../contexts/PostPageContext");
 const useLikes_1 = require("../../hooks/useLikes");
-const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, }) => {
+const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
     const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
         count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
         toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         postId: post === null || post === void 0 ? void 0 : post.blogPostId,
     });
-    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: {
-            toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
-            hasLikes: Boolean(likes),
-        } },
+    const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
+    const likesContextData = (0, react_1.useMemo)(() => ({
+        toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
+        hasLikes: Boolean(likes),
+        isSignedInUser,
+        requireSignIn,
+    }), [likes, isSignedInUser, requireSignIn]);
+    return (react_1.default.createElement(LikesContext_1.LikesContext.Provider, { value: likesContextData },
         react_1.default.createElement(PostPageContext_1.PostPageContext.Provider, { value: {
                 post,
                 suggestedPosts,
@@ -36,6 +76,7 @@ const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings
             } },
             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(page_constructor_1.PageConstructor, { content: content, custom: blocksMap_1.default, navigation: navigation }))),
+        react_1.default.createElement(PromptSignIn_1.PromptSignIn, Object.assign({}, promptSignInProps))));
 };
 exports.BlogPostPage = BlogPostPage;

package/build/esm/containers/BlogPage/BlogPage.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { Fragment, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-constructor';
 import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
 import { PromptSignIn } from '../../components/PromptSignIn/PromptSignIn';
@@ -20,20 +20,19 @@ import { LikesContext } from '../../contexts/LikesContext';
 import './BlogPage.css';
 export const BlogPage = ({ content, posts, tags, services, getPosts, metaData, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
     const _a = usePromptSignInProps(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
-    const likes = useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
-    return (React.createElement(Fragment, null,
-        React.createElement(LikesContext.Provider, { value: likes },
-            React.createElement(FeedContext.Provider, { value: {
-                    posts: posts.posts,
-                    pinnedPost: posts.pinnedPost,
-                    totalCount: posts.count,
-                    tags,
-                    services: services !== null && services !== void 0 ? services : [],
-                    getPosts,
-                    pageCountForShowSupportButtons,
-                } },
-                React.createElement(PageConstructorProvider, Object.assign({}, settings),
-                    metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
-                    React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation })))),
+    const likesContextData = useMemo(() => ({ toggleLike, hasLikes, isSignedInUser, requireSignIn }), [toggleLike, hasLikes, isSignedInUser, requireSignIn]);
+    return (React.createElement(LikesContext.Provider, { value: likesContextData },
+        React.createElement(FeedContext.Provider, { value: {
+                posts: posts.posts,
+                pinnedPost: posts.pinnedPost,
+                totalCount: posts.count,
+                tags,
+                services: services !== null && services !== void 0 ? services : [],
+                getPosts,
+                pageCountForShowSupportButtons,
+            } },
+            React.createElement(PageConstructorProvider, Object.assign({}, settings),
+                metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
+                React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation }))),
         React.createElement(PromptSignIn, Object.assign({}, promptSignInProps))));
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { SyntheticEvent } from 'react';
 import { NavigationData, PageConstructorProviderProps, PageContent } from '@gravity-ui/page-constructor';
 import { ShareOptions } from '@gravity-ui/uikit';
 import { MetaProps, PostData, ToggleLikeCallbackType } from '../../models/common';
@@ -16,5 +16,7 @@ export interface BlogPostPageProps {
     settings?: PageConstructorProviderProps;
     navigation?: NavigationData;
     shareOptions?: ShareOptions[];
+    isSignedInUser?: boolean;
+    onClickSignIn?: React.EventHandler<SyntheticEvent>;
 }
 export declare const BlogPostPage: React.FC<BlogPostPageProps>;

package/build/esm/containers/BlogPostPage/BlogPostPage.js

@@ -1,22 +1,39 @@
-import React from 'react';
+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;
+};
+import React, { useMemo } from 'react';
 import { PageConstructor, PageConstructorProvider, } from '@gravity-ui/page-constructor';
 import { MetaWrapper } from '../../components/MetaWrapper/MetaWrapper';
+import { PromptSignIn } from '../../components/PromptSignIn/PromptSignIn';
+import { usePromptSignInProps } from '../../components/PromptSignIn/hooks/usePromptSignInProps';
 import componentMap from '../../constructor/blocksMap';
 import { LikesContext } from '../../contexts/LikesContext';
 import { PostPageContext } from '../../contexts/PostPageContext';
 import { useLikes } from '../../hooks/useLikes';
 import './BlogPostPage.css';
-export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, }) => {
+export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, navigation, shareOptions, isSignedInUser = false, onClickSignIn, }) => {
     const { hasUserLike, likesCount, handleLike } = useLikes({
         hasLike: likes === null || likes === void 0 ? void 0 : likes.hasUserLike,
         count: likes === null || likes === void 0 ? void 0 : likes.likesCount,
         toggleLikeCallback: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
         postId: post === null || post === void 0 ? void 0 : post.blogPostId,
     });
-    return (React.createElement(LikesContext.Provider, { value: {
-            toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
-            hasLikes: Boolean(likes),
-        } },
+    const _a = usePromptSignInProps(onClickSignIn), { requireSignIn } = _a, promptSignInProps = __rest(_a, ["requireSignIn"]);
+    const likesContextData = useMemo(() => ({
+        toggleLike: likes === null || likes === void 0 ? void 0 : likes.toggleLike,
+        hasLikes: Boolean(likes),
+        isSignedInUser,
+        requireSignIn,
+    }), [likes, isSignedInUser, requireSignIn]);
+    return (React.createElement(LikesContext.Provider, { value: likesContextData },
         React.createElement(PostPageContext.Provider, { value: {
                 post,
                 suggestedPosts,
@@ -31,5 +48,6 @@ export const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, s
             } },
             React.createElement(PageConstructorProvider, Object.assign({}, settings),
                 metaData ? React.createElement(MetaWrapper, Object.assign({}, metaData)) : null,
-                React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation })))));
+                React.createElement(PageConstructor, { content: content, custom: componentMap, navigation: navigation }))),
+        React.createElement(PromptSignIn, Object.assign({}, promptSignInProps))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {