@blocklet/discuss-kit-ux 2.1.90 → 2.1.92

package/dist/components/chat/context.d.ts

@@ -1,11 +1,13 @@
 import { User } from '../../types';
 import { default as ChatClient } from './chat-client';
-import { Chat as ChatType, ChannelUpdatePayload } from './types';
+import { Message, Chat as ChatType, ChannelUpdatePayload } from './types';
 export interface ChatProviderProps {
     children: React.ReactNode;
     client: ChatClient;
     activeChatId?: string | null;
     isInWallet: boolean;
+    renderMessage?: (message: Message) => React.ReactNode;
+    chatRoomHeaderAddons?: (chat: ChatType) => React.ReactNode;
 }
 type EditingChannel = ChannelUpdatePayload | null;
 interface ChatState {
@@ -36,7 +38,9 @@ interface ChatContextValue extends ChatState {
     getLastMessageText: (chat: ChatType) => string;
     isInWallet: boolean;
     setEditingChannel: (channel: EditingChannel) => void;
+    renderMessage?: (message: Message) => React.ReactNode;
+    chatRoomHeaderAddons?: (chat: ChatType) => React.ReactNode;
 }
 export declare const useChatContext: () => ChatContextValue;
-export declare function ChatProvider({ client, activeChatId, children, isInWallet }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatProvider({ client, activeChatId, children, isInWallet, renderMessage, chatRoomHeaderAddons, }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

package/dist/{index-D5Gxtfb_.mjs → index-DXCcMmcr.mjs}

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$1 } from "@mui/material/styles";
 import { create as create$1, styled } from "@arcblock/ux/lib/Theme";
 import { useEffect, useRef, useState, createElement, useContext, useMemo, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useImperativeHandle } from "react";
-import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$2, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, 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$2, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Stack as Stack$1, 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";
@@ -1628,7 +1628,7 @@ function Menu({ items = [], ...rest }) {
         size: "medium",
         className: "menu-icon",
         onClick: handleClick,
-        sx: { p: 1, borderRadius: 1, border: 1, borderColor: "grey.200", height: 32, width: 32 },
+        sx: { p: 1, borderRadius: 1, border: 1, borderColor: "divider", height: 32, width: 32 },
         children: /* @__PURE__ */ jsx(MoreVert, { sx: { fontSize: 18 } })
       }
     ),
@@ -3776,7 +3776,14 @@ const uniqAndSort = (list, order = "asc") => {
   const sorted = orderBy(unique, ["createdAt", "id"], [order, order]);
   return sorted;
 };
-function ChatProvider({ client: client2, activeChatId, children, isInWallet }) {
+function ChatProvider({
+  client: client2,
+  activeChatId,
+  children,
+  isInWallet,
+  renderMessage,
+  chatRoomHeaderAddons
+}) {
   const [state, setState] = useSetState({
     initialized: false,
     chats: [],
@@ -4046,7 +4053,9 @@ function ChatProvider({ client: client2, activeChatId, children, isInWallet }) {
       getLastMessageText,
       isInWallet,
       createDM,
-      setEditingChannel: (payload) => setState((prev) => ({ ...prev, editingChannel: payload }))
+      setEditingChannel: (payload) => setState((prev) => ({ ...prev, editingChannel: payload })),
+      renderMessage,
+      chatRoomHeaderAddons
     };
   }, [state, client2, currentUser == null ? void 0 : currentUser.did]);
   return /* @__PURE__ */ jsx(ChatContext.Provider, { value, children });
@@ -4201,7 +4210,7 @@ function Message({ message, prevMessage, showTime = true, ...rest }) {
   const { t } = useLocaleContext();
   const { session, isAdmin } = useSessionContext();
   const { confirm } = useConfirm();
-  const { activeChatId, deleteMessage, isInWallet } = useChatContext();
+  const { activeChatId, deleteMessage, isInWallet, renderMessage } = useChatContext();
   const handleDeleteMessage = async () => {
     var _a3;
     if (activeChatId) {
@@ -4217,7 +4226,7 @@ function Message({ message, prevMessage, showTime = true, ...rest }) {
     }
   };
   const renderPostContent = () => {
-    return /* @__PURE__ */ jsx(Box$1, { className: "author-chat-item", children: /* @__PURE__ */ jsx(PostContent, { content: message.content }) });
+    return /* @__PURE__ */ jsx(Box$1, { className: "author-chat-item", children: renderMessage ? renderMessage(message) : /* @__PURE__ */ jsx(PostContent, { content: message.content }) });
   };
   const menuItems = [];
   const isSender = message.sender.did === ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.did);
@@ -4715,7 +4724,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", 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", "data-iconify": "tabler", 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-BkVOFZrE.mjs"));
+const Editor = lazyRetry(() => import("./editor-DdY8k2T0.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5044,7 +5053,8 @@ function ChatRoom({ chat, inWallet, ...rest }) {
     joinChannel,
     leaveChannel,
     deleteChannel,
-    setEditingChannel
+    setEditingChannel,
+    chatRoomHeaderAddons
   } = useChatContext();
   const { confirm } = useConfirm();
   const isActive = isActiveChat(chat.id);
@@ -5077,9 +5087,12 @@ function ChatRoom({ chat, inWallet, ...rest }) {
     }
     if (chat.type === "dm") {
       const oppositeUser = getOppositeUser(chat);
-      return /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-        /* @__PURE__ */ jsx(Avatar, { did: oppositeUser == null ? void 0 : oppositeUser.did, src: oppositeUser == null ? void 0 : oppositeUser.avatar, size: 24, shape: "circle", variant: "rounded" }),
-        /* @__PURE__ */ jsx(RoomTitle, { title: oppositeUser.fullName })
+      return /* @__PURE__ */ jsxs(Stack$1, { direction: "row", alignItems: "center", justifyContent: "space-between", width: 1, children: [
+        /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+          /* @__PURE__ */ jsx(Avatar, { did: oppositeUser == null ? void 0 : oppositeUser.did, src: oppositeUser == null ? void 0 : oppositeUser.avatar, size: 24, shape: "circle", variant: "rounded" }),
+          /* @__PURE__ */ jsx(RoomTitle, { title: oppositeUser.fullName })
+        ] }),
+        chatRoomHeaderAddons && chatRoomHeaderAddons(chat)
       ] });
     }
     if (chat.type === "channel") {
@@ -5090,8 +5103,10 @@ function ChatRoom({ chat, inWallet, ...rest }) {
         );
       }
       if (isAdmin || isCreator) {
+        menuItems.unshift(
+          /* @__PURE__ */ jsx(Menu.Item, { onClick: () => setEditingChannel(chat), children: /* @__PURE__ */ jsx(Box$1, { component: "span", children: "Edit" }) }, "edit")
+        );
         menuItems.push(
-          /* @__PURE__ */ jsx(Menu.Item, { onClick: () => setEditingChannel(chat), children: /* @__PURE__ */ jsx(Box$1, { component: "span", children: "Edit" }) }, "edit"),
           /* @__PURE__ */ jsx(Menu.Item, { onClick: handleDeleteChannel, children: /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { color: "error.main" }, children: t("chat.deleteChannel") }) }, "delete")
         );
       }
@@ -5112,6 +5127,7 @@ function ChatRoom({ chat, inWallet, ...rest }) {
             }
           ),
           chat.hasJoined && /* @__PURE__ */ jsx(Box$1, { children: /* @__PURE__ */ jsx(Participants, { users: chat.participants, sx: { border: "none" } }) }),
+          chatRoomHeaderAddons && chatRoomHeaderAddons(chat),
           /* @__PURE__ */ jsx(Menu, { items: menuItems })
         ] })
       ] });

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-D5Gxtfb_.mjs";
+import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-DXCcMmcr.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -1552,7 +1552,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           size: "medium",
           className: "menu-icon",
           onClick: handleClick,
-          sx: { p: 1, borderRadius: 1, border: 1, borderColor: "grey.200", height: 32, width: 32 },
+          sx: { p: 1, borderRadius: 1, border: 1, borderColor: "divider", height: 32, width: 32 },
           children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.MoreVert, { sx: { fontSize: 18 } })
         }
       ),
@@ -3700,7 +3700,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const sorted = orderBy(unique, ["createdAt", "id"], [order, order]);
     return sorted;
   };
-  function ChatProvider({ client: client2, activeChatId, children, isInWallet }) {
+  function ChatProvider({
+    client: client2,
+    activeChatId,
+    children,
+    isInWallet,
+    renderMessage,
+    chatRoomHeaderAddons
+  }) {
     const [state, setState] = ahooks.useSetState({
       initialized: false,
       chats: [],
@@ -3970,7 +3977,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         getLastMessageText,
         isInWallet,
         createDM,
-        setEditingChannel: (payload) => setState((prev) => ({ ...prev, editingChannel: payload }))
+        setEditingChannel: (payload) => setState((prev) => ({ ...prev, editingChannel: payload })),
+        renderMessage,
+        chatRoomHeaderAddons
       };
     }, [state, client2, currentUser == null ? void 0 : currentUser.did]);
     return /* @__PURE__ */ jsxRuntime.jsx(ChatContext.Provider, { value, children });
@@ -4125,7 +4134,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const { t } = context.useLocaleContext();
     const { session, isAdmin } = useSessionContext();
     const { confirm } = useConfirm();
-    const { activeChatId, deleteMessage, isInWallet } = useChatContext();
+    const { activeChatId, deleteMessage, isInWallet, renderMessage } = useChatContext();
     const handleDeleteMessage = async () => {
       var _a3;
       if (activeChatId) {
@@ -4141,7 +4150,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     };
     const renderPostContent = () => {
-      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "author-chat-item", children: /* @__PURE__ */ jsxRuntime.jsx(PostContent, { content: message.content }) });
+      return /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "author-chat-item", children: renderMessage ? renderMessage(message) : /* @__PURE__ */ jsxRuntime.jsx(PostContent, { content: message.content }) });
     };
     const menuItems = [];
     const isSender = message.sender.did === ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.did);
@@ -4968,7 +4977,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       joinChannel,
       leaveChannel,
       deleteChannel,
-      setEditingChannel
+      setEditingChannel,
+      chatRoomHeaderAddons
     } = useChatContext();
     const { confirm } = useConfirm();
     const isActive = isActiveChat(chat.id);
@@ -5001,9 +5011,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       if (chat.type === "dm") {
         const oppositeUser = getOppositeUser(chat);
-        return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: oppositeUser == null ? void 0 : oppositeUser.did, src: oppositeUser == null ? void 0 : oppositeUser.avatar, size: 24, shape: "circle", variant: "rounded" }),
-          /* @__PURE__ */ jsxRuntime.jsx(RoomTitle, { title: oppositeUser.fullName })
+        return /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", width: 1, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: oppositeUser == null ? void 0 : oppositeUser.did, src: oppositeUser == null ? void 0 : oppositeUser.avatar, size: 24, shape: "circle", variant: "rounded" }),
+            /* @__PURE__ */ jsxRuntime.jsx(RoomTitle, { title: oppositeUser.fullName })
+          ] }),
+          chatRoomHeaderAddons && chatRoomHeaderAddons(chat)
         ] });
       }
       if (chat.type === "channel") {
@@ -5014,8 +5027,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           );
         }
         if (isAdmin || isCreator) {
+          menuItems.unshift(
+            /* @__PURE__ */ jsxRuntime.jsx(Menu.Item, { onClick: () => setEditingChannel(chat), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", children: "Edit" }) }, "edit")
+          );
           menuItems.push(
-            /* @__PURE__ */ jsxRuntime.jsx(Menu.Item, { onClick: () => setEditingChannel(chat), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", children: "Edit" }) }, "edit"),
             /* @__PURE__ */ jsxRuntime.jsx(Menu.Item, { onClick: handleDeleteChannel, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { color: "error.main" }, children: t("chat.deleteChannel") }) }, "delete")
           );
         }
@@ -5036,6 +5051,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               }
             ),
             chat.hasJoined && /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(Participants, { users: chat.participants, sx: { border: "none" } }) }),
+            chatRoomHeaderAddons && chatRoomHeaderAddons(chat),
             /* @__PURE__ */ jsxRuntime.jsx(Menu, { items: menuItems })
           ] })
         ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.90",
+  "version": "2.1.92",
   "files": [
     "dist"
   ],
@@ -44,8 +44,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.90",
-    "@blocklet/labels": "^2.1.90"
+    "@blocklet/editor": "^2.1.92",
+    "@blocklet/labels": "^2.1.92"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",