@blocklet/ui-react 3.3.4 → 3.3.6

package/lib/@types/index.d.ts

@@ -202,4 +202,5 @@ export type SessionManagerProps = {
     menuRender?: () => void;
     dark?: boolean;
     size?: number;
+    profileUrl?: string;
 };

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

@@ -1,12 +1,12 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 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 { Box as a, Typography as B, CircularProgress as Me, Divider as De } from "@mui/material";
+import { useMemoizedFn as P, useCreation as d, 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 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";
@@ -21,7 +21,7 @@ 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 ue from "./user-info/user-basic-info.js";
 import "@mui/icons-material";
 import "@iconify/react";
 import "@arcblock/ux/lib/DID";
@@ -32,21 +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 Oe, getLink as D, getLocalizedNavigation as Re } from "../../blocklets.js";
+import { formatBlockletInfo as Oe, getLink as F, 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 { client as de } 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(
+const T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = 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 }) => ({
+  ) || [T, z, W, j].includes(y.link)
+), fe = pe(a)(({ theme: b }) => ({
   flex: 1,
   boxSizing: "border-box",
   padding: "0 16px",
@@ -60,7 +60,7 @@ const F = S(M, "/nfts"), T = S(M, "/settings"), z = S(M, "/did-spaces"), N = S(M
   [b.breakpoints.up("md")]: {
     flexDirection: "row"
   }
-})), I = pe(l)(({ theme: b }) => ({
+})), N = pe(a)(({ theme: b }) => ({
   overflow: "hidden",
   flex: "revert",
   [b.breakpoints.up("md")]: {
@@ -76,42 +76,42 @@ function $r({
   children: b,
   notLoginContent: y = null,
   currentTab: v,
-  contentProps: j = {},
-  disableAutoRedirect: H = !1,
+  contentProps: H = {},
+  disableAutoRedirect: E = !1,
   hideFooter: me = !1,
   headerProps: he = {},
   footerProps: xe = {},
-  userDid: W = void 0,
-  stickySidebar: E = !1,
-  embed: _ = !1,
+  userDid: A = void 0,
+  stickySidebar: _ = !1,
+  embed: D = !1,
   onlyProfile: C = !1,
   // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
   onDestroySelf: ge = void 0
 }) {
-  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, W]), i = u(() => o?.user ? h === o?.user?.did : !1, [h, o?.user?.did]), w = Pe(() => He(), []), n = oe(
+  const { locale: x, defaultLocale: k } = Be(), u = Ge({ key: "md" }), f = P((e, i = {}) => Ue(_e, e, x, "en", i)), t = ke(Te)?.session, h = d(() => {
+    if (A)
+      return A;
+    const e = window.location.href, i = je(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 && He(), [t?.user]), n = oe(
     // eslint-disable-next-line consistent-return
     async () => {
-      if (await Fe(() => o?.initialized), i)
-        return o.user;
+      if (await Fe(() => t?.initialized), o)
+        return t.user;
       if (h)
-        return ue.user.getUserPublicInfo({ did: h });
+        return de.user.getUserPublicInfo({ did: h });
     },
     {
-      refreshDeps: [h, i, o?.initialized, o?.user]
+      refreshDeps: [h, o, t?.initialized, t?.user]
     }
-  ), O = P(() => i ? o.refresh() : n.refresh()), g = oe(
-    async () => n.data && v ? await ue.user.getUserPrivacyConfig({ did: h }) : null,
+  ), O = P(() => o ? t.refresh() : n.refresh()), g = oe(
+    async () => n.data && v ? await de.user.getUserPrivacyConfig({ did: h }) : null,
     {
       refreshDeps: [h, n.data, v],
       loadingDelay: 300
     }
   ), { confirmHolder: R } = Le({
-    fullScreen: a,
+    fullScreen: u,
     sx: {
       ".MuiDialog-paper": {
         borderRadius: 1,
@@ -130,53 +130,53 @@ function $r({
         }
       }
     }
-  }), $ = u(() => {
+  }), $ = d(() => {
     const e = Ne(window.blocklet);
     try {
       return Oe(e);
-    } catch (t) {
-      return console.error("Failed to format blocklet info", t, e), e;
+    } catch (i) {
+      return console.error("Failed to format blocklet info", i, e), e;
     }
-  }, []), q = u(() => {
+  }, []), q = d(() => {
     const e = {
       label: f("common.nft"),
       protected: !1,
       isPrivate: !1,
       // true: 隐私数据，仅自己可见
-      value: F,
-      url: D(F, x, k)
-    }, t = {
+      value: T,
+      url: F(T, x, k)
+    }, i = {
       label: f("userFollowers"),
       protected: !1,
       isPrivate: !1,
-      value: N,
-      url: D(N, x, k)
+      value: j,
+      url: F(j, x, k)
     };
-    let p = w ? [e, t] : [e];
-    if (i) {
-      const L = [
+    let p = w ? [e, i] : [e];
+    if (o) {
+      const U = [
         e,
         {
           label: f("common.setting"),
           protected: !0,
           isPrivate: !0,
-          value: T,
-          url: D(T, x, k)
+          value: z,
+          url: F(z, x, k)
         },
         {
           label: f("storageManagement"),
           protected: !0,
           isPrivate: !0,
-          value: z,
-          url: D(z, x, k)
+          value: W,
+          url: F(W, x, k)
         }
       ];
-      p = w ? [...L, t] : L;
+      p = w ? [...U, i] : U;
     }
     return p;
-  }, [i, x, w]), d = u(() => {
-    const e = $?.navigation?.userCenter || [], t = Xe(e);
-    return (Re({ navigation: e, locale: x, defaultLocale: k }) || []).concat(t ? [] : q).map((c) => {
+  }, [o, x, w]), l = d(() => {
+    const e = $?.navigation?.userCenter || [], i = Xe(e);
+    return (Re({ navigation: e, locale: x, defaultLocale: k }) || []).concat(i ? [] : q).map((c) => {
       const re = c.value ?? c._rawLink ?? c.link ?? c.url;
       return {
         value: re,
@@ -189,34 +189,34 @@ function $r({
         // 是否开启仅粉丝可查看的功能，目前只对 discuss kit 开启
         // icon: x.icon,
       };
-    }).filter((c) => i || !c.isPrivate);
-  }, [$, n.data, g?.data, x, q, i]), s = u(() => d.find((e) => se(e.value) === se(v)), [d]), G = u(() => {
+    }).filter((c) => o || !c.isPrivate);
+  }, [$, n.data, g?.data, x, q, o]), s = d(() => l.find((e) => se(e.value) === se(v)), [l]), G = d(() => {
     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 && (te(e) ? ie(e, {
     ...e.props || {},
-    userCenterTabs: d
-  }) : Se.map(e, (t) => te(t) ? ie(t, {
-    ...t.props || {},
-    userCenterTabs: d
-  }) : t))), ve = P((e) => {
-    const t = d.find((p) => p.value === e);
-    t && (window.location.href = le(t.url, {
-      did: i ? void 0 : h
+    userCenterTabs: l
+  }) : Se.map(e, (i) => te(i) ? ie(i, {
+    ...i.props || {},
+    userCenterTabs: l
+  }) : i))), ve = P((e) => {
+    const i = l.find((p) => p.value === e);
+    i && (window.location.href = le(i.url, {
+      did: o ? void 0 : h
     }));
-  }), Q = u(() => /* @__PURE__ */ r(
+  }), Q = d(() => /* @__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,
+      settings: { userCenterTabs: l },
+      onSave: async (e) => e === "privacy" ? (await g.runAsync(), g.data) : (e === "profile" && await t.refresh(), null),
+      isMobile: u,
       onDestroySelf: ge
     }
-  ), [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,
+  ), [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(), K = 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(
+    a,
     {
       sx: {
         display: "flex",
@@ -224,9 +224,9 @@ function $r({
         gap: 2.5
       },
       children: [
-        i ? /* @__PURE__ */ m(l, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
+        o ? /* @__PURE__ */ m(a, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
           /* @__PURE__ */ r(
-            U,
+            B,
             {
               sx: {
                 color: "text.primary",
@@ -241,20 +241,20 @@ function $r({
         /* @__PURE__ */ r(Je, { user: n.data })
       ]
     }
-  ) : V && i ? Q : we && i ? /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ r(Ve, {}) }) : null, [V, J, n, i, E, Q]), X = u(() => /* @__PURE__ */ r(
-    l,
+  ) : V && o ? Q : we && o ? /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ r(Ve, {}) }) : null, [V, J, n, o, _, Q]), X = d(() => /* @__PURE__ */ r(
+    a,
     {
       sx: {
         display: {
-          xs: i ? "none" : "block",
+          xs: o ? "none" : "block",
           md: "block"
         },
         py: 3
       },
-      children: /* @__PURE__ */ r(B, { children: f("emptyContent") })
+      children: /* @__PURE__ */ r(I, { children: f("emptyContent") })
     }
-  ), [i, x]), Y = u(() => !g.data || g.loading ? /* @__PURE__ */ r(
-    l,
+  ), [o, x]), Y = d(() => !g.data || g.loading ? /* @__PURE__ */ r(
+    a,
     {
       sx: {
         height: "100%",
@@ -267,27 +267,27 @@ function $r({
       },
       children: /* @__PURE__ */ r(Me, {})
     }
-  ) : /* @__PURE__ */ r(l, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(a, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
     Ke,
     {
       isSupportFollow: w,
       currentActiveTab: s,
-      isMyself: i,
-      children: b ? /* @__PURE__ */ r(l, { ...j, children: be(b) }) : A
+      isMyself: o,
+      children: b ? /* @__PURE__ */ r(a, { ...H, children: be(b) }) : L
     }
-  ) }), [g, s, i, b, j, A, x]), Z = u(() => {
-    if (n.loading || o.loading)
+  ) }), [g, s, o, b, H, L, x]), Z = d(() => {
+    if (n.loading || t.loading)
       return null;
     if (n.error) {
       if (n.error?.response?.status === 404)
-        return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ae, { status: 404, description: f("noUserFound") }) });
+        return /* @__PURE__ */ r(a, { 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(Ie, { error: p }) });
+      return /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Ie, { error: p }) });
     }
-    return !h && !n.data ? y || /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
-      l,
+    return !h && !n.data ? y || /* @__PURE__ */ r(a, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
+      a,
       {
         sx: {
           display: "flex",
@@ -297,19 +297,19 @@ function $r({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ r(B, { children: f("viewAfterLogin") }),
-          /* @__PURE__ */ r(We, { size: "small", variant: "contained", onClick: () => o.login(), children: f("loginNow") })
+          /* @__PURE__ */ r(I, { children: f("viewAfterLogin") }),
+          /* @__PURE__ */ r(We, { size: "small", variant: "contained", onClick: () => t.login(), children: f("loginNow") })
         ]
       }
-    ) }) : 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,
+    ) }) : h && !n.data && !n.loading ? /* @__PURE__ */ r(I, { style: { width: "100%", paddingTop: 16 }, children: /* @__PURE__ */ m(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: [
+      l.length > 0 && v ? /* @__PURE__ */ r(
+        a,
         {
           sx: {
-            display: a ? "block" : "flex",
+            display: u ? "block" : "flex",
             height: "100%",
             overflow: "auto",
             padding: "1px"
@@ -317,39 +317,39 @@ function $r({
           children: Y
         }
       ) : null,
-      d.length === 0 && X
-    ] }) : C ? /* @__PURE__ */ r(I, { display: "flex", flexDirection: a ? "column" : "row", children: /* @__PURE__ */ r(
-      de,
+      l.length === 0 && X
+    ] }) : C ? /* @__PURE__ */ r(N, { display: "flex", flexDirection: u ? "column" : "row", children: /* @__PURE__ */ r(
+      ue,
       {
-        isMobile: a,
-        order: a ? 1 : "unset",
-        isMyself: i,
+        isMobile: u,
+        order: u ? 1 : "unset",
+        isMyself: o,
         switchPassport: K,
-        switchProfile: o.switchProfile,
+        switchProfile: t.switchProfile,
         user: n.data,
         showFullDid: !1,
         onlyProfile: C,
         refreshProfile: O,
         isShowSocialActions: w,
         sx: {
-          padding: a ? "16px 0 0 0" : "40px 24px 24px 40px",
-          ...a ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
+          padding: u ? "16px 0 0 0" : "40px 24px 24px 40px",
+          ...u ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
           boxSizing: "content-box"
         }
       }
-    ) }) : /* @__PURE__ */ m(I, { display: "flex", flexDirection: a ? "column" : "row", children: [
+    ) }) : /* @__PURE__ */ m(N, { display: "flex", flexDirection: u ? "column" : "row", children: [
       /* @__PURE__ */ m(
-        l,
+        a,
         {
           className: "user-center-tabs",
           sx: {
             flex: "1",
-            order: a ? 2 : "unset",
-            width: a ? "unset" : "calc(100% - 424px)"
+            order: u ? 2 : "unset",
+            width: u ? "unset" : "calc(100% - 424px)"
           },
           children: [
-            d.length > 0 && v ? /* @__PURE__ */ m(
-              l,
+            l.length > 0 && v ? /* @__PURE__ */ m(
+              a,
               {
                 sx: {
                   display: "flex",
@@ -364,7 +364,7 @@ function $r({
                     {
                       orientation: "horizontal",
                       variant: "line",
-                      tabs: d,
+                      tabs: l,
                       current: s?.value ?? v,
                       onChange: ve,
                       enableTabClick: !0,
@@ -373,7 +373,7 @@ function $r({
                         ".MuiTabs-flexContainer": {
                           gap: 3,
                           ".MuiButtonBase-root": {
-                            padding: a ? "16px 4px" : "32px 4px 16px 4px",
+                            padding: u ? "16px 4px" : "32px 4px 16px 4px",
                             fontSize: 16
                           },
                           ".MuiTab-root": {
@@ -407,26 +407,26 @@ function $r({
                 ]
               }
             ) : null,
-            d.length === 0 && X
+            l.length === 0 && X
           ]
         }
       ),
-      !a && /* @__PURE__ */ r(De, { orientation: "vertical", sx: { ml: 5 } }),
+      !u && /* @__PURE__ */ r(De, { orientation: "vertical", sx: { ml: 5 } }),
       /* @__PURE__ */ r(
-        de,
+        ue,
         {
-          isMobile: a,
-          order: a ? 1 : "unset",
-          isMyself: i,
+          isMobile: u,
+          order: u ? 1 : "unset",
+          isMyself: o,
           switchPassport: K,
-          switchProfile: o.switchProfile,
+          switchProfile: t.switchProfile,
           user: n.data,
           refreshProfile: O,
           showFullDid: !1,
           isShowSocialActions: w,
           sx: {
-            padding: a ? "16px 0 0 0" : "40px 24px 24px 40px",
-            ...a ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
+            padding: u ? "16px 0 0 0" : "40px 24px 24px 40px",
+            ...u ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
             boxSizing: "content-box"
           }
         }
@@ -434,31 +434,40 @@ function $r({
     ] });
   }, [
     n,
-    d,
-    i,
+    l,
+    o,
     s,
     g,
     v,
+    _,
+    L
+  ]), ee = d(() => o ? !1 : s?.isPrivate, [o, s]);
+  if (d(() => C || D || !l.length || !t.user ? !1 : !E && !v && l?.length > 0 || !s || ee, [
     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(
+    v,
+    l,
+    s,
+    ee,
+    C,
+    t.user,
+    D
+  ])) {
+    const e = l[0]?.url, i = l.find((p) => p.value === e);
+    return e && !i?.isPrivate && window.location.replace(
       le(e, {
-        did: i ? void 0 : h
+        did: o ? void 0 : h
       })
     ), null;
   }
-  return _ || C ? /* @__PURE__ */ m(l, { children: [
+  return D || C ? /* @__PURE__ */ m(a, { 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 }),
+      /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: Z }),
       R
     ] })
   ] }) : /* @__PURE__ */ m(
-    l,
+    a,
     {
       sx: {
         minHeight: "100vh",
@@ -469,7 +478,7 @@ function $r({
         /* @__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 }),
+          /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: Z }),
           R
         ] }),
         me ? null : /* @__PURE__ */ r(

package/lib/types.d.ts

@@ -33,4 +33,5 @@ export const SessionManagerProps: PropTypes.Requireable<PropTypes.InferProps<{
     menuRender: PropTypes.Requireable<(...args: any[]) => any>;
     dark: PropTypes.Requireable<boolean>;
     size: PropTypes.Requireable<number>;
+    profileUrl: PropTypes.Requireable<string>;
 }>>;

package/lib/types.js

@@ -35,7 +35,8 @@ const n = o.shape({
   menu: o.array,
   menuRender: o.func,
   dark: o.bool,
-  size: o.number
+  size: o.number,
+  profileUrl: o.string
 });
 export {
   n as BlockletMetaProps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.3.4",
+  "version": "3.3.6",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "^1.17.6",
     "@abtnode/util": "^1.17.6",
-    "@arcblock/bridge": "3.3.4",
-    "@arcblock/icons": "3.3.4",
-    "@arcblock/react-hooks": "3.3.4",
+    "@arcblock/bridge": "3.3.6",
+    "@arcblock/icons": "3.3.6",
+    "@arcblock/react-hooks": "3.3.6",
     "@arcblock/ws": "^1.27.16",
     "@blocklet/did-space-react": "^1.2.11",
     "@iconify-icons/logos": "^1.2.36",
@@ -82,7 +82,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.3.4",
+    "@arcblock/did-connect-react": "3.3.6",
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
@@ -96,5 +96,5 @@
     "typescript": "~5.5.4",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "529197d1b0de7d864446ac88452033fd7f541bd2"
+  "gitHead": "ee100e9010a13a124962ce7ef38c8378c6deca9b"
 }

package/src/@types/index.ts

@@ -226,4 +226,5 @@ export type SessionManagerProps = {
   menuRender?: () => void;
   dark?: boolean;
   size?: number;
+  profileUrl?: string;
 };

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

@@ -154,8 +154,8 @@ export default function UserCenter({
   }, [currentDid, session?.user?.did]);
 
   const isShowSocialActions = useMemo((): boolean => {
-    return isSupportFollow();
-  }, []);
+    return !!session?.user && isSupportFollow();
+  }, [session?.user]);
 
   const userState = useRequest<UserPublicInfo | User | undefined, []>(
     // eslint-disable-next-line consistent-return
@@ -684,7 +684,9 @@ export default function UserCenter({
   // 判断是否需要重定向到第一个可用的标签页
   const shouldRedirect = useCreation(() => {
     // 非 Profile 模式下才考虑重定向
-    if (onlyProfile) {
+    // 非登录状态下不进行重定向
+    // 没有可用标签页时不进行重定向
+    if (onlyProfile || embed || !userCenterTabs.length || !session.user) {
       return false;
     }
 
@@ -697,7 +699,16 @@ export default function UserCenter({
     const accessingPrivateTab = isPrivateActive;
 
     return noActiveTabButHasTabs || invalidCurrentTab || accessingPrivateTab;
-  }, [disableAutoRedirect, currentTab, userCenterTabs, currentActiveTab, isPrivateActive, onlyProfile]);
+  }, [
+    disableAutoRedirect,
+    currentTab,
+    userCenterTabs,
+    currentActiveTab,
+    isPrivateActive,
+    onlyProfile,
+    session.user,
+    embed,
+  ]);
 
   if (shouldRedirect) {
     // 获取第一个可用的标签页URL

package/src/types.js

@@ -40,4 +40,5 @@ export const SessionManagerProps = PropTypes.shape({
   menuRender: PropTypes.func,
   dark: PropTypes.bool,
   size: PropTypes.number,
+  profileUrl: PropTypes.string,
 });