@blocklet/discuss-kit-ux 1.6.140 → 1.6.142

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

@@ -5,6 +5,7 @@ interface Props {
     spacing?: number;
     startComponent?: any;
     [key: string]: any;
+    inProfile?: boolean;
 }
-export default function Badge({ startComponent, passports, pointInfo, did, spacing, ...restProps }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default function Badge({ startComponent, passports, pointInfo, did, spacing, inProfile, ...restProps }: Props): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/emptyStatus/empty-status.d.ts

@@ -0,0 +1 @@
+export default function EmptyStatus(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default as EmptyStatus } from './empty-status';

package/dist/components/locale/en.d.ts

@@ -20,6 +20,9 @@ declare const _default: {
         title: string;
         desc: string;
     };
+    profile: {
+        empty: string;
+    };
     unsaved: {
         title: string;
         desc: string;

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

@@ -22,6 +22,9 @@ export declare const translations: {
             title: string;
             desc: string;
         };
+        profile: {
+            empty: string;
+        };
         unsaved: {
             title: string;
             desc: string;
@@ -60,6 +63,9 @@ export declare const translations: {
             title: string;
             desc: string;
         };
+        profile: {
+            empty: string;
+        };
         unsaved: {
             title: string;
             desc: string;

package/dist/components/locale/zh.d.ts

@@ -21,6 +21,9 @@ declare const _default: {
         title: string;
         desc: string;
     };
+    profile: {
+        empty: string;
+    };
     unsaved: {
         title: string;
         desc: string;

package/dist/{editor-2KKKHQzw.mjs → editor-JfAxKfzq.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-YiHl-Bzx.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-eQ5sSf6_.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";
@@ -39,6 +39,7 @@ import "lodash/trim";
 import "@mui/material/Avatar";
 import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
+import "@arcblock/ux/lib/Empty";
 import "@mui/material/colors";
 import "@arcblock/did-connect/lib/Session";
 import "@arcblock/did-connect/lib/Address";

package/dist/{index-YiHl-Bzx.mjs → index-eQ5sSf6_.mjs}

@@ -41,6 +41,7 @@ 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 Empty$1 from "@arcblock/ux/lib/Empty";
 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";
@@ -672,6 +673,20 @@ function RelativeTime({ value, ...rest }) {
   const v2 = value instanceof Date ? value.getTime() : value;
   return /* @__PURE__ */ jsx(UxRelativeTime, { value: v2, ...rest });
 }
+function EmptyStatus() {
+  const { t } = useLocaleContext();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: { height: "50vh", width: "100%" },
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "cetner",
+      justifyContent: "center",
+      children: /* @__PURE__ */ jsx(Empty$1, { children: t("profile.empty") })
+    }
+  );
+}
 const iconStyle = {
   width: 20,
   height: 20
@@ -704,7 +719,15 @@ const badgeList = flatMap(
   }
 );
 const badgeMap = groupBy(badgeList, "key");
-function Badge({ startComponent, passports, pointInfo, did, spacing = 0.5, ...restProps }) {
+function Badge({
+  startComponent,
+  passports,
+  pointInfo,
+  did,
+  spacing = 0.5,
+  inProfile = false,
+  ...restProps
+}) {
   var _a2;
   const allBadges = [];
   if (pointInfo == null ? void 0 : pointInfo.grade) {
@@ -731,6 +754,9 @@ function Badge({ startComponent, passports, pointInfo, did, spacing = 0.5, ...re
     delete item.key;
     return JSON.stringify(item);
   });
+  if (inProfile && (uniqBadges == null ? void 0 : uniqBadges.length) <= 0) {
+    return /* @__PURE__ */ jsx(EmptyStatus, {});
+  }
   return uniqBadges.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
     startComponent,
     /* @__PURE__ */ jsx(
@@ -738,7 +764,8 @@ function Badge({ startComponent, passports, pointInfo, did, spacing = 0.5, ...re
       {
         direction: "row",
         sx: {
-          flexWrap: "wrap"
+          flexWrap: "wrap",
+          marginTop: inProfile ? "24px" : ""
         },
         children: uniqBadges.map((item) => {
           const { badgeName, badgeIcon, badgeColor, badgeBackground } = item;
@@ -3662,6 +3689,7 @@ const getUrlHost = (url) => {
   }
 };
 function NotificationMessage({ chat, message, prevMessage, ...rest }) {
+  const { session } = useSessionContext();
   const renderQuote = ({ title, excerpt, cover }) => {
     if ("post" in message) {
       return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1.5, pl: 1, borderLeft: "4px solid #ddd", color: 14 }, children: [
@@ -3702,11 +3730,12 @@ function NotificationMessage({ chat, message, prevMessage, ...rest }) {
     return null;
   };
   const render = () => {
+    var _a2, _b2, _c, _d;
     if (message.type === "comment") {
       return /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontWeight: "bold" }, children: message.sourceUser.fullName }),
-          /* @__PURE__ */ jsx("span", { children: " commented your post:" })
+          /* @__PURE__ */ jsx("span", { children: ((_a2 = message == null ? void 0 : message.sourceUser) == null ? void 0 : _a2.did) === ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) ? " commented your post:" : " commented post:" })
         ] }),
         /* @__PURE__ */ jsx(Typography, { variant: "body1", children: message.comment.excerpt }),
         renderQuote(message.post)
@@ -3716,7 +3745,7 @@ function NotificationMessage({ chat, message, prevMessage, ...rest }) {
       return /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "grey.600", fontWeight: "bold" }, children: message.sourceUser.fullName }),
-          /* @__PURE__ */ jsx("span", { children: " replied your comment:" })
+          /* @__PURE__ */ jsx("span", { children: ((_c = message == null ? void 0 : message.sourceUser) == null ? void 0 : _c.did) === ((_d = session == null ? void 0 : session.user) == null ? void 0 : _d.did) ? " replied your comment:" : " replied comment:" })
         ] }),
         /* @__PURE__ */ jsx(Typography, { variant: "body1", children: message.reply.excerpt }),
         renderQuote({ title: message.post.title, excerpt: message.comment.excerpt })
@@ -4512,7 +4541,7 @@ function Pagination({ page, size = 20, total, onChange, routerMode = true, ...re
     }
   );
 }
-const Editor = lazy(() => import("./editor-2KKKHQzw.mjs"));
+const Editor = lazy(() => import("./editor-JfAxKfzq.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4642,6 +4671,9 @@ const en = {
     title: "Delete comment",
     desc: "Do you want to delete this comment?"
   },
+  profile: {
+    empty: "Nothing here for now"
+  },
   unsaved: {
     title: "Leave without saving",
     desc: "Your changes have not been saved. If you leave now, you will lose your changes.",
@@ -4681,6 +4713,9 @@ const zh = {
     title: "删除评论",
     desc: "是否要删除此评论？"
   },
+  profile: {
+    empty: "暂无数据"
+  },
   unsaved: {
     title: "不保存离开",
     desc: "您的更改尚未保存。如果您现在离开，将会丢失您的更改。",
@@ -10366,57 +10401,58 @@ function PointUpProvider({ children }) {
   ] });
 }
 export {
-  Confirm as $,
+  UnreadNotificationProvider as $,
   Avatar as A,
   Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
-  BlogCard as E,
-  BlogPermaLink as F,
+  EmptyStatus as E,
+  BlogCard as F,
   GithubReaction as G,
-  getBlogLink as H,
+  BlogPermaLink as H,
   ImagePathFixerPlugin as I,
-  CoverImage as J,
-  CoverImageUpload as K,
-  AccessControl as L,
+  getBlogLink as J,
+  CoverImage as K,
+  CoverImageUpload as L,
   Menu as M,
-  useAuthzContext as N,
-  AuthzProvider as O,
+  AccessControl as N,
+  useAuthzContext as O,
   Pagination as P,
-  ChatClient as Q,
+  AuthzProvider as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  Chat as T,
-  ChatHeaderAddon as U,
+  ChatClient as T,
+  Chat as U,
   VideoPathFixerPlugin as V,
-  useChatContext as W,
-  ChatProvider as X,
-  UnreadNotificationContext as Y,
-  useUnreadNotification as Z,
-  UnreadNotificationProvider as _,
+  ChatHeaderAddon as W,
+  useChatContext as X,
+  ChatProvider as Y,
+  UnreadNotificationContext as Z,
+  useUnreadNotification as _,
   isEmptyContent as a,
-  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,
+  Confirm as a0,
+  ConfirmContext as a1,
+  useConfirm as a2,
+  ConfirmProvider as a3,
+  SecureLabelPicker as a4,
+  useApiErrorHandler as a5,
+  useDefaultApiErrorHandler as a6,
+  PreviousLocationRecorder as a7,
+  Back as a8,
+  LazyEditor as a9,
+  EditorPreview as aa,
+  DirtyPromptContainer as ab,
+  ConfirmNavigation as ac,
+  UploaderContext as ad,
+  useUploader as ae,
+  UploaderTrigger as af,
+  UploaderProvider as ag,
+  composeImageUrl as ah,
+  usePointUpContext as ai,
+  PointUpProvider as aj,
+  create as ak,
+  getWsClient as al,
+  useSubscription as am,
   InternalThemeProvider as b,
   Input as c,
   translations as d,

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { Input, CommentInput, ScrollableEditorWrapper } from './components/input
 export * from './components/avatars';
 export * from './components/posts';
 export * from './components/rating';
+export * from './components/emptyStatus';
 export * from './components/blog';
 export * from './components/authz';
 export * from './components/chat';

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-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-YiHl-Bzx.mjs";
+import { N, j, Q, A, h, a8, B, y, F, z, H, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, c, b, a9, M, P, aj, n, m, a7, R, S, a4, k, Z, $, ad, ag, af, ah, ak, J, al, l, p, r, t, d, a5, O, e, X, w, a2, a6, u, ai, am, _, ae, f } from "./index-eQ5sSf6_.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -37,6 +37,7 @@ import "lodash/trim";
 import "@mui/material/Avatar";
 import "@mui/icons-material/BrokenImage";
 import "@iconify/react";
+import "@arcblock/ux/lib/Empty";
 import "@mui/material/colors";
 import "@arcblock/did-connect/lib/Address";
 import "@blocklet/editor/lib/ext/CheckboxPlugin";
@@ -64,74 +65,75 @@ import "unstated-next";
 import "js-cookie";
 import "@arcblock/ws";
 export {
-  L as AccessControl,
+  N as AccessControl,
   j as AuthorInfo,
-  O as AuthzProvider,
+  Q as AuthzProvider,
   A as Avatar,
   h as Avatars,
-  a7 as Back,
+  a8 as Back,
   B as Badge,
   y as BinaryThumb,
-  E as BlogCard,
+  F as BlogCard,
   z as BlogList,
-  F as BlogPermaLink,
-  T as Chat,
-  Q as ChatClient,
-  U as ChatHeaderAddon,
-  X as ChatProvider,
+  H as BlogPermaLink,
+  U as Chat,
+  T as ChatClient,
+  W as ChatHeaderAddon,
+  Y as ChatProvider,
   o as Comment,
   C as CommentInput,
   q as CommentList,
   v as CommentsContext,
   x as CommentsProvider,
-  $ as Confirm,
-  a0 as ConfirmContext,
-  ab as ConfirmNavigation,
-  a2 as ConfirmProvider,
-  J as CoverImage,
-  K as CoverImageUpload,
+  a0 as Confirm,
+  a1 as ConfirmContext,
+  ac as ConfirmNavigation,
+  a3 as ConfirmProvider,
+  K as CoverImage,
+  L as CoverImageUpload,
   D as DefaultEditorConfigProvider,
-  aa as DirtyPromptContainer,
-  a9 as EditorPreview,
+  ab as DirtyPromptContainer,
+  aa as EditorPreview,
+  E as EmptyStatus,
   G as GithubReaction,
   c as Input,
   b as InternalThemeProvider,
-  a8 as LazyEditor,
+  a9 as LazyEditor,
   M as Menu,
   P as Pagination,
-  ai as PointUpProvider,
+  aj as PointUpProvider,
   n as Post,
   m as PostContent,
-  a6 as PreviousLocationRecorder,
+  a7 as PreviousLocationRecorder,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
-  a3 as SecureLabelPicker,
+  a4 as SecureLabelPicker,
   k as SystemUser,
-  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,
+  Z as UnreadNotificationContext,
+  $ as UnreadNotificationProvider,
+  ad as UploaderContext,
+  ag as UploaderProvider,
+  af as UploaderTrigger,
+  ah as composeImageUrl,
+  ak as create,
+  J as getBlogLink,
+  al as getWsClient,
   l as lexicalUtils,
   p as preferences,
   r as routes,
   t as themeOverrides,
   d as translations,
-  a4 as useApiErrorHandler,
-  N as useAuthzContext,
+  a5 as useApiErrorHandler,
+  O as useAuthzContext,
   e as useChanged,
-  W as useChatContext,
+  X as useChatContext,
   w as useCommentsContext,
-  a1 as useConfirm,
-  a5 as useDefaultApiErrorHandler,
+  a2 as useConfirm,
+  a6 as useDefaultApiErrorHandler,
   u as useNow,
-  ah as usePointUpContext,
-  al as useSubscription,
-  Z as useUnreadNotification,
-  ad as useUploader,
+  ai as usePointUpContext,
+  am as useSubscription,
+  _ as useUnreadNotification,
+  ae 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("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) {
+  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("@arcblock/ux/lib/Empty"), 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", "@arcblock/ux/lib/Empty", "@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.Empty$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, Empty$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) => {
@@ -612,6 +612,20 @@ var __publicField = (obj, key, value) => {
     const v2 = value instanceof Date ? value.getTime() : value;
     return /* @__PURE__ */ jsxRuntime.jsx(UxRelativeTime, { value: v2, ...rest });
   }
+  function EmptyStatus() {
+    const { t } = context.useLocaleContext();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        sx: { height: "50vh", width: "100%" },
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "cetner",
+        justifyContent: "center",
+        children: /* @__PURE__ */ jsxRuntime.jsx(Empty$1, { children: t("profile.empty") })
+      }
+    );
+  }
   const iconStyle = {
     width: 20,
     height: 20
@@ -644,7 +658,15 @@ var __publicField = (obj, key, value) => {
     }
   );
   const badgeMap = groupBy(badgeList, "key");
-  function Badge({ startComponent, passports, pointInfo, did, spacing = 0.5, ...restProps }) {
+  function Badge({
+    startComponent,
+    passports,
+    pointInfo,
+    did,
+    spacing = 0.5,
+    inProfile = false,
+    ...restProps
+  }) {
     var _a2;
     const allBadges = [];
     if (pointInfo == null ? void 0 : pointInfo.grade) {
@@ -671,6 +693,9 @@ var __publicField = (obj, key, value) => {
       delete item.key;
       return JSON.stringify(item);
     });
+    if (inProfile && (uniqBadges == null ? void 0 : uniqBadges.length) <= 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx(EmptyStatus, {});
+    }
     return uniqBadges.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       startComponent,
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -678,7 +703,8 @@ var __publicField = (obj, key, value) => {
         {
           direction: "row",
           sx: {
-            flexWrap: "wrap"
+            flexWrap: "wrap",
+            marginTop: inProfile ? "24px" : ""
           },
           children: uniqBadges.map((item) => {
             const { badgeName, badgeIcon, badgeColor, badgeBackground } = item;
@@ -3602,6 +3628,7 @@ var __publicField = (obj, key, value) => {
     }
   };
   function NotificationMessage({ chat, message, prevMessage, ...rest }) {
+    const { session } = useSessionContext();
     const renderQuote = ({ title, excerpt, cover }) => {
       if ("post" in message) {
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { mt: 1.5, pl: 1, borderLeft: "4px solid #ddd", color: 14 }, children: [
@@ -3642,11 +3669,12 @@ var __publicField = (obj, key, value) => {
       return null;
     };
     const render = () => {
+      var _a2, _b2, _c, _d;
       if (message.type === "comment") {
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { fontWeight: "bold" }, children: message.sourceUser.fullName }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: " commented your post:" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_a2 = message == null ? void 0 : message.sourceUser) == null ? void 0 : _a2.did) === ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) ? " commented your post:" : " commented post:" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", children: message.comment.excerpt }),
           renderQuote(message.post)
@@ -3656,7 +3684,7 @@ var __publicField = (obj, key, value) => {
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { color: "grey.600", fontWeight: "bold" }, children: message.sourceUser.fullName }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: " replied your comment:" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_c = message == null ? void 0 : message.sourceUser) == null ? void 0 : _c.did) === ((_d = session == null ? void 0 : session.user) == null ? void 0 : _d.did) ? " replied your comment:" : " replied comment:" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", children: message.reply.excerpt }),
           renderQuote({ title: message.post.title, excerpt: message.comment.excerpt })
@@ -4582,6 +4610,9 @@ var __publicField = (obj, key, value) => {
       title: "Delete comment",
       desc: "Do you want to delete this comment?"
     },
+    profile: {
+      empty: "Nothing here for now"
+    },
     unsaved: {
       title: "Leave without saving",
       desc: "Your changes have not been saved. If you leave now, you will lose your changes.",
@@ -4621,6 +4652,9 @@ var __publicField = (obj, key, value) => {
       title: "删除评论",
       desc: "是否要删除此评论？"
     },
+    profile: {
+      empty: "暂无数据"
+    },
     unsaved: {
       title: "不保存离开",
       desc: "您的更改尚未保存。如果您现在离开，将会丢失您的更改。",
@@ -10365,6 +10399,7 @@ var __publicField = (obj, key, value) => {
   exports2.DefaultEditorConfigProvider = DefaultEditorConfigProvider;
   exports2.DirtyPromptContainer = DirtyPromptContainer;
   exports2.EditorPreview = EditorPreview;
+  exports2.EmptyStatus = EmptyStatus;
   exports2.GithubReaction = GithubReaction;
   exports2.Input = Input;
   exports2.InternalThemeProvider = InternalThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.140",
+  "version": "1.6.142",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.110",
-    "@blocklet/editor": "1.6.140",
-    "@blocklet/labels": "1.6.140",
+    "@blocklet/editor": "1.6.142",
+    "@blocklet/labels": "1.6.142",
     "@blocklet/uploader": "^0.0.73",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -93,5 +93,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "010dcde9d12c700a207489bdc3b817ce2e4572f6"
+  "gitHead": "63b18e56de4f6e0deeb90ada0ceca5b1da4d87c1"
 }