@blocklet/discuss-kit-ux 2.0.44 → 2.0.46

package/dist/components/posts/comment-list/context.d.ts

@@ -20,6 +20,7 @@ interface CommentsProviderProps {
     interactive?: boolean;
     containerRef: React.RefObject<HTMLDivElement>;
     renderComments?: CommentsRender;
+    renderDonation?: (post: Post) => React.ReactNode;
 }
 interface State {
     comments: Post[];
@@ -57,8 +58,9 @@ interface CommentsContextValue {
     reply: CommentAPI['reply'];
     findById: (id: string) => Post | undefined;
     renderComments?: CommentsRender;
+    renderDonation?: (post: Post) => React.ReactNode;
 }
 export declare const CommentsContext: React.Context<CommentsContextValue>;
 export declare const useCommentsContext: () => CommentsContextValue;
-export declare function CommentsProvider({ target, api, flatView, children, order, autoLoadComments, autoCollapse, allowCopyLink, showProfileCard, interactive, containerRef, renderComments, }: CommentsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentsProvider({ target, api, flatView, children, order, autoLoadComments, autoCollapse, allowCopyLink, showProfileCard, interactive, containerRef, renderComments, renderDonation, }: CommentsProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/posts/comment.d.ts

@@ -1,5 +1,5 @@
 import { PostProps } from './post';
-import { CommentAPI } from '../../types';
+import { CommentAPI, Post } from '../../types';
 
 export interface CommentProps {
     onDelete: CommentAPI['deleteComment'];
@@ -7,6 +7,7 @@ export interface CommentProps {
     onUnrate: CommentAPI['unrate'];
     onReply: CommentAPI['reply'];
     onLoadMoreReplies: (rootId: string) => void;
+    renderDonation?: (post: Post) => React.ReactNode;
     actions?: React.ReactNode;
 }
-export default function Comment({ onDelete, onRate, onUnrate, onReply, onContentUpdate, onLoadMoreReplies, actions, ...rest }: PostProps & CommentProps): import("react/jsx-runtime").JSX.Element;
+export default function Comment({ onDelete, onRate, onUnrate, onReply, onContentUpdate, onLoadMoreReplies, renderDonation, actions, ...rest }: PostProps & CommentProps): import("react/jsx-runtime").JSX.Element;

package/dist/{editor-C7bJ8adv.mjs → editor-DrfLRDGf.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DO14VdHH.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-D9B1V2OO.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-DO14VdHH.mjs → index-D9B1V2OO.mjs}

@@ -2308,6 +2308,7 @@ function Comment({
   onReply,
   onContentUpdate,
   onLoadMoreReplies,
+  renderDonation,
   actions,
   ...rest
 }) {
@@ -2343,31 +2344,34 @@ function Comment({
             onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
             onUnrate: () => onUnrate(post),
             interactive,
-            append: (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxs(
-              Box$1,
-              {
-                onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)),
-                sx: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 0.75,
-                  fontSize: 13,
-                  color: "text.secondary",
-                  lineHeight: 1,
-                  "&:hover": { cursor: "pointer" }
-                },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    Box$1,
-                    {
-                      component: tablerMessageCircle,
-                      sx: { width: "1em", height: "1em", fontSize: 18, color: "text.secondary" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Box$1, { component: "span", children: "Reply" })
-                ]
-              }
-            )
+            append: /* @__PURE__ */ jsxs(Fragment, { children: [
+              (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxs(
+                Box$1,
+                {
+                  onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)),
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 0.75,
+                    fontSize: 13,
+                    color: "text.secondary",
+                    lineHeight: 1,
+                    "&:hover": { cursor: "pointer" }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Box$1,
+                      {
+                        component: tablerMessageCircle,
+                        sx: { width: "1em", height: "1em", fontSize: 18, color: "text.secondary" }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Box$1, { component: "span", children: "Reply" })
+                  ]
+                }
+              ),
+              renderDonation && renderDonation(post)
+            ] })
           }
         ),
         actions
@@ -2514,7 +2518,8 @@ function CommentsProvider({
   showProfileCard,
   interactive,
   containerRef,
-  renderComments
+  renderComments,
+  renderDonation
 }) {
   var _a2;
   const [state, setState] = useSetState(getInitialState(order ? { order } : {}));
@@ -2715,7 +2720,8 @@ function CommentsProvider({
       reply,
       loadMoreReplies,
       findById,
-      renderComments
+      renderComments,
+      renderDonation
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [target, state]
@@ -2821,7 +2827,8 @@ function CommentList(props) {
     reply,
     loadMoreReplies,
     api,
-    renderComments
+    renderComments,
+    renderDonation
   } = useCommentsContext();
   if (highlighted) {
     return /* @__PURE__ */ jsx(SegmentalList, { ...props });
@@ -2840,6 +2847,7 @@ function CommentList(props) {
       allowCopyLink,
       showProfileCard,
       interactive,
+      renderDonation,
       ...restProps
     },
     comment.id
@@ -4722,7 +4730,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazy(() => import("./editor-C7bJ8adv.mjs"));
+const Editor = lazy(() => import("./editor-DrfLRDGf.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-DO14VdHH.mjs";
+import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-D9B1V2OO.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -2234,6 +2234,7 @@ var __publicField = (obj, key, value) => {
     onReply,
     onContentUpdate,
     onLoadMoreReplies,
+    renderDonation,
     actions,
     ...rest
   }) {
@@ -2269,31 +2270,34 @@ var __publicField = (obj, key, value) => {
               onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
               onUnrate: () => onUnrate(post),
               interactive,
-              append: (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxRuntime.jsxs(
-                Box,
-                {
-                  onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)),
-                  sx: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 0.75,
-                    fontSize: 13,
-                    color: "text.secondary",
-                    lineHeight: 1,
-                    "&:hover": { cursor: "pointer" }
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      Box,
-                      {
-                        component: tablerMessageCircle,
-                        sx: { width: "1em", height: "1em", fontSize: 18, color: "text.secondary" }
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", children: "Reply" })
-                  ]
-                }
-              )
+              append: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxRuntime.jsxs(
+                  Box,
+                  {
+                    onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)),
+                    sx: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 0.75,
+                      fontSize: 13,
+                      color: "text.secondary",
+                      lineHeight: 1,
+                      "&:hover": { cursor: "pointer" }
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        Box,
+                        {
+                          component: tablerMessageCircle,
+                          sx: { width: "1em", height: "1em", fontSize: 18, color: "text.secondary" }
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", children: "Reply" })
+                    ]
+                  }
+                ),
+                renderDonation && renderDonation(post)
+              ] })
             }
           ),
           actions
@@ -2440,7 +2444,8 @@ var __publicField = (obj, key, value) => {
     showProfileCard,
     interactive,
     containerRef,
-    renderComments
+    renderComments,
+    renderDonation
   }) {
     var _a2;
     const [state, setState] = ahooks.useSetState(getInitialState(order ? { order } : {}));
@@ -2641,7 +2646,8 @@ var __publicField = (obj, key, value) => {
         reply,
         loadMoreReplies,
         findById,
-        renderComments
+        renderComments,
+        renderDonation
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [target, state]
@@ -2747,7 +2753,8 @@ var __publicField = (obj, key, value) => {
       reply,
       loadMoreReplies,
       api,
-      renderComments
+      renderComments,
+      renderDonation
     } = useCommentsContext();
     if (highlighted) {
       return /* @__PURE__ */ jsxRuntime.jsx(SegmentalList, { ...props });
@@ -2766,6 +2773,7 @@ var __publicField = (obj, key, value) => {
         allowCopyLink,
         showProfileCard,
         interactive,
+        renderDonation,
         ...restProps
       },
       comment.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.0.44",
+  "version": "2.0.46",
   "files": [
     "dist"
   ],
@@ -31,8 +31,8 @@
     "@arcblock/bridge": "^2.10.1",
     "@arcblock/react-hooks": "^2.10.1",
     "@arcblock/ws": "^1.18.123",
-    "@blocklet/editor": "2.0.44",
-    "@blocklet/labels": "2.0.44",
+    "@blocklet/editor": "2.0.46",
+    "@blocklet/labels": "2.0.46",
     "@blocklet/uploader": "^0.1.15",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -100,5 +100,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "4d037d20b283699d419250f1336000768638ae89"
+  "gitHead": "aacdd3922f539000ddae02530aebd49641af17ef"
 }