@blocklet/discuss-kit 1.5.131 → 1.5.133

package/lib/cjs/api.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const axios = require("axios");
-const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const axios__default = /* @__PURE__ */ _interopDefaultLegacy(axios);
-const request = axios__default.default.create({ baseURL: "/", timeout: 2e4 });
+const request = axios.create({ baseURL: "/", timeout: 2e4 });
 request.interceptors.request.use(
   (config) => {
     return config;

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

@@ -1,25 +1,15 @@
 "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 jsxRuntime = require("react/jsx-runtime");
-const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const Comments__default = /* @__PURE__ */ _interopDefaultLegacy(Comments);
 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
-        });
-      }
-    });
+    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__default.default);
+const commentsWithSession = CommentsHOC(Comments);
 module.exports = commentsWithSession;

package/lib/cjs/comments.js

@@ -1,4 +1,5 @@
 "use strict";
+const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const Theme = require("@arcblock/ux/lib/Theme");
 const joinUrl = require("url-join");
@@ -17,40 +18,24 @@ const ErrorFallback = require("./components/error-fallback");
 const locales = require("./locales");
 const getWsClient = require("./ws");
 const api = require("./api");
-const jsxRuntime = require("react/jsx-runtime");
-const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const joinUrl__default = /* @__PURE__ */ _interopDefaultLegacy(joinUrl);
-const PropTypes__default = /* @__PURE__ */ _interopDefaultLegacy(PropTypes);
-const SessionManager__default = /* @__PURE__ */ _interopDefaultLegacy(SessionManager);
-const Button__default = /* @__PURE__ */ _interopDefaultLegacy(Button);
-const Box__default = /* @__PURE__ */ _interopDefaultLegacy(Box);
-const CircularProgress__default = /* @__PURE__ */ _interopDefaultLegacy(CircularProgress);
-const ButtonGroup__default = /* @__PURE__ */ _interopDefaultLegacy(ButtonGroup);
-const ErrorFallback__default = /* @__PURE__ */ _interopDefaultLegacy(ErrorFallback);
-const getWsClient__default = /* @__PURE__ */ _interopDefaultLegacy(getWsClient);
-const api__default = /* @__PURE__ */ _interopDefaultLegacy(api);
 const useAsyncRetry = (fn, deps = []) => {
-  const state = ahooks.useRequest(fn, {
-    refreshDeps: deps
-  });
-  return {
-    ...state,
-    value: state == null ? void 0 : state.data,
-    retry: state == null ? void 0 : state.run
-  };
+  const state = ahooks.useRequest(fn, { refreshDeps: deps });
+  return { ...state, value: state == null ? void 0 : state.data, retry: state == null ? void 0 : state.run };
 };
 const getPrefix = () => {
   var _a, _b;
   const service = (_b = (_a = window.blocklet) == null ? void 0 : _a.componentMountPoints) == null ? void 0 : _b.find((x) => x.name === "did-comments");
-  return service ? joinUrl__default.default(service.mountPoint, "/") : "";
+  return service ? joinUrl(service.mountPoint, "/") : "";
 };
 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);
-  });
+  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) => {
@@ -72,58 +57,24 @@ const commentAPI = {
       size: params.limit
     };
     const {
-      data: {
-        data,
-        nextCursor,
-        total
-      }
-    } = await api__default.default.get("/comments", {
-      params: copy
-    });
-    return {
-      data: data == null ? void 0 : data.map(formatComment),
-      nextCursor,
-      total
-    };
+      data: { data, nextCursor, total }
+    } = await api.get("/comments", { params: copy });
+    return { data: data == null ? void 0 : data.map(formatComment), nextCursor, total };
   },
-  fetchCommentPosition: async ({
-    id,
-    ...params
-  }) => {
-    const {
-      data
-    } = await api__default.default.get(`/comments/${id}/position`, {
-      params
-    });
+  fetchCommentPosition: async ({ id, ...params }) => {
+    const { data } = await api.get(`/comments/${id}/position`, { params });
     return data;
   },
-  deleteComment: async ({
-    id
-  }) => {
-    const {
-      data
-    } = await api__default.default.delete(`/comments/${id}`);
+  deleteComment: async ({ id }) => {
+    const { data } = await api.delete(`/comments/${id}`);
     return data;
   },
-  updateComment: async ({
-    id,
-    updatedAt
-  }, content) => {
-    const {
-      data
-    } = await api__default.default.put(`/comments/${id}`, {
-      content,
-      updatedAt
-    });
+  updateComment: async ({ id, updatedAt }, content) => {
+    const { data } = await api.put(`/comments/${id}`, { content, updatedAt });
     return formatComment(data);
   },
-  reply: async ({
-    id,
-    rootId
-  }, content) => {
-    const {
-      data
-    } = await api__default.default.post(`/comments/${rootId || id}/replies`, {
+  reply: async ({ id, rootId }, content) => {
+    const { data } = await api.post(`/comments/${rootId || id}/replies`, {
       content,
       parentId: id,
       link: window.location.href
@@ -131,18 +82,13 @@ const commentAPI = {
     return formatComment(data);
   },
   rate: async (comment, value, ratingType) => {
-    await api__default.default.post(`/topics/${comment.topicId}/comments/${comment.id}/ratings`, {
-      ratingType,
-      value
-    });
+    await api.post(`/topics/${comment.topicId}/comments/${comment.id}/ratings`, { ratingType, value });
   },
   unrate: async (comment) => {
-    await api__default.default.delete(`/topics/${comment.topicId}/comments/${comment.id}/ratings`);
+    await api.delete(`/topics/${comment.topicId}/comments/${comment.id}/ratings`);
   },
   fetchRatings: async (id) => {
-    const {
-      data
-    } = await api__default.default.get(`/ratings/${id}`);
+    const { data } = await api.get(`/ratings/${id}`);
     return data;
   }
 };
@@ -154,26 +100,11 @@ function DiscussKitComments({
   commentInputPosition,
   showTopbar
 }) {
-  discussKitUx.useDefaultApiErrorHandler({
-    request: api__default.default
-  });
-  const {
-    session
-  } = react.useContext(Session.SessionContext) || {};
-  const {
-    state,
-    sort,
-    add,
-    updateCommentState
-  } = discussKitUx.useCommentsContext();
-  const {
-    total,
-    order,
-    initialized
-  } = state;
-  const {
-    t
-  } = context.useLocaleContext();
+  discussKitUx.useDefaultApiErrorHandler({ request: api });
+  const { session } = react.useContext(Session.SessionContext) || {};
+  const { state, sort, add, updateCommentState } = discussKitUx.useCommentsContext();
+  const { total, order, initialized } = state;
+  const { t } = context.useLocaleContext();
   const objectRatingState = useAsyncRetry(() => api.fetchRatings(object.id));
   const handlers = {
     ADD_COMMENT: (data) => {
@@ -188,9 +119,7 @@ function DiscussKitComments({
       });
     },
     RATING: () => objectRatingState.retry(),
-    RATING_COMMENT: async ({
-      commentId
-    }) => {
+    RATING_COMMENT: async ({ commentId }) => {
       const rating = await api.fetchRatings(commentId);
       updateCommentState(commentId, (current) => ({
         ...current,
@@ -198,140 +127,89 @@ function DiscussKitComments({
       }));
     }
   };
-  getWsClient.useSubscription(object.id, ({
-    event,
-    data
-  }) => {
-    var _a;
-    (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
-  }, [object.id, state]);
+  getWsClient.useSubscription(
+    object.id,
+    ({ event, data }) => {
+      var _a;
+      (_a = handlers[event]) == null ? void 0 : _a.call(handlers, data);
+    },
+    [object.id, state]
+  );
   if (!initialized) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
-      width: "100%",
-      display: "flex",
-      justifyContent: "center",
-      children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress__default.default, {})
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { width: "100%", display: "flex", justifyContent: "center", children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, {}) });
   }
   const sendComment = async (content) => {
-    const {
-      data
-    } = await api__default.default.post("/comments", {
-      content,
-      object
-    });
+    const { data } = await api.post("/comments", { content, object });
     add(formatComment(data));
   };
-  const handleOnRate = async ({
-    ratingType,
-    value
-  }) => {
+  const handleOnRate = async ({ ratingType, value }) => {
     if (!session.user) {
       session.login();
       throw new Error("Unauthenticated.");
     }
-    await api__default.default.post(`/topics/${object.id}/ratings`, {
-      ratingType,
-      value
-    });
+    await api.post(`/topics/${object.id}/ratings`, { ratingType, value });
   };
   const handleOnUnrate = async () => {
     if (!session.user) {
       session.login();
       throw new Error("Unauthenticated.");
     }
-    await api__default.default.delete(`/topics/${object.id}/ratings`);
+    await api.delete(`/topics/${object.id}/ratings`);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, {
-    className: "comment-container",
-    children: [/* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/* @__PURE__ */ jsxRuntime.jsxs(Box__default.default, {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "end",
-        children: [displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
-          children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReaction, {
-            data: objectRatingState.value,
-            onRate: handleOnRate,
-            onUnrate: handleOnUnrate
-          })
-        }), displayConnectButton && (session.user ? /* @__PURE__ */ jsxRuntime.jsx(SessionManager__default.default, {
-          style: {
-            padding: 0
-          },
-          showText: true,
-          showRole: true,
-          session
-        }) : /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, {
-          size: "medium",
-          variant: "contained",
-          color: "primary",
-          onClick: () => session.login(),
-          children: t("connect")
-        }))]
-      }), displayConnectButton && !session.user && /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: "input-no-connect",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("span", {
-          className: "connect-tip",
-          children: [t("connectDIDWallet"), " ", /* @__PURE__ */ jsxRuntime.jsx("a", {
-            className: "down-load-wallet",
-            href: "https://www.didwallet.io/",
-            target: "_blank",
-            rel: "noreferrer",
-            children: t("installDIDWallet")
-          })]
-        })
-      }), session.user && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
-        mt: 2,
-        className: "comment-editor",
-        children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, {
-          send: sendComment,
-          draftKey: `object-${object.id}`,
-          autoFocus: false
-        })
-      })]
-    }), !!total && showTopbar && /* @__PURE__ */ jsxRuntime.jsxs(Box__default.default, {
-      display: "flex",
-      justifyContent: "space-between",
-      mt: 3,
-      children: [/* @__PURE__ */ jsxRuntime.jsxs("span", {
-        children: [total > 0 ? `${total} ${t("comments")}` : t("comment"), " "]
-      }), /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup__default.default, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(Button__default.default, {
-          variant: "contained",
-          color: order !== "desc" ? "primary" : "inherit",
-          size: "small",
-          onClick: () => sort("asc"),
-          className: order !== "desc" ? "" : "unselected-button",
-          children: t("oldest")
-        }), /* @__PURE__ */ jsxRuntime.jsx(Button__default.default, {
-          variant: "contained",
-          color: order === "desc" ? "primary" : "inherit",
-          size: "small",
-          onClick: () => sort("desc"),
-          className: order === "desc" ? "" : "unselected-button",
-          children: t("newest")
-        })]
-      })]
-    }), /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, {
-      className: "comment-list"
-    }), session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box__default.default, {
-      mt: 6,
-      children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, {
-        send: sendComment,
-        draftKey: `object-${object.id}`,
-        autoFocus: false
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "comment-container", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "end", children: [
+        displayReaction && objectRatingState.value && /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.GithubReaction, { data: objectRatingState.value, onRate: handleOnRate, onUnrate: handleOnUnrate }) }),
+        displayConnectButton && (session.user ? /* @__PURE__ */ jsxRuntime.jsx(SessionManager, { style: { padding: 0 }, showText: true, showRole: true, session }) : /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "medium", variant: "contained", color: "primary", onClick: () => session.login(), children: t("connect") }))
+      ] }),
+      displayConnectButton && !session.user && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-no-connect", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "connect-tip", children: [
+        t("connectDIDWallet"),
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("a", { className: "down-load-wallet", href: "https://www.didwallet.io/", target: "_blank", rel: "noreferrer", children: t("installDIDWallet") })
+      ] }) }),
+      session.user && commentInputPosition === "top" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 2, className: "comment-editor", children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+    ] }),
+    !!total && showTopbar && /* @__PURE__ */ jsxRuntime.jsxs(Box, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        total > 0 ? `${total} ${t("comments")}` : t("comment"),
+        " "
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ButtonGroup, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "contained",
+            color: order !== "desc" ? "primary" : "inherit",
+            size: "small",
+            onClick: () => sort("asc"),
+            className: order !== "desc" ? "" : "unselected-button",
+            children: t("oldest")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "contained",
+            color: order === "desc" ? "primary" : "inherit",
+            size: "small",
+            onClick: () => sort("desc"),
+            className: order === "desc" ? "" : "unselected-button",
+            children: t("newest")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentList, { className: "comment-list" }),
+    session.user && commentInputPosition === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(Box, { mt: 6, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentInput, { send: sendComment, draftKey: `object-${object.id}`, autoFocus: false }) })
+  ] });
 }
 DiscussKitComments.propTypes = {
-  displayConnectButton: PropTypes__default.default.bool,
-  displayReaction: PropTypes__default.default.bool,
-  object: PropTypes__default.default.object.isRequired,
-  onChange: PropTypes__default.default.func,
-  commentInputPosition: PropTypes__default.default.oneOf(["top", "bottom"]),
-  showTopbar: PropTypes__default.default.bool
+  displayConnectButton: PropTypes.bool,
+  displayReaction: PropTypes.bool,
+  object: PropTypes.object.isRequired,
+  onChange: PropTypes.func,
+  commentInputPosition: PropTypes.oneOf(["top", "bottom"]),
+  showTopbar: PropTypes.bool
 };
 DiscussKitComments.defaultProps = {
   displayConnectButton: false,
@@ -354,22 +232,21 @@ function Wrapper({
   if (!(target == null ? void 0 : target.id)) {
     throw new Error("target is required.");
   }
-  const {
-    locale = "en"
-  } = context.useLocaleContext() || {};
+  const { locale = "en" } = context.useLocaleContext() || {};
   const object = react.useMemo(
     () => ({
       ...target,
       link: window.location.href,
       blockletName: getCurrentBlockletComponentName()
     }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [target]
   );
   const _prefix = prefix || getPrefix();
   if (!_prefix) {
     throw new Error("prefix is required.");
   }
-  const wsClient = getWsClient__default.default(_prefix);
+  const wsClient = getWsClient(_prefix);
   react.useEffect(() => {
     wsClient.connect();
     return () => {
@@ -378,51 +255,37 @@ function Wrapper({
       }
     };
   }, []);
-  api__default.default.defaults.baseURL = joinUrl__default.default(_prefix, "/api/");
-  return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.UploaderProvider, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, {
-      FallbackComponent: ErrorFallback__default.default,
-      children: /* @__PURE__ */ jsxRuntime.jsx(context.LocaleProvider, {
-        translations: locales.translations,
-        locale,
-        children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.InternalThemeProvider, {
-          children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DefaultEditorConfigProvider, {
-            request: api__default.default,
-            children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.CommentsProvider, {
-              target: object,
-              api: commentAPI,
-              flatView,
-              order,
-              autoCollapse,
-              allowCopyLink,
-              showProfileCard,
-              children: /* @__PURE__ */ jsxRuntime.jsx(DiscussKitComments, {
-                ...rest,
-                object
-              })
-            })
-          })
-        })
-      })
-    })
-  });
+  api.defaults.baseURL = joinUrl(_prefix, "/api/");
+  return /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.UploaderProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { FallbackComponent: ErrorFallback, children: /* @__PURE__ */ jsxRuntime.jsx(context.LocaleProvider, { translations: locales.translations, locale, children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.InternalThemeProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(discussKitUx.DefaultEditorConfigProvider, { request: api, children: /* @__PURE__ */ jsxRuntime.jsx(
+    discussKitUx.CommentsProvider,
+    {
+      target: object,
+      api: commentAPI,
+      flatView,
+      order,
+      autoCollapse,
+      allowCopyLink,
+      showProfileCard,
+      children: /* @__PURE__ */ jsxRuntime.jsx(DiscussKitComments, { ...rest, object })
+    }
+  ) }) }) }) }) });
 }
 Wrapper.propTypes = {
-  target: PropTypes__default.default.shape({
-    id: PropTypes__default.default.string.isRequired,
-    title: PropTypes__default.default.string,
-    desc: PropTypes__default.default.string,
-    owner: PropTypes__default.default.string
+  target: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    title: PropTypes.string,
+    desc: PropTypes.string,
+    owner: PropTypes.string
   }).isRequired,
-  displayConnectButton: PropTypes__default.default.bool,
-  displayReaction: PropTypes__default.default.bool,
-  onChange: PropTypes__default.default.func,
-  prefix: PropTypes__default.default.string,
-  flatView: PropTypes__default.default.bool,
-  autoCollapse: PropTypes__default.default.bool,
-  allowCopyLink: PropTypes__default.default.bool,
-  showProfileCard: PropTypes__default.default.bool,
-  order: PropTypes__default.default.oneOf(["asc", "desc"])
+  displayConnectButton: PropTypes.bool,
+  displayReaction: PropTypes.bool,
+  onChange: PropTypes.func,
+  prefix: PropTypes.string,
+  flatView: PropTypes.bool,
+  autoCollapse: PropTypes.bool,
+  allowCopyLink: PropTypes.bool,
+  showProfileCard: PropTypes.bool,
+  order: PropTypes.oneOf(["asc", "desc"])
 };
 Wrapper.defaultProps = {
   displayConnectButton: false,

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

@@ -1,26 +1,17 @@
 "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");
-const jsxRuntime = require("react/jsx-runtime");
-const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const PropTypes__default = /* @__PURE__ */ _interopDefaultLegacy(PropTypes);
-const Alert__default = /* @__PURE__ */ _interopDefaultLegacy(Alert);
-const AlertTitle__default = /* @__PURE__ */ _interopDefaultLegacy(AlertTitle);
-function ErrorFallback({
-  error
-}) {
-  const errorMessageElement = process.env.NODE_ENV === "production" ? null : /* @__PURE__ */ jsxRuntime.jsx("pre", {
-    children: error.message
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Alert__default.default, {
-    severity: "warning",
-    children: [/* @__PURE__ */ jsxRuntime.jsx(AlertTitle__default.default, {
-      children: "Oops!"
-    }), "Discuss Kit is not working properly.", errorMessageElement]
-  });
+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__default.default.instanceOf(Error).isRequired
+  error: PropTypes.instanceOf(Error).isRequired
 };
 module.exports = ErrorFallback;