@blocklet/ui-react 3.4.13 → 3.4.15

package/lib/UserCenter/components/user-center.js

@@ -1,26 +1,26 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { use as ke, useMemo as Pe, isValidElement as ie, cloneElement as oe, Children as Se } from "react";
-import { Box as a, Typography as B, CircularProgress as Me, Divider as De } from "@mui/material";
-import { useMemoizedFn as P, useCreation as d, useRequest as ne } from "ahooks";
-import Fe from "p-wait-for";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { use as Pe, useMemo as Se, isValidElement as ie, cloneElement as oe, Children as Me } from "react";
+import { Box as a, Typography as B, CircularProgress as De, Divider as Fe } from "@mui/material";
+import { useMemoizedFn as S, useCreation as c, useRequest as ne } from "ahooks";
+import Te from "p-wait-for";
 import se from "react-helmet";
-import { SessionContext as Te } from "@arcblock/did-connect-react/lib/Session";
-import ze from "@arcblock/ux/lib/Tabs";
+import { SessionContext as ze } from "@arcblock/did-connect-react/lib/Session";
+import We from "@arcblock/ux/lib/Tabs";
 import I from "@arcblock/ux/lib/Empty";
-import We from "@arcblock/ux/lib/Button";
-import Ae from "@arcblock/ux/lib/Result";
-import { useConfirm as Le } from "@arcblock/ux/lib/Dialog";
-import { translate as Ue } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as Be } from "@arcblock/ux/lib/Locale/context";
-import { ErrorFallback as Ie } from "@arcblock/ux/lib/ErrorBoundary";
-import { styled as pe } from "@arcblock/ux/lib/Theme";
-import Ne from "lodash/cloneDeep";
-import { joinURL as S, getQuery as je, withoutTrailingSlash as le, withQuery as ae } from "ufo";
-import { getBlockletSDK as He } from "@blocklet/js-sdk";
-import { isSupportFollow as Ee } from "@arcblock/ux/lib/Util";
-import { PROFILE_URL as M } from "@arcblock/ux/lib/Util/constant";
+import Ae from "@arcblock/ux/lib/Button";
+import Le from "@arcblock/ux/lib/Result";
+import { useConfirm as Ue } from "@arcblock/ux/lib/Dialog";
+import { translate as Be } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as Ie } from "@arcblock/ux/lib/Locale/context";
+import { ErrorFallback as Ne } from "@arcblock/ux/lib/ErrorBoundary";
+import { styled as me } from "@arcblock/ux/lib/Theme";
+import je from "lodash/cloneDeep";
+import { joinURL as M, getQuery as He, parseURL as le, withoutTrailingSlash as ae, withQuery as ue } from "ufo";
+import { getBlockletSDK as Ee } from "@blocklet/js-sdk";
+import { isSupportFollow as Re } from "@arcblock/ux/lib/Util";
+import { PROFILE_URL as D } from "@arcblock/ux/lib/Util/constant";
 import _e from "../../Footer/index.js";
-import ue from "../../Header/index.js";
+import ce from "../../Header/index.js";
 import { translations as Oe } from "../libs/locales.js";
 import de from "./user-info/user-basic-info.js";
 import "@mui/icons-material";
@@ -33,20 +33,20 @@ import "@iconify-icons/material-symbols/settings-input-antenna-rounded";
 import "@arcblock/ux/lib/RelativeTime";
 import "@arcblock/ux/lib/UserCard/Content/shorten-label";
 import "./user-info/switch-role.js";
-import { formatBlockletInfo as Re, getLink as F, getLocalizedNavigation as $e } from "../../blocklets.js";
-import qe from "./passport.js";
-import Ge from "./settings.js";
-import Qe from "../../hooks/use-mobile.js";
-import { ConfigUserSpaceProvider as Ke } from "../../contexts/config-user-space.js";
-import Ve from "./storage/index.js";
-import Je from "./nft.js";
-import { UserFollowersProvider as ce } from "../../contexts/user-followers.js";
-import Xe from "./fallback.js";
-const T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = S(M, "/user-followers"), Ye = (b) => b.some(
-  (y) => ["/userCenter/nfts", "/userCenter/user-followers", "/userCenter/settings", "/userCenter/did-spaces"].includes(
-    y.id
-  ) || [T, z, W, j].includes(y.link)
-), fe = pe(a)(({ theme: b }) => ({
+import { formatBlockletInfo as $e, getLink as C, getLocalizedNavigation as qe } from "../../blocklets.js";
+import Ge from "./passport.js";
+import Qe from "./settings.js";
+import Ke from "../../hooks/use-mobile.js";
+import { ConfigUserSpaceProvider as Ve } from "../../contexts/config-user-space.js";
+import Je from "./storage/index.js";
+import Xe from "./nft.js";
+import { UserFollowersProvider as fe } from "../../contexts/user-followers.js";
+import Ye from "./fallback.js";
+const T = M(D, "/nfts"), z = M(D, "/settings"), W = M(D, "/did-spaces"), j = M(D, "/user-followers"), Ze = (b) => b.some(
+  (k) => ["/userCenter/nfts", "/userCenter/user-followers", "/userCenter/settings", "/userCenter/did-spaces"].includes(
+    k.id
+  ) || [T, z, W, j].includes(k.link)
+), pe = me(a)(({ theme: b }) => ({
   flex: 1,
   boxSizing: "border-box",
   padding: "0 16px",
@@ -60,7 +60,7 @@ const T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = S(M
   [b.breakpoints.up("md")]: {
     flexDirection: "row"
   }
-})), N = pe(a)(({ theme: b }) => ({
+})), N = me(a)(({ theme: b }) => ({
   overflow: "hidden",
   flex: "revert",
   [b.breakpoints.up("md")]: {
@@ -72,45 +72,45 @@ const T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = S(M
     }
   }
 }));
-function qr({
+function Gr({
   children: b,
-  notLoginContent: y = null,
+  notLoginContent: k = null,
   currentTab: v,
   contentProps: H = {},
   disableAutoRedirect: E = !1,
-  hideFooter: me = !1,
-  headerProps: he = {},
-  footerProps: xe = {},
+  hideFooter: he = !1,
+  headerProps: xe = {},
+  footerProps: ge = {},
   userDid: A = void 0,
-  stickySidebar: _ = !1,
-  embed: D = !1,
-  onlyProfile: C = !1,
+  stickySidebar: R = !1,
+  embed: F = !1,
+  onlyProfile: P = !1,
   // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
-  onDestroySelf: ge = void 0
+  onDestroySelf: be = void 0
 }) {
-  const O = He(), { locale: x, defaultLocale: k } = Be(), u = Qe({ key: "md" }), f = P((e, i = {}) => Ue(Oe, e, x, "en", i)), t = ke(Te)?.session, h = d(() => {
+  const _ = Ee(), { locale: m, defaultLocale: w } = Ie(), u = Ke({ key: "md" }), f = S((e, i = {}) => Be(Oe, e, m, "en", i)), t = Pe(ze)?.session, x = c(() => {
     if (A)
       return A;
-    const e = window.location.href, i = je(e);
+    const e = window.location.href, i = He(e);
     return i?.did ? Array.isArray(i.did) ? i.did[0] : i.did : t?.user?.did;
-  }, [t?.user?.did, A]), o = d(() => t?.user ? h === t?.user?.did : !1, [h, t?.user?.did]), w = Pe(() => !!t?.user && Ee(), [t?.user]), n = ne(
+  }, [t?.user?.did, A]), o = c(() => t?.user ? x === t?.user?.did : !1, [x, t?.user?.did]), y = Se(() => !!t?.user && Re(), [t?.user]), n = ne(
     // eslint-disable-next-line consistent-return
     async () => {
-      if (await Fe(() => t?.initialized), o)
+      if (await Te(() => t?.initialized), o)
         return t.user;
-      if (h)
-        return O.user.getUserPublicInfo({ did: h });
+      if (x)
+        return _.user.getUserPublicInfo({ did: x });
     },
     {
-      refreshDeps: [h, o, t?.initialized, t?.user]
+      refreshDeps: [x, o, t?.initialized, t?.user]
     }
-  ), R = P(() => o ? t.refresh() : n.refresh()), g = ne(
-    async () => n.data && v ? await O.user.getUserPrivacyConfig({ did: h }) : null,
+  ), O = S(() => o ? t.refresh() : n.refresh()), g = ne(
+    async () => n.data && v ? await _.user.getUserPrivacyConfig({ did: x }) : null,
     {
-      refreshDeps: [h, n.data, v],
+      refreshDeps: [x, n.data, v],
       loadingDelay: 300
     }
-  ), { confirmHolder: $ } = Le({
+  ), { confirmHolder: $ } = Ue({
     fullScreen: u,
     sx: {
       ".MuiDialog-paper": {
@@ -130,29 +130,29 @@ function qr({
         }
       }
     }
-  }), q = d(() => {
-    const e = Ne(window.blocklet);
+  }), q = c(() => {
+    const e = je(window.blocklet);
     try {
-      return Re(e);
+      return $e(e);
     } catch (i) {
       return console.error("Failed to format blocklet info", i, e), e;
     }
-  }, []), G = d(() => {
+  }, []), G = c(() => {
     const e = {
       label: f("common.nft"),
       protected: !1,
       isPrivate: !1,
       // true: 隐私数据，仅自己可见
       value: T,
-      url: F(T, x, k)
+      url: C(T, m, w)
     }, i = {
       label: f("userFollowers"),
       protected: !1,
       isPrivate: !1,
       value: j,
-      url: F(j, x, k)
+      url: C(j, m, w)
     };
-    let p = w ? [e, i] : [e];
+    let p = y ? [e, i] : [e];
     if (o) {
       const U = [
         e,
@@ -161,61 +161,67 @@ function qr({
           protected: !0,
           isPrivate: !0,
           value: z,
-          url: F(z, x, k)
+          url: C(z, m, w)
         },
         {
           label: f("storageManagement"),
           protected: !0,
           isPrivate: !0,
           value: W,
-          url: F(W, x, k)
+          url: C(W, m, w)
         }
       ];
-      p = w ? [...U, i] : U;
+      p = y ? [...U, i] : U;
     }
     return p;
-  }, [o, x, w]), l = d(() => {
-    const e = q?.navigation?.userCenter || [], i = Ye(e);
-    return ($e({ navigation: e, locale: x, defaultLocale: k }) || []).concat(i ? [] : G).map((c) => {
-      const te = c.value ?? c._rawLink ?? c.link ?? c.url;
+  }, [o, m, y]), l = c(() => {
+    const e = q?.navigation?.userCenter || [], i = Ze(e);
+    return (qe({ navigation: e, locale: m, defaultLocale: w }) || []).concat(i ? [] : G).map((d) => {
+      const te = d.value ?? d._rawLink ?? d.link ?? d.url;
       return {
         value: te,
-        label: c.title || c.label,
-        url: c.link || c.url,
+        label: d.title || d.label,
+        url: d.link || d.url,
         protected: g?.data?.[te] ?? !1,
-        isPrivate: c.isPrivate || c.private || (c?._rawLink?.includes?.("/customer") ?? !1),
+        isPrivate: d.isPrivate || d.private || (C(d._rawLink, m, w)?.includes?.("/customer") ?? !1),
         // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
-        followersOnly: c.component === "did-comments"
+        followersOnly: d.component === "did-comments"
         // 是否开启仅粉丝可查看的功能，目前只对 discuss kit 开启
         // icon: x.icon,
       };
-    }).filter((c) => o || !c.isPrivate);
-  }, [q, n.data, g?.data, x, G, o]), s = d(() => l.find((e) => le(e.value) === le(v)), [l]), Q = d(() => {
+    }).filter((d) => o || !d.isPrivate);
+  }, [q, n.data, g?.data, m, G, o]), s = c(() => l.find((e) => {
+    try {
+      return le(ae(C(e.value, m, w))).pathname === le(ae(v)).pathname;
+    } catch {
+      return !1;
+    }
+  }), [l]), Q = c(() => {
     const e = window.blocklet?.appName, p = [s?.label, f("userCenter.title")].filter(Boolean).join("-");
     return e ? `${p} | ${e}` : p;
-  }, [s, f]), be = P((e) => e && (ie(e) ? oe(e, {
+  }, [s, f]), ve = S((e) => e && (ie(e) ? oe(e, {
     ...e.props || {},
     userCenterTabs: l
-  }) : Se.map(e, (i) => ie(i) ? oe(i, {
+  }) : Me.map(e, (i) => ie(i) ? oe(i, {
     ...i.props || {},
     userCenterTabs: l
-  }) : i))), ve = P((e) => {
+  }) : i))), we = S((e) => {
     const i = l.find((p) => p.value === e);
-    i && (window.location.href = ae(i.url, {
-      did: o ? void 0 : h
+    i && (window.location.href = ue(i.url, {
+      did: o ? void 0 : x
     }));
-  }), K = d(() => /* @__PURE__ */ r(
-    Ge,
+  }), K = c(() => /* @__PURE__ */ r(
+    Qe,
     {
       user: n.data,
       settings: { userCenterTabs: l },
       onSave: async (e) => e === "privacy" ? (await g.runAsync(), g.data) : (e === "profile" && await t.refresh(), null),
       isMobile: u,
-      onDestroySelf: ge
+      onDestroySelf: be
     }
-  ), [n.data, l, g.data, g.runAsync]), V = d(() => s && s?.value === z, [s]), J = d(() => s && s?.value === S(M, "/profile") || s?.value === T, [s]), we = d(() => s && s?.value === W, [s]), ye = t.useOAuth(), Ce = t.usePasskey(), X = P(() => {
-    t?.user?.sourceProvider === "passkey" ? Ce.switchPassport(t.user) : ["google", "apple", "email", "github"].includes(t?.user?.sourceProvider ?? "") ? ye.switchOAuthPassport(t.user) : t && t.switchPassport();
-  }), L = d(() => J ? /* @__PURE__ */ m(
+  ), [n.data, l, g.data, g.runAsync]), V = c(() => s && s?.value === z, [s]), J = c(() => s && s?.value === M(D, "/profile") || s?.value === T, [s]), ye = c(() => s && s?.value === W, [s]), Ce = t.useOAuth(), ke = t.usePasskey(), X = S(() => {
+    t?.user?.sourceProvider === "passkey" ? ke.switchPassport(t.user) : ["google", "apple", "email", "github"].includes(t?.user?.sourceProvider ?? "") ? Ce.switchOAuthPassport(t.user) : t && t.switchPassport();
+  }), L = c(() => J ? /* @__PURE__ */ h(
     a,
     {
       sx: {
@@ -224,7 +230,7 @@ function qr({
         gap: 2.5
       },
       children: [
-        o ? /* @__PURE__ */ m(a, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
+        o ? /* @__PURE__ */ h(a, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
           /* @__PURE__ */ r(
             B,
             {
@@ -236,12 +242,12 @@ function qr({
               children: f("passport")
             }
           ),
-          /* @__PURE__ */ r(qe, { user: n.data })
+          /* @__PURE__ */ r(Ge, { user: n.data })
         ] }) : null,
-        /* @__PURE__ */ r(Je, { user: n.data })
+        /* @__PURE__ */ r(Xe, { user: n.data })
       ]
     }
-  ) : V && o ? K : we && o ? /* @__PURE__ */ r(Ke, { children: /* @__PURE__ */ r(Ve, {}) }) : null, [V, J, n, o, _, K]), Y = d(() => /* @__PURE__ */ r(
+  ) : V && o ? K : ye && o ? /* @__PURE__ */ r(Ve, { children: /* @__PURE__ */ r(Je, {}) }) : null, [V, J, n, o, R, K]), Y = c(() => /* @__PURE__ */ r(
     a,
     {
       sx: {
@@ -253,7 +259,7 @@ function qr({
       },
       children: /* @__PURE__ */ r(I, { children: f("emptyContent") })
     }
-  ), [o, x]), Z = d(() => !g.data || g.loading ? /* @__PURE__ */ r(
+  ), [o, m]), Z = c(() => !g.data || g.loading ? /* @__PURE__ */ r(
     a,
     {
       sx: {
@@ -265,28 +271,28 @@ function qr({
         alignItems: "center",
         flex: 1
       },
-      children: /* @__PURE__ */ r(Me, {})
+      children: /* @__PURE__ */ r(De, {})
     }
   ) : /* @__PURE__ */ r(a, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
-    Xe,
+    Ye,
     {
-      isSupportFollow: w,
+      isSupportFollow: y,
       currentActiveTab: s,
       isMyself: o,
-      children: b ? /* @__PURE__ */ r(a, { ...H, children: be(b) }) : L
+      children: b ? /* @__PURE__ */ r(a, { ...H, children: ve(b) }) : L
     }
-  ) }), [g, s, o, b, H, L, x]), ee = d(() => {
+  ) }), [g, s, o, b, H, L, m]), ee = c(() => {
     if (n.loading || t.loading)
       return null;
     if (n.error) {
       if (n.error?.response?.status === 404)
-        return /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ae, { status: 404, description: f("noUserFound") }) });
+        return /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Le, { status: 404, description: f("noUserFound") }) });
       const p = {
         message: n.error.response?.data?.error || n.error.message || "error occurred"
       };
-      return /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ie, { error: p }) });
+      return /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ne, { error: p }) });
     }
-    return !h && !n.data ? y || /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
+    return !x && !n.data ? k || /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ h(
       a,
       {
         sx: {
@@ -298,13 +304,13 @@ function qr({
         },
         children: [
           /* @__PURE__ */ r(I, { children: f("viewAfterLogin") }),
-          /* @__PURE__ */ r(We, { size: "small", variant: "contained", onClick: () => t.login(), children: f("loginNow") })
+          /* @__PURE__ */ r(Ae, { size: "small", variant: "contained", onClick: () => t.login(), children: f("loginNow") })
         ]
       }
-    ) }) : h && !n.data && !n.loading ? /* @__PURE__ */ r(I, { style: { width: "100%", paddingTop: 16 }, children: /* @__PURE__ */ m(a, { sx: { textAlign: "center", width: "100%" }, children: [
+    ) }) : x && !n.data && !n.loading ? /* @__PURE__ */ r(I, { style: { width: "100%", paddingTop: 16 }, children: /* @__PURE__ */ h(a, { sx: { textAlign: "center", width: "100%" }, children: [
       /* @__PURE__ */ r(B, { variant: "body1", sx: { fontSize: 18, fontWeight: 500 }, children: f("userNotFound") }),
       /* @__PURE__ */ r(B, { variant: "body1", color: "text.secondary", children: f("userNotFoundDescription") })
-    ] }) }) : D ? /* @__PURE__ */ m(N, { children: [
+    ] }) }) : F ? /* @__PURE__ */ h(N, { children: [
       l.length > 0 && v ? /* @__PURE__ */ r(
         a,
         {
@@ -318,7 +324,7 @@ function qr({
         }
       ) : null,
       l.length === 0 && Y
-    ] }) : C ? /* @__PURE__ */ r(N, { display: "flex", flexDirection: u ? "column" : "row", children: /* @__PURE__ */ r(
+    ] }) : P ? /* @__PURE__ */ r(N, { display: "flex", flexDirection: u ? "column" : "row", children: /* @__PURE__ */ r(
       de,
       {
         isMobile: u,
@@ -328,17 +334,17 @@ function qr({
         switchProfile: t.switchProfile,
         user: n.data,
         showFullDid: !1,
-        onlyProfile: C,
-        refreshProfile: R,
-        isShowSocialActions: w,
+        onlyProfile: P,
+        refreshProfile: O,
+        isShowSocialActions: y,
         sx: {
           padding: u ? "16px 0 0 0" : "40px 24px 24px 40px",
           ...u ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
           boxSizing: "content-box"
         }
       }
-    ) }) : /* @__PURE__ */ m(N, { display: "flex", flexDirection: u ? "column" : "row", children: [
-      /* @__PURE__ */ m(
+    ) }) : /* @__PURE__ */ h(N, { display: "flex", flexDirection: u ? "column" : "row", children: [
+      /* @__PURE__ */ h(
         a,
         {
           className: "user-center-tabs",
@@ -348,7 +354,7 @@ function qr({
             width: u ? "unset" : "calc(100% - 424px)"
           },
           children: [
-            l.length > 0 && v ? /* @__PURE__ */ m(
+            l.length > 0 && v ? /* @__PURE__ */ h(
               a,
               {
                 sx: {
@@ -360,13 +366,13 @@ function qr({
                 },
                 children: [
                   /* @__PURE__ */ r(
-                    ze,
+                    We,
                     {
                       orientation: "horizontal",
                       variant: "line",
                       tabs: l,
                       current: s?.value ?? v,
-                      onChange: ve,
+                      onChange: we,
                       enableTabClick: !0,
                       sx: {
                         mb: (e) => `${e.spacing(3)} !important`,
@@ -411,7 +417,7 @@ function qr({
           ]
         }
       ),
-      !u && /* @__PURE__ */ r(De, { orientation: "vertical", sx: { ml: 5 } }),
+      !u && /* @__PURE__ */ r(Fe, { orientation: "vertical", sx: { ml: 5 } }),
       /* @__PURE__ */ r(
         de,
         {
@@ -421,9 +427,9 @@ function qr({
           switchPassport: X,
           switchProfile: t.switchProfile,
           user: n.data,
-          refreshProfile: R,
+          refreshProfile: O,
           showFullDid: !1,
-          isShowSocialActions: w,
+          isShowSocialActions: y,
           sx: {
             padding: u ? "16px 0 0 0" : "40px 24px 24px 40px",
             ...u ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
@@ -439,34 +445,34 @@ function qr({
     s,
     g,
     v,
-    _,
+    R,
     L
-  ]), re = d(() => o ? !1 : s?.isPrivate, [o, s]);
-  if (d(() => C || D || !l.length || !t.user ? !1 : !E && !v && l?.length > 0 || !s || re, [
+  ]), re = c(() => o ? !1 : s?.isPrivate, [o, s]);
+  if (c(() => P || F || !l.length || !t.user ? !1 : !E && !v && l?.length > 0 || !s || re, [
     E,
     v,
     l,
     s,
     re,
-    C,
+    P,
     t.user,
-    D
+    F
   ])) {
     const e = l[0]?.url, i = l.find((p) => p.value === e);
     return e && !i?.isPrivate && window.location.replace(
-      ae(e, {
-        did: o ? void 0 : h
+      ue(e, {
+        did: o ? void 0 : x
       })
     ), null;
   }
-  return D || C ? /* @__PURE__ */ m(a, { children: [
+  return F || P ? /* @__PURE__ */ h(a, { children: [
     /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r("title", { children: Q }) }),
-    /* @__PURE__ */ r(ue, { style: { display: "none" } }),
-    /* @__PURE__ */ m(fe, { children: [
-      /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: ee }),
+    /* @__PURE__ */ r(ce, { style: { display: "none" } }),
+    /* @__PURE__ */ h(pe, { children: [
+      /* @__PURE__ */ r(fe, { isMySelf: o, userDid: n.data?.did ?? "", children: ee }),
       $
     ] })
-  ] }) : /* @__PURE__ */ m(
+  ] }) : /* @__PURE__ */ h(
     a,
     {
       sx: {
@@ -476,16 +482,16 @@ function qr({
       },
       children: [
         /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r("title", { children: Q }) }),
-        /* @__PURE__ */ r(ue, { bordered: !0, ...he, maxWidth: "100%" }),
-        /* @__PURE__ */ m(fe, { children: [
-          /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: ee }),
+        /* @__PURE__ */ r(ce, { bordered: !0, ...xe, maxWidth: "100%" }),
+        /* @__PURE__ */ h(pe, { children: [
+          /* @__PURE__ */ r(fe, { isMySelf: o, userDid: n.data?.did ?? "", children: ee }),
           $
         ] }),
-        me ? null : /* @__PURE__ */ r(
+        he ? null : /* @__PURE__ */ r(
           _e,
           {
             bordered: !0,
-            ...xe,
+            ...ge,
             sx: {
               ".MuiContainer-root": {
                 maxWidth: 1600
@@ -498,5 +504,5 @@ function qr({
   );
 }
 export {
-  qr as default
+  Gr as default
 };

package/lib/common/ws.d.ts

@@ -1,3 +1,24 @@
-export function create(endpoint?: string): any;
+export function create(endpoint?: string): {
+    _logger: ReturnType<(subModule: string, silent?: boolean) => import('@arcblock/ws/esm/logger.mjs').Logger>;
+    emitter: import('@arcblock/ws/esm/client/base.mjs').EventEmitterInstance;
+    on(event: string, handler: (data: unknown) => void, params?: object): void;
+    off(event: string, handler?: (data: unknown) => void): void;
+    disconnect(callback?: () => void, code?: number, reason?: string): void;
+    ensureJoinChannel(topic: string, params?: object): void;
+    ensureLeaveChannel(topic: string): void;
+    subscribe(topic: string, params?: object): import('@arcblock/ws/esm/client/base.mjs').Channel;
+    unsubscribe(topic: string): void;
+    channels: import('@arcblock/ws/esm/client/base.mjs').Channel[];
+    connect(): void;
+    isConnected(): boolean;
+    onOpen(cb: () => void): void;
+    onClose(cb: () => void): void;
+    onError(cb: (err: {
+        error: Error;
+    }) => void): void;
+    onMessage(cb: (message: unknown) => void): void;
+    channel(topic: string, params?: object | (() => object)): import('@arcblock/ws/esm/client/base.mjs').Channel;
+    remove(channel: import('@arcblock/ws/esm/client/base.mjs').Channel): void;
+};
 export default function getWsClient(endpoint?: string): any;
 export function useListenWsClient(endpoint?: string): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.4.13",
+  "version": "3.4.15",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -36,10 +36,10 @@
   "dependencies": {
     "@abtnode/constant": "^1.17.7",
     "@abtnode/util": "^1.17.7",
-    "@arcblock/bridge": "3.4.13",
-    "@arcblock/icons": "3.4.13",
-    "@arcblock/react-hooks": "3.4.13",
-    "@arcblock/ws": "^1.28.8",
+    "@arcblock/bridge": "3.4.15",
+    "@arcblock/icons": "3.4.15",
+    "@arcblock/react-hooks": "3.4.15",
+    "@arcblock/ws": "^1.29.4",
     "@blocklet/did-space-react": "^1.2.15",
     "@blocklet/uploader": "^0.3.19",
     "@iconify-icons/logos": "^1.2.36",
@@ -84,7 +84,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.4.13",
+    "@arcblock/did-connect-react": "3.4.15",
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
@@ -98,5 +98,5 @@
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "0ec0dab9e461171384dbed3e114b805771eb1d88"
+  "gitHead": "73039d82d507d9ec5408d8cfc67d9efeffae3e74"
 }

package/src/UserCenter/components/user-center.tsx

@@ -16,7 +16,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { ErrorFallback } from '@arcblock/ux/lib/ErrorBoundary';
 import { styled } from '@arcblock/ux/lib/Theme';
 import cloneDeep from 'lodash/cloneDeep';
-import { getQuery, withQuery, joinURL, withoutTrailingSlash } from 'ufo';
+import { getQuery, withQuery, joinURL, withoutTrailingSlash, parseURL } from 'ufo';
 import type { AxiosError } from 'axios';
 import { getBlockletSDK, type UserPublicInfo } from '@blocklet/js-sdk';
 import { isSupportFollow } from '@arcblock/ux/lib/Util';
@@ -279,7 +279,8 @@ export default function UserCenter({
           label: x.title || x.label,
           url: x.link || x.url,
           protected: privacyState?.data?.[value] ?? false,
-          isPrivate: x.isPrivate || x.private || (x?._rawLink?.includes?.('/customer') ?? false), // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
+          isPrivate:
+            x.isPrivate || x.private || (getLink(x._rawLink, locale, defaultLocale)?.includes?.('/customer') ?? false), // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
           followersOnly: x.component === 'did-comments', // 是否开启仅粉丝可查看的功能，目前只对 discuss kit 开启
           // icon: x.icon,
         };
@@ -288,7 +289,16 @@ export default function UserCenter({
   }, [formattedBlocklet, userState.data, privacyState?.data, locale, defaultTabs, isMyself]);
 
   const currentActiveTab = useCreation(() => {
-    return userCenterTabs.find((x) => withoutTrailingSlash(x.value) === withoutTrailingSlash(currentTab));
+    return userCenterTabs.find((x) => {
+      try {
+        return (
+          parseURL(withoutTrailingSlash(getLink(x.value, locale, defaultLocale))).pathname ===
+          parseURL(withoutTrailingSlash(currentTab)).pathname
+        );
+      } catch {
+        return false;
+      }
+    });
   }, [userCenterTabs]);
 
   const htmlTitle = useCreation(() => {