@blocklet/discuss-kit-ux 1.6.248 → 1.6.250

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

@@ -3,5 +3,6 @@ export declare const useChatInWallet: () => {
         id: string;
         title: string;
     }) => void;
+    navigateToChatList: () => void;
     isChatInWalletV2: boolean;
 };

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

package/dist/{index-B9C3Sh2v.mjs → index-DgTXQw5U.mjs}

@@ -10,7 +10,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled } from "@mui/material/styles";
 import { create as create$1, styled as styled$1 } from "@arcblock/ux/lib/Theme";
 import require$$0, { useEffect, useRef, useState, createElement, useContext, useMemo, isValidElement, lazy, Suspense, createContext, Fragment as Fragment$1, forwardRef, useCallback } from "react";
-import { Box, useTheme as useTheme$1, useMediaQuery, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, Backdrop, Autocomplete, Typography as Typography$1, TextField as TextField$1, InputAdornment, Badge as Badge$1, Paper, ToggleButtonGroup, ToggleButton } from "@mui/material";
+import { Box, useTheme as useTheme$1, useMediaQuery, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, Backdrop, Autocomplete, Typography as Typography$1, TextField as TextField$1, InputAdornment, SwipeableDrawer, Badge as Badge$1, Paper, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { lazyWithPreload } from "react-lazy-with-preload";
@@ -34,7 +34,7 @@ import { grey, green, amber } from "@mui/material/colors";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
 import DID from "@arcblock/ux/lib/DID";
 import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
-import { Link, useNavigate, useLocation, useParams, useSearchParams, useBlocker } from "react-router-dom";
+import { Link, useNavigate, useLocation, useParams, Outlet, useSearchParams, useBlocker } from "react-router-dom";
 import UxRelativeTime from "@arcblock/ux/lib/RelativeTime";
 import Chip from "@mui/material/Chip";
 import Stack from "@mui/material/Stack";
@@ -4827,7 +4827,10 @@ const useChatInWallet = () => {
       bridge.call("clickChat", { id: id2, title });
     }
   };
-  return { navigateToChat, isChatInWalletV2 };
+  const navigateToChatList = () => {
+    navigate("/chat-in-wallet");
+  };
+  return { navigateToChat, navigateToChatList, isChatInWalletV2 };
 };
 function ChatList({ inWallet, ...rest }) {
   const { t } = useLocaleContext();
@@ -4951,7 +4954,7 @@ function Message({ message, prevMessage, showTime = true, ...rest }) {
   const { t } = useLocaleContext();
   const { session, isAdmin } = useSessionContext();
   const { confirm } = useConfirm();
-  const { activeChatId, deleteMessage } = useChatContext();
+  const { activeChatId, deleteMessage, isInWallet } = useChatContext();
   const handleDeleteMessage = async () => {
     if (activeChatId) {
       const proceed = await confirm({
@@ -5034,6 +5037,7 @@ function Message({ message, prevMessage, showTime = true, ...rest }) {
             showDID: false,
             user: message.sender,
             createdAt: showTime ? message.createdAt : void 0,
+            linkToProfile: !isInWallet,
             size: "sm",
             style: {
               alignItems: "flex-start"
@@ -6155,24 +6159,12 @@ function Empty({ sx }) {
 }
 function ChatListInWallet({ sx, ...rest }) {
   const { initialized, chats, activeChatId } = useChatContext();
-  const downMd = useMediaQuery((theme) => theme.breakpoints.down("sm"));
-  const show = useMemo(() => {
-    if (downMd) {
-      return {
-        left: !activeChatId,
-        right: !!activeChatId
-      };
-    }
-    return {
-      left: true,
-      right: true
-    };
-  }, [downMd, activeChatId]);
+  const { navigateToChatList } = useChatInWallet();
   if (!initialized) {
     return /* @__PURE__ */ jsx(CircularProgress, {});
   }
   const mergedSx = [{ display: "flex", height: "100%", bgcolor: "#fff" }, ...Array.isArray(sx) ? sx : [sx]];
-  return /* @__PURE__ */ jsx(Box$1, { ...rest, sx: mergedSx, children: show.left && /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Box$1, { ...rest, sx: mergedSx, children: /* @__PURE__ */ jsxs(
     Box$1,
     {
       sx: {
@@ -6185,7 +6177,19 @@ function ChatListInWallet({ sx, ...rest }) {
         /* @__PURE__ */ jsx(UserSearch, { sx: { flex: "0 0 auto", py: 1, px: 3 } }),
         /* @__PURE__ */ jsx(Divider, {}),
         !!(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsx(ChatList, { sx: { flex: 1, overflowY: "auto" }, inWallet: true }),
-        !(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsx(Empty, { sx: { flex: 1 } })
+        !(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsx(Empty, { sx: { flex: 1 } }),
+        /* @__PURE__ */ jsx(
+          SwipeableDrawer,
+          {
+            PaperProps: { sx: { width: 1 } },
+            anchor: "right",
+            open: !!activeChatId,
+            onClose: () => navigateToChatList(),
+            onOpen: () => {
+            },
+            children: /* @__PURE__ */ jsx(Box$1, { sx: { width: 1, height: 1 }, children: /* @__PURE__ */ jsx(Outlet, {}) })
+          }
+        )
       ]
     }
   ) });
@@ -6482,7 +6486,7 @@ function Pagination({
     }
   );
 }
-const Editor = lazy(() => import("./editor-DnJ6aon9.mjs"));
+const Editor = lazy(() => import("./editor--hs9MIdY.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { T, n, W, A, m, ad, B, F, K, J, L, ap, Y, X, $, Z, _, a1, w, C, x, y, E, a5, a6, ah, a8, O, Q, ac, D, ag, af, H, G, b, k, ae, M, P, ao, v, q, R, S, a9, aq, o, a2, a4, ai, al, ak, 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-B9C3Sh2v.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-DgTXQw5U.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -4757,7 +4757,10 @@ var __publicField = (obj, key, value) => {
         bridge.call("clickChat", { id: id2, title });
       }
     };
-    return { navigateToChat, isChatInWalletV2 };
+    const navigateToChatList = () => {
+      navigate("/chat-in-wallet");
+    };
+    return { navigateToChat, navigateToChatList, isChatInWalletV2 };
   };
   function ChatList({ inWallet, ...rest }) {
     const { t } = context.useLocaleContext();
@@ -4881,7 +4884,7 @@ var __publicField = (obj, key, value) => {
     const { t } = context.useLocaleContext();
     const { session, isAdmin } = useSessionContext();
     const { confirm } = useConfirm();
-    const { activeChatId, deleteMessage } = useChatContext();
+    const { activeChatId, deleteMessage, isInWallet } = useChatContext();
     const handleDeleteMessage = async () => {
       if (activeChatId) {
         const proceed = await confirm({
@@ -4964,6 +4967,7 @@ var __publicField = (obj, key, value) => {
               showDID: false,
               user: message.sender,
               createdAt: showTime ? message.createdAt : void 0,
+              linkToProfile: !isInWallet,
               size: "sm",
               style: {
                 alignItems: "flex-start"
@@ -6085,24 +6089,12 @@ var __publicField = (obj, key, value) => {
   }
   function ChatListInWallet({ sx, ...rest }) {
     const { initialized, chats, activeChatId } = useChatContext();
-    const downMd = material.useMediaQuery((theme) => theme.breakpoints.down("sm"));
-    const show = require$$0.useMemo(() => {
-      if (downMd) {
-        return {
-          left: !activeChatId,
-          right: !!activeChatId
-        };
-      }
-      return {
-        left: true,
-        right: true
-      };
-    }, [downMd, activeChatId]);
+    const { navigateToChatList } = useChatInWallet();
     if (!initialized) {
       return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, {});
     }
     const mergedSx = [{ display: "flex", height: "100%", bgcolor: "#fff" }, ...Array.isArray(sx) ? sx : [sx]];
-    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...rest, sx: mergedSx, children: show.left && /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...rest, sx: mergedSx, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
         sx: {
@@ -6115,7 +6107,19 @@ var __publicField = (obj, key, value) => {
           /* @__PURE__ */ jsxRuntime.jsx(UserSearch, { sx: { flex: "0 0 auto", py: 1, px: 3 } }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
           !!(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsxRuntime.jsx(ChatList, { sx: { flex: 1, overflowY: "auto" }, inWallet: true }),
-          !(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsxRuntime.jsx(Empty, { sx: { flex: 1 } })
+          !(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsxRuntime.jsx(Empty, { sx: { flex: 1 } }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.SwipeableDrawer,
+            {
+              PaperProps: { sx: { width: 1 } },
+              anchor: "right",
+              open: !!activeChatId,
+              onClose: () => navigateToChatList(),
+              onOpen: () => {
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { width: 1, height: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) })
+            }
+          )
         ]
       }
     ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.248",
+  "version": "1.6.250",
   "files": [
     "dist"
   ],
@@ -30,8 +30,8 @@
   "dependencies": {
     "@arcblock/bridge": "^2.9.77",
     "@arcblock/ws": "^1.18.116",
-    "@blocklet/editor": "1.6.248",
-    "@blocklet/labels": "1.6.248",
+    "@blocklet/editor": "1.6.250",
+    "@blocklet/labels": "1.6.250",
     "@blocklet/uploader": "^0.1.2",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -98,5 +98,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "3c8c1ef53a2022d046862c57ba938b252d264525"
+  "gitHead": "e7ee78b9cef91ee3c5d6278e2e232a26a40164d1"
 }