@blocklet/discuss-kit 2.1.82 → 2.1.83

package/lib/cjs/comments.js

@@ -105,7 +105,8 @@ const DiscussKitComments = react.forwardRef(
     initialContent,
     sendText,
     sendIcon,
-    showTopbar
+    showTopbar,
+    sendComment
   }, ref) => {
     discussKitUx.useDefaultApiErrorHandler({
       request: api
@@ -158,8 +159,8 @@ const DiscussKitComments = react.forwardRef(
     if (!initialized) {
       return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, {}) });
     }
-    const sendComment = async (content) => {
-      const { data } = await api.post("/comments", { content, object });
+    const handleSendComment = async (content) => {
+      const { data } = await (sendComment ? sendComment({ content, object }) : api.post("/comments", { content, object }));
       add(formatComment(data));
       onSendComment == null ? void 0 : onSendComment(data);
     };
@@ -181,7 +182,7 @@ const DiscussKitComments = react.forwardRef(
       return /* @__PURE__ */ jsxRuntime.jsx(
         discussKitUx.CommentInput,
         {
-          send: sendComment,
+          send: handleSendComment,
           draftKey: `object-${object.id}`,
           autoFocus,
           disabledSend,
@@ -247,7 +248,8 @@ DiscussKitComments.propTypes = {
   sendText: PropTypes.string,
   sendIcon: PropTypes.node,
   commentInputPosition: PropTypes.oneOf(["top", "bottom"]),
-  showTopbar: PropTypes.bool
+  showTopbar: PropTypes.bool,
+  sendComment: PropTypes.func
 };
 DiscussKitComments.defaultProps = {
   displayConnectButton: false,
@@ -262,7 +264,8 @@ DiscussKitComments.defaultProps = {
   sendText: "",
   sendIcon: null,
   commentInputPosition: "top",
-  showTopbar: true
+  showTopbar: true,
+  sendComment: null
 };
 function Wrapper({
   target,
@@ -345,7 +348,8 @@ Wrapper.propTypes = {
   renderDonation: PropTypes.any,
   renderActions: PropTypes.func,
   renderEditorPlugins: PropTypes.func,
-  renderInnerFooter: PropTypes.func
+  renderInnerFooter: PropTypes.func,
+  sendComment: PropTypes.func
 };
 Wrapper.defaultProps = {
   displayConnectButton: false,
@@ -364,7 +368,8 @@ Wrapper.defaultProps = {
   renderDonation: null,
   renderActions: null,
   renderEditorPlugins: null,
-  renderInnerFooter: null
+  renderInnerFooter: null,
+  sendComment: null
 };
 const Container = Theme.styled("div")`
   width: 100%;

package/lib/es/comments.js

@@ -104,7 +104,8 @@ const DiscussKitComments = forwardRef(
     initialContent,
     sendText,
     sendIcon,
-    showTopbar
+    showTopbar,
+    sendComment
   }, ref) => {
     useDefaultApiErrorHandler({
       request: api
@@ -157,8 +158,8 @@ const DiscussKitComments = forwardRef(
     if (!initialized) {
       return /* @__PURE__ */ jsx(Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsx(CircularProgress, {}) });
     }
-    const sendComment = async (content) => {
-      const { data } = await api.post("/comments", { content, object });
+    const handleSendComment = async (content) => {
+      const { data } = await (sendComment ? sendComment({ content, object }) : api.post("/comments", { content, object }));
       add(formatComment(data));
       onSendComment == null ? void 0 : onSendComment(data);
     };
@@ -180,7 +181,7 @@ const DiscussKitComments = forwardRef(
       return /* @__PURE__ */ jsx(
         CommentInput,
         {
-          send: sendComment,
+          send: handleSendComment,
           draftKey: `object-${object.id}`,
           autoFocus,
           disabledSend,
@@ -246,7 +247,8 @@ DiscussKitComments.propTypes = {
   sendText: PropTypes.string,
   sendIcon: PropTypes.node,
   commentInputPosition: PropTypes.oneOf(["top", "bottom"]),
-  showTopbar: PropTypes.bool
+  showTopbar: PropTypes.bool,
+  sendComment: PropTypes.func
 };
 DiscussKitComments.defaultProps = {
   displayConnectButton: false,
@@ -261,7 +263,8 @@ DiscussKitComments.defaultProps = {
   sendText: "",
   sendIcon: null,
   commentInputPosition: "top",
-  showTopbar: true
+  showTopbar: true,
+  sendComment: null
 };
 function Wrapper({
   target,
@@ -344,7 +347,8 @@ Wrapper.propTypes = {
   renderDonation: PropTypes.any,
   renderActions: PropTypes.func,
   renderEditorPlugins: PropTypes.func,
-  renderInnerFooter: PropTypes.func
+  renderInnerFooter: PropTypes.func,
+  sendComment: PropTypes.func
 };
 Wrapper.defaultProps = {
   displayConnectButton: false,
@@ -363,7 +367,8 @@ Wrapper.defaultProps = {
   renderDonation: null,
   renderActions: null,
   renderEditorPlugins: null,
-  renderInnerFooter: null
+  renderInnerFooter: null,
+  sendComment: null
 };
 const Container = styled("div")`
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit",
-  "version": "2.1.82",
+  "version": "2.1.83",
   "description": "A react component for Discuss Kit blocklet.",
   "main": "./lib/cjs/index.js",
   "module": "./lib/es/index.js",
@@ -49,8 +49,8 @@
     "rehype-sanitize": "^5.0.1",
     "timeago.js": "^4.0.2",
     "url-join": "^4.0.1",
-    "@blocklet/discuss-kit-ux": "^2.1.82",
-    "@blocklet/editor": "^2.1.82"
+    "@blocklet/discuss-kit-ux": "^2.1.83",
+    "@blocklet/editor": "^2.1.83"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",