@blocklet/discuss-kit-ux 2.3.88 → 2.3.90

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

package/dist/{index-Dzkqoajm.mjs → index-B4yCNZSD.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";
@@ -1789,7 +1789,8 @@ const DISCUSS_KIT_DID = "z8ia1WEiBZ7hxURf6LwH21Wpg99vophFwSJdu";
 function hashText(text = "") {
   return murmurhash.v3(text).toString(16);
 }
-const isInlineTranslationAvailable = blockletExists([AIGNE_RUNTIME_DID, AIGNE_STUDIO_DID, DISCUSS_KIT_DID]) && !!window.blocklet.preferences.inlineTranslatorAgentAid;
+const autoTranslationAID = window.blocklet.preferences.inlineTranslatorAgentAid || window.blocklet.AUTO_TRANSLATION_AID;
+const isInlineTranslationAvailable = blockletExists([AIGNE_RUNTIME_DID, AIGNE_STUDIO_DID, DISCUSS_KIT_DID]) && !!autoTranslationAID;
 function detectLanguageIso6391(src) {
   return null;
 }
@@ -5092,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-B6CJ7JCh.mjs"));
+const Editor = lazyRetry(() => import("./editor-C1B4rEI2.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5911,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" },
@@ -5940,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]);
@@ -6038,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-Dzkqoajm.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-B4yCNZSD.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -1706,7 +1706,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   function hashText(text2 = "") {
     return murmurhash.v3(text2).toString(16);
   }
-  const isInlineTranslationAvailable = blockletExists([AIGNE_RUNTIME_DID, AIGNE_STUDIO_DID, DISCUSS_KIT_DID]) && !!window.blocklet.preferences.inlineTranslatorAgentAid;
+  const autoTranslationAID = window.blocklet.preferences.inlineTranslatorAgentAid || window.blocklet.AUTO_TRANSLATION_AID;
+  const isInlineTranslationAvailable = blockletExists([AIGNE_RUNTIME_DID, AIGNE_STUDIO_DID, DISCUSS_KIT_DID]) && !!autoTranslationAID;
   function detectLanguageIso6391(src) {
     return null;
   }
@@ -5828,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" },
@@ -5857,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]);
@@ -5955,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.88",
+  "version": "2.3.90",
   "files": [
     "dist"
   ],
@@ -48,8 +48,8 @@
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/editor": "^2.3.88",
-    "@blocklet/labels": "^2.3.88"
+    "@blocklet/editor": "^2.3.90",
+    "@blocklet/labels": "^2.3.90"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",