@blocklet/ui-react 3.2.3 → 3.2.4

package/.aigne/doc-smith/output/structure-plan.json

@@ -14,7 +14,8 @@
       "src/blocklets.js",
       "src/utils.js"
     ],
-    "parentId": ""
+    "parentId": "",
+    "icon": "lucide:book-open"
   },
   {
     "title": "Getting Started",
@@ -27,7 +28,8 @@
       "src/Footer/index.jsx",
       "src/common/overridable-theme-provider.jsx"
     ],
-    "parentId": ""
+    "parentId": "",
+    "icon": "lucide:rocket"
   },
   {
     "title": "Core Concepts",
@@ -39,7 +41,8 @@
       "src/@types/index.ts",
       "src/utils.js"
     ],
-    "parentId": ""
+    "parentId": "",
+    "icon": "lucide:lightbulb"
   },
   {
     "title": "Components",
@@ -58,7 +61,8 @@
       "src/ComponentManager/index.tsx",
       "src/common/notification-addon.jsx"
     ],
-    "parentId": ""
+    "parentId": "",
+    "icon": "lucide:blocks"
   },
   {
     "title": "Layout",
@@ -232,7 +236,8 @@
       "src/hooks/use-follow.tsx",
       "src/hooks/use-mobile.tsx"
     ],
-    "parentId": ""
+    "parentId": "",
+    "icon": "lucide:hook"
   },
   {
     "title": "How-to Guides",
@@ -244,6 +249,7 @@
       "src/common/notification-addon.jsx",
       "src/BlockletStudio/README.md"
     ],
-    "parentId": ""
+    "parentId": "",
+    "icon": "lucide:compass"
   }
 ]

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

@@ -1,27 +1,27 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { use as ke, useMemo as Ce, isValidElement as ee, cloneElement as re, Children as Pe } from "react";
-import { Box as l, Typography as T, CircularProgress as Se, Divider as Me } from "@mui/material";
-import { useMemoizedFn as C, useCreation as u, useRequest as te } from "ahooks";
-import De from "p-wait-for";
-import ie from "react-helmet";
-import { SessionContext as Fe } from "@arcblock/did-connect-react/lib/Session";
-import Te from "@arcblock/ux/lib/Tabs";
-import z from "@arcblock/ux/lib/Empty";
-import ze from "@arcblock/ux/lib/Button";
-import We from "@arcblock/ux/lib/Result";
-import { useConfirm as Ae } from "@arcblock/ux/lib/Dialog";
-import { translate as Le } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as Ue } from "@arcblock/ux/lib/Locale/context";
-import { ErrorFallback as Be } from "@arcblock/ux/lib/ErrorBoundary";
-import { styled as fe } from "@arcblock/ux/lib/Theme";
-import Ie from "lodash/cloneDeep";
-import { joinURL as P, getQuery as Ne, withoutTrailingSlash as oe, withQuery as ne } from "ufo";
-import { isSupportFollow as je } from "@arcblock/ux/lib/Util";
-import { PROFILE_URL as S } from "@arcblock/ux/lib/Util/constant";
-import He from "../../Footer/index.js";
-import se from "../../Header/index.js";
-import { translations as Ee } from "../libs/locales.js";
-import le from "./user-info/user-basic-info.js";
+import { use as ke, useMemo as Pe, isValidElement as te, cloneElement as ie, Children as Se } from "react";
+import { Box as l, Typography as U, CircularProgress as Me, Divider as De } from "@mui/material";
+import { useMemoizedFn as P, useCreation as u, useRequest as oe } from "ahooks";
+import Fe from "p-wait-for";
+import ne from "react-helmet";
+import { SessionContext as Te } from "@arcblock/did-connect-react/lib/Session";
+import ze from "@arcblock/ux/lib/Tabs";
+import B 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 se, withQuery as le } from "ufo";
+import { isSupportFollow as He } from "@arcblock/ux/lib/Util";
+import { PROFILE_URL as M } from "@arcblock/ux/lib/Util/constant";
+import Ee from "../../Footer/index.js";
+import ae from "../../Header/index.js";
+import { translations as _e } from "../libs/locales.js";
+import de from "./user-info/user-basic-info.js";
 import "@mui/icons-material";
 import "@iconify/react";
 import "@arcblock/ux/lib/DID";
@@ -32,17 +32,21 @@ 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 _e, getLink as M, getLocalizedNavigation as Oe } from "../../blocklets.js";
-import Re from "./passport.js";
-import $e from "./settings.js";
-import { client as ae } from "../../libs/client.js";
-import qe from "../../hooks/use-mobile.js";
-import { ConfigUserSpaceProvider as Ge } from "../../contexts/config-user-space.js";
-import Qe from "./storage/index.js";
-import Ve from "./nft.js";
-import { UserFollowersProvider as de } from "../../contexts/user-followers.js";
-import Je from "./fallback.js";
-const W = P(S, "/nfts"), A = P(S, "/settings"), L = P(S, "/did-spaces"), ce = P(S, "/user-followers"), ue = fe(l)(({ theme: v }) => ({
+import { formatBlockletInfo as Oe, getLink as D, getLocalizedNavigation as Re } from "../../blocklets.js";
+import $e from "./passport.js";
+import qe from "./settings.js";
+import { client as ue } from "../../libs/client.js";
+import Ge from "../../hooks/use-mobile.js";
+import { ConfigUserSpaceProvider as Qe } 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 Ke from "./fallback.js";
+const F = S(M, "/nfts"), T = S(M, "/settings"), z = S(M, "/did-spaces"), N = S(M, "/user-followers"), Xe = (b) => b.some(
+  (y) => ["/userCenter/nfts", "/userCenter/user-followers", "/userCenter/settings", "/userCenter/did-spaces"].includes(
+    y.id
+  ) || [F, T, z, N].includes(y.link)
+), fe = pe(l)(({ theme: b }) => ({
   flex: 1,
   boxSizing: "border-box",
   padding: "0 16px",
@@ -53,13 +57,13 @@ const W = P(S, "/nfts"), A = P(S, "/settings"), L = P(S, "/did-spaces"), ce = P(
   alignItems: "stretch",
   gap: 2.5,
   flexDirection: "column",
-  [v.breakpoints.up("md")]: {
+  [b.breakpoints.up("md")]: {
     flexDirection: "row"
   }
-})), U = fe(l)(({ theme: v }) => ({
+})), I = pe(l)(({ theme: b }) => ({
   overflow: "hidden",
   flex: "revert",
-  [v.breakpoints.up("md")]: {
+  [b.breakpoints.up("md")]: {
     flex: 1
   },
   "@media (min-width: 960px) and (max-width: 1050px)": {
@@ -68,45 +72,45 @@ const W = P(S, "/nfts"), A = P(S, "/settings"), L = P(S, "/did-spaces"), ce = P(
     }
   }
 }));
-function Or({
-  children: v,
-  notLoginContent: B = null,
-  currentTab: b,
-  contentProps: I = {},
-  disableAutoRedirect: N = !1,
-  hideFooter: pe = !1,
-  headerProps: me = {},
-  footerProps: he = {},
-  userDid: D = void 0,
-  stickySidebar: j = !1,
-  embed: H = !1,
-  onlyProfile: y = !1,
+function $r({
+  children: b,
+  notLoginContent: y = null,
+  currentTab: v,
+  contentProps: j = {},
+  disableAutoRedirect: H = !1,
+  hideFooter: me = !1,
+  headerProps: he = {},
+  footerProps: xe = {},
+  userDid: W = void 0,
+  stickySidebar: E = !1,
+  embed: _ = !1,
+  onlyProfile: C = !1,
   // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
-  onDestroySelf: xe = void 0
+  onDestroySelf: ge = void 0
 }) {
-  const { locale: x, defaultLocale: k } = Ue(), a = qe({ key: "md" }), f = C((e, t = {}) => Le(Ee, e, x, "en", t)), o = ke(Fe)?.session, h = u(() => {
-    if (D)
-      return D;
-    const e = window.location.href, t = Ne(e);
+  const { locale: x, defaultLocale: k } = Be(), a = Ge({ key: "md" }), f = P((e, t = {}) => Ue(_e, e, x, "en", t)), o = ke(Te)?.session, h = u(() => {
+    if (W)
+      return W;
+    const e = window.location.href, t = je(e);
     return t?.did ? Array.isArray(t.did) ? t.did[0] : t.did : o?.user?.did;
-  }, [o?.user?.did, D]), i = u(() => o?.user ? h === o?.user?.did : !1, [h, o?.user?.did]), w = Ce(() => je(), []), n = te(
+  }, [o?.user?.did, W]), i = u(() => o?.user ? h === o?.user?.did : !1, [h, o?.user?.did]), w = Pe(() => He(), []), n = oe(
     // eslint-disable-next-line consistent-return
     async () => {
-      if (await De(() => o?.initialized), i)
+      if (await Fe(() => o?.initialized), i)
         return o.user;
       if (h)
-        return ae.user.getUserPublicInfo({ did: h });
+        return ue.user.getUserPublicInfo({ did: h });
     },
     {
       refreshDeps: [h, i, o?.initialized, o?.user]
     }
-  ), E = C(() => i ? o.refresh() : n.refresh()), g = te(
-    async () => n.data && b ? await ae.user.getUserPrivacyConfig({ did: h }) : null,
+  ), O = P(() => i ? o.refresh() : n.refresh()), g = oe(
+    async () => n.data && v ? await ue.user.getUserPrivacyConfig({ did: h }) : null,
     {
-      refreshDeps: [h, n.data, b],
+      refreshDeps: [h, n.data, v],
       loadingDelay: 300
     }
-  ), { confirmHolder: _ } = Ae({
+  ), { confirmHolder: R } = Le({
     fullScreen: a,
     sx: {
       ".MuiDialog-paper": {
@@ -126,59 +130,59 @@ function Or({
         }
       }
     }
-  }), O = u(() => {
-    const e = Ie(window.blocklet);
+  }), $ = u(() => {
+    const e = Ne(window.blocklet);
     try {
-      return _e(e);
+      return Oe(e);
     } catch (t) {
       return console.error("Failed to format blocklet info", t, e), e;
     }
-  }, []), R = u(() => {
+  }, []), q = u(() => {
     const e = {
       label: f("common.nft"),
       protected: !1,
       isPrivate: !1,
       // true: 隐私数据，仅自己可见
-      value: W,
-      url: M(W, x, k)
+      value: F,
+      url: D(F, x, k)
     }, t = {
       label: f("userFollowers"),
       protected: !1,
       isPrivate: !1,
-      value: ce,
-      url: M(ce, x, k)
+      value: N,
+      url: D(N, x, k)
     };
     let p = w ? [e, t] : [e];
     if (i) {
-      const c = [
+      const L = [
         e,
         {
           label: f("common.setting"),
           protected: !0,
           isPrivate: !0,
-          value: A,
-          url: M(A, x, k)
+          value: T,
+          url: D(T, x, k)
         },
         {
           label: f("storageManagement"),
           protected: !0,
           isPrivate: !0,
-          value: L,
-          url: M(L, x, k)
+          value: z,
+          url: D(z, x, k)
         }
       ];
-      p = w ? [...c, t] : c;
+      p = w ? [...L, t] : L;
     }
     return p;
   }, [i, x, w]), d = u(() => {
-    const e = O?.navigation?.userCenter || [];
-    return (Oe({ navigation: e, locale: x, defaultLocale: k }) || []).concat(R).map((c) => {
-      const Z = c.value ?? c._rawLink ?? c.link ?? c.url;
+    const e = $?.navigation?.userCenter || [], t = Xe(e);
+    return (Re({ navigation: e, locale: x, defaultLocale: k }) || []).concat(t ? [] : q).map((c) => {
+      const re = c.value ?? c._rawLink ?? c.link ?? c.url;
       return {
-        value: Z,
+        value: re,
         label: c.title || c.label,
         url: c.link || c.url,
-        protected: g?.data?.[Z] ?? !1,
+        protected: g?.data?.[re] ?? !1,
         isPrivate: c.isPrivate || c.private || (c?._rawLink?.includes("/customer") ?? !1),
         // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
         followersOnly: c.component === "did-comments"
@@ -186,32 +190,32 @@ function Or({
         // icon: x.icon,
       };
     }).filter((c) => i || !c.isPrivate);
-  }, [O, n.data, g?.data, x, R, i]), s = u(() => d.find((e) => oe(e.value) === oe(b)), [d]), $ = u(() => {
+  }, [$, n.data, g?.data, x, q, i]), s = u(() => d.find((e) => se(e.value) === se(v)), [d]), G = u(() => {
     const e = window.blocklet?.appName, p = [s?.label, f("userCenter.title")].filter(Boolean).join("-");
     return e ? `${p} | ${e}` : p;
-  }, [s, f]), ge = C((e) => e && (ee(e) ? re(e, {
+  }, [s, f]), be = P((e) => e && (te(e) ? ie(e, {
     ...e.props || {},
     userCenterTabs: d
-  }) : Pe.map(e, (t) => ee(t) ? re(t, {
+  }) : Se.map(e, (t) => te(t) ? ie(t, {
     ...t.props || {},
     userCenterTabs: d
-  }) : t))), be = C((e) => {
+  }) : t))), ve = P((e) => {
     const t = d.find((p) => p.value === e);
-    t && (window.location.href = ne(t.url, {
+    t && (window.location.href = le(t.url, {
       did: i ? void 0 : h
     }));
-  }), q = u(() => /* @__PURE__ */ r(
-    $e,
+  }), Q = u(() => /* @__PURE__ */ r(
+    qe,
     {
       user: n.data,
       settings: { userCenterTabs: d },
       onSave: async (e) => e === "privacy" ? (await g.runAsync(), g.data) : (e === "profile" && await o.refresh(), null),
       isMobile: a,
-      onDestroySelf: xe
+      onDestroySelf: ge
     }
-  ), [n.data, d, g.data, g.runAsync]), G = u(() => s && s?.value === A, [s]), Q = u(() => s && s?.value === P(S, "/profile") || s?.value === W, [s]), ve = u(() => s && s?.value === L, [s]), we = o.useOAuth(), ye = o.usePasskey(), V = C(() => {
-    o?.user?.sourceProvider === "passkey" ? ye.switchPassport(o.user) : ["google", "apple", "email", "github"].includes(o?.user?.sourceProvider ?? "") ? we.switchOAuthPassport(o.user) : o && o.switchPassport();
-  }), F = u(() => Q ? /* @__PURE__ */ m(
+  ), [n.data, d, g.data, g.runAsync]), V = u(() => s && s?.value === T, [s]), J = u(() => s && s?.value === S(M, "/profile") || s?.value === F, [s]), we = u(() => s && s?.value === z, [s]), ye = o.useOAuth(), Ce = o.usePasskey(), K = P(() => {
+    o?.user?.sourceProvider === "passkey" ? Ce.switchPassport(o.user) : ["google", "apple", "email", "github"].includes(o?.user?.sourceProvider ?? "") ? ye.switchOAuthPassport(o.user) : o && o.switchPassport();
+  }), A = u(() => J ? /* @__PURE__ */ m(
     l,
     {
       sx: {
@@ -222,7 +226,7 @@ function Or({
       children: [
         i ? /* @__PURE__ */ m(l, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
           /* @__PURE__ */ r(
-            T,
+            U,
             {
               sx: {
                 color: "text.primary",
@@ -232,12 +236,12 @@ function Or({
               children: f("passport")
             }
           ),
-          /* @__PURE__ */ r(Re, { user: n.data })
+          /* @__PURE__ */ r($e, { user: n.data })
         ] }) : null,
-        /* @__PURE__ */ r(Ve, { user: n.data })
+        /* @__PURE__ */ r(Je, { user: n.data })
       ]
     }
-  ) : G && i ? q : ve && i ? /* @__PURE__ */ r(Ge, { children: /* @__PURE__ */ r(Qe, {}) }) : null, [G, Q, n, i, j, q]), J = u(() => /* @__PURE__ */ r(
+  ) : V && i ? Q : we && i ? /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ r(Ve, {}) }) : null, [V, J, n, i, E, Q]), X = u(() => /* @__PURE__ */ r(
     l,
     {
       sx: {
@@ -247,9 +251,9 @@ function Or({
         },
         py: 3
       },
-      children: /* @__PURE__ */ r(z, { children: f("emptyContent") })
+      children: /* @__PURE__ */ r(B, { children: f("emptyContent") })
     }
-  ), [i, x]), K = u(() => !g.data || g.loading ? /* @__PURE__ */ r(
+  ), [i, x]), Y = u(() => !g.data || g.loading ? /* @__PURE__ */ r(
     l,
     {
       sx: {
@@ -261,28 +265,28 @@ function Or({
         alignItems: "center",
         flex: 1
       },
-      children: /* @__PURE__ */ r(Se, {})
+      children: /* @__PURE__ */ r(Me, {})
     }
   ) : /* @__PURE__ */ r(l, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
-    Je,
+    Ke,
     {
       isSupportFollow: w,
       currentActiveTab: s,
       isMyself: i,
-      children: v ? /* @__PURE__ */ r(l, { ...I, children: ge(v) }) : F
+      children: b ? /* @__PURE__ */ r(l, { ...j, children: be(b) }) : A
     }
-  ) }), [g, s, i, v, I, F, x]), X = u(() => {
+  ) }), [g, s, i, b, j, A, x]), Z = u(() => {
     if (n.loading || o.loading)
       return null;
     if (n.error) {
       if (n.error?.response?.status === 404)
-        return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(We, { status: 404, description: f("noUserFound") }) });
+        return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ae, { status: 404, description: f("noUserFound") }) });
       const p = {
         message: n.error.response?.data?.error || n.error.message || "error occurred"
       };
-      return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Be, { error: p }) });
+      return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ie, { error: p }) });
     }
-    return !h && !n.data ? B || /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
+    return !h && !n.data ? y || /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
       l,
       {
         sx: {
@@ -293,15 +297,15 @@ function Or({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ r(z, { children: f("viewAfterLogin") }),
-          /* @__PURE__ */ r(ze, { size: "small", variant: "contained", onClick: () => o.login(), children: f("loginNow") })
+          /* @__PURE__ */ r(B, { children: f("viewAfterLogin") }),
+          /* @__PURE__ */ r(We, { size: "small", variant: "contained", onClick: () => o.login(), children: f("loginNow") })
         ]
       }
-    ) }) : h && !n.data && !n.loading ? /* @__PURE__ */ r(z, { style: { width: "100%", paddingTop: 16 }, children: /* @__PURE__ */ m(l, { sx: { textAlign: "center", width: "100%" }, children: [
-      /* @__PURE__ */ r(T, { variant: "body1", sx: { fontSize: 18, fontWeight: 500 }, children: f("userNotFound") }),
-      /* @__PURE__ */ r(T, { variant: "body1", color: "text.secondary", children: f("userNotFoundDescription") })
-    ] }) }) : H ? /* @__PURE__ */ m(U, { children: [
-      d.length > 0 && b ? /* @__PURE__ */ r(
+    ) }) : h && !n.data && !n.loading ? /* @__PURE__ */ r(B, { style: { width: "100%", paddingTop: 16 }, children: /* @__PURE__ */ m(l, { sx: { textAlign: "center", width: "100%" }, children: [
+      /* @__PURE__ */ r(U, { variant: "body1", sx: { fontSize: 18, fontWeight: 500 }, children: f("userNotFound") }),
+      /* @__PURE__ */ r(U, { variant: "body1", color: "text.secondary", children: f("userNotFoundDescription") })
+    ] }) }) : _ ? /* @__PURE__ */ m(I, { children: [
+      d.length > 0 && v ? /* @__PURE__ */ r(
         l,
         {
           sx: {
@@ -310,22 +314,22 @@ function Or({
             overflow: "auto",
             padding: "1px"
           },
-          children: K
+          children: Y
         }
       ) : null,
-      d.length === 0 && J
-    ] }) : y ? /* @__PURE__ */ r(U, { display: "flex", flexDirection: a ? "column" : "row", children: /* @__PURE__ */ r(
-      le,
+      d.length === 0 && X
+    ] }) : C ? /* @__PURE__ */ r(I, { display: "flex", flexDirection: a ? "column" : "row", children: /* @__PURE__ */ r(
+      de,
       {
         isMobile: a,
         order: a ? 1 : "unset",
         isMyself: i,
-        switchPassport: V,
+        switchPassport: K,
         switchProfile: o.switchProfile,
         user: n.data,
         showFullDid: !1,
-        onlyProfile: y,
-        refreshProfile: E,
+        onlyProfile: C,
+        refreshProfile: O,
         isShowSocialActions: w,
         sx: {
           padding: a ? "16px 0 0 0" : "40px 24px 24px 40px",
@@ -333,7 +337,7 @@ function Or({
           boxSizing: "content-box"
         }
       }
-    ) }) : /* @__PURE__ */ m(U, { display: "flex", flexDirection: a ? "column" : "row", children: [
+    ) }) : /* @__PURE__ */ m(I, { display: "flex", flexDirection: a ? "column" : "row", children: [
       /* @__PURE__ */ m(
         l,
         {
@@ -344,7 +348,7 @@ function Or({
             width: a ? "unset" : "calc(100% - 424px)"
           },
           children: [
-            d.length > 0 && b ? /* @__PURE__ */ m(
+            d.length > 0 && v ? /* @__PURE__ */ m(
               l,
               {
                 sx: {
@@ -356,13 +360,13 @@ function Or({
                 },
                 children: [
                   /* @__PURE__ */ r(
-                    Te,
+                    ze,
                     {
                       orientation: "horizontal",
                       variant: "line",
                       tabs: d,
-                      current: s?.value ?? b,
-                      onChange: be,
+                      current: s?.value ?? v,
+                      onChange: ve,
                       enableTabClick: !0,
                       sx: {
                         mb: (e) => `${e.spacing(3)} !important`,
@@ -399,25 +403,25 @@ function Or({
                       }
                     }
                   ),
-                  K
+                  Y
                 ]
               }
             ) : null,
-            d.length === 0 && J
+            d.length === 0 && X
           ]
         }
       ),
-      !a && /* @__PURE__ */ r(Me, { orientation: "vertical", sx: { ml: 5 } }),
+      !a && /* @__PURE__ */ r(De, { orientation: "vertical", sx: { ml: 5 } }),
       /* @__PURE__ */ r(
-        le,
+        de,
         {
           isMobile: a,
           order: a ? 1 : "unset",
           isMyself: i,
-          switchPassport: V,
+          switchPassport: K,
           switchProfile: o.switchProfile,
           user: n.data,
-          refreshProfile: E,
+          refreshProfile: O,
           showFullDid: !1,
           isShowSocialActions: w,
           sx: {
@@ -434,24 +438,24 @@ function Or({
     i,
     s,
     g,
-    b,
-    j,
-    F
-  ]), Y = u(() => i ? !1 : s?.isPrivate, [i, s]);
-  if (u(() => y ? !1 : !N && !b && d?.length > 0 || !s || Y, [N, b, d, s, Y, y])) {
+    v,
+    E,
+    A
+  ]), ee = u(() => i ? !1 : s?.isPrivate, [i, s]);
+  if (u(() => C ? !1 : !H && !v && d?.length > 0 || !s || ee, [H, v, d, s, ee, C])) {
     const e = d[0]?.url, t = d.find((p) => p.value === e);
     return e && !t?.isPrivate && window.location.replace(
-      ne(e, {
+      le(e, {
         did: i ? void 0 : h
       })
     ), null;
   }
-  return H || y ? /* @__PURE__ */ m(l, { children: [
-    /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r("title", { children: $ }) }),
-    /* @__PURE__ */ r(se, { style: { display: "none" } }),
-    /* @__PURE__ */ m(ue, { children: [
-      /* @__PURE__ */ r(de, { isMySelf: i, userDid: n.data?.did ?? "", children: X }),
-      _
+  return _ || C ? /* @__PURE__ */ m(l, { children: [
+    /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r("title", { children: G }) }),
+    /* @__PURE__ */ r(ae, { style: { display: "none" } }),
+    /* @__PURE__ */ m(fe, { children: [
+      /* @__PURE__ */ r(ce, { isMySelf: i, userDid: n.data?.did ?? "", children: Z }),
+      R
     ] })
   ] }) : /* @__PURE__ */ m(
     l,
@@ -462,17 +466,17 @@ function Or({
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ r(ie, { children: /* @__PURE__ */ r("title", { children: $ }) }),
-        /* @__PURE__ */ r(se, { bordered: !0, ...me, maxWidth: "100%" }),
-        /* @__PURE__ */ m(ue, { children: [
-          /* @__PURE__ */ r(de, { isMySelf: i, userDid: n.data?.did ?? "", children: X }),
-          _
+        /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r("title", { children: G }) }),
+        /* @__PURE__ */ r(ae, { bordered: !0, ...he, maxWidth: "100%" }),
+        /* @__PURE__ */ m(fe, { children: [
+          /* @__PURE__ */ r(ce, { isMySelf: i, userDid: n.data?.did ?? "", children: Z }),
+          R
         ] }),
-        pe ? null : /* @__PURE__ */ r(
-          He,
+        me ? null : /* @__PURE__ */ r(
+          Ee,
           {
             bordered: !0,
-            ...he,
+            ...xe,
             sx: {
               ".MuiContainer-root": {
                 maxWidth: 1600
@@ -485,5 +489,5 @@ function Or({
   );
 }
 export {
-  Or as default
+  $r as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.2.3",
+  "version": "3.2.4",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "1.17.1",
     "@abtnode/util": "1.17.1",
-    "@arcblock/bridge": "3.2.3",
-    "@arcblock/icons": "3.2.3",
-    "@arcblock/react-hooks": "3.2.3",
+    "@arcblock/bridge": "3.2.4",
+    "@arcblock/icons": "3.2.4",
+    "@arcblock/react-hooks": "3.2.4",
     "@arcblock/ws": "^1.27.3",
     "@blocklet/constant": "1.17.1",
     "@blocklet/did-space-react": "^1.2.1",
@@ -83,7 +83,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.2.3",
+    "@arcblock/did-connect-react": "3.2.4",
     "@types/dompurify": "^3.2.0",
     "@types/ua-parser-js": "^0.7.39",
     "@types/validator": "^13.15.2",
@@ -91,5 +91,5 @@
     "jest": "^29.7.0",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "bbd2b3c8caecf454ee738676f1ca5fe0e71fdb6a"
+  "gitHead": "75c7e540161356c3b4d7a35322b85cd5d09c872e"
 }

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

@@ -44,6 +44,15 @@ const settingsLink = joinURL(PROFILE_URL, '/settings');
 const didSpacesLink = joinURL(PROFILE_URL, '/did-spaces');
 const userFollowersLink = joinURL(PROFILE_URL, '/user-followers');
 
+const hasSystemMenusInjected = (menus: Array<any>) => {
+  return menus.some(
+    (menu: any) =>
+      ['/userCenter/nfts', '/userCenter/user-followers', '/userCenter/settings', '/userCenter/did-spaces'].includes(
+        menu.id
+      ) || [nftsLink, settingsLink, didSpacesLink, userFollowersLink].includes(menu.link)
+  );
+};
+
 interface NavigationTabProps {
   label: string;
   protected: boolean;
@@ -258,8 +267,9 @@ export default function UserCenter({
 
   const userCenterTabs = useCreation<UserCenterTab[]>(() => {
     const menus = formattedBlocklet?.navigation?.userCenter || [];
+    const hasSystemMenus = hasSystemMenusInjected(menus);
     const localizedMenus = getLocalizedNavigation({ navigation: menus, locale, defaultLocale }) || [];
-    const allMenus = localizedMenus.concat(defaultTabs);
+    const allMenus = localizedMenus.concat(hasSystemMenus ? [] : defaultTabs);
     return allMenus
       .map((x: any) => {
         const value = x.value ?? x._rawLink ?? x.link ?? x.url;