@blocklet/discuss-kit 2.3.105 → 2.4.0

package/lib/cjs/api.js

@@ -1,51 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsSdk = require("@blocklet/js-sdk");
-const discussKitUx = require("@blocklet/discuss-kit-ux");
-const utils = require("./lib/utils");
-const request = jsSdk.createAxios({
-  baseURL: utils.discussKitApiPrefix,
-  timeout: 2e4,
-  headers: {
-    "x-discuss-kit-client-id": discussKitUx.utils.getDiscussKitClientId()
-  }
-});
-request.interceptors.request.use(
-  (config) => {
-    return config;
-  },
-  (error) => Promise.reject(error)
-);
-const fetchRatings = async (id) => {
-  const { data } = await request.get(`/ratings/${id}`);
-  return data;
-};
-const fetchComments = async (params) => {
-  try {
-    const { data } = await request.get("/comments", { params });
-    return data;
-  } catch (e) {
-    console.error(e);
-    throw e;
-  }
-};
-const reply = async ({ parentId, content }) => {
-  const { data } = await request.post("/comments/replies", { content, parentId });
-  return data;
-};
-const fetchMoreReplies = async ({ commentId, cursor, limit = 10 }) => {
-  try {
-    const { data } = await request.get(`/comments/${commentId}/replies`, {
-      params: { cursor, limit, embed: "rating" }
-    });
-    return data;
-  } catch (e) {
-    console.error(e);
-    throw e;
-  }
-};
-exports.default = request;
-exports.fetchComments = fetchComments;
-exports.fetchMoreReplies = fetchMoreReplies;
-exports.fetchRatings = fetchRatings;
-exports.reply = reply;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("@blocklet/js-sdk"),n=require("@blocklet/discuss-kit-ux"),o=require("./lib/utils.js"),s=i.createAxios({baseURL:o.discussKitApiPrefix,timeout:2e4,headers:{"x-discuss-kit-client-id":n.utils.getDiscussKitClientId()}});s.interceptors.request.use(e=>e,e=>Promise.reject(e));const a=async e=>{const{data:t}=await s.get(`/ratings/${e}`);return t},u=async e=>{try{const{data:t}=await s.get("/comments",{params:e});return t}catch(t){throw console.error(t),t}},l=async({parentId:e,content:t})=>{const{data:c}=await s.post("/comments/replies",{content:t,parentId:e});return c},d=async({commentId:e,cursor:t,limit:c=10})=>{try{const{data:r}=await s.get(`/comments/${e}/replies`,{params:{cursor:t,limit:c,embed:"rating"}});return r}catch(r){throw console.error(r),r}};exports.default=s;exports.fetchComments=u;exports.fetchMoreReplies=d;exports.fetchRatings=a;exports.reply=l;

package/lib/cjs/comments-dialog.js

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const CloseIcon = require("@mui/icons-material/Close");
-const Comments = require("./comments");
-function CommentsDialog({ title, open, onClose, ...rest }) {
-  const fullScreen = material.useMediaQuery((theme) => theme.breakpoints.down("md"));
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { fullScreen, onClose, maxWidth: false, ...rest, open, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogTitle, { variant: "h4", sx: { position: "relative" }, children: [
-      title,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        material.IconButton,
-        {
-          onClick: onClose,
-          sx: { position: "absolute", right: 8, top: "50%", transform: "translateY(-50%)" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { sx: { width: { xs: 1, sm: 800 } }, children: /* @__PURE__ */ jsxRuntime.jsx(Comments, { ...rest }) })
-  ] });
-}
-exports.CommentsDialog = CommentsDialog;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@mui/material"),a=require("@mui/icons-material/Close"),c=require("./comments.js");function u({title:o,open:s,onClose:i,...n}){const r=t.useMediaQuery(l=>l.breakpoints.down("md"));return e.jsxs(t.Dialog,{fullScreen:r,onClose:i,maxWidth:!1,...n,open:s,children:[e.jsxs(t.DialogTitle,{variant:"h4",sx:{position:"relative"},children:[o,e.jsx(t.IconButton,{onClick:i,sx:{position:"absolute",right:8,top:"50%",transform:"translateY(-50%)"},children:e.jsx(a,{})})]}),e.jsx(t.DialogContent,{sx:{width:{xs:1,sm:800}},children:e.jsx(c,{...n})})]})}exports.CommentsDialog=u;

package/lib/cjs/comments-installer.js

@@ -1,18 +1 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const uiReact = require("@blocklet/ui-react");
-const PropTypes = require("prop-types");
-const Comments = require("./comments");
-const constants = require("./constants");
-function CommentsInstaller({ installerProps, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(uiReact.ComponentInstaller, { did: constants.DiscussKitDid, ...installerProps, children: /* @__PURE__ */ jsxRuntime.jsx(Comments, { ...rest }) });
-}
-CommentsInstaller.propTypes = {
-  ...Comments.propTypes,
-  installerProps: PropTypes.object
-};
-CommentsInstaller.defaultProps = {
-  ...Comments.defaultProps,
-  installerProps: {}
-};
-module.exports = CommentsInstaller;
+"use strict";const e=require("react/jsx-runtime"),l=require("@blocklet/ui-react/lib/ComponentInstaller"),i=require("prop-types"),n=require("./comments.js"),a=require("./constants.js");function r({installerProps:s={},...o}){const t=Object.assign({},{displayReaction:!0,onChange:()=>{},flatView:!1,autoCollapse:!1,autoLoadComments:!0,allowCopyLink:!1,disabledSend:void 0,showProfileCard:!1,order:void 0,interactive:!0,renderComments:null,renderDonation:null,renderActions:null,renderEditorPlugins:null,enableAutoTranslate:!1,renderInnerFooter:null,sendComment:null,reactionAppend:null},s);return e.jsx(l,{did:a.DiscussKitDid,...t,children:e.jsx(n,{...o})})}r.propTypes={...n.propTypes,installerProps:i.object};module.exports=r;

package/lib/cjs/comments-with-session.js

@@ -1,15 +1 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const utils = require("@arcblock/did-connect/lib/utils");
-const Comments = require("./comments");
-const session = require("./session");
-const CommentsHOC = (WrappedComponent) => {
-  const webWalletUrl = utils.getWebWalletUrl();
-  return function(props) {
-    return /* @__PURE__ */ jsxRuntime.jsx(session.SessionProvider, { serviceHost: "/", webWalletUrl, children: (session2) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...props, session: session2.session, showConnectBtn: true });
-    } });
-  };
-};
-const commentsWithSession = CommentsHOC(Comments);
-module.exports = commentsWithSession;
+"use strict";const e=require("react/jsx-runtime"),o=require("@arcblock/did-connect/lib/utils"),i=require("./comments.js"),c=require("./session.js"),u=s=>{const t=o.getWebWalletUrl();return function(n){return e.jsx(c.SessionProvider,{serviceHost:"/",webWalletUrl:t,children:r=>e.jsx(s,{...n,session:r.session,showConnectBtn:!0})})}},l=u(i);module.exports=l;

package/lib/cjs/comments.js

@@ -1,391 +1,8 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const Theme = require("@arcblock/ux/lib/Theme");
-const PropTypes = require("prop-types");
-const Session = require("@arcblock/did-connect/lib/Session");
-const material = require("@mui/material");
-const context = require("@arcblock/ux/lib/Locale/context");
-const reactErrorBoundary = require("react-error-boundary");
-const discussKitUx = require("@blocklet/discuss-kit-ux");
-const ahooks = require("ahooks");
-const ErrorFallback = require("./components/error-fallback");
-const locales = require("./locales");
-const utils = require("./lib/utils");
-const api = require("./api");
-const topicInfoSync = require("./hooks/topic-info-sync");
-const getCurrentBlockletComponentName = () => {
-  var _a, _b;
-  const ensureTrailingSlash = (str) => str.endsWith("/") ? str : `${str}/`;
-  const matched = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find(
-    (x) => {
-      var _a2;
-      return ensureTrailingSlash(x.mountPoint) === ensureTrailingSlash((_a2 = window.blocklet) == null ? void 0 : _a2.prefix);
-    }
-  );
-  return matched == null ? void 0 : matched.title;
-};
-const formatComment = (comment) => {
-  var _a;
-  return {
-    ...comment,
-    rootId: comment.rootCommentId,
-    createdAt: comment.createdAt ? new Date(comment.createdAt) : null,
-    updatedAt: comment.updatedAt ? new Date(comment.updatedAt) : null,
-    deletedAt: comment.deletedAt ? new Date(comment.deletedAt) : null,
-    pinnedAt: comment.pinnedAt ? new Date(comment.pinnedAt) : null,
-    replies: (_a = comment.replies) == null ? void 0 : _a.map(formatComment)
-  };
-};
-const commentAPI = {
-  fetchComments: async (params) => {
-    const copy = {
-      ...params,
-      embed: params.rootId ? "rating" : "replies,rating",
-      size: params.limit
-    };
-    const {
-      data: { data, nextCursor, total }
-    } = await api.get("/comments", { params: copy });
-    return { data: data == null ? void 0 : data.map(formatComment), nextCursor, total };
-  },
-  fetchPinnedComments: async (objectId) => {
-    const { data } = await api.get("/comments/pinned", { params: { objectId } });
-    return ((data == null ? void 0 : data.data) || []).map(formatComment);
-  },
-  fetchCommentPosition: async ({ id, ...params }) => {
-    const { data } = await api.get(`/comments/${id}/position`, { params });
-    return data;
-  },
-  deleteComment: async ({ id }) => {
-    const { data } = await api.delete(`/comments/${id}`);
-    return data;
-  },
-  updateComment: async ({ id, updatedAt }, content) => {
-    const { data } = await api.put(`/comments/${id}`, { content, updatedAt });
-    return formatComment(data);
-  },
-  reply: async ({ id }, content) => {
-    const { data } = await api.post("/comments/replies", {
-      content,
-      parentId: id,
-      link: window.location.href
-    });
-    return formatComment(data);
-  },
-  rate: async (comment, value, ratingType) => {
-    await api.post(`/topics/${comment.topicId}/comments/${comment.id}/ratings`, { ratingType, value });
-  },
-  unrate: async (comment) => {
-    await api.delete(`/topics/${comment.topicId}/comments/${comment.id}/ratings`);
-  },
-  fetchRatings: async (id) => {
-    const { data } = await api.get(`/ratings/${id}`);
-    return data;
-  },
-  togglePin: async ({ post, value }) => {
-    if (value) {
-      await api.put(`/posts/${post.id}/pinned`);
-    } else {
-      await api.delete(`/posts/${post.id}/pinned`);
-    }
-  }
-};
-const useDiscussKitStatus = () => {
-  const [available, setAvailable] = react.useState(true);
-  ahooks.useRequest(
-    () => api.get("/status", { muteError: true }).then(() => setAvailable(true)).catch(() => setAvailable(false)),
-    { cacheKey: "discuss-kit-status", staleTime: -1 }
-  );
-  return { available };
-};
-const DiscussKitComments = react.forwardRef(
-  ({
-    displayReaction,
-    object,
-    onChange,
-    onSendComment,
-    commentInputPosition,
-    autoFocus,
-    disabledSend,
-    initialContent,
-    sendText,
-    sendIcon,
-    showTopbar,
-    sendComment,
-    reactionAppend,
-    skeleton,
-    placeholder,
-    onInput,
-    draftKey,
-    inputSx,
-    editorRef,
-    disableCmdEnter
-  }, ref) => {
-    discussKitUx.useDefaultApiErrorHandler({
-      request: api
-    });
-    const { available } = useDiscussKitStatus();
-    const { session } = react.useContext(Session.SessionContext) || {};
-    const { state, sort, add, updateCommentState, interactive, findById, renderInnerFooter } = discussKitUx.useCommentsContext();
-    const { total, order, initialized } = state;
-    const { t } = context.useLocaleContext();
-    topicInfoSync.useTopicInfoSync(object);
-    const handlers = {
-      ADD_COMMENT: (data) => {
-        add(formatComment(data));
-        onChange == null ? void 0 : onChange();
-      },
-      UPDATE_COMMENT: (data) => {
-        const comment = findById(data.id);
-        if (comment && comment.content !== data.content) {
-          updateCommentState(data.id, (current) => {
-            current.content = data.content;
-            current.updatedAt = data.updatedAt;
-            current.synced = Date.now();
-            return current;
-          });
-        }
-      },
-      RATING_COMMENT: async ({ commentId }) => {
-        const rating = await api.fetchRatings(commentId);
-        updateCommentState(commentId, (current) => ({
-          ...current,
-          rating
-        }));
-      }
-    };
-    discussKitUx.useSubscription(
-      object.id,
-      ({ event, data }) => {
-        var _a;
-        (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
-      },
-      [object.id, state]
-    );
-    if (!available) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(material.Alert, { severity: "info", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: t("apiUnavailable.title") }),
-        t("apiUnavailable.desc")
-      ] });
-    }
-    if (!initialized) {
-      return skeleton || /* @__PURE__ */ jsxRuntime.jsx(material.Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, {}) });
-    }
-    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);
-    };
-    const renderCommentInput = () => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        discussKitUx.CommentInput,
-        {
-          editorRef,
-          placeholder,
-          send: handleSendComment,
-          draftKey: draftKey || `object-${object.id}`,
-          autoFocus,
-          disabledSend,
-          initialContent,
-          sendText,
-          sendIcon,
-          renderInnerFooter,
-          onChange: onInput,
-          disableCmdEnter
-        }
-      );
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(Container, { ref, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: displayReaction && /* @__PURE__ */ jsxRuntime.jsxs(discussKitUx.IconButtonGroup, { sx: { alignItems: "flex-end" }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReactionContainer, { id: object.id, request: api, interactive }),
-          reactionAppend
-        ] }) }),
-        session.user && interactive && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, className: "comment-editor", children: renderCommentInput() })
-      ] }),
-      !!total && showTopbar && /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { display: "flex", justifyContent: "space-between", alignItems: "center", mt: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { fontWeight: "medium" }, children: [
-          total > 0 ? `${total} ${t("comments")}` : t("comment"),
-          " "
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          discussKitUx.SegmentedControl,
-          {
-            value: order,
-            options: [
-              { value: "desc", label: t("newest") },
-              { value: "asc", label: t("oldest") }
-            ],
-            onChange: (value) => sort(value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, { className: "comment-list" }),
-      session.user && interactive && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mt: 6, ...inputSx }, children: renderCommentInput() })
-    ] });
-  }
-);
-DiscussKitComments.propTypes = {
-  displayReaction: PropTypes.bool,
-  object: PropTypes.object.isRequired,
-  onChange: PropTypes.func,
-  onSendComment: PropTypes.func,
-  disabledSend: PropTypes.bool,
-  autoFocus: PropTypes.bool,
-  initialContent: PropTypes.string,
-  sendText: PropTypes.string,
-  sendIcon: PropTypes.node,
-  commentInputPosition: PropTypes.oneOf(["top", "bottom"]),
-  showTopbar: PropTypes.bool,
-  sendComment: PropTypes.func,
-  reactionAppend: PropTypes.any,
-  skeleton: PropTypes.node,
-  placeholder: PropTypes.string,
-  onInput: PropTypes.func,
-  draftKey: PropTypes.string,
-  editorRef: PropTypes.object,
-  inputSx: PropTypes.object,
-  disableCmdEnter: PropTypes.bool
-};
-DiscussKitComments.defaultProps = {
-  displayReaction: true,
-  onChange: () => {
-  },
-  onSendComment: () => {
-  },
-  disabledSend: void 0,
-  autoFocus: false,
-  initialContent: "",
-  sendText: "",
-  sendIcon: null,
-  commentInputPosition: "top",
-  showTopbar: true,
-  sendComment: null,
-  reactionAppend: null,
-  skeleton: null,
-  placeholder: "",
-  onInput: () => {
-  },
-  draftKey: "",
-  editorRef: null,
-  inputSx: {},
-  disableCmdEnter: false
-};
-function Wrapper({
-  target,
-  flatView,
-  autoCollapse,
-  autoLoadComments,
-  order,
-  allowCopyLink,
-  showProfileCard,
-  interactive,
-  renderComments,
-  renderDonation,
-  renderActions,
-  renderEditorPlugins,
-  enableAutoTranslate,
-  renderInnerFooter,
-  ...rest
-}) {
-  if (!(target == null ? void 0 : target.id)) {
-    throw new Error("target is required.");
-  }
-  const { locale = "en" } = context.useLocaleContext() || {};
-  const containerRef = react.useRef();
-  const object = react.useMemo(
-    () => ({
-      link: window.location.href,
-      blockletName: getCurrentBlockletComponentName(),
-      ...target
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [target]
-  );
-  const wsClient = discussKitUx.getWsClient(utils.discussKitPrefix);
-  react.useEffect(() => {
-    wsClient.connect();
-    return () => {
-      if (wsClient.isConnected()) ;
-    };
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { FallbackComponent: ErrorFallback, children: /* @__PURE__ */ jsxRuntime.jsx(context.LocaleProvider, { translations: locales.translations, locale, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.UploaderProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.InternalThemeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.ConfirmProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsxRuntime.jsx(
-    discussKitUx.CommentsProvider,
-    {
-      target: object,
-      api: commentAPI,
-      flatView,
-      order,
-      autoCollapse,
-      autoLoadComments,
-      allowCopyLink,
-      showProfileCard,
-      interactive,
-      containerRef,
-      renderDonation,
-      renderActions,
-      renderEditorPlugins,
-      enableAutoTranslate,
-      renderComments,
-      renderInnerFooter,
-      children: /* @__PURE__ */ jsxRuntime.jsx(DiscussKitComments, { ...rest, object, ref: containerRef })
-    }
-  ) }) }) }) }) }) });
-}
-Wrapper.propTypes = {
-  target: PropTypes.shape({
-    id: PropTypes.string.isRequired,
-    title: PropTypes.string,
-    desc: PropTypes.string,
-    owner: PropTypes.string
-  }).isRequired,
-  displayReaction: PropTypes.bool,
-  onChange: PropTypes.func,
-  flatView: PropTypes.bool,
-  autoCollapse: PropTypes.bool,
-  autoLoadComments: PropTypes.bool,
-  allowCopyLink: PropTypes.bool,
-  disabledSend: PropTypes.bool,
-  showProfileCard: PropTypes.bool,
-  order: PropTypes.oneOf(["asc", "desc"]),
-  interactive: PropTypes.bool,
-  renderComments: PropTypes.func,
-  renderDonation: PropTypes.any,
-  renderActions: PropTypes.func,
-  renderEditorPlugins: PropTypes.func,
-  enableAutoTranslate: PropTypes.bool,
-  renderInnerFooter: PropTypes.func,
-  sendComment: PropTypes.func,
-  reactionAppend: PropTypes.any
-};
-Wrapper.defaultProps = {
-  displayReaction: true,
-  onChange: () => {
-  },
-  flatView: false,
-  autoCollapse: false,
-  autoLoadComments: true,
-  allowCopyLink: false,
-  disabledSend: void 0,
-  showProfileCard: false,
-  order: void 0,
-  interactive: true,
-  renderComments: null,
-  renderDonation: null,
-  renderActions: null,
-  renderEditorPlugins: null,
-  enableAutoTranslate: false,
-  renderInnerFooter: null,
-  sendComment: null,
-  reactionAppend: null
-};
-const Container = Theme.styled("div")`
+"use strict";const s=require("react/jsx-runtime"),x=require("react"),Q=require("@arcblock/ux/lib/Theme"),t=require("prop-types"),X=require("@arcblock/did-connect/lib/Session"),d=require("@mui/material"),E=require("@arcblock/ux/lib/Locale/context"),Y=require("react-error-boundary"),a=require("@blocklet/discuss-kit-ux"),Z=require("ahooks"),ee=require("./components/error-fallback.js"),te=require("./locales/index.js"),ne=require("./lib/utils.js"),r=require("./api.js"),oe=require("./hooks/topic-info-sync.js"),se=()=>{const e=o=>o.endsWith("/")?o:`${o}/`;return window.blocklet?.componentMountPoints?.find(o=>e(o.mountPoint)===e(window.blocklet?.prefix))?.title},u=e=>({...e,rootId:e.rootCommentId,createdAt:e.createdAt?new Date(e.createdAt):null,updatedAt:e.updatedAt?new Date(e.updatedAt):null,deletedAt:e.deletedAt?new Date(e.deletedAt):null,pinnedAt:e.pinnedAt?new Date(e.pinnedAt):null,replies:e.replies?.map(u)}),ie={fetchComments:async e=>{const n={...e,embed:e.rootId?"rating":"replies,rating",size:e.limit},{data:{data:o,nextCursor:c,total:f}}=await r.default.get("/comments",{params:n});return{data:o?.map(u),nextCursor:c,total:f}},fetchPinnedComments:async e=>{const{data:n}=await r.default.get("/comments/pinned",{params:{objectId:e}});return(n?.data||[]).map(u)},fetchCommentPosition:async({id:e,...n})=>{const{data:o}=await r.default.get(`/comments/${e}/position`,{params:n});return o},deleteComment:async({id:e})=>{const{data:n}=await r.default.delete(`/comments/${e}`);return n},updateComment:async({id:e,updatedAt:n},o)=>{const{data:c}=await r.default.put(`/comments/${e}`,{content:o,updatedAt:n});return u(c)},reply:async({id:e},n)=>{const{data:o}=await r.default.post("/comments/replies",{content:n,parentId:e,link:window.location.href});return u(o)},rate:async(e,n,o)=>{await r.default.post(`/topics/${e.topicId}/comments/${e.id}/ratings`,{ratingType:o,value:n})},unrate:async e=>{await r.default.delete(`/topics/${e.topicId}/comments/${e.id}/ratings`)},fetchRatings:async e=>{const{data:n}=await r.default.get(`/ratings/${e}`);return n},togglePin:async({post:e,value:n})=>{n?await r.default.put(`/posts/${e.id}/pinned`):await r.default.delete(`/posts/${e.id}/pinned`)}},re=()=>{const[e,n]=x.useState(!0);return Z.useRequest(()=>r.default.get("/status",{muteError:!0}).then(()=>n(!0)).catch(()=>n(!1)),{cacheKey:"discuss-kit-status",staleTime:-1}),{available:e}};function F({ref:e=void 0,displayReaction:n=!0,object:o,onChange:c=()=>{},onSendComment:f=()=>{},commentInputPosition:C="top",autoFocus:w=!1,disabledSend:j=void 0,initialContent:A="",sendText:q="",sendIcon:v=null,showTopbar:I=!0,sendComment:h=null,reactionAppend:P=null,skeleton:S=null,placeholder:T="",onInput:$=()=>{},draftKey:b="",inputSx:g={},editorRef:y=null,disableCmdEnter:O=!1}){a.useDefaultApiErrorHandler({request:r.default});const{available:U}=re(),{session:k}=x.useContext(X.SessionContext)||{},{state:B,sort:W,add:M,updateCommentState:N,interactive:R,findById:z,renderInnerFooter:G}=a.useCommentsContext(),{total:D,order:_,initialized:H}=B,{t:p}=E.useLocaleContext();oe.useTopicInfoSync(o);const V={ADD_COMMENT:i=>{M(u(i)),c?.()},UPDATE_COMMENT:i=>{const l=z(i.id);l&&l.content!==i.content&&N(i.id,m=>(m.content=i.content,m.updatedAt=i.updatedAt,m.synced=Date.now(),m))},RATING_COMMENT:async({commentId:i})=>{const l=await r.fetchRatings(i);N(i,m=>({...m,rating:l}))}};if(a.useSubscription(o.id,({event:i,data:l})=>{V[i]?.(l)},[o.id,B]),!U)return s.jsxs(d.Alert,{severity:"info",children:[s.jsx(d.AlertTitle,{children:p("apiUnavailable.title")}),p("apiUnavailable.desc")]});if(!H)return S||s.jsx(d.Box,{sx:{width:"100%",display:"flex",justifyContent:"center"},children:s.jsx(d.CircularProgress,{})});const J=async i=>{const{data:l}=await(h?h({content:i,object:o}):r.default.post("/comments",{content:i,object:o}));M(u(l)),f?.(l)},K=()=>s.jsx(a.CommentInput,{editorRef:y,placeholder:T,send:J,draftKey:b||`object-${o.id}`,autoFocus:w,disabledSend:j,initialContent:A,sendText:q,sendIcon:v,renderInnerFooter:G,onChange:$,disableCmdEnter:O});return s.jsxs(ae,{ref:e,children:[s.jsxs(s.Fragment,{children:[s.jsx(d.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"end"},children:n&&s.jsxs(a.IconButtonGroup,{sx:{alignItems:"flex-end"},children:[s.jsx(a.GithubReactionContainer,{id:o.id,request:r.default,interactive:R}),P]})}),k.user&&R&&C==="top"&&s.jsx(d.Box,{className:"comment-editor",sx:{mt:2},children:K()})]}),!!D&&I&&s.jsxs(d.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mt:3},children:[s.jsxs(d.Box,{sx:{fontWeight:"medium"},children:[D>0?`${D} ${p("comments")}`:p("comment")," "]}),s.jsx(a.SegmentedControl,{value:_,options:[{value:"desc",label:p("newest")},{value:"asc",label:p("oldest")}],onChange:i=>W(i)})]}),s.jsx(a.CommentList,{className:"comment-list"}),k.user&&R&&C==="bottom"&&s.jsx(d.Box,{sx:{mt:6,...g},children:K()})]})}F.propTypes={ref:t.any,displayReaction:t.bool,object:t.object.isRequired,onChange:t.func,onSendComment:t.func,disabledSend:t.bool,autoFocus:t.bool,initialContent:t.string,sendText:t.string,sendIcon:t.node,commentInputPosition:t.oneOf(["top","bottom"]),showTopbar:t.bool,sendComment:t.func,reactionAppend:t.any,skeleton:t.node,placeholder:t.string,onInput:t.func,draftKey:t.string,editorRef:t.object,inputSx:t.object,disableCmdEnter:t.bool};function L({target:e,flatView:n=!1,autoCollapse:o=!1,autoLoadComments:c=!0,order:f=void 0,allowCopyLink:C=!1,showProfileCard:w=!1,interactive:j=!0,renderComments:A=null,renderDonation:q=null,renderActions:v=null,renderEditorPlugins:I=null,enableAutoTranslate:h=!1,renderInnerFooter:P=null,...S}){const T=Object.assign({},{displayReaction:!0,onChange:()=>{},onSendComment:()=>{},disabledSend:void 0,sendComment:null,reactionAppend:null},S);if(!e?.id)throw new Error("target is required.");const{locale:$="en"}=E.useLocaleContext()||{},b=x.useRef(),g=x.useMemo(()=>({link:window.location.href,blockletName:se(),...e}),[e]),y=a.getWsClient(ne.discussKitPrefix);return x.useEffect(()=>(y.connect(),()=>{y.isConnected()}),[]),s.jsx(Y.ErrorBoundary,{FallbackComponent:ee,children:s.jsx(E.LocaleProvider,{translations:te.translations,locale:$,children:s.jsx(a.UploaderProvider,{children:s.jsx(a.InternalThemeProvider,{children:s.jsx(a.ConfirmProvider,{children:s.jsx(a.DefaultEditorConfigProvider,{request:r.default,children:s.jsx(a.CommentsProvider,{target:g,api:ie,flatView:n,order:f,autoCollapse:o,autoLoadComments:c,allowCopyLink:C,showProfileCard:w,interactive:j,containerRef:b,renderDonation:q,renderActions:v,renderEditorPlugins:I,enableAutoTranslate:h,renderComments:A,renderInnerFooter:P,children:s.jsx(F,{...T,object:g,ref:b})})})})})})})})}L.propTypes={target:t.shape({id:t.string.isRequired,title:t.string,desc:t.string,owner:t.string}).isRequired,displayReaction:t.bool,onChange:t.func,flatView:t.bool,autoCollapse:t.bool,autoLoadComments:t.bool,allowCopyLink:t.bool,disabledSend:t.bool,showProfileCard:t.bool,order:t.oneOf(["asc","desc"]),interactive:t.bool,renderComments:t.func,renderDonation:t.any,renderActions:t.func,renderEditorPlugins:t.func,enableAutoTranslate:t.bool,renderInnerFooter:t.func,sendComment:t.func,reactionAppend:t.any};const ae=Q.styled("div")`
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
-  padding: ${(props) => props.padding ? "20px" : "0"};
-  border: ${(props) => props.border ? "1px solid rgb(208, 215, 222)" : "none"};
+  padding: ${e=>e.padding?"20px":"0"};
+  border: ${e=>e.border?"1px solid rgb(208, 215, 222)":"none"};
   border-radius: 6px;
-`;
-module.exports = Wrapper;
+`;module.exports=L;

package/lib/cjs/components/error-fallback.js

@@ -1,17 +1 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const PropTypes = require("prop-types");
-const Alert = require("@mui/material/Alert");
-const AlertTitle = require("@mui/material/AlertTitle");
-function ErrorFallback({ error }) {
-  const errorMessageElement = process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ jsxRuntime.jsx("pre", { children: error.message });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Alert, { severity: "warning", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(AlertTitle, { children: "Oops!" }),
-    "Discuss Kit is not working properly.",
-    errorMessageElement
-  ] });
-}
-ErrorFallback.propTypes = {
-  error: PropTypes.instanceOf(Error).isRequired
-};
-module.exports = ErrorFallback;
+"use strict";const r=require("react/jsx-runtime"),i=require("prop-types"),o=require("@mui/material/Alert"),t=require("@mui/material/AlertTitle");function e({error:s}){const n=process.env.NODE_ENV==="production"?null:r.jsx("pre",{children:s.message});return r.jsxs(o,{severity:"warning",children:[r.jsx(t,{children:"Oops!"}),"Discuss Kit is not working properly.",n]})}e.propTypes={error:i.instanceOf(Error).isRequired};module.exports=e;

package/lib/cjs/components/menu.js

@@ -1,60 +1,5 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const PropTypes = require("prop-types");
-const Theme = require("@arcblock/ux/lib/Theme");
-const IconButton = require("@mui/material/IconButton");
-const iconsMaterial = require("@mui/icons-material");
-const Box = require("@mui/material/Box");
-const MuiMenu = require("@mui/material/Menu");
-const MuiMenuItem = require("@mui/material/MenuItem");
-function Menu({ items, ...rest }) {
-  const [anchorEl, setAnchorEl] = react.useState(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Root, { ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(IconButton, { size: "medium", onClick: handleClick, children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.MoreVert, { sx: { fontSize: 18 } }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      MuiMenu,
-      {
-        anchorEl,
-        anchorOrigin: {
-          vertical: "bottom",
-          horizontal: "right"
-        },
-        transformOrigin: {
-          vertical: "top",
-          horizontal: "right"
-        },
-        open,
-        onClose: handleClose,
-        children: items.map(({ onClick, text, ...itemProps }, index) => {
-          const handleClick2 = () => {
-            onClick();
-            handleClose();
-          };
-          return (
-            // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ jsxRuntime.jsx(StyledMenuItem, { onClick: handleClick2, ...itemProps, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { minWidth: 100, children: text }) }, index)
-          );
-        })
-      }
-    )
-  ] });
-}
-Menu.propTypes = {
-  items: PropTypes.array.isRequired
-};
-Menu.defaultProps = {};
-const Root = Theme.styled("div")`
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),q=require("prop-types"),i=require("@arcblock/ux/lib/Theme"),M=require("@mui/material/IconButton"),j=require("@mui/icons-material"),y=require("@mui/material/Box"),C=require("@mui/material/Menu"),g=require("@mui/material/MenuItem");function s({items:c,...l}){const[r,t]=p.useState(null),u=!!r,a=n=>{t(n.currentTarget)},o=()=>{t(null)};return e.jsxs(k,{...l,children:[e.jsx(M,{size:"medium",onClick:a,children:e.jsx(j.MoreVert,{sx:{fontSize:18}})}),e.jsx(C,{anchorEl:r,anchorOrigin:{vertical:"bottom",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},open:u,onClose:o,children:c.map(({onClick:n,text:h,...d},x)=>{const m=()=>{n(),o()};return e.jsx(z,{onClick:m,...d,children:e.jsx(y,{sx:{minWidth:100},children:h})},x)})})]})}s.propTypes={items:q.array.isRequired};const k=i.styled("div")`
   display: inline-block;
-`;
-const StyledMenuItem = Theme.styled(MuiMenuItem)`
+`,z=i.styled(g)`
   font-size: 14px;
-`;
-module.exports = Menu;
+`;module.exports=s;

package/lib/cjs/constants.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const DiscussKitDid = "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu";
-exports.DiscussKitDid = DiscussKitDid;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i="z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu";exports.DiscussKitDid=i;

package/lib/cjs/hooks/comment-listener.js

@@ -1,17 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const discussKitUx = require("@blocklet/discuss-kit-ux");
-const utils = require("../lib/utils");
-const useCommentsListener = (objectId, handleNewComment) => {
-  discussKitUx.useSubscription(
-    objectId,
-    ({ event, data }) => {
-      if (event === "ADD_COMMENT") {
-        handleNewComment(data);
-      }
-    },
-    [objectId],
-    utils.discussKitPrefix
-  );
-};
-exports.useCommentsListener = useCommentsListener;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@blocklet/discuss-kit-ux"),u=require("../lib/utils.js"),n=(e,s)=>{r.useSubscription(e,({event:i,data:t})=>{i==="ADD_COMMENT"&&s(t)},[e],u.discussKitPrefix)};exports.useCommentsListener=n;

package/lib/cjs/hooks/topic-info-sync.js

@@ -1,22 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const discussKitUx = require("@blocklet/discuss-kit-ux");
-const request = require("../api");
-const utils = require("../lib/utils");
-const useTopicInfoSync = (options) => {
-  react.useEffect(() => {
-    const sync = () => {
-      request.put(`/comments/topics/${options.id}`, {
-        title: options.title,
-        link: options.link
-      }).catch((err) => {
-        console.error(err);
-      });
-    };
-    if (!discussKitUx.utils.isInDiscussKitApp && !utils.isInIframe()) {
-      sync();
-    }
-  }, []);
-};
-exports.useTopicInfoSync = useTopicInfoSync;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@blocklet/discuss-kit-ux"),n=require("../api.js"),r=require("../lib/utils.js"),u=e=>{s.useEffect(()=>{const t=()=>{n.default.put(`/comments/topics/${e.id}`,{title:e.title,link:e.link}).catch(i=>{console.error(i)})};!c.utils.isInDiscussKitApp&&!r.isInIframe()&&t()},[])};exports.useTopicInfoSync=u;