@blocklet/discuss-kit-ux 2.1.139 → 2.1.141

package/dist/components/toast.d.ts

@@ -0,0 +1,8 @@
+import { default as hotToast } from 'react-hot-toast';
+type Message = Parameters<typeof hotToast>[0];
+export type ToastOptions = Parameters<typeof hotToast>[1];
+type Toast = typeof hotToast & {
+    warning: (message: Message, options?: ToastOptions) => string;
+};
+declare let toast: Toast;
+export { toast };

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

package/dist/{index-Bgt3USBX.mjs → index-BB0w4gSN.mjs}

@@ -1,7 +1,7 @@
 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) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var _a, _b, _c, _d;
+var _a, _b, _c, _d, _e;
 import { Labels2, LabelPicker } from "@blocklet/labels";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled as styled$1 } from "@mui/material/styles";
@@ -77,7 +77,7 @@ import { useIsFocused } from "@blocklet/editor/lib/main/hooks/useIsFocused";
 import { BusyPlugin } from "@blocklet/editor/lib/ext/BusyPlugin";
 import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
 import { AxiosError } from "axios";
-import Toast from "@arcblock/ux/lib/Toast";
+import hotToast from "react-hot-toast";
 import MuiPagination from "@mui/material/Pagination";
 import { createContainer } from "unstated-next";
 import Cookie from "js-cookie";
@@ -1024,13 +1024,13 @@ function Badge({
   ] }) : null;
 }
 const useSessionContext = () => {
-  var _a2, _b2, _c2, _d2, _e, _f;
+  var _a2, _b2, _c2, _d2, _e2, _f;
   const ctx = useContext(SessionContext) || {};
   const roles = [...((_c2 = (_b2 = (_a2 = ctx == null ? void 0 : ctx.session) == null ? void 0 : _a2.user) == null ? void 0 : _b2.passports) == null ? void 0 : _c2.map((p) => p.name)) || [], "guest"];
   const permissionSet = useMemo(() => {
     var _a3, _b3;
     return new Set(((_b3 = (_a3 = ctx.session) == null ? void 0 : _a3.user) == null ? void 0 : _b3.permissions) || []);
-  }, [(_e = (_d2 = ctx.session) == null ? void 0 : _d2.user) == null ? void 0 : _e.permissions]);
+  }, [(_e2 = (_d2 = ctx.session) == null ? void 0 : _d2.user) == null ? void 0 : _e2.permissions]);
   const hasAnyPassport = (passports) => {
     if (!passports || passports.length === 0) {
       return true;
@@ -1207,25 +1207,25 @@ const useChatInWallet = () => {
   const navigate = useNavigate();
   const { walletVersion, mobile } = useBrowser();
   const chatInWallet = useMatch("/chat-in-wallet/:chatId?");
-  const isInArcSphere = ((_a2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a2.userAgent.indexOf("ArcSphere")) > -1;
+  const isInArcSphere2 = ((_a2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a2.userAgent.indexOf("ArcSphere")) > -1;
   const isChatInWalletV2 = useMemo(() => {
     try {
       const targetVersion = mobile.apple.device ? "5.3.5" : "5.3.1";
-      return isInArcSphere || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+      return isInArcSphere2 || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
     } catch (e) {
       console.error(e);
       return false;
     }
-  }, [walletVersion, mobile, isInArcSphere]);
+  }, [walletVersion, mobile, isInArcSphere2]);
   const isWebNavbar = useMemo(() => {
     try {
       const targetVersion = mobile.apple.device ? "5.4.6" : "5.4.4";
-      return isInArcSphere || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+      return isInArcSphere2 || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
     } catch (e) {
       console.error(e);
       return false;
     }
-  }, [walletVersion, mobile, isInArcSphere]);
+  }, [walletVersion, mobile, isInArcSphere2]);
   const navigateToChat = ({ id: id2, title }) => {
     if (isChatInWalletV2) {
       navigate(`/chat-in-wallet/${id2}`);
@@ -1244,7 +1244,7 @@ const useChatInWallet = () => {
     navigateToChatList,
     isChatInWalletV2,
     isWebNavbar,
-    isInArcSphere,
+    isInArcSphere: isInArcSphere2,
     updateUnreadState,
     chatInWallet
   };
@@ -4799,7 +4799,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 = lazyRetry(() => import("./editor-BiGepVAY.mjs"));
+const Editor = lazyRetry(() => import("./editor-BADlWI3X.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5663,7 +5663,7 @@ function ChatListInWallet({ sx, ...rest }) {
   const { session } = useSessionContext();
   const { initialized, chats, activeChatId } = useChatContext();
   const { unread } = useUnreadNotification();
-  const { navigateToChatList, updateUnreadState, isWebNavbar, isInArcSphere } = useChatInWallet();
+  const { navigateToChatList, updateUnreadState, isWebNavbar, isInArcSphere: isInArcSphere2 } = useChatInWallet();
   useEffect(() => {
     if (unread !== void 0) {
       updateUnreadState(unread);
@@ -5704,7 +5704,7 @@ function ChatListInWallet({ sx, ...rest }) {
                 mb: 1
               },
               children: [
-                isInArcSphere && /* @__PURE__ */ jsx(IconButton$2, { onClick: () => bridge.call("arcClosePage"), children: /* @__PURE__ */ jsx(Box$1, { component: ArrowBackIosIcon, sx: { fontSize: 16 } }) }),
+                isInArcSphere2 && /* @__PURE__ */ jsx(IconButton$2, { onClick: () => bridge.call("arcClosePage"), children: /* @__PURE__ */ jsx(Box$1, { component: ArrowBackIosIcon, sx: { fontSize: 16 } }) }),
                 /* @__PURE__ */ jsxs(
                   Box$1,
                   {
@@ -5848,14 +5848,55 @@ const useApiErrorHandler = ({ request, errorHandler }) => {
     };
   }, []);
 };
+let toast = Object.assign(hotToast, {
+  warning: (message, options) => {
+    return hotToast.error(message, { ...options, icon: "⚠️" });
+  }
+});
+const isInArcSphere = ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent.indexOf("ArcSphere")) > -1;
+if (isInArcSphere) {
+  toast = Object.assign(
+    (message) => {
+      try {
+        return bridge.call("arc__toast", { text: message });
+      } catch (e) {
+        return hotToast(message);
+      }
+    },
+    hotToast,
+    {
+      error: (message) => {
+        try {
+          return bridge.call("arc__toast", { text: message, level: "error" });
+        } catch (e) {
+          return hotToast.error(message);
+        }
+      },
+      success: (message) => {
+        try {
+          return bridge.call("arc__toast", { text: message, level: "success" });
+        } catch (e) {
+          return hotToast.success(message);
+        }
+      },
+      warning: (message, options) => {
+        try {
+          return bridge.call("arc__toast", { text: message, level: "warning" });
+        } catch (e) {
+          return hotToast.error(message, { ...options, icon: "⚠️" });
+        }
+      }
+    }
+  );
+}
 const useDefaultApiErrorHandler = (options) => {
   const { request, onError } = options;
   const { t } = useLocaleContext();
   const showError = (msg, toastOptions) => {
-    Toast.error(msg, { preventDuplicate: true, ...toastOptions });
+    toast.error(msg, toastOptions);
   };
   const showWarning = (msg, toastOptions) => {
-    Toast.warning(msg, { preventDuplicate: true, ...toastOptions });
+    toast.warning(msg, toastOptions);
   };
   const errorHandler = {
     handleError(error) {
@@ -5892,7 +5933,7 @@ const useDefaultApiErrorHandler = (options) => {
                   ")"
                 ] })
               ] }),
-              { autoHideDuration: 1e4 }
+              { duration: 1e4, style: { maxWidth: "500px" } }
             );
             break;
           }
@@ -11875,14 +11916,14 @@ function create(prefix2) {
     }
   });
 }
-function getWsClient(prefix2 = ((_e) => (_e = window.blocklet) == null ? void 0 : _e.prefix)() || "/") {
+function getWsClient(prefix2 = ((_f) => (_f = window.blocklet) == null ? void 0 : _f.prefix)() || "/") {
   if (!client) {
     client = create(prefix2);
   }
   return client;
 }
 const useSubscription = (event, cb = () => {
-}, deps = [], prefix2 = ((_f) => (_f = window.blocklet) == null ? void 0 : _f.prefix)() || "/") => {
+}, deps = [], prefix2 = ((_g) => (_g = window.blocklet) == null ? void 0 : _g.prefix)() || "/") => {
   useEffect(() => {
     if (event) {
       if (!client) {
@@ -12329,6 +12370,7 @@ export {
   create as ar,
   getWsClient as as,
   useSubscription as at,
+  toast as au,
   Input as b,
   useChanged as c,
   useSessionContext as d,

package/dist/index.d.ts

@@ -27,4 +27,5 @@ export * from './components/point-up';
 export * from './components/button-group';
 export * from './components/segmented-control';
 export * from './ws';
+export * from './components/toast';
 export { default as RelativeTime } from './components/shared/relative-time';

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, ar, N, am, as, l, f, p, r, j, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-Bgt3USBX.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, ar, N, am, as, l, f, p, r, j, au, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-BB0w4gSN.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -71,6 +71,7 @@ export {
   p as preloadInput,
   r as routes,
   j as themeOverrides,
+  au as toast,
   t as translations,
   h as typography,
   aa as useApiErrorHandler,

package/dist/index.umd.js

@@ -1,11 +1,11 @@
 (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("@arcblock/ux/lib/Locale/context"), require("@mui/icons-material"), require("@mui/lab/LoadingButton"), require("@mui/material/Alert"), require("@mui/material/Box"), 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("@arcblock/ux/lib/Util"), 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("@blocklet/editor/lib/ext/EditorHolderPlugin"), require("@mui/material/colors/red"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("ufo"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("url-join"), 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("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/icons-material/ArrowBackIos"), 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", "@arcblock/ux/lib/Locale/context", "@mui/icons-material", "@mui/lab/LoadingButton", "@mui/material/Alert", "@mui/material/Box", "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", "@arcblock/ux/lib/Util", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@blocklet/editor/lib/ext/EditorHolderPlugin", "@mui/material/colors/red", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "ufo", "dayjs", "dayjs/plugin/relativeTime", "url-join", "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", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/icons-material/ArrowBackIos", "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.context, global.iconsMaterial, global.LoadingButton, global.Alert, global.Box, 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.Util, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.EditorHolderPlugin, global.red, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.ufo, global.dayjs, global.relativeTime, global.joinUrl, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.ArrowBackIosIcon, 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, context, iconsMaterial, LoadingButton, Alert, Box, 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, Util, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, EditorHolderPlugin, red, Dialog, orderBy, Typography, Skeleton, ReactDOM, ufo, dayjs, relativeTime, joinUrl, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, ArrowBackIosIcon, 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("@arcblock/ux/lib/Locale/context"), require("@mui/icons-material"), require("@mui/lab/LoadingButton"), require("@mui/material/Alert"), require("@mui/material/Box"), 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("@arcblock/ux/lib/Util"), 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("@blocklet/editor/lib/ext/EditorHolderPlugin"), require("@mui/material/colors/red"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("ufo"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("url-join"), 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("@blocklet/editor/lib/ext/BusyPlugin"), require("@mui/icons-material/ArrowBackIos"), require("axios"), require("react-hot-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", "@arcblock/ux/lib/Locale/context", "@mui/icons-material", "@mui/lab/LoadingButton", "@mui/material/Alert", "@mui/material/Box", "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", "@arcblock/ux/lib/Util", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@blocklet/editor/lib/ext/EditorHolderPlugin", "@mui/material/colors/red", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "ufo", "dayjs", "dayjs/plugin/relativeTime", "url-join", "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", "@blocklet/editor/lib/ext/BusyPlugin", "@mui/icons-material/ArrowBackIos", "axios", "react-hot-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.context, global.iconsMaterial, global.LoadingButton, global.Alert, global.Box, 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.Util, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.EditorHolderPlugin, global.red, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.ufo, global.dayjs, global.relativeTime, global.joinUrl, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.BusyPlugin, global.ArrowBackIosIcon, global.axios, global.hotToast, 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, context, iconsMaterial, LoadingButton, Alert, Box, 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, Util, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, EditorHolderPlugin, red, Dialog, orderBy, Typography, Skeleton, ReactDOM, ufo, dayjs, relativeTime, joinUrl, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, BusyPlugin, ArrowBackIosIcon, axios, hotToast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, 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) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e;
   const typography = {
     h1: {
       fontSize: "1.875rem",
@@ -947,13 +947,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] }) : null;
   }
   const useSessionContext = () => {
-    var _a2, _b2, _c2, _d2, _e, _f;
+    var _a2, _b2, _c2, _d2, _e2, _f;
     const ctx = react.useContext(Session.SessionContext) || {};
     const roles = [...((_c2 = (_b2 = (_a2 = ctx == null ? void 0 : ctx.session) == null ? void 0 : _a2.user) == null ? void 0 : _b2.passports) == null ? void 0 : _c2.map((p) => p.name)) || [], "guest"];
     const permissionSet = react.useMemo(() => {
       var _a3, _b3;
       return new Set(((_b3 = (_a3 = ctx.session) == null ? void 0 : _a3.user) == null ? void 0 : _b3.permissions) || []);
-    }, [(_e = (_d2 = ctx.session) == null ? void 0 : _d2.user) == null ? void 0 : _e.permissions]);
+    }, [(_e2 = (_d2 = ctx.session) == null ? void 0 : _d2.user) == null ? void 0 : _e2.permissions]);
     const hasAnyPassport = (passports) => {
       if (!passports || passports.length === 0) {
         return true;
@@ -1130,25 +1130,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const navigate = reactRouterDom.useNavigate();
     const { walletVersion, mobile } = reactHooks.useBrowser();
     const chatInWallet = reactRouterDom.useMatch("/chat-in-wallet/:chatId?");
-    const isInArcSphere = ((_a2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a2.userAgent.indexOf("ArcSphere")) > -1;
+    const isInArcSphere2 = ((_a2 = window == null ? void 0 : window.navigator) == null ? void 0 : _a2.userAgent.indexOf("ArcSphere")) > -1;
     const isChatInWalletV2 = react.useMemo(() => {
       try {
         const targetVersion = mobile.apple.device ? "5.3.5" : "5.3.1";
-        return isInArcSphere || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+        return isInArcSphere2 || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
       } catch (e) {
         console.error(e);
         return false;
       }
-    }, [walletVersion, mobile, isInArcSphere]);
+    }, [walletVersion, mobile, isInArcSphere2]);
     const isWebNavbar = react.useMemo(() => {
       try {
         const targetVersion = mobile.apple.device ? "5.4.6" : "5.4.4";
-        return isInArcSphere || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+        return isInArcSphere2 || !!walletVersion && cmp(walletVersion, targetVersion) === 1;
       } catch (e) {
         console.error(e);
         return false;
       }
-    }, [walletVersion, mobile, isInArcSphere]);
+    }, [walletVersion, mobile, isInArcSphere2]);
     const navigateToChat = ({ id: id2, title }) => {
       if (isChatInWalletV2) {
         navigate(`/chat-in-wallet/${id2}`);
@@ -1167,7 +1167,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       navigateToChatList,
       isChatInWalletV2,
       isWebNavbar,
-      isInArcSphere,
+      isInArcSphere: isInArcSphere2,
       updateUnreadState,
       chatInWallet
     };
@@ -5586,7 +5586,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const { session } = useSessionContext();
     const { initialized, chats, activeChatId } = useChatContext();
     const { unread } = useUnreadNotification();
-    const { navigateToChatList, updateUnreadState, isWebNavbar, isInArcSphere } = useChatInWallet();
+    const { navigateToChatList, updateUnreadState, isWebNavbar, isInArcSphere: isInArcSphere2 } = useChatInWallet();
     react.useEffect(() => {
       if (unread !== void 0) {
         updateUnreadState(unread);
@@ -5627,7 +5627,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                   mb: 1
                 },
                 children: [
-                  isInArcSphere && /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: () => bridge.call("arcClosePage"), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: ArrowBackIosIcon, sx: { fontSize: 16 } }) }),
+                  isInArcSphere2 && /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: () => bridge.call("arcClosePage"), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: ArrowBackIosIcon, sx: { fontSize: 16 } }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     Box,
                     {
@@ -5771,14 +5771,55 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       };
     }, []);
   };
+  exports2.toast = Object.assign(hotToast, {
+    warning: (message, options) => {
+      return hotToast.error(message, { ...options, icon: "⚠️" });
+    }
+  });
+  const isInArcSphere = ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent.indexOf("ArcSphere")) > -1;
+  if (isInArcSphere) {
+    exports2.toast = Object.assign(
+      (message) => {
+        try {
+          return bridge.call("arc__toast", { text: message });
+        } catch (e) {
+          return hotToast(message);
+        }
+      },
+      hotToast,
+      {
+        error: (message) => {
+          try {
+            return bridge.call("arc__toast", { text: message, level: "error" });
+          } catch (e) {
+            return hotToast.error(message);
+          }
+        },
+        success: (message) => {
+          try {
+            return bridge.call("arc__toast", { text: message, level: "success" });
+          } catch (e) {
+            return hotToast.success(message);
+          }
+        },
+        warning: (message, options) => {
+          try {
+            return bridge.call("arc__toast", { text: message, level: "warning" });
+          } catch (e) {
+            return hotToast.error(message, { ...options, icon: "⚠️" });
+          }
+        }
+      }
+    );
+  }
   const useDefaultApiErrorHandler = (options) => {
     const { request, onError } = options;
     const { t } = context.useLocaleContext();
     const showError = (msg, toastOptions) => {
-      Toast.error(msg, { preventDuplicate: true, ...toastOptions });
+      exports2.toast.error(msg, toastOptions);
     };
     const showWarning = (msg, toastOptions) => {
-      Toast.warning(msg, { preventDuplicate: true, ...toastOptions });
+      exports2.toast.warning(msg, toastOptions);
     };
     const errorHandler = {
       handleError(error) {
@@ -5815,7 +5856,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                     ")"
                   ] })
                 ] }),
-                { autoHideDuration: 1e4 }
+                { duration: 1e4, style: { maxWidth: "500px" } }
               );
               break;
             }
@@ -11798,14 +11839,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     });
   }
-  function getWsClient(prefix2 = ((_e) => (_e = window.blocklet) == null ? void 0 : _e.prefix)() || "/") {
+  function getWsClient(prefix2 = ((_f) => (_f = window.blocklet) == null ? void 0 : _f.prefix)() || "/") {
     if (!client) {
       client = create(prefix2);
     }
     return client;
   }
   const useSubscription = (event, cb = () => {
-  }, deps = [], prefix2 = ((_f) => (_f = window.blocklet) == null ? void 0 : _f.prefix)() || "/") => {
+  }, deps = [], prefix2 = ((_g) => (_g = window.blocklet) == null ? void 0 : _g.prefix)() || "/") => {
     react.useEffect(() => {
       if (event) {
         if (!client) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.139",
+  "version": "2.1.141",
   "files": [
     "dist"
   ],
@@ -21,7 +21,7 @@
     "@arcblock/bridge": "^2.11.30",
     "@arcblock/react-hooks": "^2.11.30",
     "@arcblock/ws": "^1.19.6",
-    "@blocklet/uploader": "^0.1.64",
+    "@blocklet/uploader": "^0.1.66",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
@@ -38,14 +38,15 @@
     "mitt": "^3.0.1",
     "react-flip-toolkit": "^7.2.4",
     "react-helmet": "^6.1.0",
+    "react-hot-toast": "^2.4.1",
     "react-lazy-with-preload": "^2.2.1",
     "react-select": "^5.8.1",
     "semver-compare": "^1.0.0",
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.139",
-    "@blocklet/labels": "^2.1.139"
+    "@blocklet/editor": "^2.1.141",
+    "@blocklet/labels": "^2.1.141"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",