@blocklet/ui-react 3.0.9 → 3.0.10

package/lib/blocklets.js

@@ -1,52 +1,48 @@
-import { mapRecursive as a, filterRecursive as l, isUrl as d } from "./utils.js";
-var c, u;
-const w = ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.groupPrefix) || ((u = window == null ? void 0 : window.blocklet) == null ? void 0 : u.prefix) || "/", h = (r) => {
-  const o = { ...r }, s = r == null ? void 0 : r.background;
-  return typeof s == "string" ? o.background = { header: s, footer: s, default: s } : s && typeof s == "object" && (o.background = {
-    header: s.header || s.default,
-    footer: s.footer || s.default,
-    default: s.default
-  }), o;
-}, i = (r, o = "en") => {
-  if (typeof r == "string") {
-    if (d(r)) {
-      const e = new URL(r);
-      return e.searchParams.set("locale", o), e.href;
+import { mapRecursive as s, filterRecursive as a, isUrl as f } from "./utils.js";
+const g = window?.blocklet?.groupPrefix || window?.blocklet?.prefix || "/", i = (o) => {
+  const r = { ...o }, e = o?.background;
+  return typeof e == "string" ? r.background = { header: e, footer: e, default: e } : e && typeof e == "object" && (r.background = {
+    header: e.header || e.default,
+    footer: e.footer || e.default,
+    default: e.default
+  }), r;
+}, c = (o, r = "en") => {
+  if (typeof o == "string") {
+    if (f(o)) {
+      const t = new URL(o);
+      return t.searchParams.set("locale", r), t.href;
     }
-    const s = new URL(r, window.location.origin);
-    return s.searchParams.set("locale", o), s.pathname + s.search;
+    const e = new URL(o, window.location.origin);
+    return e.searchParams.set("locale", r), e.pathname + e.search;
   }
-  return typeof r == "object" ? r[o] || (r == null ? void 0 : r.en) || (r == null ? void 0 : r.zh) : r;
-}, L = (r, o = "en") => {
-  if (!(r != null && r.length))
-    return r;
-  const s = (e, t) => e && typeof e == "object" ? e[t] || (e == null ? void 0 : e.en) || (e == null ? void 0 : e.zh) : e;
-  return a(
-    r,
-    (e) => {
-      var t;
-      return {
-        ...e,
-        title: s(e.title, o),
-        description: s(e.description, o),
-        // 仅对叶结点进行处理
-        link: (t = e.items) != null && t.length ? e.link : i(e.link, o),
-        _rawLink: e.link
-      };
-    },
+  return typeof o == "object" ? o[r] || o?.en || o?.zh : o;
+}, p = (o, r = "en") => {
+  if (!o?.length)
+    return o;
+  const e = (t, n) => t && typeof t == "object" ? t[n] || t?.en || t?.zh : t;
+  return s(
+    o,
+    (t) => ({
+      ...t,
+      title: e(t.title, r),
+      description: e(t.description, r),
+      // 仅对叶结点进行处理
+      link: t.items?.length ? t.link : c(t.link, r),
+      _rawLink: t.link
+    }),
     "items"
   );
-}, p = (r) => a(
-  r,
-  (o) => o.role ? {
-    ...o,
-    role: Array.isArray(o.role) ? o.role : [o.role]
-  } : o,
+}, u = (o) => s(
+  o,
+  (r) => r.role ? {
+    ...r,
+    role: Array.isArray(r.role) ? r.role : [r.role]
+  } : r,
   "items"
-), g = (r) => {
-  if (!(r != null && r.length))
+), l = (o) => {
+  if (!o?.length)
     return null;
-  const o = p(r), s = {
+  const r = u(o), e = {
     header: [],
     footer: [],
     // 对应 footer social media
@@ -59,38 +55,32 @@ const w = ((c = window == null ? void 0 : window.blocklet) == null ? void 0 : c.
     sessionManager: [],
     userCenter: []
   };
-  return o.forEach((e) => {
-    var t;
-    e.section ? Array.isArray(e.section) ? e.section.forEach((n) => {
-      var f;
-      (f = s[n]) == null || f.push(e);
-    }) : typeof e.section == "string" && ((t = s[e.section]) == null || t.push(e)) : s.header.push(e);
-  }), s;
-}, N = (r) => {
-  if (!r)
+  return r.forEach((t) => {
+    t.section ? Array.isArray(t.section) ? t.section.forEach((n) => {
+      e[n]?.push(t);
+    }) : typeof t.section == "string" && e[t.section]?.push(t) : e.header.push(t);
+  }), e;
+}, b = (o) => {
+  if (!o)
     return null;
-  const o = { ...r };
-  return o.theme = h(o.theme), o.navigation = g(b(o.navigation)), o;
-}, b = (r = []) => l(r, (o, s) => {
-  var e;
-  return !!o.link || ((e = s.filteredChildren) == null ? void 0 : e.length);
-}, "items"), R = (r, o) => l(
-  r,
-  (s, e) => {
-    var n;
-    const t = !s.role || o && (s.role.includes(o) || s.role.includes("guest"));
-    return e.isLeaf ? t : t && ((n = e.filteredChildren) == null ? void 0 : n.length);
+  const r = { ...o };
+  return r.theme = i(r.theme), r.navigation = l(d(r.navigation)), r;
+}, d = (o = []) => a(o, (r, e) => !!r.link || e.filteredChildren?.length, "items"), y = (o, r) => a(
+  o,
+  (e, t) => {
+    const n = !e.role || r && (e.role.includes(r) || e.role.includes("guest"));
+    return t.isLeaf ? n : n && t.filteredChildren?.length;
   },
   "items"
 );
 export {
-  R as filterNavByRole,
-  b as filterValidNavItems,
-  N as formatBlockletInfo,
-  p as formatNavigation,
-  h as formatTheme,
-  i as getLink,
-  L as getLocalizedNavigation,
-  g as parseNavigation,
-  w as publicPath
+  y as filterNavByRole,
+  d as filterValidNavItems,
+  b as formatBlockletInfo,
+  u as formatNavigation,
+  i as formatTheme,
+  c as getLink,
+  p as getLocalizedNavigation,
+  l as parseNavigation,
+  g as publicPath
 };

package/lib/common/domain-warning.js

@@ -1,12 +1,12 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as S, useMemo as p, useCallback as u } from "react";
-import f from "prop-types";
-import { Dialog as T, DialogContent as A, Typography as m, Box as C, DialogActions as W, Button as w } from "@mui/material";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { useState as S, useMemo as d, useCallback as u } from "react";
+import p from "prop-types";
+import { Dialog as T, DialogContent as A, Typography as c, Box as C, DialogActions as W, Button as f } from "@mui/material";
 import { useMemoizedFn as v } from "ahooks";
 import { translate as M } from "@arcblock/ux/lib/Locale/util";
 import { joinURL as O } from "ufo";
 import j from "../hooks/use-mobile.js";
-const z = ["admin", "owner"], I = (i) => i.endsWith(".ip.abtnet.io"), E = (i) => i.endsWith(".did.abtnet.io"), H = {
+const z = ["admin", "owner"], I = (t) => t.endsWith(".ip.abtnet.io"), E = (t) => t.endsWith(".did.abtnet.io"), H = {
   en: {
     guest: {
       title: "Notice: You are using a temporary domain",
@@ -41,21 +41,21 @@ const z = ["admin", "owner"], I = (i) => i.endsWith(".ip.abtnet.io"), E = (i) =>
     skip: "稍后提醒",
     bindDomain: "配置域名"
   }
-}, N = 1e3 * 60 * 60 * 24 * 30, h = ".well-known/service/admin/domains";
-function P({ locale: i = "en", session: s = {} }) {
-  const o = s == null ? void 0 : s.user, b = j(), [g, a] = S(() => {
+}, N = 1e3 * 60 * 60 * 24 * 30, w = ".well-known/service/admin/domains";
+function P({ locale: t = "en", session: h = {} }) {
+  const l = h?.user, b = j(), [g, s] = S(() => {
     const e = window.localStorage.getItem("domain-warning-skip");
     if (!e) return !0;
-    const c = +/* @__PURE__ */ new Date(), y = +new Date(e);
-    return c - y > N;
-  }), n = v((e, c = {}) => M(H, e, i, "en", c)), d = p(() => {
+    const r = +/* @__PURE__ */ new Date(), y = +new Date(e);
+    return r - y > N;
+  }), n = v((e, r = {}) => M(H, e, t, "en", r)), m = d(() => {
     try {
       const { hostname: e } = new URL(window.location.href);
       return e;
     } catch {
       return "";
     }
-  }, []), x = p(
+  }, []), x = d(
     () => [
       n("owner.benefits1"),
       n("owner.benefits2"),
@@ -65,36 +65,36 @@ function P({ locale: i = "en", session: s = {} }) {
     ],
     [n]
   ), D = u(() => {
-    window.localStorage.setItem("domain-warning-skip", (/* @__PURE__ */ new Date()).toISOString()), a(!1);
+    window.localStorage.setItem("domain-warning-skip", (/* @__PURE__ */ new Date()).toISOString()), s(!1);
   }, []), k = u(() => {
-    const e = O(window.location.origin, h);
-    e.startsWith("http") && window.open(e, "_blank"), a(!1);
-  }, []), r = (o == null ? void 0 : o.role) && z.includes(o.role);
-  return window.location.href.includes(h) || b || !I(d) && !E(d) ? null : /* @__PURE__ */ l(T, { open: g, disableEscapeKeyDown: !0, fullWidth: !0, maxWidth: "sm", onClose: () => a(!1), children: [
-    /* @__PURE__ */ l(A, { sx: { padding: "20px !important" }, children: [
-      /* @__PURE__ */ t(
-        m,
+    const e = O(window.location.origin, w);
+    e.startsWith("http") && window.open(e, "_blank"), s(!1);
+  }, []), o = l?.role && z.includes(l.role);
+  return window.location.href.includes(w) || b || !I(m) && !E(m) ? null : /* @__PURE__ */ a(T, { open: g, disableEscapeKeyDown: !0, fullWidth: !0, maxWidth: "sm", onClose: () => s(!1), children: [
+    /* @__PURE__ */ a(A, { sx: { padding: "20px !important" }, children: [
+      /* @__PURE__ */ i(
+        c,
         {
           sx: {
             fontSize: "20px",
             fontWeight: "500"
           },
-          children: n(r ? "owner.title" : "guest.title")
+          children: n(o ? "owner.title" : "guest.title")
         }
       ),
-      /* @__PURE__ */ t(
-        m,
+      /* @__PURE__ */ i(
+        c,
         {
           sx: {
             marginTop: "20px",
             fontSize: "14px",
             color: "#9397A1"
           },
-          children: n(r ? "owner.description" : "guest.description")
+          children: n(o ? "owner.description" : "guest.description")
         }
       ),
-      r && /* @__PURE__ */ t(C, { component: "ul", children: x.map((e) => /* @__PURE__ */ t(
-        m,
+      o && /* @__PURE__ */ i(C, { component: "ul", children: x.map((e) => /* @__PURE__ */ i(
+        c,
         {
           component: "li",
           sx: {
@@ -106,15 +106,15 @@ function P({ locale: i = "en", session: s = {} }) {
         e
       )) })
     ] }),
-    /* @__PURE__ */ l(W, { sx: { px: "12px !important" }, children: [
-      /* @__PURE__ */ t(w, { onClick: D, children: n("skip") }),
-      r && /* @__PURE__ */ t(w, { variant: "contained", onClick: k, children: n("bindDomain") })
+    /* @__PURE__ */ a(W, { sx: { px: "12px !important" }, children: [
+      /* @__PURE__ */ i(f, { onClick: D, children: n("skip") }),
+      o && /* @__PURE__ */ i(f, { variant: "contained", onClick: k, children: n("bindDomain") })
     ] })
   ] });
 }
 P.propTypes = {
-  locale: f.string,
-  session: f.object
+  locale: p.string,
+  session: p.object
 };
 export {
   P as default

package/lib/common/header-addons.d.ts

@@ -11,7 +11,7 @@ declare function HeaderAddons({ formattedBlocklet, addons, showDomainWarningDial
 declare namespace HeaderAddons {
     namespace propTypes {
         export let formattedBlocklet: PropTypes.Validator<object>;
-        export let addons: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
+        export let addons: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
         export { SessionManagerProps as sessionManagerProps };
         export let showDomainWarningDialog: PropTypes.Requireable<boolean>;
     }

package/lib/common/header-addons.js

@@ -1,75 +1,71 @@
-import { jsx as i, Fragment as N } from "react/jsx-runtime";
+import { jsx as s, Fragment as v } from "react/jsx-runtime";
 import "iconify-icon";
-import { use as T, createElement as R } from "react";
-import a from "prop-types";
-import { SessionContext as S } from "@arcblock/did-connect/lib/Session";
-import M from "@arcblock/ux/lib/SessionUser";
-import D from "@arcblock/ux/lib/SessionBlocklet";
-import P from "@arcblock/ux/lib/Locale/selector";
-import { useLocaleContext as j } from "@arcblock/ux/lib/Locale/context";
-import k from "@arcblock/ux/lib/Config/theme-mode-toggle";
-import { SessionManagerProps as z } from "../types.js";
-import { getLocalizedNavigation as E, filterNavByRole as W } from "../blocklets.js";
-import q from "./notification-addon.js";
-import F from "./domain-warning.js";
-const H = () => {
-  var e;
-  return !!(((e = window == null ? void 0 : window.blocklet) == null ? void 0 : e.navigation) ?? []).find((c) => c.id === "/userCenter/notification");
-};
-function O({
-  formattedBlocklet: s,
-  addons: e = null,
-  showDomainWarningDialog: c = !0,
-  sessionManagerProps: d = { showRole: !0 }
+import { use as b, createElement as k } from "react";
+import r from "prop-types";
+import { SessionContext as w } from "@arcblock/did-connect/lib/Session";
+import L from "@arcblock/ux/lib/SessionUser";
+import N from "@arcblock/ux/lib/SessionBlocklet";
+import T from "@arcblock/ux/lib/Locale/selector";
+import { useLocaleContext as C } from "@arcblock/ux/lib/Locale/context";
+import R from "@arcblock/ux/lib/Config/theme-mode-toggle";
+import { SessionManagerProps as S } from "../types.js";
+import { getLocalizedNavigation as M, filterNavByRole as B } from "../blocklets.js";
+import D from "./notification-addon.js";
+import P from "./domain-warning.js";
+const j = () => !!(window?.blocklet?.navigation ?? []).find((o) => o.id === "/userCenter/notification");
+function x({
+  formattedBlocklet: l,
+  addons: o = null,
+  showDomainWarningDialog: m = !0,
+  sessionManagerProps: u = { showRole: !0 }
 }) {
-  var m, u, p, g;
-  const o = T(S), { locale: r, languages: y } = j() || {}, { enableConnect: A = !0, enableLocale: v = !0 } = s, b = !!((m = o == null ? void 0 : o.session) != null && m.user);
-  let l = E((u = s == null ? void 0 : s.navigation) == null ? void 0 : u.sessionManager, r) || [];
-  l = W(l, (g = (p = o == null ? void 0 : o.session) == null ? void 0 : p.user) == null ? void 0 : g.role);
-  const f = (() => {
-    if (e && typeof e != "function")
-      return Array.isArray(e) ? e : [e];
-    let n = [];
-    if (H() && n.push(/* @__PURE__ */ i(q, { session: o.session }, "notification-addon")), v && r && y.length > 1 && n.push(/* @__PURE__ */ i(P, { showText: !1 }, "locale-selector")), n.push(/* @__PURE__ */ i(k, {}, "theme-mode-toggle")), A && o) {
-      const h = [];
-      b && (l ? l.slice(0, 5) : []).forEach((t) => {
-        h.push({
+  const n = b(w), { locale: i, languages: p } = C() || {}, { enableConnect: g = !0, enableLocale: d = !0 } = l, h = !!n?.session?.user;
+  let a = M(l?.navigation?.sessionManager, i) || [];
+  a = B(a, n?.session?.user?.role);
+  const c = (() => {
+    if (o && typeof o != "function")
+      return Array.isArray(o) ? o : [o];
+    let e = [];
+    if (j() && e.push(/* @__PURE__ */ s(D, { session: n.session }, "notification-addon")), d && i && p.length > 1 && e.push(/* @__PURE__ */ s(T, { showText: !1 }, "locale-selector")), e.push(/* @__PURE__ */ s(R, {}, "theme-mode-toggle")), g && n) {
+      const f = [];
+      h && (a ? a.slice(0, 5) : []).forEach((t) => {
+        f.push({
           label: t.title,
-          icon: t.icon ? /* @__PURE__ */ i("iconify-icon", { icon: t.icon, height: 24, style: { marginRight: 8 } }) : null,
+          icon: t.icon ? /* @__PURE__ */ s("iconify-icon", { icon: t.icon, height: 24, style: { marginRight: 8 } }) : null,
           component: "a",
           href: t.link,
           key: t.link
         });
-      }), n.push(/* @__PURE__ */ i(D, { session: o.session, locale: r }, "session-blocklet")), n.push(
-        /* @__PURE__ */ i(
-          M,
+      }), e.push(/* @__PURE__ */ s(N, { session: n.session, locale: i }, "session-blocklet")), e.push(
+        /* @__PURE__ */ s(
+          L,
           {
-            session: o.session,
-            locale: r,
-            menu: h,
+            session: n.session,
+            locale: i,
+            menu: f,
             showRole: !0,
-            ...d
+            ...u
           },
           "session-user"
         )
       );
     }
-    return typeof e == "function" && (n = e(n) || []), n;
-  })(), w = Array.isArray(f) ? f : [f], L = [
-    c ? /* @__PURE__ */ i(F, { session: o == null ? void 0 : o.session, locale: r }) : null,
-    ...w
+    return typeof o == "function" && (e = o(e) || []), e;
+  })(), y = Array.isArray(c) ? c : [c], A = [
+    m ? /* @__PURE__ */ s(P, { session: n?.session, locale: i }) : null,
+    ...y
   ].filter(Boolean);
-  return R(N, null, ...L);
+  return k(v, null, ...A);
 }
-O.propTypes = {
-  formattedBlocklet: a.object.isRequired,
+x.propTypes = {
+  formattedBlocklet: r.object.isRequired,
   // 需要考虑 定制的 addons 与内置的 连接钱包/选择语言 addons 共存的情况
   // - PropTypes.func: 可以把自定义 addons 插在 session-manager 或 locale-selector (如果存在的话) 前/中/后
   // - PropTypes.node: 将 addons 原样传给 UX Header 组件
-  addons: a.oneOfType([a.func, a.node]),
-  sessionManagerProps: z,
-  showDomainWarningDialog: a.bool
+  addons: r.oneOfType([r.func, r.node]),
+  sessionManagerProps: S,
+  showDomainWarningDialog: r.bool
 };
 export {
-  O as default
+  x as default
 };

package/lib/common/notification-addon.js

@@ -1,70 +1,67 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import R from "prop-types";
 import { useMemo as O, useCallback as h, useEffect as _ } from "react";
 import { IconButton as $, Badge as g } from "@mui/material";
 import { useSnackbar as B } from "notistack";
 import D from "@arcblock/icons/lib/Notification";
-import { useCreation as c } from "ahooks";
+import { useCreation as s } from "ahooks";
 import { WELLKNOWN_SERVICE_PATH_PREFIX as S, EVENTS as y } from "@abtnode/constant";
 import V from "@arcblock/react-hooks/lib/useBrowser";
 import { joinURL as x, withQuery as U } from "ufo";
 import { useListenWsClient as j } from "./ws.js";
 import F from "../Notifications/Snackbar.js";
 import { compareVersions as H } from "../utils.js";
-const b = x(S, "user", "notifications"), K = (r) => U(b, {
+const v = x(S, "user", "notifications"), K = (r) => U(v, {
   id: r.id,
   severity: r.severity || "all",
   componentDid: r.source === "system" ? "system" : r.componentDid || "all"
 });
 function P({ session: r = {} }) {
-  const { unReadCount: w, user: i, setUnReadCount: n } = r, o = c(() => i == null ? void 0 : i.did, [i]), { enqueueSnackbar: E } = B(), l = V(), k = O(() => l.arcSphere || l.wallet, [l]), N = c(() => {
-    var e;
-    return (e = window.blocklet) == null ? void 0 : e.serverVersion;
-  }, []), t = j("user"), d = c(
-    () => `${window.blocklet.did}/${o}/${y.NOTIFICATION_BLOCKLET_CREATE}`,
-    [o]
-  ), a = c(
-    () => `${window.blocklet.did}/${o}/${y.NOTIFICATION_BLOCKLET_READ}`,
-    [o]
-  ), u = h(
-    (e) => {
-      const { receivers: f } = e ?? {}, { receiver: p } = f[0] ?? {};
-      if (p === o) {
-        n((v) => v + 1);
-        const C = H(N, "1.16.42-beta-20250407");
-        if (!k && e.source === "component" && C) {
-          const v = K(e), { severity: T, description: I } = e || {}, L = ["error", "warning"].includes(T) || e.sticky;
+  const { unReadCount: b, user: w, setUnReadCount: n } = r, e = s(() => w?.did, [w]), { enqueueSnackbar: E } = B(), c = V(), k = O(() => c.arcSphere || c.wallet, [c]), N = s(() => window.blocklet?.serverVersion, []), t = j("user"), l = s(
+    () => `${window.blocklet.did}/${e}/${y.NOTIFICATION_BLOCKLET_CREATE}`,
+    [e]
+  ), u = s(
+    () => `${window.blocklet.did}/${e}/${y.NOTIFICATION_BLOCKLET_READ}`,
+    [e]
+  ), d = h(
+    (o) => {
+      const { receivers: m } = o ?? {}, { receiver: f } = m[0] ?? {};
+      if (f === e) {
+        n((C) => C + 1);
+        const p = H(N, "1.16.42-beta-20250407");
+        if (!k && o.source === "component" && p) {
+          const C = K(o), { severity: T, description: I } = o || {}, L = ["error", "warning"].includes(T) || o.sticky;
           E(I, {
             variant: T,
             autoHideDuration: L ? null : 5e3,
             // eslint-disable-next-line react/no-unstable-nested-components
-            content: (A) => /* @__PURE__ */ s(F, { viewAllUrl: v, keyId: A, notification: e })
+            content: (A) => /* @__PURE__ */ i(F, { viewAllUrl: C, keyId: A, notification: o })
           });
         }
       }
     },
-    [o, n, E, N, k]
-  ), m = h(
-    (e) => {
-      const { receiver: f, readCount: p } = e ?? {};
-      f === o && n((C) => Math.max(C - p, 0));
+    [e, n, E, N, k]
+  ), a = h(
+    (o) => {
+      const { receiver: m, readCount: f } = o ?? {};
+      m === e && n((p) => Math.max(p - f, 0));
     },
-    [o, n]
+    [e, n]
   );
-  return _(() => (t && (t.on(d, u), t.on(a, m)), () => {
-    t && (t.off(d, u), t.off(a, m));
-  }), [t, n, u, d, m, a]), !r.user || !b ? null : /* @__PURE__ */ s(
+  return _(() => (t && (t.on(l, d), t.on(u, a)), () => {
+    t && (t.off(l, d), t.off(u, a));
+  }), [t, n, d, l, a, u]), !r.user || !v ? null : /* @__PURE__ */ i(
     $,
     {
       size: "medium",
       variant: "outlined",
-      href: b,
+      href: v,
       sx: {
         "&:hover": {
           borderRadius: "50%"
         }
       },
-      children: /* @__PURE__ */ s(g, { badgeContent: w, color: "error", invisible: w === 0, children: /* @__PURE__ */ s(D, { style: { width: "auto", height: 24 } }) })
+      children: /* @__PURE__ */ i(g, { badgeContent: b, color: "error", invisible: b === 0, children: /* @__PURE__ */ i(D, { style: { width: "auto", height: 24 } }) })
     }
   );
 }

package/lib/common/ws.js

@@ -1,27 +1,26 @@
-import { use as o } from "react";
-import { WsClient as n } from "@arcblock/ws";
-import { SessionContext as f } from "@arcblock/did-connect/lib/Session";
-import { joinURL as m } from "ufo";
-import { BLOCKLET_SERVICE_PATH_PREFIX as a } from "@arcblock/ux/lib/Util/constant";
+import { use as s } from "react";
+import { WsClient as o } from "@arcblock/ws";
+import { SessionContext as n } from "@arcblock/did-connect/lib/Session";
+import { joinURL as f } from "ufo";
+import { BLOCKLET_SERVICE_PATH_PREFIX as m } from "@arcblock/ux/lib/Util/constant";
 const e = {};
-function c(t = "admin") {
-  var s;
+function a(t = "admin") {
   let r = "/";
-  !(window != null && window.blocklet) && ((s = window == null ? void 0 : window.env) != null && s.apiPrefix) && (r = window.env.apiPrefix);
-  const i = m(r, a, t);
-  return new n(i, {
+  !window?.blocklet && window?.env?.apiPrefix && (r = window.env.apiPrefix);
+  const i = f(r, m, t);
+  return new o(i, {
     heartbeatIntervalMs: 100 * 1e3
   });
 }
-function l(t = "admin") {
-  return e[t] || (e[t] = c(t)), e[t];
+function c(t = "admin") {
+  return e[t] || (e[t] = a(t)), e[t];
 }
-const E = (t = "admin") => {
-  const r = o(f), { session: i } = r ?? {};
-  return !e[t] && i.user && (e[t] = l(t), e[t].connect()), e[t];
+const P = (t = "admin") => {
+  const r = s(n), { session: i } = r ?? {};
+  return !e[t] && i.user && (e[t] = c(t), e[t].connect()), e[t];
 };
 export {
-  c as create,
-  l as default,
-  E as useListenWsClient
+  a as create,
+  c as default,
+  P as useListenWsClient
 };

package/lib/contexts/config-user-space.js

@@ -1,32 +1,29 @@
-import { jsx as g } from "react/jsx-runtime";
-import { createContext as C, useState as p, use as r, useMemo as m, useEffect as u } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as g, useState as i, use as p, useMemo as C, useEffect as m } from "react";
 import { SessionContext as y } from "@arcblock/did-connect/lib/Session";
-const d = C({}), { Provider: w, Consumer: U } = d;
+const d = g({}), { Provider: w, Consumer: U } = d;
 function h({ children: n }) {
-  const [S] = p(!1), { session: a } = r(y), { user: e } = a, [s, o] = p(), c = m(() => {
-    var t;
-    return (t = e == null ? void 0 : e.didSpace) == null ? void 0 : t.endpoint;
-  }, [e == null ? void 0 : e.didSpace]);
-  u(() => {
-    o(e == null ? void 0 : e.didSpace);
-  }, [e == null ? void 0 : e.didSpace]);
-  const f = async () => {
-    o(void 0);
-  }, i = (t) => {
+  const [S] = i(!1), { session: a } = p(y), { user: e } = a, [s, t] = i(), c = C(() => e?.didSpace?.endpoint, [e?.didSpace]);
+  m(() => {
+    t(e?.didSpace);
+  }, [e?.didSpace]);
+  const u = async () => {
+    t(void 0);
+  }, r = (o) => {
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ f(
     w,
     {
       value: {
         loading: S,
         spaceGateway: s,
         session: a,
-        deleteSpaceGateway: f,
-        updateSpaceGateway: async (t) => {
-          o(t), await i(t.endpoint);
+        deleteSpaceGateway: u,
+        updateSpaceGateway: async (o) => {
+          t(o), await r(o.endpoint);
         },
         storageEndpoint: c,
-        settingStorageEndpoint: i,
+        settingStorageEndpoint: r,
         hasStorageEndpoint: !!(c && s)
       },
       children: n
@@ -34,7 +31,7 @@ function h({ children: n }) {
   );
 }
 function P() {
-  return r(d);
+  return p(d);
 }
 export {
   U as ConfigUserSpaceConsumer,