@blocklet/discuss-kit-ux 2.0.70 → 2.0.72

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

@@ -3,4 +3,3 @@ export { useChanged } from './changed';
 export { useNow } from './now';
 export { useInterval } from './interval';
 export { useDownBreakpoint, useUpBreakpoint } from './responsive';
-export { useNotification } from './notification';

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

package/dist/{index-DR4mMFMg.mjs → index-DRyXxhLw.mjs}

@@ -1126,23 +1126,6 @@ const useResponsiveValue = (values2) => {
   const r = useResponsive();
   return r(values2);
 };
-const useNotification = () => {
-  const show = async ({ title, options, onclick }) => {
-    if (!("Notification" in window))
-      return;
-    if (Notification.permission === "granted") {
-      const notification = new Notification(title, options);
-      notification.onclick = onclick ?? null;
-      return;
-    }
-    if (Notification.permission !== "denied") {
-      const permission = await Notification.requestPermission();
-      if (permission === "granted")
-        show({ title, options, onclick });
-    }
-  };
-  return { show };
-};
 function ProfileCard({ user, click, ...rest }) {
   var _a2, _b2, _c2;
   const { session } = useSessionContext();
@@ -2158,10 +2141,10 @@ function GithubReaction({
             gap: 0.75,
             ml: -0.25,
             cursor: "pointer",
-            ".github-reaction-text": {
+            ".github-reaction-text, .github-reaction-icon": {
               color: "text.secondary"
             },
-            "&:hover .github-reaction-text": {
+            "&:hover .github-reaction-text, &:hover .github-reaction-icon": {
               color: "secondary.main"
             }
           },
@@ -2170,7 +2153,7 @@ function GithubReaction({
             /* @__PURE__ */ jsx(
               Box,
               {
-                className: "github-reaction-text",
+                className: "github-reaction-icon",
                 component: tablerMoodPlus,
                 sx: { width: "1em", height: "1em", fontSize: 18 }
               }
@@ -2369,6 +2352,7 @@ function Comment({
             onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
             onUnrate: () => onUnrate(post),
             interactive,
+            sx: { ".github-reaction-text": { display: { xs: "none", md: "inline-block" } } },
             append: /* @__PURE__ */ jsxs(Fragment, { children: [
               (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxs(
                 Box$1,
@@ -2391,7 +2375,7 @@ function Comment({
                         sx: { width: "1em", height: "1em", fontSize: 18, color: "text.secondary" }
                       }
                     ),
-                    /* @__PURE__ */ jsx(Box$1, { component: "span", children: "Reply" })
+                    /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { display: { xs: "none", md: "inline-block" } }, children: "Reply" })
                   ]
                 }
               ),
@@ -3745,9 +3729,6 @@ function ChatProvider({ client: client2, activeChatId, children, isInWallet }) {
     activeChatId: void 0,
     error: void 0
   });
-  const chatById = useMemo(() => {
-    return state.chats.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
-  }, [state.chats]);
   const { markAsUnread } = useUnreadNotification();
   const navigate = useNavigate();
   const { session } = useSessionContext();
@@ -3959,42 +3940,9 @@ function ChatProvider({ client: client2, activeChatId, children, isInWallet }) {
       setState((prev) => ({ ...prev, activeChatId: void 0 }));
     }
   }, [state, activeChatId]);
-  const { t } = useLocaleContext();
-  const { show } = useNotification();
-  const resolveChatNotification = (chatId, { id: id2, content, sender, type, link, sourceUser, comment, reply, post }) => {
-    if (isInWallet || sender.did === currentUser.did)
-      return;
-    const chat = chatById[chatId];
-    if (!chat)
-      return;
-    const isSystem = chat.type === "notification";
-    const isChannel = chat.type === "channel";
-    const getNotificationMeta = () => {
-      const getOpener = (url) => () => window.open(url, "_blank");
-      const getTitle = (i18nKey) => `${sourceUser == null ? void 0 : sourceUser.fullName} ${t(`chat.${i18nKey}`)}`;
-      const onclick2 = getOpener(link);
-      const map = {
-        message: {
-          title: `${t("chat.newMsg")} ${isChannel ? chat.name : sender.fullName}`,
-          body: getExcerptFromLexicalContent(content),
-          onclick: getOpener(joinURL(discussKitMountPoint ?? "", "/chat", chatId))
-        },
-        comment: { title: getTitle("commentedYourPost"), body: comment == null ? void 0 : comment.excerpt, onclick: onclick2 },
-        reply: { title: getTitle("replyYourComment"), body: reply == null ? void 0 : reply.excerpt, onclick: onclick2 },
-        mentionInComment: { title: getTitle("mentionInComment"), body: comment == null ? void 0 : comment.excerpt, onclick: onclick2 },
-        mentionInPost: { title: getTitle("mentionInPost"), body: post == null ? void 0 : post.excerpt, onclick: onclick2 }
-      };
-      return map[type];
-    };
-    const icon = isSystem ? sourceUser == null ? void 0 : sourceUser.avatar : sender.avatar;
-    const { title, body, onclick } = getNotificationMeta();
-    if (title)
-      show({ title, onclick, options: { tag: id2, icon, body } });
-  };
   useEffect(() => {
     const cancels = [
       client2.onMessage(({ chatId, message }) => {
-        resolveChatNotification(chatId, message);
         addMessage(chatId, message);
         if (message.sender.did === (currentUser == null ? void 0 : currentUser.did)) {
           updateLastAckTime(chatId, true);
@@ -4802,7 +4750,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 = lazy(() => import("./editor-D5fQYtn3.mjs"));
+const Editor = lazy(() => import("./editor-ywsvT-rA.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -12271,89 +12219,88 @@ function SegmentedControl({ value, options, onChange, sx, ...rest }) {
   ) });
 }
 export {
-  ChatListInWallet as $,
+  ChatHeaderAddon as $,
   Avatar as A,
   Badge as B,
   CommentInput as C,
   DefaultEditorConfigProvider as D,
-  useCommentsContext as E,
-  CommentsProvider as F,
-  BinaryThumb as G,
-  GithubReaction as H,
+  CommentsProvider as E,
+  BinaryThumb as F,
+  GithubReaction as G,
+  EmptyStatus as H,
   ImagePathFixerPlugin as I,
-  EmptyStatus as J,
-  BlogListWrapper as K,
-  BlogCard as L,
+  BlogListWrapper as J,
+  BlogCard as K,
+  BlogPermaLink as L,
   Menu as M,
-  BlogPermaLink as N,
-  getBlogLink as O,
+  getBlogLink as N,
+  CoverImage as O,
   Pagination as P,
-  CoverImage as Q,
+  CoverImageUpload as Q,
   RelativeTime as R,
   ScrollableEditorWrapper as S,
-  CoverImageUpload as T,
-  AccessControl as U,
+  AccessControl as T,
+  useAuthzContext as U,
   VideoPathFixerPlugin as V,
-  useAuthzContext as W,
-  AuthzProvider as X,
-  ChatClient as Y,
-  Chat as Z,
-  ChatInWallet as _,
+  AuthzProvider as W,
+  ChatClient as X,
+  Chat as Y,
+  ChatInWallet as Z,
+  ChatListInWallet as _,
   isEmptyContent as a,
-  ChatHeaderAddon as a0,
-  useChatContext as a1,
-  ChatProvider as a2,
-  UnreadNotificationContext as a3,
-  useUnreadNotification as a4,
-  UnreadNotificationProvider as a5,
-  Confirm as a6,
-  ConfirmContext as a7,
-  useConfirm as a8,
-  ConfirmProvider as a9,
-  SecureLabelPicker as aa,
-  useApiErrorHandler as ab,
-  useDefaultApiErrorHandler as ac,
-  DefaultApiErrorHandler as ad,
-  Back as ae,
-  LazyEditor as af,
-  EditorPreview as ag,
-  DirtyPromptContainer as ah,
-  ConfirmNavigation as ai,
-  UploaderContext as aj,
-  useUploader as ak,
-  UploaderTrigger as al,
-  UploaderProvider as am,
-  composeImageUrl as an,
-  usePointUpContext as ao,
-  PointUpProvider as ap,
-  ButtonGroup as aq,
-  SegmentedControl as ar,
-  create as as,
-  getWsClient as at,
-  useSubscription as au,
+  useChatContext as a0,
+  ChatProvider as a1,
+  UnreadNotificationContext as a2,
+  useUnreadNotification as a3,
+  UnreadNotificationProvider as a4,
+  Confirm as a5,
+  ConfirmContext as a6,
+  useConfirm as a7,
+  ConfirmProvider as a8,
+  SecureLabelPicker as a9,
+  useApiErrorHandler as aa,
+  useDefaultApiErrorHandler as ab,
+  DefaultApiErrorHandler as ac,
+  Back as ad,
+  LazyEditor as ae,
+  EditorPreview as af,
+  DirtyPromptContainer as ag,
+  ConfirmNavigation as ah,
+  UploaderContext as ai,
+  useUploader as aj,
+  UploaderTrigger as ak,
+  UploaderProvider as al,
+  composeImageUrl as am,
+  usePointUpContext as an,
+  PointUpProvider as ao,
+  ButtonGroup as ap,
+  SegmentedControl as aq,
+  create as ar,
+  getWsClient as as,
+  useSubscription as at,
   Input as b,
   useChanged as c,
   useSessionContext as d,
-  useNotification as e,
-  utils as f,
+  utils as e,
+  preferences as f,
   getExcerptSync as g,
-  preferences as h,
+  typography as h,
   inferInitialEditorState as i,
-  typography as j,
-  themeOverrides as k,
+  themeOverrides as j,
+  InternalThemeProvider as k,
   lexical as l,
-  InternalThemeProvider as m,
-  Avatars as n,
-  AuthorInfo as o,
+  Avatars as m,
+  AuthorInfo as n,
+  SystemUser as o,
   preloadInput as p,
-  SystemUser as q,
+  PostContent as q,
   routes as r,
   stringify as s,
   translations as t,
   useNow as u,
-  PostContent as v,
-  PostComponent as w,
-  Comment as x,
-  CommentList as y,
-  CommentsContext as z
+  PostComponent as v,
+  Comment as w,
+  CommentList as x,
+  CommentsContext as y,
+  useCommentsContext as z
 };

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export * from './components/editor';
 export * as lexicalUtils from './components/lexical';
 export * from './components/dirty-prompt';
 export { translations } from './components/locale';
-export { useNow, useChanged, useSessionContext, useNotification } from './components/hooks';
+export { useNow, useChanged, useSessionContext } from './components/hooks';
 export * as utils from './components/utils';
 export * as routes from './components/routes';
 export { default as preferences } from './preferences';

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { U, o, X, A, n, ae, B, G, L, K, N, aq, Z, Y, a0, _, $, a2, x, C, y, z, F, a6, a7, ai, a9, Q, T, ad, D, ah, ag, J, H, b, m, af, M, P, ap, w, v, R, S, aa, ar, q, a3, a5, aj, am, al, an, as, O, at, l, h, p, r, k, t, j, ab, W, c, a1, E, a8, ac, e, u, ao, d, au, a4, ak, f } from "./index-DR4mMFMg.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, am, ar, N, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-DRyXxhLw.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -9,83 +9,82 @@ import "@mui/icons-material";
 import "@arcblock/ux/lib/Locale/context";
 import "@mui/material";
 export {
-  U as AccessControl,
-  o as AuthorInfo,
-  X as AuthzProvider,
+  T as AccessControl,
+  n as AuthorInfo,
+  W as AuthzProvider,
   A as Avatar,
-  n as Avatars,
-  ae as Back,
+  m as Avatars,
+  ad as Back,
   B as Badge,
-  G as BinaryThumb,
-  L as BlogCard,
-  K as BlogList,
-  N as BlogPermaLink,
-  aq as ButtonGroup,
-  Z as Chat,
-  Y as ChatClient,
-  a0 as ChatHeaderAddon,
-  _ as ChatInWallet,
-  $ as ChatListInWallet,
-  a2 as ChatProvider,
-  x as Comment,
+  F as BinaryThumb,
+  K as BlogCard,
+  J as BlogList,
+  L as BlogPermaLink,
+  ap as ButtonGroup,
+  Y as Chat,
+  X as ChatClient,
+  $ as ChatHeaderAddon,
+  Z as ChatInWallet,
+  _ as ChatListInWallet,
+  a1 as ChatProvider,
+  w as Comment,
   C as CommentInput,
-  y as CommentList,
-  z as CommentsContext,
-  F as CommentsProvider,
-  a6 as Confirm,
-  a7 as ConfirmContext,
-  ai as ConfirmNavigation,
-  a9 as ConfirmProvider,
-  Q as CoverImage,
-  T as CoverImageUpload,
-  ad as DefaultApiErrorHandler,
+  x as CommentList,
+  y as CommentsContext,
+  E as CommentsProvider,
+  a5 as Confirm,
+  a6 as ConfirmContext,
+  ah as ConfirmNavigation,
+  a8 as ConfirmProvider,
+  O as CoverImage,
+  Q as CoverImageUpload,
+  ac as DefaultApiErrorHandler,
   D as DefaultEditorConfigProvider,
-  ah as DirtyPromptContainer,
-  ag as EditorPreview,
-  J as EmptyStatus,
-  H as GithubReaction,
+  ag as DirtyPromptContainer,
+  af as EditorPreview,
+  H as EmptyStatus,
+  G as GithubReaction,
   b as Input,
-  m as InternalThemeProvider,
-  af as LazyEditor,
+  k as InternalThemeProvider,
+  ae as LazyEditor,
   M as Menu,
   P as Pagination,
-  ap as PointUpProvider,
-  w as Post,
-  v as PostContent,
+  ao as PointUpProvider,
+  v as Post,
+  q as PostContent,
   R as RelativeTime,
   S as ScrollableEditorWrapper,
-  aa as SecureLabelPicker,
-  ar as SegmentedControl,
-  q as SystemUser,
-  a3 as UnreadNotificationContext,
-  a5 as UnreadNotificationProvider,
-  aj as UploaderContext,
-  am as UploaderProvider,
-  al as UploaderTrigger,
-  an as composeImageUrl,
-  as as create,
-  O as getBlogLink,
-  at as getWsClient,
+  a9 as SecureLabelPicker,
+  aq as SegmentedControl,
+  o as SystemUser,
+  a2 as UnreadNotificationContext,
+  a4 as UnreadNotificationProvider,
+  ai as UploaderContext,
+  al as UploaderProvider,
+  ak as UploaderTrigger,
+  am as composeImageUrl,
+  ar as create,
+  N as getBlogLink,
+  as as getWsClient,
   l as lexicalUtils,
-  h as preferences,
+  f as preferences,
   p as preloadInput,
   r as routes,
-  k as themeOverrides,
+  j as themeOverrides,
   t as translations,
-  j as typography,
-  ab as useApiErrorHandler,
-  W as useAuthzContext,
+  h as typography,
+  aa as useApiErrorHandler,
+  U as useAuthzContext,
   c as useChanged,
-  a1 as useChatContext,
-  E as useCommentsContext,
-  a8 as useConfirm,
-  ac as useDefaultApiErrorHandler,
-  e as useNotification,
+  a0 as useChatContext,
+  z as useCommentsContext,
+  a7 as useConfirm,
+  ab as useDefaultApiErrorHandler,
   u as useNow,
-  ao as usePointUpContext,
+  an as usePointUpContext,
   d as useSessionContext,
-  au as useSubscription,
-  a4 as useUnreadNotification,
-  ak as useUploader,
-  f as utils
+  at as useSubscription,
+  a3 as useUnreadNotification,
+  aj as useUploader,
+  e 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("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), 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/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), 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("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), 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("react-dom"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("ufo"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), 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", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@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/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@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", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "ufo", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@mui/material/TextField", "@mui/icons-material/Add", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@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.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.ufo, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, joinUrl, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, ufo, editor$1, Fab, debounce, useIsFocused, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), 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/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), 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("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), 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("react-dom"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("ufo"), 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", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@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/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@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", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@mui/material/TextField", "@mui/icons-material/Add", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "ufo", "@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.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ufo, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, joinUrl, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ufo, 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) => {
@@ -1052,23 +1052,6 @@ var __publicField = (obj, key, value) => {
     const r = useResponsive();
     return r(values2);
   };
-  const useNotification = () => {
-    const show = async ({ title, options, onclick }) => {
-      if (!("Notification" in window))
-        return;
-      if (Notification.permission === "granted") {
-        const notification = new Notification(title, options);
-        notification.onclick = onclick ?? null;
-        return;
-      }
-      if (Notification.permission !== "denied") {
-        const permission = await Notification.requestPermission();
-        if (permission === "granted")
-          show({ title, options, onclick });
-      }
-    };
-    return { show };
-  };
   function ProfileCard({ user, click, ...rest }) {
     var _a2, _b2, _c2;
     const { session } = useSessionContext();
@@ -2084,10 +2067,10 @@ var __publicField = (obj, key, value) => {
               gap: 0.75,
               ml: -0.25,
               cursor: "pointer",
-              ".github-reaction-text": {
+              ".github-reaction-text, .github-reaction-icon": {
                 color: "text.secondary"
               },
-              "&:hover .github-reaction-text": {
+              "&:hover .github-reaction-text, &:hover .github-reaction-icon": {
                 color: "secondary.main"
               }
             },
@@ -2096,7 +2079,7 @@ var __publicField = (obj, key, value) => {
               /* @__PURE__ */ jsxRuntime.jsx(
                 material.Box,
                 {
-                  className: "github-reaction-text",
+                  className: "github-reaction-icon",
                   component: tablerMoodPlus,
                   sx: { width: "1em", height: "1em", fontSize: 18 }
                 }
@@ -2295,6 +2278,7 @@ var __publicField = (obj, key, value) => {
               onRate: ({ value, ratingType }) => onRate(post, value, ratingType),
               onUnrate: () => onUnrate(post),
               interactive,
+              sx: { ".github-reaction-text": { display: { xs: "none", md: "inline-block" } } },
               append: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 (!!(session == null ? void 0 : session.user) || preferences.displayReplyButtonForAnonymousUsers) && interactive && /* @__PURE__ */ jsxRuntime.jsxs(
                   Box,
@@ -2317,7 +2301,7 @@ var __publicField = (obj, key, value) => {
                           sx: { width: "1em", height: "1em", fontSize: 18, color: "text.secondary" }
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", children: "Reply" })
+                      /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { display: { xs: "none", md: "inline-block" } }, children: "Reply" })
                     ]
                   }
                 ),
@@ -3671,9 +3655,6 @@ var __publicField = (obj, key, value) => {
       activeChatId: void 0,
       error: void 0
     });
-    const chatById = react.useMemo(() => {
-      return state.chats.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
-    }, [state.chats]);
     const { markAsUnread } = useUnreadNotification();
     const navigate = reactRouterDom.useNavigate();
     const { session } = useSessionContext();
@@ -3885,42 +3866,9 @@ var __publicField = (obj, key, value) => {
         setState((prev) => ({ ...prev, activeChatId: void 0 }));
       }
     }, [state, activeChatId]);
-    const { t } = context.useLocaleContext();
-    const { show } = useNotification();
-    const resolveChatNotification = (chatId, { id: id2, content, sender, type, link, sourceUser, comment, reply, post }) => {
-      if (isInWallet || sender.did === currentUser.did)
-        return;
-      const chat = chatById[chatId];
-      if (!chat)
-        return;
-      const isSystem = chat.type === "notification";
-      const isChannel = chat.type === "channel";
-      const getNotificationMeta = () => {
-        const getOpener = (url) => () => window.open(url, "_blank");
-        const getTitle = (i18nKey) => `${sourceUser == null ? void 0 : sourceUser.fullName} ${t(`chat.${i18nKey}`)}`;
-        const onclick2 = getOpener(link);
-        const map = {
-          message: {
-            title: `${t("chat.newMsg")} ${isChannel ? chat.name : sender.fullName}`,
-            body: getExcerptFromLexicalContent(content),
-            onclick: getOpener(ufo.joinURL(discussKitMountPoint ?? "", "/chat", chatId))
-          },
-          comment: { title: getTitle("commentedYourPost"), body: comment == null ? void 0 : comment.excerpt, onclick: onclick2 },
-          reply: { title: getTitle("replyYourComment"), body: reply == null ? void 0 : reply.excerpt, onclick: onclick2 },
-          mentionInComment: { title: getTitle("mentionInComment"), body: comment == null ? void 0 : comment.excerpt, onclick: onclick2 },
-          mentionInPost: { title: getTitle("mentionInPost"), body: post == null ? void 0 : post.excerpt, onclick: onclick2 }
-        };
-        return map[type];
-      };
-      const icon = isSystem ? sourceUser == null ? void 0 : sourceUser.avatar : sender.avatar;
-      const { title, body, onclick } = getNotificationMeta();
-      if (title)
-        show({ title, onclick, options: { tag: id2, icon, body } });
-    };
     react.useEffect(() => {
       const cancels = [
         client2.onMessage(({ chatId, message }) => {
-          resolveChatNotification(chatId, message);
           addMessage(chatId, message);
           if (message.sender.did === (currentUser == null ? void 0 : currentUser.did)) {
             updateLastAckTime(chatId, true);
@@ -12306,7 +12254,6 @@ var __publicField = (obj, key, value) => {
   exports2.useCommentsContext = useCommentsContext;
   exports2.useConfirm = useConfirm;
   exports2.useDefaultApiErrorHandler = useDefaultApiErrorHandler;
-  exports2.useNotification = useNotification;
   exports2.useNow = useNow;
   exports2.usePointUpContext = usePointUpContext;
   exports2.useSessionContext = useSessionContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.0.70",
+  "version": "2.0.72",
   "files": [
     "dist"
   ],
@@ -31,8 +31,8 @@
     "@arcblock/bridge": "^2.10.6",
     "@arcblock/react-hooks": "^2.10.6",
     "@arcblock/ws": "^1.18.126",
-    "@blocklet/editor": "2.0.70",
-    "@blocklet/labels": "2.0.70",
+    "@blocklet/editor": "2.0.72",
+    "@blocklet/labels": "2.0.72",
     "@blocklet/uploader": "^0.1.19",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -100,5 +100,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "33b4b65368af257ac54c965ae8658093bb801531"
+  "gitHead": "3a55e1cdbe23ed4a905c8859dacbefe53daf337f"
 }

package/dist/components/hooks/notification.d.ts

@@ -1,9 +0,0 @@
-interface UseNotificationProps {
-    title: string;
-    options?: NotificationOptions;
-    onclick?: () => void;
-}
-export declare const useNotification: () => {
-    show: ({ title, options, onclick }: UseNotificationProps) => Promise<void>;
-};
-export {};