@blocklet/discuss-kit-ux 2.1.206 → 2.1.208

package/dist/{editor-D5FK3BKr.mjs → editor-ft4Hsx-A.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 { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-B7y6yLro.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-Cm1TeDDQ.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-B7y6yLro.mjs → index-Cm1TeDDQ.mjs}

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$2 } from "@mui/material/styles";
 import { create as create$1, styled } from "@arcblock/ux/lib/Theme";
 import { useEffect, useRef, useState, createElement, useContext, useMemo, useLayoutEffect, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useImperativeHandle } from "react";
-import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, Paper, ToggleButtonGroup, ToggleButton } from "@mui/material";
+import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, Paper, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { lazyWithPreload } from "react-lazy-with-preload";
@@ -56,7 +56,7 @@ import IconButton$1 from "@mui/material/IconButton";
 import MuiMenu from "@mui/material/Menu";
 import { EditorHolderProvider } from "@blocklet/editor/lib/ext/EditorHolderPlugin";
 import red from "@mui/material/colors/red";
-import Dialog from "@arcblock/ux/lib/Dialog";
+import Dialog$1 from "@arcblock/ux/lib/Dialog";
 import orderBy from "lodash/orderBy";
 import Typography from "@mui/material/Typography";
 import Skeleton$1 from "@mui/material/Skeleton";
@@ -1896,13 +1896,114 @@ function PostComponent({
     renderExtraContent && renderExtraContent(postContext)
   ] });
 }
-const tablerBubble = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12.4 3a5.34 5.34 0 0 1 4.906 3.239a5.333 5.333 0 0 1-1.195 10.6a4.26 4.26 0 0 1-5.28 1.863L7 21v-3.134a2.668 2.668 0 0 1-1.795-3.773A4.8 4.8 0 0 1 8.113 5.16A5.33 5.33 0 0 1 12.4 3" }) });
 const tablerPinned = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 4v6l-2 4v2h10v-2l-2-4V4m-3 12v5M8 4h8" }) });
+const prefs = window.blocklet.preferences;
+const preferences = {
+  ...prefs,
+  // 对 preferences 做一些格式化处理
+  maxCommentLength: parseInt(`${prefs.maxCommentLength}`, 10),
+  maxDiscussionLength: parseInt(`${prefs.maxDiscussionLength}`, 10),
+  maxPinLimit: parseInt(`${prefs.maxPinLimit}`, 10),
+  maxFeaturedLimit: parseInt(`${prefs.maxFeaturedLimit}`, 10),
+  assignmentAuthorizedPassports: (_d = prefs.assignmentAuthorizedPassports) == null ? void 0 : _d.split(",").map((x) => x.trim())
+};
+function Confirm({
+  open,
+  title,
+  description,
+  handleOk,
+  handleCancel,
+  okText,
+  okButtonProps,
+  cancelText,
+  cancelButtonProps,
+  actions,
+  ...rest
+}) {
+  const theme = useTheme();
+  const fullScreen = useMediaQuery(theme.breakpoints.down("md"));
+  const { t } = useLocaleContext();
+  const renderDesc = () => {
+    if (isValidElement(description)) {
+      return description;
+    }
+    return /* @__PURE__ */ jsx(DialogContentText, { children: description });
+  };
+  if (!open) {
+    return null;
+  }
+  const renderActions = () => {
+    const actionsArr = [
+      /* @__PURE__ */ jsx(Button$1, { color: "inherit", variant: "text", onClick: handleCancel, ...cancelButtonProps, children: cancelText || t("cancel") || "Cancel" }, "cancel"),
+      /* @__PURE__ */ jsx(Button$1, { color: "primary", variant: "contained", onClick: handleOk, ...okButtonProps, children: okText || t("confirm") || "Yes" }, "confirm")
+    ];
+    if (actions) {
+      return actions(actionsArr, handleCancel);
+    }
+    return actionsArr;
+  };
+  return /* @__PURE__ */ jsxs(Dialog, { fullScreen, onClose: handleCancel, maxWidth: "md", ...rest, open, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", children: title }),
+    /* @__PURE__ */ jsx(DialogContent, { sx: { minWidth: { xs: "initial", md: 400 } }, children: renderDesc() }),
+    /* @__PURE__ */ jsx(DialogActions, { children: renderActions() })
+  ] });
+}
+const ConfirmContext = createContext({});
+const useConfirm = () => useContext(ConfirmContext);
+function ConfirmProvider({ children }) {
+  const [open, setOpen] = useState(false);
+  const [currentOptions, setCurrentOptions] = useState({});
+  const resolver = useRef();
+  const handleOk = () => {
+    var _a2;
+    (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, true);
+    setOpen(false);
+  };
+  const handleCancel = () => {
+    var _a2;
+    (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, false);
+    setOpen(false);
+  };
+  const confirm = (options) => {
+    setCurrentOptions(options);
+    setOpen(true);
+    return new Promise((resolve) => {
+      resolver.current = resolve;
+    });
+  };
+  const value = useMemo(
+    () => ({
+      open,
+      confirm
+    }),
+    [open]
+  );
+  return /* @__PURE__ */ jsxs(ConfirmContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        ...currentOptions.dialogProps,
+        open,
+        onClose: handleCancel,
+        title: currentOptions.title,
+        description: currentOptions.description,
+        okText: currentOptions.okText,
+        okButtonProps: currentOptions.okButtonProps,
+        cancelText: currentOptions.cancelText,
+        cancelButtonProps: currentOptions.cancelButtonProps,
+        handleOk,
+        handleCancel,
+        actions: currentOptions.actions
+      }
+    )
+  ] });
+}
 const iconoirThumbsUp = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: 1.5, children: [
   /* @__PURE__ */ jsx("path", { d: "M16.472 20H4.1a.6.6 0 0 1-.6-.6V9.6a.6.6 0 0 1 .6-.6h2.768a2 2 0 0 0 1.715-.971l2.71-4.517a1.631 1.631 0 0 1 2.961 1.308l-1.022 3.408a.6.6 0 0 0 .574.772h4.576a2 2 0 0 1 1.929 2.526l-1.91 7A2 2 0 0 1 16.473 20Z" }),
   /* @__PURE__ */ jsx("path", { strokeLinejoin: "round", d: "M7 20V9" })
 ] }) });
-const StyledDialog = styled$1(Dialog)`
+const StyledDialog = styled$1(Dialog$1)`
   .ux-dialog_header {
     padding: 0 16px;
   }
@@ -2346,108 +2447,6 @@ function GithubReaction({
     )
   ] });
 }
-const prefs = window.blocklet.preferences;
-const preferences = {
-  ...prefs,
-  // 对 preferences 做一些格式化处理
-  maxCommentLength: parseInt(`${prefs.maxCommentLength}`, 10),
-  maxDiscussionLength: parseInt(`${prefs.maxDiscussionLength}`, 10),
-  maxPinLimit: parseInt(`${prefs.maxPinLimit}`, 10),
-  maxFeaturedLimit: parseInt(`${prefs.maxFeaturedLimit}`, 10),
-  assignmentAuthorizedPassports: (_d = prefs.assignmentAuthorizedPassports) == null ? void 0 : _d.split(",").map((x) => x.trim())
-};
-function Confirm({
-  open,
-  title,
-  description,
-  handleOk,
-  handleCancel,
-  okText,
-  okButtonProps,
-  cancelText,
-  cancelButtonProps,
-  actions,
-  ...rest
-}) {
-  const theme = useTheme();
-  const fullScreen = useMediaQuery(theme.breakpoints.down("md"));
-  const { t } = useLocaleContext();
-  const renderDesc = () => {
-    if (isValidElement(description)) {
-      return description;
-    }
-    return /* @__PURE__ */ jsx(DialogContentText, { children: description });
-  };
-  if (!open) {
-    return null;
-  }
-  const renderActions = () => {
-    const actionsArr = [
-      /* @__PURE__ */ jsx(Button$1, { color: "inherit", variant: "text", onClick: handleCancel, ...cancelButtonProps, children: cancelText || t("cancel") || "Cancel" }, "cancel"),
-      /* @__PURE__ */ jsx(Button$1, { color: "primary", variant: "contained", onClick: handleOk, ...okButtonProps, children: okText || t("confirm") || "Yes" }, "confirm")
-    ];
-    if (actions) {
-      return actions(actionsArr, handleCancel);
-    }
-    return actionsArr;
-  };
-  return /* @__PURE__ */ jsxs(Dialog$1, { fullScreen, onClose: handleCancel, maxWidth: "md", ...rest, open, children: [
-    /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", children: title }),
-    /* @__PURE__ */ jsx(DialogContent, { sx: { minWidth: { xs: "initial", md: 400 } }, children: renderDesc() }),
-    /* @__PURE__ */ jsx(DialogActions, { children: renderActions() })
-  ] });
-}
-const ConfirmContext = createContext({});
-const useConfirm = () => useContext(ConfirmContext);
-function ConfirmProvider({ children }) {
-  const [open, setOpen] = useState(false);
-  const [currentOptions, setCurrentOptions] = useState({});
-  const resolver = useRef();
-  const handleOk = () => {
-    var _a2;
-    (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, true);
-    setOpen(false);
-  };
-  const handleCancel = () => {
-    var _a2;
-    (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, false);
-    setOpen(false);
-  };
-  const confirm = (options) => {
-    setCurrentOptions(options);
-    setOpen(true);
-    return new Promise((resolve) => {
-      resolver.current = resolve;
-    });
-  };
-  const value = useMemo(
-    () => ({
-      open,
-      confirm
-    }),
-    [open]
-  );
-  return /* @__PURE__ */ jsxs(ConfirmContext.Provider, { value, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        ...currentOptions.dialogProps,
-        open,
-        onClose: handleCancel,
-        title: currentOptions.title,
-        description: currentOptions.description,
-        okText: currentOptions.okText,
-        okButtonProps: currentOptions.okButtonProps,
-        cancelText: currentOptions.cancelText,
-        cancelButtonProps: currentOptions.cancelButtonProps,
-        handleOk,
-        handleCancel,
-        actions: currentOptions.actions
-      }
-    )
-  ] });
-}
 function Comment({
   onDelete,
   onRate,
@@ -2523,9 +2522,9 @@ function Comment({
             interactive,
             append: /* @__PURE__ */ jsxs(Fragment, { children: [
               (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsx(
-                Box$1,
+                Icon,
                 {
-                  component: tablerBubble,
+                  icon: "feather:message-circle",
                   className: "github-reaction-icon",
                   onClick: () => protectLogin(session, () => setInputVisible(!inputVisible))
                 }
@@ -4919,7 +4918,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", 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", 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 = lazyRetry(() => import("./editor-D5FK3BKr.mjs"));
+const Editor = lazyRetry(() => import("./editor-ft4Hsx-A.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 { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, ap, w, v, R, S, aa, ar, q, a3, a5, aj, am, al, az, as, O, an, at, aw, ax, l, ay, h, p, r, k, av, t, j, ab, aA, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-B7y6yLro.mjs";
+import { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, ap, w, v, R, S, aa, ar, q, a3, a5, aj, am, al, az, as, O, an, at, aw, ax, l, ay, h, p, r, k, av, t, j, ab, aA, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-Cm1TeDDQ.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -1820,8 +1820,109 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       renderExtraContent && renderExtraContent(postContext)
     ] });
   }
-  const tablerBubble = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12.4 3a5.34 5.34 0 0 1 4.906 3.239a5.333 5.333 0 0 1-1.195 10.6a4.26 4.26 0 0 1-5.28 1.863L7 21v-3.134a2.668 2.668 0 0 1-1.795-3.773A4.8 4.8 0 0 1 8.113 5.16A5.33 5.33 0 0 1 12.4 3" }) });
   const tablerPinned = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 4v6l-2 4v2h10v-2l-2-4V4m-3 12v5M8 4h8" }) });
+  const prefs = window.blocklet.preferences;
+  const preferences = {
+    ...prefs,
+    // 对 preferences 做一些格式化处理
+    maxCommentLength: parseInt(`${prefs.maxCommentLength}`, 10),
+    maxDiscussionLength: parseInt(`${prefs.maxDiscussionLength}`, 10),
+    maxPinLimit: parseInt(`${prefs.maxPinLimit}`, 10),
+    maxFeaturedLimit: parseInt(`${prefs.maxFeaturedLimit}`, 10),
+    assignmentAuthorizedPassports: (_d = prefs.assignmentAuthorizedPassports) == null ? void 0 : _d.split(",").map((x) => x.trim())
+  };
+  function Confirm({
+    open,
+    title,
+    description,
+    handleOk,
+    handleCancel,
+    okText,
+    okButtonProps,
+    cancelText,
+    cancelButtonProps,
+    actions,
+    ...rest
+  }) {
+    const theme = styles.useTheme();
+    const fullScreen = material.useMediaQuery(theme.breakpoints.down("md"));
+    const { t } = context.useLocaleContext();
+    const renderDesc = () => {
+      if (react.isValidElement(description)) {
+        return description;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { children: description });
+    };
+    if (!open) {
+      return null;
+    }
+    const renderActions = () => {
+      const actionsArr = [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { color: "inherit", variant: "text", onClick: handleCancel, ...cancelButtonProps, children: cancelText || t("cancel") || "Cancel" }, "cancel"),
+        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { color: "primary", variant: "contained", onClick: handleOk, ...okButtonProps, children: okText || t("confirm") || "Yes" }, "confirm")
+      ];
+      if (actions) {
+        return actions(actionsArr, handleCancel);
+      }
+      return actionsArr;
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { fullScreen, onClose: handleCancel, maxWidth: "md", ...rest, open, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { variant: "h4", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { sx: { minWidth: { xs: "initial", md: 400 } }, children: renderDesc() }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.DialogActions, { children: renderActions() })
+    ] });
+  }
+  const ConfirmContext = react.createContext({});
+  const useConfirm = () => react.useContext(ConfirmContext);
+  function ConfirmProvider({ children }) {
+    const [open, setOpen] = react.useState(false);
+    const [currentOptions, setCurrentOptions] = react.useState({});
+    const resolver = react.useRef();
+    const handleOk = () => {
+      var _a2;
+      (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, true);
+      setOpen(false);
+    };
+    const handleCancel = () => {
+      var _a2;
+      (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, false);
+      setOpen(false);
+    };
+    const confirm = (options) => {
+      setCurrentOptions(options);
+      setOpen(true);
+      return new Promise((resolve) => {
+        resolver.current = resolve;
+      });
+    };
+    const value = react.useMemo(
+      () => ({
+        open,
+        confirm
+      }),
+      [open]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(ConfirmContext.Provider, { value, children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Confirm,
+        {
+          ...currentOptions.dialogProps,
+          open,
+          onClose: handleCancel,
+          title: currentOptions.title,
+          description: currentOptions.description,
+          okText: currentOptions.okText,
+          okButtonProps: currentOptions.okButtonProps,
+          cancelText: currentOptions.cancelText,
+          cancelButtonProps: currentOptions.cancelButtonProps,
+          handleOk,
+          handleCancel,
+          actions: currentOptions.actions
+        }
+      )
+    ] });
+  }
   const iconoirThumbsUp = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeWidth: 1.5, children: [
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.472 20H4.1a.6.6 0 0 1-.6-.6V9.6a.6.6 0 0 1 .6-.6h2.768a2 2 0 0 0 1.715-.971l2.71-4.517a1.631 1.631 0 0 1 2.961 1.308l-1.022 3.408a.6.6 0 0 0 .574.772h4.576a2 2 0 0 1 1.929 2.526l-1.91 7A2 2 0 0 1 16.473 20Z" }),
     /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinejoin: "round", d: "M7 20V9" })
@@ -2270,108 +2371,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       )
     ] });
   }
-  const prefs = window.blocklet.preferences;
-  const preferences = {
-    ...prefs,
-    // 对 preferences 做一些格式化处理
-    maxCommentLength: parseInt(`${prefs.maxCommentLength}`, 10),
-    maxDiscussionLength: parseInt(`${prefs.maxDiscussionLength}`, 10),
-    maxPinLimit: parseInt(`${prefs.maxPinLimit}`, 10),
-    maxFeaturedLimit: parseInt(`${prefs.maxFeaturedLimit}`, 10),
-    assignmentAuthorizedPassports: (_d = prefs.assignmentAuthorizedPassports) == null ? void 0 : _d.split(",").map((x) => x.trim())
-  };
-  function Confirm({
-    open,
-    title,
-    description,
-    handleOk,
-    handleCancel,
-    okText,
-    okButtonProps,
-    cancelText,
-    cancelButtonProps,
-    actions,
-    ...rest
-  }) {
-    const theme = styles.useTheme();
-    const fullScreen = material.useMediaQuery(theme.breakpoints.down("md"));
-    const { t } = context.useLocaleContext();
-    const renderDesc = () => {
-      if (react.isValidElement(description)) {
-        return description;
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { children: description });
-    };
-    if (!open) {
-      return null;
-    }
-    const renderActions = () => {
-      const actionsArr = [
-        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { color: "inherit", variant: "text", onClick: handleCancel, ...cancelButtonProps, children: cancelText || t("cancel") || "Cancel" }, "cancel"),
-        /* @__PURE__ */ jsxRuntime.jsx(material.Button, { color: "primary", variant: "contained", onClick: handleOk, ...okButtonProps, children: okText || t("confirm") || "Yes" }, "confirm")
-      ];
-      if (actions) {
-        return actions(actionsArr, handleCancel);
-      }
-      return actionsArr;
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(material.Dialog, { fullScreen, onClose: handleCancel, maxWidth: "md", ...rest, open, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(material.DialogTitle, { variant: "h4", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.DialogContent, { sx: { minWidth: { xs: "initial", md: 400 } }, children: renderDesc() }),
-      /* @__PURE__ */ jsxRuntime.jsx(material.DialogActions, { children: renderActions() })
-    ] });
-  }
-  const ConfirmContext = react.createContext({});
-  const useConfirm = () => react.useContext(ConfirmContext);
-  function ConfirmProvider({ children }) {
-    const [open, setOpen] = react.useState(false);
-    const [currentOptions, setCurrentOptions] = react.useState({});
-    const resolver = react.useRef();
-    const handleOk = () => {
-      var _a2;
-      (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, true);
-      setOpen(false);
-    };
-    const handleCancel = () => {
-      var _a2;
-      (_a2 = resolver.current) == null ? void 0 : _a2.call(resolver, false);
-      setOpen(false);
-    };
-    const confirm = (options) => {
-      setCurrentOptions(options);
-      setOpen(true);
-      return new Promise((resolve) => {
-        resolver.current = resolve;
-      });
-    };
-    const value = react.useMemo(
-      () => ({
-        open,
-        confirm
-      }),
-      [open]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(ConfirmContext.Provider, { value, children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Confirm,
-        {
-          ...currentOptions.dialogProps,
-          open,
-          onClose: handleCancel,
-          title: currentOptions.title,
-          description: currentOptions.description,
-          okText: currentOptions.okText,
-          okButtonProps: currentOptions.okButtonProps,
-          cancelText: currentOptions.cancelText,
-          cancelButtonProps: currentOptions.cancelButtonProps,
-          handleOk,
-          handleCancel,
-          actions: currentOptions.actions
-        }
-      )
-    ] });
-  }
   function Comment({
     onDelete,
     onRate,
@@ -2447,9 +2446,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               interactive,
               append: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxRuntime.jsx(
-                  Box,
+                  react$1.Icon,
                   {
-                    component: tablerBubble,
+                    icon: "feather:message-circle",
                     className: "github-reaction-icon",
                     onClick: () => protectLogin(session, () => setInputVisible(!inputVisible))
                   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.206",
+  "version": "2.1.208",
   "files": [
     "dist"
   ],
@@ -18,8 +18,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.12.26",
-    "@arcblock/react-hooks": "^2.12.26",
+    "@arcblock/bridge": "^2.12.27",
+    "@arcblock/react-hooks": "^2.12.27",
     "@arcblock/ws": "^1.19.15",
     "@blocklet/uploader": "^0.1.78",
     "@emotion/css": "^11.13.0",
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.206",
-    "@blocklet/labels": "^2.1.206"
+    "@blocklet/editor": "^2.1.208",
+    "@blocklet/labels": "^2.1.208"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",