@blocklet/discuss-kit-ux 2.1.160 → 2.1.162

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

@@ -0,0 +1,16 @@
+export declare const isInArcSphere: boolean;
+export declare const isInArcSphereDialog: boolean;
+interface OpenDialogOptions {
+    url: string;
+    type?: 'full' | 'half';
+    onClose?: (reason: string) => void;
+}
+export declare const openArcSphereDialog: ({ url, type, onClose }: OpenDialogOptions) => void;
+export declare const closeArcSphereDialog: (reason?: string) => void;
+export declare const useArcSphereDialog: () => {
+    open: ({ authRequired, ...options }: OpenDialogOptions & {
+        authRequired?: boolean | undefined;
+    }) => void;
+    close: (reason?: string) => void;
+};
+export {};

package/dist/components/back.d.ts

@@ -6,5 +6,5 @@ interface BackProps {
     sx?: SxProps;
     icon?: React.ReactNode;
 }
-export declare function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }: BackProps & ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }: BackProps & ButtonProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

package/dist/{index-MPAyKNVs.mjs → index-CeuyJya0.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, _e;
+var _a, _b, _c, _d, _e, _f;
 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";
@@ -13,7 +13,7 @@ import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/conf
 import { lazyWithPreload } from "react-lazy-with-preload";
 import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection } from "lexical";
 import { $isRootTextContentEmpty } from "@lexical/text";
-import { joinURL, withTrailingSlash, withQuery } from "ufo";
+import { joinURL, withTrailingSlash, withQuery, parseQuery } from "ufo";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
 import { VideoNode } from "@blocklet/editor/lib/ext/VideoPlugin/VideoNode";
@@ -76,6 +76,7 @@ import debounce from "lodash/debounce";
 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 { AddonButton } from "@arcblock/ux/lib/Header/addon-button";
 import { AxiosError } from "axios";
 import hotToast from "react-hot-toast";
 import MuiPagination from "@mui/material/Pagination";
@@ -1038,7 +1039,7 @@ function Badge({
   ] }) : null;
 }
 const useSessionContext = () => {
-  var _a2, _b2, _c2, _d2, _e2, _f;
+  var _a2, _b2, _c2, _d2, _e2, _f2;
   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.role)) || [], "guest"];
   const permissionSet = useMemo(() => {
@@ -1054,7 +1055,7 @@ const useSessionContext = () => {
   };
   return {
     ...ctx,
-    isAuthenticated: !!((_f = ctx.session) == null ? void 0 : _f.user),
+    isAuthenticated: !!((_f2 = ctx.session) == null ? void 0 : _f2.user),
     isAdmin: hasAnyPassport(["admin", "owner"]),
     isMember: hasAnyPassport(["member"]),
     isBlogEditor: hasAnyPassport(["blogEditor"]),
@@ -4780,10 +4781,60 @@ function Participants({ users, sx, ...rest }) {
     }
   ) }) });
 }
+const isInArcSphere$1 = ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent.indexOf("ArcSphere")) > -1;
+const isInArcSphereDialog = !!parseQuery(window.location.search).arcSphereDialog;
+function normalizeUrl(url) {
+  if (url.startsWith("/")) {
+    return withQuery(joinURL(window.origin, window.blocklet.prefix, url), { arcSphereDialog: 1 });
+  }
+  return url;
+}
+const openArcSphereDialog = ({ url, type = "full", onClose }) => {
+  bridge.register("closePopupCallback", (arg) => {
+    onClose == null ? void 0 : onClose(arg);
+  });
+  bridge.call("arc__openPopup", {
+    url: normalizeUrl(url),
+    type
+  });
+};
+const closeArcSphereDialog = (reason) => {
+  if (isInArcSphereDialog) {
+    bridge.call("arc__closePopup", {
+      callback: "closePopupCallback",
+      args: [reason || ""]
+    });
+  }
+};
+const useArcSphereDialog = () => {
+  const { session } = useSessionContext();
+  const open = useCallback(
+    ({ authRequired = true, ...options }) => {
+      if (authRequired && !session.user) {
+        session.login(() => {
+          openArcSphereDialog(options);
+        });
+      } else {
+        openArcSphereDialog(options);
+      }
+    },
+    [session]
+  );
+  const close = useCallback((reason) => {
+    closeArcSphereDialog(reason);
+  }, []);
+  return {
+    open,
+    close
+  };
+};
 function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
   const navigate = useNavigate();
   const location = useLocation();
   const mergedSx = [{}, ...Array.isArray(sx) ? sx : [sx]];
+  if (isInArcSphere$1) {
+    return null;
+  }
   const handleClick = () => {
     var _a2;
     if (url) {
@@ -4803,7 +4854,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, icon, ...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-BIFIUTiW.mjs"));
+const Editor = lazyRetry(() => import("./editor-BFgzPrJQ.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5773,16 +5824,21 @@ function ChatListInWallet({ sx, ...rest }) {
     }
   ) });
 }
-const iconoirMessageText = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: [
-  /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 12h10M7 8h6" }),
-  /* @__PURE__ */ jsx("path", { d: "M3 20.29V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7.961a2 2 0 0 0-1.561.75l-2.331 2.914A.6.6 0 0 1 3 20.29Z" })
-] }) });
 function ChatHeaderAddon({ ...rest }) {
   const { unread } = useUnreadNotification();
   if (!preferences.enableNotificationBadge || !preferences.chatEnabled) {
     return null;
   }
-  return /* @__PURE__ */ jsx(IconButton$2, { size: "medium", ...rest, component: Link, to: "/chat", children: /* @__PURE__ */ jsx(Badge$1, { color: "error", variant: "dot", invisible: !unread, children: /* @__PURE__ */ jsx(iconoirMessageText, { style: { fontSize: 20 } }) }) });
+  return /* @__PURE__ */ jsx(
+    AddonButton,
+    {
+      size: "medium",
+      icon: /* @__PURE__ */ jsx(Badge$1, { color: "error", variant: "dot", invisible: !unread, children: /* @__PURE__ */ jsx(tablerMessageCircle, {}) }),
+      ...rest,
+      component: Link,
+      to: "/chat"
+    }
+  );
 }
 const materialSymbolsEditOutline = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M5 19h1.425L16.2 9.225L14.775 7.8L5 17.575zm-2 2v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM19 6.4L17.6 5zm-3.525 2.125l-.7-.725L16.2 9.225z" }) });
 function SecureLabelPicker(props) {
@@ -5857,7 +5913,7 @@ let toast = Object.assign(hotToast, {
     return hotToast.error(message, { ...options, icon: "⚠️" });
   }
 });
-const isInArcSphere = ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent.indexOf("ArcSphere")) > -1;
+const isInArcSphere = ((_f = window == null ? void 0 : window.navigator) == null ? void 0 : _f.userAgent.indexOf("ArcSphere")) > -1;
 if (isInArcSphere) {
   toast = Object.assign(
     (message) => {
@@ -11920,14 +11976,14 @@ function create(prefix2) {
     }
   });
 }
-function getWsClient(prefix2 = ((_f) => (_f = window.blocklet) == null ? void 0 : _f.prefix)() || "/") {
+function getWsClient(prefix2 = ((_g) => (_g = window.blocklet) == null ? void 0 : _g.prefix)() || "/") {
   if (!client) {
     client = create(prefix2);
   }
   return client;
 }
 const useSubscription = (event, cb = () => {
-}, deps = [], prefix2 = ((_g) => (_g = window.blocklet) == null ? void 0 : _g.prefix)() || "/") => {
+}, deps = [], prefix2 = ((_h) => (_h = window.blocklet) == null ? void 0 : _h.prefix)() || "/") => {
   useEffect(() => {
     if (event) {
       if (!client) {
@@ -12375,6 +12431,11 @@ export {
   getWsClient as as,
   useSubscription as at,
   toast as au,
+  isInArcSphere$1 as av,
+  isInArcSphereDialog as aw,
+  openArcSphereDialog as ax,
+  closeArcSphereDialog as ay,
+  useArcSphereDialog as az,
   Input as b,
   useChanged as c,
   useSessionContext as d,

package/dist/index.d.ts

@@ -28,4 +28,5 @@ export * from './components/button-group';
 export * from './components/segmented-control';
 export * from './ws';
 export * from './components/toast';
+export * from './components/arcsphere';
 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, au, t, h, aa, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-MPAyKNVs.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, ay, ar, N, am, as, av, aw, l, ax, f, p, r, j, au, t, h, aa, az, U, c, a0, z, a7, ab, u, an, d, at, a3, aj, e } from "./index-CeuyJya0.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";
@@ -62,11 +62,15 @@ export {
   ai as UploaderContext,
   al as UploaderProvider,
   ak as UploaderTrigger,
+  ay as closeArcSphereDialog,
   ar as create,
   N as getBlogLink,
   am as getUploadedImageUrl,
   as as getWsClient,
+  av as isInArcSphere,
+  aw as isInArcSphereDialog,
   l as lexicalUtils,
+  ax as openArcSphereDialog,
   f as preferences,
   p as preloadInput,
   r as routes,
@@ -75,6 +79,7 @@ export {
   t as translations,
   h as typography,
   aa as useApiErrorHandler,
+  az as useArcSphereDialog,
   U as useAuthzContext,
   c as useChanged,
   a0 as useChatContext,

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("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) {
+  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("@arcblock/ux/lib/Header/addon-button"), 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", "@arcblock/ux/lib/Header/addon-button", "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.addonButton, 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, addonButton, 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, _e;
+  var _a, _b, _c, _d, _e, _f;
   const typography = {
     h1: {
       fontSize: "1.875rem",
@@ -961,7 +961,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ] }) : null;
   }
   const useSessionContext = () => {
-    var _a2, _b2, _c2, _d2, _e2, _f;
+    var _a2, _b2, _c2, _d2, _e2, _f2;
     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.role)) || [], "guest"];
     const permissionSet = react.useMemo(() => {
@@ -977,7 +977,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
     return {
       ...ctx,
-      isAuthenticated: !!((_f = ctx.session) == null ? void 0 : _f.user),
+      isAuthenticated: !!((_f2 = ctx.session) == null ? void 0 : _f2.user),
       isAdmin: hasAnyPassport(["admin", "owner"]),
       isMember: hasAnyPassport(["member"]),
       isBlogEditor: hasAnyPassport(["blogEditor"]),
@@ -4703,10 +4703,60 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     ) }) });
   }
+  const isInArcSphere$1 = ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent.indexOf("ArcSphere")) > -1;
+  const isInArcSphereDialog = !!ufo.parseQuery(window.location.search).arcSphereDialog;
+  function normalizeUrl(url) {
+    if (url.startsWith("/")) {
+      return ufo.withQuery(ufo.joinURL(window.origin, window.blocklet.prefix, url), { arcSphereDialog: 1 });
+    }
+    return url;
+  }
+  const openArcSphereDialog = ({ url, type = "full", onClose }) => {
+    bridge.register("closePopupCallback", (arg) => {
+      onClose == null ? void 0 : onClose(arg);
+    });
+    bridge.call("arc__openPopup", {
+      url: normalizeUrl(url),
+      type
+    });
+  };
+  const closeArcSphereDialog = (reason) => {
+    if (isInArcSphereDialog) {
+      bridge.call("arc__closePopup", {
+        callback: "closePopupCallback",
+        args: [reason || ""]
+      });
+    }
+  };
+  const useArcSphereDialog = () => {
+    const { session } = useSessionContext();
+    const open = react.useCallback(
+      ({ authRequired = true, ...options }) => {
+        if (authRequired && !session.user) {
+          session.login(() => {
+            openArcSphereDialog(options);
+          });
+        } else {
+          openArcSphereDialog(options);
+        }
+      },
+      [session]
+    );
+    const close = react.useCallback((reason) => {
+      closeArcSphereDialog(reason);
+    }, []);
+    return {
+      open,
+      close
+    };
+  };
   function Back({ url, fallbackUrl, iconOnly, sx, icon, ...rest }) {
     const navigate = reactRouterDom.useNavigate();
     const location = reactRouterDom.useLocation();
     const mergedSx = [{}, ...Array.isArray(sx) ? sx : [sx]];
+    if (isInArcSphere$1) {
+      return null;
+    }
     const handleClick = () => {
       var _a2;
       if (url) {
@@ -5696,16 +5746,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     ) });
   }
-  const iconoirMessageText = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", stroke: "currentColor", strokeWidth: 1.5, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 12h10M7 8h6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 20.29V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H7.961a2 2 0 0 0-1.561.75l-2.331 2.914A.6.6 0 0 1 3 20.29Z" })
-  ] }) });
   function ChatHeaderAddon({ ...rest }) {
     const { unread } = useUnreadNotification();
     if (!preferences.enableNotificationBadge || !preferences.chatEnabled) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { size: "medium", ...rest, component: reactRouterDom.Link, to: "/chat", children: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { color: "error", variant: "dot", invisible: !unread, children: /* @__PURE__ */ jsxRuntime.jsx(iconoirMessageText, { style: { fontSize: 20 } }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      addonButton.AddonButton,
+      {
+        size: "medium",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(material.Badge, { color: "error", variant: "dot", invisible: !unread, children: /* @__PURE__ */ jsxRuntime.jsx(tablerMessageCircle, {}) }),
+        ...rest,
+        component: reactRouterDom.Link,
+        to: "/chat"
+      }
+    );
   }
   const materialSymbolsEditOutline = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", d: "M5 19h1.425L16.2 9.225L14.775 7.8L5 17.575zm-2 2v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM19 6.4L17.6 5zm-3.525 2.125l-.7-.725L16.2 9.225z" }) });
   function SecureLabelPicker(props) {
@@ -5780,7 +5835,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return hotToast.error(message, { ...options, icon: "⚠️" });
     }
   });
-  const isInArcSphere = ((_e = window == null ? void 0 : window.navigator) == null ? void 0 : _e.userAgent.indexOf("ArcSphere")) > -1;
+  const isInArcSphere = ((_f = window == null ? void 0 : window.navigator) == null ? void 0 : _f.userAgent.indexOf("ArcSphere")) > -1;
   if (isInArcSphere) {
     exports2.toast = Object.assign(
       (message) => {
@@ -11843,14 +11898,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     });
   }
-  function getWsClient(prefix2 = ((_f) => (_f = window.blocklet) == null ? void 0 : _f.prefix)() || "/") {
+  function getWsClient(prefix2 = ((_g) => (_g = window.blocklet) == null ? void 0 : _g.prefix)() || "/") {
     if (!client) {
       client = create(prefix2);
     }
     return client;
   }
   const useSubscription = (event, cb = () => {
-  }, deps = [], prefix2 = ((_g) => (_g = window.blocklet) == null ? void 0 : _g.prefix)() || "/") => {
+  }, deps = [], prefix2 = ((_h) => (_h = window.blocklet) == null ? void 0 : _h.prefix)() || "/") => {
     react.useEffect(() => {
       if (event) {
         if (!client) {
@@ -12329,11 +12384,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.UploaderContext = UploaderContext;
   exports2.UploaderProvider = UploaderProvider;
   exports2.UploaderTrigger = UploaderTrigger;
+  exports2.closeArcSphereDialog = closeArcSphereDialog;
   exports2.create = create;
   exports2.getBlogLink = getBlogLink;
   exports2.getUploadedImageUrl = getUploadedImageUrl;
   exports2.getWsClient = getWsClient;
+  exports2.isInArcSphere = isInArcSphere$1;
+  exports2.isInArcSphereDialog = isInArcSphereDialog;
   exports2.lexicalUtils = lexical;
+  exports2.openArcSphereDialog = openArcSphereDialog;
   exports2.preferences = preferences;
   exports2.preloadInput = preloadInput;
   exports2.routes = routes;
@@ -12341,6 +12400,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   exports2.translations = translations;
   exports2.typography = typography;
   exports2.useApiErrorHandler = useApiErrorHandler;
+  exports2.useArcSphereDialog = useArcSphereDialog;
   exports2.useAuthzContext = useAuthzContext;
   exports2.useChanged = useChanged;
   exports2.useChatContext = useChatContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.1.160",
+  "version": "2.1.162",
   "files": [
     "dist"
   ],
@@ -18,10 +18,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@arcblock/bridge": "^2.11.34",
-    "@arcblock/react-hooks": "^2.11.34",
+    "@arcblock/bridge": "^2.11.37",
+    "@arcblock/react-hooks": "^2.11.37",
     "@arcblock/ws": "^1.19.9",
-    "@blocklet/uploader": "^0.1.67",
+    "@blocklet/uploader": "^0.1.68",
     "@emotion/css": "^11.13.0",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.160",
-    "@blocklet/labels": "^2.1.160"
+    "@blocklet/editor": "^2.1.162",
+    "@blocklet/labels": "^2.1.162"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",