@blocklet/discuss-kit-ux 2.3.29 → 2.3.31

package/dist/components/icon-button.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps, IconButtonProps } from '@mui/material';
+export declare function IconButton<C extends React.ElementType>({ sx, ...rest }: IconButtonProps<C, {
+    component?: C;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function IconButtonGroup({ children, sx, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,3 @@ export { default as Comment } from './comment';
 export { default as CommentList } from './comment-list/comment-list';
 export { default as Menu } from './menu';
 export * from './comment-list/context';
-export * from './comment-icon-button';

package/dist/components/rating/github-reaction-container.d.ts

@@ -0,0 +1,8 @@
+import { AxiosInstance } from 'axios';
+import { GithubReactionProps } from './github-reaction';
+interface Props extends Omit<GithubReactionProps, 'data' | 'onRate' | 'onUnrate'> {
+    id: string;
+    request: AxiosInstance;
+}
+export declare function GithubReactionContainer({ id, request, ...rest }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/rating/github-reaction.d.ts

@@ -1,19 +1,17 @@
-import { BoxProps } from '@mui/material';
+import { IconButtonProps } from '@mui/material';
 import { Rating as RatingType } from '../../types';
-type GithubReactionProps = {
+export type GithubReactionProps = {
     data: RatingType[];
     onRate: ({ ratingType, value }: {
         ratingType: string;
         value: string;
     }) => Promise<any>;
     onUnrate: () => Promise<any>;
-    append?: React.ReactNode;
     interactive?: boolean;
-};
+} & IconButtonProps;
 /**
  * 说明:
  * GithubReaction 与 Rating 组件不兼容, 后者是 n 选 1, GithubReaction 是 n 选 m,
  * 所以 GithubReaction 相当于重写, 与 Rating 组件和 BinaryThumb 组件没有关系
  */
-export default function GithubReaction({ data, onRate, onUnrate, append, interactive, sx, ...rest }: GithubReactionProps & BoxProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function GithubReaction({ data, onRate, onUnrate, interactive, sx, ...rest }: GithubReactionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/rating/index.d.ts

@@ -1,2 +1,3 @@
 export { default as BinaryThumb } from './binary-thumb';
 export { default as GithubReaction } from './github-reaction';
+export { GithubReactionContainer } from './github-reaction-container';

package/dist/components/utils.d.ts

@@ -14,6 +14,7 @@ export declare const blockletExists: (name: string) => boolean;
 export declare const getExcerptFromLexicalContent: (content: any, size?: number) => string;
 export declare const mergeSx: (initial: SystemStyleObject<Theme>, sx?: SxProps<Theme>) => any[];
 export declare const discussKitMountPoint: string | undefined;
+export declare const discussKitApiBaseUrl: string;
 export declare const discussKitUploadsUrl: string;
 export declare const isInDiscussKitApp: boolean | "" | undefined;
 export declare const openProfile: (did: string, newTab?: boolean) => void;

package/dist/{editor-0vgdtLUw.mjs → editor-D7LXxjZZ.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-B3SYykDM.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-DaWKO34e.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-B3SYykDM.mjs → index-DaWKO34e.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, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, IconButton as IconButton$2, Skeleton, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, 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, IconButton as IconButton$3, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, Skeleton, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, Badge as Badge$1, 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";
@@ -17,7 +17,7 @@ import { joinURL, withTrailingSlash, withQuery, parseQuery } from "ufo";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
 import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
-import { useSize, useUpdate, useInViewport, useSetState, useLocalStorageState, useRequest, useGetState, useReactive } from "ahooks";
+import { useSize, useUpdate, useInViewport, useSetState, useCreation, useRequest, useLocalStorageState, useGetState, useReactive } from "ahooks";
 import { LocaleContext, useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { Send, Save, ChatBubbleOutlineOutlined, MoreVert, NavigateNext, DeleteOutlineOutlined, ContentCopy, ArrowUpward, ArrowDownward, ArrowBackIos, Add, BorderColorOutlined } from "@mui/icons-material";
 import LoadingButton from "@mui/lab/LoadingButton";
@@ -54,11 +54,12 @@ import { lazyRetry } from "@arcblock/ux/lib/Util";
 import CheckboxPlugin from "@blocklet/editor/lib/ext/CheckboxPlugin";
 import MuiMenuItem from "@mui/material/MenuItem";
 import clsx from "clsx";
-import IconButton$1 from "@mui/material/IconButton";
+import IconButton$2 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$1 from "@arcblock/ux/lib/Dialog";
+import axios, { AxiosError } from "axios";
 import orderBy from "lodash/orderBy";
 import Typography from "@mui/material/Typography";
 import Skeleton$1 from "@mui/material/Skeleton";
@@ -77,7 +78,6 @@ import debounce from "lodash/debounce";
 import { useIsFocused } from "@blocklet/editor/lib/main/hooks/useIsFocused";
 import { BusyPlugin } from "@blocklet/editor/lib/ext/BusyPlugin";
 import { AddonButton } from "@arcblock/ux/lib/Header/addon-button";
-import { AxiosError } from "axios";
 import hotToast from "react-hot-toast";
 import MuiPagination from "@mui/material/Pagination";
 import { createContainer } from "unstated-next";
@@ -364,6 +364,7 @@ const mergeSx = (initial, sx) => {
   return mergedSx;
 };
 const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+const discussKitApiBaseUrl = joinURL(window.location.origin, discussKitMountPoint || "", "api");
 const discussKitUploadsUrl = joinURL(discussKitMountPoint || "", "/uploads");
 const isInDiscussKitApp = discussKitMountPoint && withTrailingSlash(window.blocklet.prefix) === withTrailingSlash(discussKitMountPoint);
 const openProfile = (did, newTab) => {
@@ -390,6 +391,7 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   __proto__: null,
   blockletExists,
   copy,
+  discussKitApiBaseUrl,
   discussKitMountPoint,
   discussKitUploadsUrl,
   getBlockletMountPointInfo,
@@ -1709,7 +1711,7 @@ function Menu({ items = [], ...rest }) {
   }
   return /* @__PURE__ */ jsxs(Box$1, { display: "inline-block", ...rest, onClick: handleOnClick, children: [
     /* @__PURE__ */ jsx(
-      IconButton$1,
+      IconButton$2,
       {
         size: "medium",
         className: "menu-icon",
@@ -2110,7 +2112,7 @@ function BinaryThumb({ data = [], variant = "default", size = "sm", ...rest }) {
       const icon = option.value === "-1" ? /* @__PURE__ */ jsx(iconoirThumbsUp, { style: { transform: "rotate(180deg)" } }) : /* @__PURE__ */ jsx(iconoirThumbsUp, {});
       return /* @__PURE__ */ jsxs("div", { className: "reaction-item", children: [
         /* @__PURE__ */ jsx(
-          IconButton,
+          IconButton$1,
           {
             className: "reaction-item-btn",
             icon,
@@ -2154,7 +2156,7 @@ const Root = styled(Box$1)`
     align-items: center;
   }
 `;
-function IconButton({ icon, text, onClick, selected, variant, size, onTextClick, disabled, ...rest }) {
+function IconButton$1({ icon, text, onClick, selected, variant, size, onTextClick, disabled, ...rest }) {
   const classes = clsx(rest.className, `reaction-btn-${size} reaction-btn-${variant}`, {
     "reaction-btn-selected": selected,
     "button-disabled": disabled
@@ -2232,6 +2234,41 @@ const tablerMoodPlus = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24
   /* @__PURE__ */ jsx("path", { d: "M20.985 12.528a9 9 0 1 0-8.45 8.456M16 19h6m-3-3v6M9 10h.01M15 10h.01" }),
   /* @__PURE__ */ jsx("path", { d: "M9.5 15c.658.64 1.56 1 2.5 1s1.842-.36 2.5-1" })
 ] }) });
+function IconButton({ sx, ...rest }) {
+  const mergedSx = [
+    {
+      svg: {
+        width: "1em",
+        height: "1em",
+        fontSize: 20
+      },
+      color: "text.secondary",
+      "&:hover": {
+        color: "primary.main"
+      }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  return /* @__PURE__ */ jsx(IconButton$3, { color: "primary", size: "small", sx: mergedSx, ...rest, disableFocusRipple: true });
+}
+function IconButtonGroup({ children, sx, ...rest }) {
+  const mergedSx = [
+    {
+      display: "flex",
+      alignItems: "center",
+      gap: 2,
+      "& > .MuiIconButton-root:first-child": {
+        ml: "-5px"
+      },
+      // 避免局部 theme 覆盖问题 (如 comment donation 中的 IconButton 会以 donation 局部的 theme palette 为准)
+      ".MuiIconButton-root:hover": {
+        color: "primary.main"
+      }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  return /* @__PURE__ */ jsx(Box, { ...rest, sx: mergedSx, children });
+}
 const emojiFont = {
   fontFamily: '"Twemoji Mozilla", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color"'
 };
@@ -2239,7 +2276,6 @@ function GithubReaction({
   data,
   onRate,
   onUnrate,
-  append,
   interactive = true,
   sx,
   ...rest
@@ -2294,6 +2330,7 @@ function GithubReaction({
   const selectedValuesMap = useMemo(() => {
     return selectedValues.reduce((acc, cur) => ({ ...acc, [cur]: true }), {});
   }, [selectedValues]);
+  const hasReaction = Object.keys(countPerValue).length > 0;
   const toggleRate = (value) => {
     if (!interactive) {
       return;
@@ -2320,9 +2357,10 @@ function GithubReaction({
       setOpen(!open);
     }
   };
-  const mergedSx = [{}, ...Array.isArray(sx) ? sx : [sx]];
-  return /* @__PURE__ */ jsxs(Box, { ...rest, sx: mergedSx, children: [
-    Object.keys(countPerValue).length > 0 && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", gap: 1, mb: 1 }, children: options.map((option) => {
+  const mergedSx = [{ position: "relative", ...hasReaction && { mt: 2 } }, ...Array.isArray(sx) ? sx : [sx]];
+  return /* @__PURE__ */ jsxs(IconButton, { onClick: handleOpen, sx: mergedSx, ...rest, children: [
+    /* @__PURE__ */ jsx(Box, { component: tablerMoodPlus }),
+    hasReaction && /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: -24, left: 0, display: "flex", gap: 1 }, children: options.map((option) => {
       if (!countPerValue[option.value]) {
         return null;
       }
@@ -2353,98 +2391,100 @@ function GithubReaction({
               bgcolor: (theme) => alpha(theme.palette.warning.light, 0.2)
             }
           },
-          onClick: () => toggleRate(option.value),
+          onClick: (e) => {
+            e.stopPropagation();
+            toggleRate(option.value);
+          },
           onMouseEnter: () => setRaters(getRatersNames(option.value)),
           onMouseLeave: () => setRaters(null)
         }
       ) }, option.value);
     }) }),
-    /* @__PURE__ */ jsxs(
+    open && /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: /* @__PURE__ */ jsx(
       Box,
       {
         sx: {
           display: "flex",
-          alignItems: "center",
-          gap: 3,
-          ".github-reaction-icon": {
-            width: "1em",
-            height: "1em",
-            fontSize: 20,
-            color: "text.secondary",
-            cursor: "pointer"
-          },
-          ".github-reaction-icon:hover": {
-            color: "secondary.main"
-          }
+          gap: 0.5,
+          position: "absolute",
+          left: 0,
+          bottom: 36,
+          px: 1,
+          py: 0.5,
+          border: 1,
+          borderColor: "grey.300",
+          bgcolor: "background.paper",
+          borderRadius: 1
         },
-        children: [
-          /* @__PURE__ */ jsxs(
+        children: options.map((option) => {
+          const selected = selectedValuesMap[option.value];
+          return /* @__PURE__ */ jsx(
             Box,
             {
+              onClick: () => toggleRate(option.value),
               sx: {
-                position: "relative",
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
-                gap: 0.75,
-                ml: -0.25,
-                cursor: "pointer"
+                width: 28,
+                height: 28,
+                fontSize: 14,
+                borderRadius: 1,
+                cursor: "pointer",
+                ":hover": { bgcolor: "grey.100" },
+                ...selected && {
+                  bgcolor: (theme) => alpha(theme.palette.primary.light, 0.2)
+                }
               },
-              onClick: handleOpen,
-              children: [
-                /* @__PURE__ */ jsx(Box, { className: "github-reaction-icon", component: tablerMoodPlus }),
-                open && /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => setOpen(false), children: /* @__PURE__ */ jsx(
-                  Box,
-                  {
-                    sx: {
-                      display: "flex",
-                      gap: 0.5,
-                      position: "absolute",
-                      left: 0,
-                      bottom: 36,
-                      px: 1,
-                      py: 0.5,
-                      border: 1,
-                      borderColor: "grey.300",
-                      bgcolor: "#fff",
-                      borderRadius: 1
-                    },
-                    children: options.map((option) => {
-                      const selected = selectedValuesMap[option.value];
-                      return /* @__PURE__ */ jsx(
-                        Box,
-                        {
-                          onClick: () => toggleRate(option.value),
-                          sx: {
-                            display: "flex",
-                            justifyContent: "center",
-                            alignItems: "center",
-                            width: 28,
-                            height: 28,
-                            fontSize: 14,
-                            borderRadius: 1,
-                            cursor: "pointer",
-                            ":hover": { bgcolor: "grey.100" },
-                            ...selected && {
-                              bgcolor: (theme) => alpha(theme.palette.primary.light, 0.2)
-                            }
-                          },
-                          children: /* @__PURE__ */ jsx(Box, { sx: emojiFont, children: option.label })
-                        },
-                        option.value
-                      );
-                    })
-                  }
-                ) })
-              ]
-            }
-          ),
-          append
-        ]
+              children: /* @__PURE__ */ jsx(Box, { sx: emojiFont, children: option.label })
+            },
+            option.value
+          );
+        })
       }
-    )
+    ) })
   ] });
 }
+const baseConfig = { baseURL: discussKitApiBaseUrl };
+const createApi = (request) => {
+  return {
+    fetchRatings: async (id2) => {
+      const { data } = await request.get(`/ratings/${id2}`, baseConfig);
+      return data;
+    },
+    rate: async ({ id: id2, ratingType, value }) => {
+      await request.post(`/topics/${id2}/ratings`, { ratingType, value }, baseConfig);
+    },
+    unrate: async ({ id: id2 }) => {
+      await request.delete(`/topics/${id2}/ratings`, baseConfig);
+    }
+  };
+};
+function GithubReactionContainer({ id: id2, request, ...rest }) {
+  const { session } = useSessionContext();
+  const api = useCreation(() => createApi(request || axios.create({})), [request]);
+  const { data, loading, error } = useRequest(() => api.fetchRatings(id2), {
+    refreshDeps: [id2]
+  });
+  const handleRate = async ({ ratingType, value }) => {
+    if (!session.user) {
+      session.login();
+      throw new Error("Unauthenticated.");
+    }
+    await api.rate({ id: id2, ratingType, value });
+  };
+  const handleUnrate = async () => {
+    if (!session.user) {
+      session.login();
+      throw new Error("Unauthenticated.");
+    }
+    await api.unrate({ id: id2 });
+  };
+  if (loading || error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(GithubReaction, { data, onRate: handleRate, onUnrate: handleUnrate, ...rest });
+}
 function Comment({
   onDelete,
   onRate,
@@ -2510,27 +2550,20 @@ function Comment({
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "end", gap: 1, mt: 1 }, children: [
-        /* @__PURE__ */ jsx(
-          GithubReaction,
-          {
-            data: (post == null ? void 0 : post.rating) || [],
-            onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
-            onUnrate: () => onUnrate(post),
-            interactive,
-            append: /* @__PURE__ */ jsxs(Fragment, { children: [
-              (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "feather:message-circle",
-                  className: "github-reaction-icon",
-                  onClick: () => protectLogin(session, () => setInputVisible(!inputVisible))
-                }
-              ),
-              renderDonation && renderDonation(post)
-            ] })
-          }
-        ),
+      /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "end", gap: 1 }, children: [
+        /* @__PURE__ */ jsxs(IconButtonGroup, { sx: { alignItems: "flex-end" }, children: [
+          /* @__PURE__ */ jsx(
+            GithubReaction,
+            {
+              data: (post == null ? void 0 : post.rating) || [],
+              onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
+              onUnrate: () => onUnrate(post),
+              interactive
+            }
+          ),
+          (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsx(IconButton, { onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)), children: /* @__PURE__ */ jsx(Icon, { icon: "feather:message-circle" }) }),
+          renderDonation && renderDonation(post)
+        ] }),
         renderActions == null ? void 0 : renderActions(post)
       ] }),
       inputVisible && /* @__PURE__ */ jsx(Box$1, { my: 2, children: /* @__PURE__ */ jsx(
@@ -3077,40 +3110,6 @@ function CommentList(props) {
     ) })
   ] });
 }
-function CommentIconButton({ sx, ...rest }) {
-  const mergedSx = [
-    {
-      svg: {
-        width: "1em",
-        height: "1em",
-        fontSize: 20
-      },
-      "&:hover": {
-        color: "secondary.main"
-      }
-    },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  return /* @__PURE__ */ jsx(IconButton$2, { size: "small", sx: mergedSx, ...rest, disableFocusRipple: true });
-}
-function CommentIconButtonGroup({ children, sx, ...rest }) {
-  const mergedSx = [
-    {
-      display: "flex",
-      alignItems: "center",
-      gap: 2,
-      "& > .MuiIconButton-root:first-child": {
-        ml: "-5px"
-      },
-      // 避免局部 theme 覆盖问题 (如 comment donation 中的 CommentIconButton 会以 donation 局部的 theme palette 为准)
-      ".MuiIconButton-root:hover": {
-        color: "secondary.main"
-      }
-    },
-    ...Array.isArray(sx) ? sx : [sx]
-  ];
-  return /* @__PURE__ */ jsx(Box, { ...rest, sx: mergedSx, children });
-}
 const materialSymbolsUpload = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z" }) });
 const getUploadedImageUrl = (imageUrl, width = 320) => {
   var _a2;
@@ -3326,7 +3325,7 @@ function CoverImageUpload({ url, onChange, width, ...rest }) {
             children: [
               /* @__PURE__ */ jsx(CoverImage, { url, width }),
               /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: 8, right: 8, display: "none" }, className: "cover-image-delete", children: /* @__PURE__ */ jsx(
-                IconButton$2,
+                IconButton$3,
                 {
                   color: "inherit",
                   sx: { ml: 1, bgcolor: "grey.100", borderRadius: 1, "&:hover": { bgcolor: "grey.200" } },
@@ -3827,7 +3826,7 @@ function BlogPermaLink({ slug, onChange, ...rest }) {
           }
         ),
         /* @__PURE__ */ jsx(
-          IconButton$2,
+          IconButton$3,
           {
             sx: { px: 1 },
             onClick: () => {
@@ -4951,7 +4950,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-0vgdtLUw.mjs"));
+const Editor = lazyRetry(() => import("./editor-D7LXxjZZ.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5702,7 +5701,7 @@ function Chat({ sx, ChannelEditComponent, ...rest }) {
               children: [
                 /* @__PURE__ */ jsx(UserSearch, { sx: { fontSize: 16, flex: 1 } }),
                 /* @__PURE__ */ jsx(AccessControl, { roles: ["owner", "admin"], children: /* @__PURE__ */ jsx(
-                  IconButton$1,
+                  IconButton$2,
                   {
                     onClick: () => setEditingChannel({ name: "", description: "" }),
                     sx: { p: 1, borderRadius: 1, border: 1, borderColor: "grey.200", height: 32, width: 32 },
@@ -12371,7 +12370,7 @@ function ButtonGroup({
         }
       ),
       urlName !== "type" && /* @__PURE__ */ jsx(AccessControl, { roles: ["admin", "owner"], children: /* @__PURE__ */ jsx(
-        IconButton$1,
+        IconButton$2,
         {
           component: Link,
           color: "inherit",
@@ -12564,78 +12563,79 @@ function SubscriptionPaywall({ type, fetchPaymentLink, ...rest }) {
   );
 }
 export {
-  Chat as $,
+  ChatInWallet as $,
   Avatar as A,
   Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
   useCommentsContext as E,
   CommentsProvider as F,
-  CommentIconButton as G,
-  CommentIconButtonGroup as H,
+  BinaryThumb as G,
+  GithubReaction as H,
   ImagePathFixerPlugin as I,
-  BinaryThumb as J,
-  GithubReaction as K,
-  EmptyStatus as L,
+  GithubReactionContainer as J,
+  EmptyStatus as K,
+  BlogListWrapper as L,
   Menu as M,
-  BlogListWrapper as N,
-  BlogCard as O,
+  BlogCard as N,
+  BlogPermaLink as O,
   Pagination as P,
-  BlogPermaLink as Q,
+  getBlogLink as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  getBlogLink as T,
-  CoverImage as U,
+  CoverImage as T,
+  CoverImageUpload as U,
   VideoPathFixerPlugin as V,
-  CoverImageUpload as W,
-  AccessControl as X,
-  useAuthzContext as Y,
-  AuthzProvider as Z,
-  ChatClient as _,
+  AccessControl as W,
+  useAuthzContext as X,
+  AuthzProvider as Y,
+  ChatClient as Z,
+  Chat as _,
   isEmptyContent as a,
-  ChatInWallet as a0,
-  ChatListInWallet as a1,
-  ChatHeaderAddon as a2,
-  useChatContext as a3,
-  ChatProvider as a4,
-  UnreadNotificationContext as a5,
-  useUnreadNotification as a6,
-  UnreadNotificationProvider as a7,
-  Confirm as a8,
-  ConfirmContext as a9,
-  openArcSphereDialog as aA,
-  closeArcSphereDialog as aB,
-  useArcSphereDialog as aC,
-  Paywall as aD,
-  SubscriptionPaywall as aE,
-  ProfileCard as aF,
-  ProfileCardTooltip as aG,
-  useConfirm as aa,
-  ConfirmProvider as ab,
-  SecureLabelPicker as ac,
-  useApiErrorHandler as ad,
-  useDefaultApiErrorHandler as ae,
-  DefaultApiErrorHandler as af,
-  Back as ag,
-  LazyEditor as ah,
-  EditorPreview as ai,
-  DirtyPromptContainer as aj,
-  ConfirmNavigation as ak,
-  UploaderContext as al,
-  useUploader as am,
-  UploaderTrigger as an,
-  UploaderProvider as ao,
-  getUploadedImageUrl as ap,
-  usePointUpContext as aq,
-  PointUpProvider as ar,
-  ButtonGroup as as,
-  SegmentedControl as at,
-  create as au,
-  getWsClient as av,
-  useSubscription as aw,
-  toast as ax,
-  isInArcSphere$1 as ay,
-  isInArcSphereDialog as az,
+  ChatListInWallet as a0,
+  ChatHeaderAddon as a1,
+  useChatContext as a2,
+  ChatProvider as a3,
+  UnreadNotificationContext as a4,
+  useUnreadNotification as a5,
+  UnreadNotificationProvider as a6,
+  Confirm as a7,
+  ConfirmContext as a8,
+  useConfirm as a9,
+  closeArcSphereDialog as aA,
+  useArcSphereDialog as aB,
+  Paywall as aC,
+  SubscriptionPaywall as aD,
+  ProfileCard as aE,
+  ProfileCardTooltip as aF,
+  IconButton as aG,
+  IconButtonGroup as aH,
+  ConfirmProvider as aa,
+  SecureLabelPicker as ab,
+  useApiErrorHandler as ac,
+  useDefaultApiErrorHandler as ad,
+  DefaultApiErrorHandler as ae,
+  Back as af,
+  LazyEditor as ag,
+  EditorPreview as ah,
+  DirtyPromptContainer as ai,
+  ConfirmNavigation as aj,
+  UploaderContext as ak,
+  useUploader as al,
+  UploaderTrigger as am,
+  UploaderProvider as an,
+  getUploadedImageUrl as ao,
+  usePointUpContext as ap,
+  PointUpProvider as aq,
+  ButtonGroup as ar,
+  SegmentedControl as as,
+  create as at,
+  getWsClient as au,
+  useSubscription as av,
+  toast as aw,
+  isInArcSphere$1 as ax,
+  isInArcSphereDialog as ay,
+  openArcSphereDialog as az,
   Input as b,
   useChanged as c,
   useSessionContext as d,