@blocklet/discuss-kit-ux 1.6.114 → 1.6.116

package/dist/components/avatars/author-info.d.ts

@@ -2,6 +2,7 @@
 import type { User } from '../../types';
 interface Props {
     user: User;
+    newTitle?: string;
     createdAt?: Date | string | React.ReactElement;
     append?: React.ReactNode;
     size?: 'sm' | 'normal';
@@ -9,6 +10,7 @@ interface Props {
     showProfileCard?: boolean;
     showBadge?: boolean;
     showDID?: boolean;
+    profileUse?: boolean;
 }
-export default function AuthorInfo({ user, createdAt, append, size, responsive, showProfileCard, showBadge, showDID, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AuthorInfo({ user, createdAt, append, size, responsive, showProfileCard, showBadge, showDID, newTitle, profileUse, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,3 +2,4 @@ export { default as Avatar } from './avatar';
 export { default as Avatars } from './avatars';
 export { default as AuthorInfo } from './author-info';
 export { default as SystemUser } from './system-user';
+export { default as Badge } from './badge';

package/dist/{editor-QNrA3UUD.mjs → editor-xAUilO57.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 { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-9vwtO_IV.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-vKEw0S5J.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
@@ -28,6 +28,7 @@ import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/useMediaQuery";
 import "@arcblock/ux/lib/DID";
 import "@mui/material/Tooltip";
+import "react-router-dom";
 import "@arcblock/ux/lib/RelativeTime";
 import "@mui/material/Chip";
 import "@mui/material/Stack";
@@ -38,7 +39,6 @@ import "lodash/trim";
 import "@mui/material/Avatar";
 import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
-import "react-router-dom";
 import "@mui/material/colors";
 import "@arcblock/did-connect/lib/Session";
 import "@arcblock/did-connect/lib/Address";

package/dist/{index-9vwtO_IV.mjs → index-vKEw0S5J.mjs}

@@ -30,6 +30,7 @@ import DidAvatar from "@arcblock/did-connect/lib/Avatar";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
 import DID from "@arcblock/ux/lib/DID";
 import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
+import { useNavigate, Link, useLocation, useSearchParams, unstable_useBlocker } from "react-router-dom";
 import UxRelativeTime from "@arcblock/ux/lib/RelativeTime";
 import Chip from "@mui/material/Chip";
 import Stack from "@mui/material/Stack";
@@ -40,7 +41,6 @@ import trim from "lodash/trim";
 import Avatar$1 from "@mui/material/Avatar";
 import BrokenImageIcon from "@mui/icons-material/BrokenImage";
 import { Icon } from "@iconify/react";
-import { Link, useNavigate, useLocation, useSearchParams, unstable_useBlocker } from "react-router-dom";
 import { green } from "@mui/material/colors";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
 import { useTheme as useTheme$1, useMediaQuery, Box as Box$1, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, Badge as Badge$1 } from "@mui/material";
@@ -691,7 +691,10 @@ const iconStyle = {
 const animationHeight = 8;
 const getExtraAnimation = (value) => "";
 const formatKey = (key) => {
-  return trim(key == null ? void 0 : key.toLowerCase());
+  if (typeof key === "string") {
+    return trim(key.toLowerCase());
+  }
+  return "";
 };
 const badgeList = flatMap(
   (((_b = (_a = window == null ? void 0 : window.blocklet) == null ? void 0 : _a.preferences) == null ? void 0 : _b.badgeList) || []).filter((item) => [true, "true"].includes(item.enabled)).map((item) => {
@@ -895,6 +898,7 @@ const useResponsiveValue = (values2) => {
 function ProfileCard({ user, ...rest }) {
   var _a2, _b2;
   const { session } = useSessionContext();
+  const navigate = useNavigate();
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -911,51 +915,60 @@ function ProfileCard({ user, ...rest }) {
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-          /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
-          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-            /* @__PURE__ */ jsxs(
-              Box,
-              {
-                component: "span",
-                sx: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  lineHeight: 1.3
-                },
-                children: [
-                  /* @__PURE__ */ jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
-                  user.role && /* @__PURE__ */ jsx(
-                    Box,
-                    {
-                      sx: {
-                        px: 1.25,
-                        border: 1,
-                        borderColor: green[600],
-                        color: green[600],
-                        fontSize: 12,
-                        fontWeight: "bold",
-                        lineHeight: 1.5,
-                        borderRadius: "100vh",
-                        textTransform: "capitalize"
-                      },
-                      children: user.role
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              DID,
-              {
-                style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
-                size: 14,
-                did: user.did
-              }
-            )
-          ] })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: { display: "flex", alignItems: "center", gap: 2, cursor: "pointer" },
+            onClick: () => {
+              navigate(`/profile/${user == null ? void 0 : user.did}`);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
+              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
+                /* @__PURE__ */ jsxs(
+                  Box,
+                  {
+                    component: "span",
+                    sx: {
+                      display: "flex",
+                      justifyContent: "space-between",
+                      alignItems: "center",
+                      lineHeight: 1.3
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
+                      user.role && /* @__PURE__ */ jsx(
+                        Box,
+                        {
+                          sx: {
+                            px: 1.25,
+                            border: 1,
+                            borderColor: green[600],
+                            color: green[600],
+                            fontSize: 12,
+                            fontWeight: "bold",
+                            lineHeight: 1.5,
+                            borderRadius: "100vh",
+                            textTransform: "capitalize"
+                          },
+                          children: user.role
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  DID,
+                  {
+                    style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
+                    size: 14,
+                    did: user.did
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
         ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.did) && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) !== user.did && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Box, { sx: { my: 2, borderTop: "1px solid #eee" } }),
           /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
@@ -990,13 +1003,16 @@ function AuthorInfo({
   showProfileCard,
   showBadge = true,
   showDID = true,
+  newTitle = void 0,
+  profileUse = false,
   ...rest
 }) {
   const theme = useTheme();
   const downMd = useMediaQuery$1(theme.breakpoints.down("md"));
+  const navigate = useNavigate();
   const sm = size === "sm";
   let fontSize = sm ? 12 : 14;
-  let avatarSize = sm ? 32 : 40;
+  let avatarSize = profileUse ? 24 : sm ? 32 : 40;
   if (responsive && downMd) {
     fontSize = 12;
     avatarSize = 24;
@@ -1013,19 +1029,28 @@ function AuthorInfo({
   };
   const renderAvatar = () => {
     if (showProfileCard) {
-      return /* @__PURE__ */ jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsx(
-        Avatar,
+      return /* @__PURE__ */ jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsx(
+        Box,
         {
-          did: user == null ? void 0 : user.did,
-          src: user == null ? void 0 : user.avatar,
-          size: avatarSize,
-          shape: "circle",
-          variant: "circle",
-          sx: {
-            width: avatarSize
-          }
+          sx: { display: "flex", cursor: "pointer" },
+          onClick: () => {
+            navigate(`/profile/${user == null ? void 0 : user.did}`);
+          },
+          children: /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              did: user == null ? void 0 : user.did,
+              src: user == null ? void 0 : user.avatar,
+              size: avatarSize,
+              shape: "circle",
+              variant: "circle",
+              sx: {
+                width: avatarSize
+              }
+            }
+          )
         }
-      ) }) });
+      ) });
     }
     return /* @__PURE__ */ jsx(
       Avatar,
@@ -1059,7 +1084,7 @@ function AuthorInfo({
           sx: { display: "flex", alignItems: "center", minHeight: 20, flexWrap: "wrap", lineHeight: 1.5 },
           lineHeight: 1,
           children: [
-            /* @__PURE__ */ jsx("span", { className: "user-fullname", children: user == null ? void 0 : user.fullName }),
+            /* @__PURE__ */ jsx("span", { className: "user-fullname", children: newTitle || (user == null ? void 0 : user.fullName) }),
             createdAt && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(Box, { component: "span", display: "inline-block", mx: 0.5, children: "·" }),
               renderTime()
@@ -1943,6 +1968,8 @@ function Comment({
     return items;
   };
   const render = ({ post, interactive }) => {
+    var _a2, _b2;
+    ((_a2 = post == null ? void 0 : post.author) == null ? void 0 : _a2.did) === ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", mt: 1, children: /* @__PURE__ */ jsx(
         GithubReaction,
@@ -1950,14 +1977,14 @@ function Comment({
           data: (post == null ? void 0 : post.rating) || [],
           onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
           onUnrate: () => onUnrate(post),
-          append: (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsx(
+          append: /* @__PURE__ */ jsx(Fragment, { children: (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsx(
             Box,
             {
               onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)),
               sx: { display: "flex", lineHeight: 1, "&:hover": { cursor: "pointer" } },
               children: /* @__PURE__ */ jsx(ChatBubbleOutlineOutlined, { sx: { fontSize: 18, color: "grey.600" } })
             }
-          ),
+          ) }),
           interactive
         }
       ) }),
@@ -4494,7 +4521,7 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
     }
   );
 }
-const Editor = lazy(() => import("./editor-QNrA3UUD.mjs"));
+const Editor = lazy(() => import("./editor-xAUilO57.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -10348,56 +10375,57 @@ function PointUpProvider({ children }) {
   ] });
 }
 export {
-  ConfirmContext as $,
+  Confirm as $,
   Avatar as A,
-  BinaryThumb as B,
+  Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
-  BlogPermaLink as E,
-  getBlogLink as F,
+  BlogCard as E,
+  BlogPermaLink as F,
   GithubReaction as G,
-  CoverImage as H,
+  getBlogLink as H,
   ImagePathFixerPlugin as I,
-  CoverImageUpload as J,
-  AccessControl as K,
-  useAuthzContext as L,
+  CoverImage as J,
+  CoverImageUpload as K,
+  AccessControl as L,
   Menu as M,
-  AuthzProvider as N,
-  ChatClient as O,
+  useAuthzContext as N,
+  AuthzProvider as O,
   Pagination as P,
-  Chat as Q,
+  ChatClient as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  ChatHeaderAddon as T,
-  useChatContext as U,
+  Chat as T,
+  ChatHeaderAddon as U,
   VideoPathFixerPlugin as V,
-  ChatProvider as W,
-  UnreadNotificationContext as X,
-  useUnreadNotification as Y,
-  UnreadNotificationProvider as Z,
-  Confirm as _,
+  useChatContext as W,
+  ChatProvider as X,
+  UnreadNotificationContext as Y,
+  useUnreadNotification as Z,
+  UnreadNotificationProvider as _,
   isEmptyContent as a,
-  useConfirm as a0,
-  ConfirmProvider as a1,
-  SecureLabelPicker as a2,
-  useApiErrorHandler as a3,
-  useDefaultApiErrorHandler as a4,
-  PreviousLocationRecorder as a5,
-  Back as a6,
-  LazyEditor as a7,
-  EditorPreview as a8,
-  DirtyPromptContainer as a9,
-  ConfirmNavigation as aa,
-  UploaderContext as ab,
-  useUploader as ac,
-  UploaderTrigger as ad,
-  UploaderProvider as ae,
-  composeImageUrl as af,
-  usePointUpContext as ag,
-  PointUpProvider as ah,
-  create as ai,
-  getWsClient as aj,
-  useSubscription as ak,
+  ConfirmContext as a0,
+  useConfirm as a1,
+  ConfirmProvider as a2,
+  SecureLabelPicker as a3,
+  useApiErrorHandler as a4,
+  useDefaultApiErrorHandler as a5,
+  PreviousLocationRecorder as a6,
+  Back as a7,
+  LazyEditor as a8,
+  EditorPreview as a9,
+  DirtyPromptContainer as aa,
+  ConfirmNavigation as ab,
+  UploaderContext as ac,
+  useUploader as ad,
+  UploaderTrigger as ae,
+  UploaderProvider as af,
+  composeImageUrl as ag,
+  usePointUpContext as ah,
+  PointUpProvider as ai,
+  create as aj,
+  getWsClient as ak,
+  useSubscription as al,
   InternalThemeProvider as b,
   Input as c,
   translations as d,
@@ -10421,6 +10449,6 @@ export {
   CommentsContext as v,
   useCommentsContext as w,
   CommentsProvider as x,
-  BlogListWrapper as y,
-  BlogCard as z
+  BinaryThumb as y,
+  BlogListWrapper as z
 };

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { K, j, N, A, h, a6, B, z, y, E, Q, O, T, W, o, C, q, v, x, _, $, aa, a1, H, J, D, a9, a8, G, c, b, a7, M, P, ah, n, m, a5, R, S, a2, k, X, Z, ab, ae, ad, af, ai, F, aj, l, p, r, t, d, a3, L, e, U, w, a0, a4, u, ag, ak, Y, ac, f } from "./index-9vwtO_IV.mjs";
+import { L, j, O, A, h, a7, B, y, E, z, F, T, Q, U, X, o, C, q, v, x, $, a0, ab, a2, J, K, D, aa, a9, G, c, b, a8, M, P, ai, n, m, a6, R, S, a3, k, Y, _, ac, af, ae, ag, aj, H, ak, l, p, r, t, d, a4, N, e, W, w, a1, a5, u, ah, al, Z, ad, f } from "./index-vKEw0S5J.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -26,6 +26,7 @@ import "@arcblock/did-connect/lib/Avatar";
 import "@mui/material/useMediaQuery";
 import "@arcblock/ux/lib/DID";
 import "@mui/material/Tooltip";
+import "react-router-dom";
 import "@arcblock/ux/lib/RelativeTime";
 import "@mui/material/Chip";
 import "@mui/material/Stack";
@@ -36,7 +37,6 @@ import "lodash/trim";
 import "@mui/material/Avatar";
 import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
-import "react-router-dom";
 import "@mui/material/colors";
 import "@arcblock/did-connect/lib/Address";
 import "@blocklet/editor/lib/ext/CheckboxPlugin";
@@ -64,73 +64,74 @@ import "unstated-next";
 import "js-cookie";
 import "@arcblock/ws";
 export {
-  K as AccessControl,
+  L as AccessControl,
   j as AuthorInfo,
-  N as AuthzProvider,
+  O as AuthzProvider,
   A as Avatar,
   h as Avatars,
-  a6 as Back,
-  B as BinaryThumb,
-  z as BlogCard,
-  y as BlogList,
-  E as BlogPermaLink,
-  Q as Chat,
-  O as ChatClient,
-  T as ChatHeaderAddon,
-  W as ChatProvider,
+  a7 as Back,
+  B as Badge,
+  y as BinaryThumb,
+  E as BlogCard,
+  z as BlogList,
+  F as BlogPermaLink,
+  T as Chat,
+  Q as ChatClient,
+  U as ChatHeaderAddon,
+  X as ChatProvider,
   o as Comment,
   C as CommentInput,
   q as CommentList,
   v as CommentsContext,
   x as CommentsProvider,
-  _ as Confirm,
-  $ as ConfirmContext,
-  aa as ConfirmNavigation,
-  a1 as ConfirmProvider,
-  H as CoverImage,
-  J as CoverImageUpload,
+  $ as Confirm,
+  a0 as ConfirmContext,
+  ab as ConfirmNavigation,
+  a2 as ConfirmProvider,
+  J as CoverImage,
+  K as CoverImageUpload,
   D as DefaultEditorConfigProvider,
-  a9 as DirtyPromptContainer,
-  a8 as EditorPreview,
+  aa as DirtyPromptContainer,
+  a9 as EditorPreview,
   G as GithubReaction,
   c as Input,
   b as InternalThemeProvider,
-  a7 as LazyEditor,
+  a8 as LazyEditor,
   M as Menu,
   P as Pagination,
-  ah as PointUpProvider,
+  ai as PointUpProvider,
   n as Post,
   m as PostContent,
-  a5 as PreviousLocationRecorder,
+  a6 as PreviousLocationRecorder,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
-  a2 as SecureLabelPicker,
+  a3 as SecureLabelPicker,
   k as SystemUser,
-  X as UnreadNotificationContext,
-  Z as UnreadNotificationProvider,
-  ab as UploaderContext,
-  ae as UploaderProvider,
-  ad as UploaderTrigger,
-  af as composeImageUrl,
-  ai as create,
-  F as getBlogLink,
-  aj as getWsClient,
+  Y as UnreadNotificationContext,
+  _ as UnreadNotificationProvider,
+  ac as UploaderContext,
+  af as UploaderProvider,
+  ae as UploaderTrigger,
+  ag as composeImageUrl,
+  aj as create,
+  H as getBlogLink,
+  ak as getWsClient,
   l as lexicalUtils,
   p as preferences,
   r as routes,
   t as themeOverrides,
   d as translations,
-  a3 as useApiErrorHandler,
-  L as useAuthzContext,
+  a4 as useApiErrorHandler,
+  N as useAuthzContext,
   e as useChanged,
-  U as useChatContext,
+  W as useChatContext,
   w as useCommentsContext,
-  a0 as useConfirm,
-  a4 as useDefaultApiErrorHandler,
+  a1 as useConfirm,
+  a5 as useDefaultApiErrorHandler,
   u as useNow,
-  ag as usePointUpContext,
-  ak as useSubscription,
-  Y as useUnreadNotification,
-  ac as useUploader,
+  ah as usePointUpContext,
+  al as useSubscription,
+  Z as useUnreadNotification,
+  ad as useUploader,
   f as utils
 };

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("react"), require("@mui/material/Box"), require("@arcblock/ux/lib/Theme"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("react-router-dom"), require("@mui/material/colors"), require("@arcblock/did-connect/lib/Session"), require("@mui/material"), require("@arcblock/did-connect/lib/Address"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("react-dom"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "react", "@mui/material/Box", "@arcblock/ux/lib/Theme", "lodash/isNil", "@blocklet/editor/lib/config", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "react-router-dom", "@mui/material/colors", "@arcblock/did-connect/lib/Session", "@mui/material", "@arcblock/did-connect/lib/Address", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.react, global.Box, global.Theme, global.isNil, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.useMediaQuery, global.DID, global.Tooltip, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.reactRouterDom, global.colors, global.Session, global.material, global.DIDAddress, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.reactDom, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.Fab, global.debounce, global.TextField, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, react, Box, Theme, isNil, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, useMediaQuery, DID, Tooltip, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, reactRouterDom, colors, Session, material, DIDAddress, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, reactDom, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, Fab, debounce, TextField, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, OnContentChangePlugin, ShortcutPlugin, SafeAreaPlugin, text, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("react"), require("@mui/material/Box"), require("@arcblock/ux/lib/Theme"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@mui/material/colors"), require("@arcblock/did-connect/lib/Session"), require("@mui/material"), require("@arcblock/did-connect/lib/Address"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("react-dom"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("@mui/material/Fab"), require("lodash/debounce"), require("@mui/material/TextField"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "react", "@mui/material/Box", "@arcblock/ux/lib/Theme", "lodash/isNil", "@blocklet/editor/lib/config", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@mui/material/colors", "@arcblock/did-connect/lib/Session", "@mui/material", "@arcblock/did-connect/lib/Address", "@blocklet/editor/lib/ext/CheckboxPlugin", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "@mui/material/Fab", "lodash/debounce", "@mui/material/TextField", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.react, global.Box, global.Theme, global.isNil, global.config, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.colors, global.Session, global.material, global.DIDAddress, global.CheckboxPlugin, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.reactDom, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.Fab, global.debounce, global.TextField, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.OnContentChangePlugin, global.ShortcutPlugin, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, react, Box, Theme, isNil, config, LexicalComposerContext, lexical$1, ahooks, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, useMediaQuery, DID, Tooltip, reactRouterDom, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, colors, Session, material, DIDAddress, CheckboxPlugin, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, reactDom, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, Fab, debounce, TextField, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, OnContentChangePlugin, ShortcutPlugin, SafeAreaPlugin, text, ImageNode, VideoNode) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -631,7 +631,10 @@ var __publicField = (obj, key, value) => {
   const animationHeight = 8;
   const getExtraAnimation = (value) => "";
   const formatKey = (key) => {
-    return trim(key == null ? void 0 : key.toLowerCase());
+    if (typeof key === "string") {
+      return trim(key.toLowerCase());
+    }
+    return "";
   };
   const badgeList = flatMap(
     (((_b = (_a = window == null ? void 0 : window.blocklet) == null ? void 0 : _a.preferences) == null ? void 0 : _b.badgeList) || []).filter((item) => [true, "true"].includes(item.enabled)).map((item) => {
@@ -835,6 +838,7 @@ var __publicField = (obj, key, value) => {
   function ProfileCard({ user, ...rest }) {
     var _a2, _b2;
     const { session } = useSessionContext();
+    const navigate = reactRouterDom.useNavigate();
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
@@ -851,51 +855,60 @@ var __publicField = (obj, key, value) => {
         },
         ...rest,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
-            /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                Box,
-                {
-                  component: "span",
-                  sx: {
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                    lineHeight: 1.3
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
-                    user.role && /* @__PURE__ */ jsxRuntime.jsx(
-                      Box,
-                      {
-                        sx: {
-                          px: 1.25,
-                          border: 1,
-                          borderColor: colors.green[600],
-                          color: colors.green[600],
-                          fontSize: 12,
-                          fontWeight: "bold",
-                          lineHeight: 1.5,
-                          borderRadius: "100vh",
-                          textTransform: "capitalize"
-                        },
-                        children: user.role
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                DID,
-                {
-                  style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
-                  size: 14,
-                  did: user.did
-                }
-              )
-            ] })
-          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Box,
+            {
+              sx: { display: "flex", alignItems: "center", gap: 2, cursor: "pointer" },
+              onClick: () => {
+                navigate(`/profile/${user == null ? void 0 : user.did}`);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    Box,
+                    {
+                      component: "span",
+                      sx: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        lineHeight: 1.3
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
+                        user.role && /* @__PURE__ */ jsxRuntime.jsx(
+                          Box,
+                          {
+                            sx: {
+                              px: 1.25,
+                              border: 1,
+                              borderColor: colors.green[600],
+                              color: colors.green[600],
+                              fontSize: 12,
+                              fontWeight: "bold",
+                              lineHeight: 1.5,
+                              borderRadius: "100vh",
+                              textTransform: "capitalize"
+                            },
+                            children: user.role
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    DID,
+                    {
+                      style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
+                      size: 14,
+                      did: user.did
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
           ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.did) && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) !== user.did && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { my: 2, borderTop: "1px solid #eee" } }),
             /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -930,13 +943,16 @@ var __publicField = (obj, key, value) => {
     showProfileCard,
     showBadge = true,
     showDID = true,
+    newTitle = void 0,
+    profileUse = false,
     ...rest
   }) {
     const theme = styles.useTheme();
     const downMd = useMediaQuery(theme.breakpoints.down("md"));
+    const navigate = reactRouterDom.useNavigate();
     const sm = size === "sm";
     let fontSize = sm ? 12 : 14;
-    let avatarSize = sm ? 32 : 40;
+    let avatarSize = profileUse ? 24 : sm ? 32 : 40;
     if (responsive && downMd) {
       fontSize = 12;
       avatarSize = 24;
@@ -953,19 +969,28 @@ var __publicField = (obj, key, value) => {
     };
     const renderAvatar = () => {
       if (showProfileCard) {
-        return /* @__PURE__ */ jsxRuntime.jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Avatar,
+        return /* @__PURE__ */ jsxRuntime.jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsxRuntime.jsx(
+          Box,
           {
-            did: user == null ? void 0 : user.did,
-            src: user == null ? void 0 : user.avatar,
-            size: avatarSize,
-            shape: "circle",
-            variant: "circle",
-            sx: {
-              width: avatarSize
-            }
+            sx: { display: "flex", cursor: "pointer" },
+            onClick: () => {
+              navigate(`/profile/${user == null ? void 0 : user.did}`);
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Avatar,
+              {
+                did: user == null ? void 0 : user.did,
+                src: user == null ? void 0 : user.avatar,
+                size: avatarSize,
+                shape: "circle",
+                variant: "circle",
+                sx: {
+                  width: avatarSize
+                }
+              }
+            )
           }
-        ) }) });
+        ) });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
         Avatar,
@@ -999,7 +1024,7 @@ var __publicField = (obj, key, value) => {
             sx: { display: "flex", alignItems: "center", minHeight: 20, flexWrap: "wrap", lineHeight: 1.5 },
             lineHeight: 1,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "user-fullname", children: user == null ? void 0 : user.fullName }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "user-fullname", children: newTitle || (user == null ? void 0 : user.fullName) }),
               createdAt && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", display: "inline-block", mx: 0.5, children: "·" }),
                 renderTime()
@@ -1883,6 +1908,8 @@ var __publicField = (obj, key, value) => {
       return items;
     };
     const render = ({ post, interactive }) => {
+      var _a2, _b2;
+      ((_a2 = post == null ? void 0 : post.author) == null ? void 0 : _a2.did) === ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did);
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "flex", alignItems: "center", mt: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
           GithubReaction,
@@ -1890,14 +1917,14 @@ var __publicField = (obj, key, value) => {
             data: (post == null ? void 0 : post.rating) || [],
             onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
             onUnrate: () => onUnrate(post),
-            append: (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxRuntime.jsx(
+            append: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxRuntime.jsx(
               Box,
               {
                 onClick: () => protectLogin(session, () => setInputVisible(!inputVisible)),
                 sx: { display: "flex", lineHeight: 1, "&:hover": { cursor: "pointer" } },
                 children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ChatBubbleOutlineOutlined, { sx: { fontSize: 18, color: "grey.600" } })
               }
-            ),
+            ) }),
             interactive
           }
         ) }),
@@ -10324,6 +10351,7 @@ var __publicField = (obj, key, value) => {
   exports2.Avatar = Avatar;
   exports2.Avatars = Avatars;
   exports2.Back = Back;
+  exports2.Badge = Badge;
   exports2.BinaryThumb = BinaryThumb;
   exports2.BlogCard = BlogCard;
   exports2.BlogList = BlogListWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.114",
+  "version": "1.6.116",
   "files": [
     "dist"
   ],
@@ -29,20 +29,20 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.110",
-    "@blocklet/editor": "1.6.114",
-    "@blocklet/labels": "1.6.114",
+    "@blocklet/editor": "1.6.116",
+    "@blocklet/labels": "1.6.116",
     "@blocklet/uploader": "^0.0.69",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@iconify/react": "^4.0.1",
-    "@lexical/react": "0.12.0",
-    "@lexical/text": "0.12.0",
+    "@lexical/react": "0.13.1",
+    "@lexical/text": "0.13.1",
     "ahooks": "^3.7.8",
     "axios": "^0.27.2",
     "dayjs": "^1.11.7",
     "js-cookie": "^3.0.5",
-    "lexical": "0.12.0",
+    "lexical": "0.13.1",
     "lottie-react": "^2.4.0",
     "mitt": "^3.0.0",
     "react-helmet": "^6.1.0",
@@ -93,5 +93,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "636cb217b2d730b3a48c03732253720d039ca149"
+  "gitHead": "31c9248d0e75f46c756640e6757eaeee03369f88"
 }