@blocklet/discuss-kit-post 2.1.210 → 2.1.212

package/dist/api.d.ts

@@ -7,3 +7,7 @@ export declare const updatePostContent: (id: string, payload: {
     contentVersion: number;
     locale?: string;
 }) => Promise<any>;
+export declare const fetchPaymentLink: (params: {
+    type: 'blog' | 'post' | 'bookmark' | 'doc';
+    redirect: string;
+}) => Promise<any>;

package/dist/index.es.js

@@ -1,11 +1,11 @@
 var _a, _b;
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMediaQuery, Box, CircularProgress, Tooltip, Stack, Button, IconButton } from "@mui/material";
 import { useSetState, useGetState, useDocumentVisibility, useRequest, useThrottleEffect, useTimeout } from "ahooks";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
 import { useRef, useState, useCallback, useEffect, useContext } from "react";
-import { DirtyPromptContainer, useEventCallback, utils, toast, LazyEditor, EditorPreview, InternalThemeProvider, UploaderProvider, DefaultEditorConfigProvider } from "@blocklet/discuss-kit-ux";
+import { DirtyPromptContainer, useEventCallback, utils, toast, LazyEditor, SubscriptionPaywall, EditorPreview, InternalThemeProvider, UploaderProvider, DefaultEditorConfigProvider } from "@blocklet/discuss-kit-ux";
 import { Edit } from "@mui/icons-material";
 import { createAxios } from "@blocklet/js-sdk";
 import { joinURL, withQuery } from "ufo";
@@ -32,6 +32,10 @@ const updatePostContent = async (id, payload) => {
   const { data } = await api.put(`/posts/${id}/content`, payload);
   return data;
 };
+const fetchPaymentLink = async (params) => {
+  const { data } = await api.get("/subscriptions/payment-link", { params });
+  return data;
+};
 const useStatus = (saving) => {
   const [status, setStatus] = useState("idle");
   useEffect(() => {
@@ -199,6 +203,15 @@ function InternalPostEdit({ post, onSave, onUpdate, onCancel, ...rest }) {
 function PostEdit(props) {
   return /* @__PURE__ */ jsx(DirtyPromptContainer.Provider, { children: /* @__PURE__ */ jsx(InternalPostEdit, { ...props }) });
 }
+function PostPaywall({ post, children, ...rest }) {
+  if (post.accessType === "public") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (post.accessType === "paid") {
+    return /* @__PURE__ */ jsx(SubscriptionPaywall, { type: post.type, fetchPaymentLink, ...rest, children });
+  }
+  return null;
+}
 function InternalPost({ postId, sx, readonly, ...rest }) {
   var _a2, _b2;
   const { locale } = useLocaleContext();
@@ -247,7 +260,7 @@ function InternalPost({ postId, sx, readonly, ...rest }) {
         children: /* @__PURE__ */ jsx(Edit, {})
       }
     ),
-    editable ? /* @__PURE__ */ jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsx(EditorPreview, { content: post.content || "" })
+    editable ? /* @__PURE__ */ jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsx(PostPaywall, { post, children: /* @__PURE__ */ jsx(EditorPreview, { content: post.content || "" }) })
   ] }) }) }) });
 }
 function Post(props) {

package/dist/index.umd.js

@@ -26,6 +26,10 @@
     const { data } = await api.put(`/posts/${id}/content`, payload);
     return data;
   };
+  const fetchPaymentLink = async (params) => {
+    const { data } = await api.get("/subscriptions/payment-link", { params });
+    return data;
+  };
   const useStatus = (saving) => {
     const [status, setStatus] = react.useState("idle");
     react.useEffect(() => {
@@ -193,6 +197,15 @@
   function PostEdit(props) {
     return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DirtyPromptContainer.Provider, { children: /* @__PURE__ */ jsxRuntime.jsx(InternalPostEdit, { ...props }) });
   }
+  function PostPaywall({ post, children, ...rest }) {
+    if (post.accessType === "public") {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+    }
+    if (post.accessType === "paid") {
+      return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.SubscriptionPaywall, { type: post.type, fetchPaymentLink, ...rest, children });
+    }
+    return null;
+  }
   function InternalPost({ postId, sx, readonly, ...rest }) {
     var _a2, _b2;
     const { locale } = context.useLocaleContext();
@@ -241,7 +254,7 @@
           children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Edit, {})
         }
       ),
-      editable ? /* @__PURE__ */ jsxRuntime.jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.EditorPreview, { content: post.content || "" })
+      editable ? /* @__PURE__ */ jsxRuntime.jsx(PostEdit, { post, onSave: handleSave, onUpdate: handleUpdate, onCancel: () => setEditable(false) }) : /* @__PURE__ */ jsxRuntime.jsx(PostPaywall, { post, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.EditorPreview, { content: post.content || "" }) })
     ] }) }) }) });
   }
   function Post(props) {

package/dist/post-paywall.d.ts

@@ -0,0 +1,5 @@
+import { Post } from './types';
+export declare function PostPaywall({ post, children, ...rest }: {
+    post: Post;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/types.d.ts

@@ -5,6 +5,7 @@ export interface Post {
     content: string;
     locale?: string;
     contentVersion: number;
+    accessType: 'paid' | 'private' | 'public';
     createdAt: Date;
     updatedAt: Date;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-post",
-  "version": "2.1.210",
+  "version": "2.1.212",
   "files": [
     "dist"
   ],
@@ -22,7 +22,7 @@
     "@mui/icons-material": "^5.16.7",
     "ahooks": "^3.8.1",
     "ufo": "1.3.1",
-    "@blocklet/discuss-kit-ux": "^2.1.210"
+    "@blocklet/discuss-kit-ux": "^2.1.212"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",