@blocklet/discuss-kit-ux 2.3.89 → 2.3.91

package/dist/{editor-Dky1WFks.mjs → editor-B-PsBOgd.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazyRetry } from "@arcblock/ux/lib/Util";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-BkSohJfw.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-Cdy8-Zg8.mjs";
 const BlockletEditor = lazyRetry(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-BkSohJfw.mjs → index-Cdy8-Zg8.mjs}

@@ -7,7 +7,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$2 } from "@mui/material/styles";
 import { create as create$1, styled } from "@arcblock/ux/lib/Theme";
 import { useEffect, useRef, useState, createElement, useContext, useMemo, useLayoutEffect, useCallback, isValidElement, Suspense, createContext, Fragment as Fragment$1, forwardRef, useImperativeHandle } from "react";
-import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, IconButton as IconButton$3, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, Skeleton, InputBase, Badge as Badge$1, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, SwipeableDrawer, ToggleButtonGroup, ToggleButton, Link as Link$1 } from "@mui/material";
+import { Box, useTheme as useTheme$1, useMediaQuery, styled as styled$1, Button as Button$1, Stack as Stack$1, Dialog, DialogTitle, DialogContent, DialogActions, DialogContentText, IconButton as IconButton$3, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Divider, Skeleton, InputBase, Badge as Badge$1, tooltipClasses as tooltipClasses$1, CircularProgress, Backdrop, Autocomplete, Typography as Typography$1, TextField, InputAdornment, ToggleButtonGroup, ToggleButton, Link as Link$1 } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { lazyWithPreload } from "react-lazy-with-preload";
@@ -30,7 +30,7 @@ import AvatarGroup from "@mui/material/AvatarGroup";
 import { grey, green, amber } from "@mui/material/colors";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
 import DID from "@arcblock/ux/lib/DID";
-import { useNavigate, useMatch, Link, useLocation, useParams, Outlet, useSearchParams, useBlocker } from "react-router-dom";
+import { useNavigate, useMatch, Link, useLocation, useParams, useSearchParams, useBlocker } from "react-router-dom";
 import UserCard from "@arcblock/ux/lib/UserCard";
 import { CardType, InfoType } from "@arcblock/ux/lib/UserCard/types";
 import { useBrowser } from "@arcblock/react-hooks";
@@ -1318,7 +1318,7 @@ function ProfileCard({ user, click, ...rest }) {
           ] })
         ] }),
         chatUrl && (user == null ? void 0 : user.did) !== window.blocklet.appId && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) && ((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.did) !== user.did && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Box, { sx: { my: 2, borderTop: "1px solid #eee" } }),
+          /* @__PURE__ */ jsx(Box, { sx: { my: 2, borderTop: "1px solid", borderColor: "divider" } }),
           /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
             Button$1,
             {
@@ -5093,7 +5093,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", 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", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazyRetry(() => import("./editor-Dky1WFks.mjs"));
+const Editor = lazyRetry(() => import("./editor-B-PsBOgd.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5912,7 +5912,17 @@ function ChatInWallet({ sx, ...rest }) {
     };
   }, [downMd, activeChatId]);
   if (!initialized) {
-    return /* @__PURE__ */ jsx(CircularProgress$1, {});
+    return /* @__PURE__ */ jsx(
+      Backdrop,
+      {
+        open: true,
+        sx: {
+          zIndex: (theme) => theme.zIndex.drawer + 1,
+          bgcolor: "transparent"
+        },
+        children: /* @__PURE__ */ jsx(CircularProgress$1, {})
+      }
+    );
   }
   const mergedSx = [
     { display: "flex", height: "100%", bgcolor: "background.default" },
@@ -5941,32 +5951,12 @@ function Empty({ sx }) {
     /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { fontSize: 14, fontWeight: 500 }, children: t("chat.noChats") })
   ] });
 }
-function DrawerInner(props) {
-  const ref = useRef(null);
-  useEffect(() => {
-    const onTouchMove = (e) => {
-      var _a2;
-      if ((_a2 = window == null ? void 0 : window.getSelection()) == null ? void 0 : _a2.toString()) {
-        e.stopPropagation();
-      }
-    };
-    if (ref.current) {
-      ref.current.addEventListener("touchmove", onTouchMove);
-      return () => {
-        document.removeEventListener("touchmove", onTouchMove);
-      };
-    }
-    return () => {
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(Box$1, { ref, ...props });
-}
 function ChatListInWallet({ sx, ...rest }) {
-  var _a2, _b2, _c2, _d2;
+  var _a2, _b2, _c2;
   const { session } = useSessionContext();
-  const { initialized, chats, activeChatId } = useChatContext();
+  const { initialized, chats } = useChatContext();
   const { unreadMessageCount } = useUnreadNotification();
-  const { navigateToChatList, updateUnreadState, isWebNavbar } = useChatInWallet();
+  const { updateUnreadState, isWebNavbar } = useChatInWallet();
   useEffect(() => {
     updateUnreadState({ unread: unreadMessageCount > 0, unreadMessageCount });
   }, [unreadMessageCount, updateUnreadState]);
@@ -6039,32 +6029,7 @@ function ChatListInWallet({ sx, ...rest }) {
         ] }),
         /* @__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 } }),
-        /* @__PURE__ */ jsx(
-          SwipeableDrawer,
-          {
-            disableSwipeToOpen: true,
-            PaperProps: { sx: { width: 1 } },
-            anchor: "right",
-            open: !!activeChatId,
-            onClose: () => navigateToChatList(),
-            onOpen: () => {
-            },
-            children: /* @__PURE__ */ jsx(
-              DrawerInner,
-              {
-                sx: {
-                  width: 1,
-                  height: 1,
-                  ...((_d2 = window.chatInWallet) == null ? void 0 : _d2.safeAreaInsetTop) && {
-                    pt: `${window.chatInWallet.safeAreaInsetTop}px`
-                  }
-                },
-                children: /* @__PURE__ */ jsx(Outlet, {})
-              }
-            )
-          }
-        )
+        !(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsx(Empty, { sx: { flex: 1 } })
       ]
     }
   ) });

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { W, o, Y, aQ, A, n, af, B, G, N, L, O, ar, _, Z, a1, $, a0, a3, x, C, y, z, F, a7, a8, aj, aa, T, U, ae, D, ai, ah, K, H, J, aG, aH, b, m, ag, M, P, aC, aq, w, aR, aS, v, aE, aF, R, S, ab, as, aD, q, aP, a4, a6, ak, an, am, aM, aI, aA, at, Q, ao, aK, au, aJ, ax, ay, aN, aL, l, az, h, p, r, k, aw, t, j, ac, aB, X, aT, c, a2, E, a9, ad, aV, e, u, ap, d, av, aU, aO, a5, al, f } from "./index-BkSohJfw.mjs";
+import { W, o, Y, aQ, A, n, af, B, G, N, L, O, ar, _, Z, a1, $, a0, a3, x, C, y, z, F, a7, a8, aj, aa, T, U, ae, D, ai, ah, K, H, J, aG, aH, b, m, ag, M, P, aC, aq, w, aR, aS, v, aE, aF, R, S, ab, as, aD, q, aP, a4, a6, ak, an, am, aM, aI, aA, at, Q, ao, aK, au, aJ, ax, ay, aN, aL, l, az, h, p, r, k, aw, t, j, ac, aB, X, aT, c, a2, E, a9, ad, aV, e, u, ap, d, av, aU, aO, a5, al, f } from "./index-Cdy8-Zg8.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -1235,7 +1235,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             ] })
           ] }),
           chatUrl && (user == null ? void 0 : user.did) !== window.blocklet.appId && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) && ((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.did) !== user.did && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { my: 2, borderTop: "1px solid #eee" } }),
+            /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { my: 2, borderTop: "1px solid", borderColor: "divider" } }),
             /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
               material.Button,
               {
@@ -5829,7 +5829,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }, [downMd, activeChatId]);
     if (!initialized) {
-      return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, {});
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        material.Backdrop,
+        {
+          open: true,
+          sx: {
+            zIndex: (theme) => theme.zIndex.drawer + 1,
+            bgcolor: "transparent"
+          },
+          children: /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, {})
+        }
+      );
     }
     const mergedSx = [
       { display: "flex", height: "100%", bgcolor: "background.default" },
@@ -5858,32 +5868,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { fontSize: 14, fontWeight: 500 }, children: t("chat.noChats") })
     ] });
   }
-  function DrawerInner(props) {
-    const ref = react.useRef(null);
-    react.useEffect(() => {
-      const onTouchMove = (e) => {
-        var _a2;
-        if ((_a2 = window == null ? void 0 : window.getSelection()) == null ? void 0 : _a2.toString()) {
-          e.stopPropagation();
-        }
-      };
-      if (ref.current) {
-        ref.current.addEventListener("touchmove", onTouchMove);
-        return () => {
-          document.removeEventListener("touchmove", onTouchMove);
-        };
-      }
-      return () => {
-      };
-    }, []);
-    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...props });
-  }
   function ChatListInWallet({ sx, ...rest }) {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2;
     const { session } = useSessionContext();
-    const { initialized, chats, activeChatId } = useChatContext();
+    const { initialized, chats } = useChatContext();
     const { unreadMessageCount } = useUnreadNotification();
-    const { navigateToChatList, updateUnreadState, isWebNavbar } = useChatInWallet();
+    const { updateUnreadState, isWebNavbar } = useChatInWallet();
     react.useEffect(() => {
       updateUnreadState({ unread: unreadMessageCount > 0, unreadMessageCount });
     }, [unreadMessageCount, updateUnreadState]);
@@ -5956,32 +5946,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           ] }),
           /* @__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 } }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            material.SwipeableDrawer,
-            {
-              disableSwipeToOpen: true,
-              PaperProps: { sx: { width: 1 } },
-              anchor: "right",
-              open: !!activeChatId,
-              onClose: () => navigateToChatList(),
-              onOpen: () => {
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                DrawerInner,
-                {
-                  sx: {
-                    width: 1,
-                    height: 1,
-                    ...((_d2 = window.chatInWallet) == null ? void 0 : _d2.safeAreaInsetTop) && {
-                      pt: `${window.chatInWallet.safeAreaInsetTop}px`
-                    }
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
-                }
-              )
-            }
-          )
+          !(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsxRuntime.jsx(Empty, { sx: { flex: 1 } })
         ]
       }
     ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.3.89",
+  "version": "2.3.91",
   "files": [
     "dist"
   ],
@@ -48,8 +48,8 @@
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/editor": "^2.3.89",
-    "@blocklet/labels": "^2.3.89"
+    "@blocklet/editor": "^2.3.91",
+    "@blocklet/labels": "^2.3.91"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",