@blocklet/discuss-kit-ux 2.1.161 → 2.1.163

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-BLDD04i2.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-D271eHBV.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-D271eHBV.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";
@@ -1039,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(() => {
@@ -1055,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"]),
@@ -4781,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) {
@@ -4804,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-BLDD04i2.mjs"));
+const Editor = lazyRetry(() => import("./editor-BFgzPrJQ.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -5863,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) => {
@@ -11926,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) {
@@ -12381,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-D271eHBV.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

@@ -5,7 +5,7 @@
 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) {
@@ -5785,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) => {
@@ -11848,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) {
@@ -12334,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;
@@ -12346,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.161",
+  "version": "2.1.163",
   "files": [
     "dist"
   ],
@@ -45,8 +45,8 @@
     "ufo": "^1.5.4",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1",
-    "@blocklet/editor": "^2.1.161",
-    "@blocklet/labels": "^2.1.161"
+    "@blocklet/editor": "^2.1.163",
+    "@blocklet/labels": "^2.1.163"
   },
   "peerDependencies": {
     "@arcblock/did-connect": "^2.10.36",