@blocklet/ui-react 3.1.55 → 3.1.57

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 ye, useMemo as ke, isValidElement as Y, cloneElement as Z, Children as Ce } from "react";
-import { Box as d, Typography as Pe, CircularProgress as Se, Divider as Me } from "@mui/material";
-import { useMemoizedFn as C, useCreation as c, useRequest as ee } from "ahooks";
+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 re from "react-helmet";
-import { SessionContext as Te } from "@arcblock/did-connect-react/lib/Session";
-import Fe from "@arcblock/ux/lib/Tabs";
-import te from "@arcblock/ux/lib/Empty";
+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 de } from "@arcblock/ux/lib/Theme";
+import { styled as fe } from "@arcblock/ux/lib/Theme";
 import Ie from "lodash/cloneDeep";
-import { joinURL as P, getQuery as je, withoutTrailingSlash as ie, withQuery as oe } from "ufo";
-import { isSupportFollow as He } from "@arcblock/ux/lib/Util";
+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 Ne from "../../Footer/index.js";
-import ne from "../../Header/index.js";
+import He from "../../Footer/index.js";
+import se from "../../Header/index.js";
 import { translations as Ee } from "../libs/locales.js";
-import se from "./user-info/user-basic-info.js";
+import le from "./user-info/user-basic-info.js";
 import "@mui/icons-material";
 import "@iconify/react";
 import "@arcblock/ux/lib/DID";
@@ -35,14 +35,14 @@ 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 le } from "../../libs/client.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 ae } from "../../contexts/user-followers.js";
+import { UserFollowersProvider as de } from "../../contexts/user-followers.js";
 import Je from "./fallback.js";
-const F = P(S, "/nfts"), z = P(S, "/settings"), W = P(S, "/did-spaces"), ue = P(S, "/user-followers"), ce = de(d)(({ theme: v }) => ({
+const W = P(S, "/nfts"), A = P(S, "/settings"), L = P(S, "/did-spaces"), ce = P(S, "/user-followers"), ue = fe(l)(({ theme: v }) => ({
   flex: 1,
   boxSizing: "border-box",
   padding: "0 16px",
@@ -56,7 +56,7 @@ const F = P(S, "/nfts"), z = P(S, "/settings"), W = P(S, "/did-spaces"), ue = P(
   [v.breakpoints.up("md")]: {
     flexDirection: "row"
   }
-})), A = de(d)(({ theme: v }) => ({
+})), U = fe(l)(({ theme: v }) => ({
   overflow: "hidden",
   flex: "revert",
   [v.breakpoints.up("md")]: {
@@ -70,44 +70,44 @@ const F = P(S, "/nfts"), z = P(S, "/settings"), W = P(S, "/did-spaces"), ue = P(
 }));
 function Or({
   children: v,
-  notLoginContent: L = null,
+  notLoginContent: B = null,
   currentTab: b,
-  contentProps: U = {},
-  disableAutoRedirect: B = !1,
-  hideFooter: fe = !1,
-  headerProps: pe = {},
-  footerProps: me = {},
+  contentProps: I = {},
+  disableAutoRedirect: N = !1,
+  hideFooter: pe = !1,
+  headerProps: me = {},
+  footerProps: he = {},
   userDid: D = void 0,
-  stickySidebar: I = !1,
-  embed: j = !1,
+  stickySidebar: j = !1,
+  embed: H = !1,
   onlyProfile: y = !1,
   // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
-  onDestroySelf: he = void 0
+  onDestroySelf: xe = void 0
 }) {
-  const { locale: h, defaultLocale: k } = Ue(), l = qe({ key: "md" }), p = C((e, t = {}) => Le(Ee, e, h, "en", t)), o = ye(Te)?.session, x = c(() => {
+  const { locale: h, defaultLocale: k } = Ue(), a = qe({ key: "md" }), f = C((e, t = {}) => Le(Ee, e, h, "en", t)), o = ke(Fe)?.session, x = u(() => {
     if (D)
       return D;
-    const e = window.location.href, t = je(e);
+    const e = window.location.href, t = Ne(e);
     return t?.did ? Array.isArray(t.did) ? t.did[0] : t.did : o?.user?.did;
-  }, [o?.user?.did, D]), i = c(() => o?.user ? x === o?.user?.did : !1, [x, o?.user?.did]), w = ke(() => He(), []), n = ee(
+  }, [o?.user?.did, D]), i = u(() => o?.user ? x === o?.user?.did : !1, [x, o?.user?.did]), w = Ce(() => je(), []), n = te(
     // eslint-disable-next-line consistent-return
     async () => {
       if (await De(() => o?.initialized), i)
         return o.user;
       if (x)
-        return le.user.getUserPublicInfo({ did: x });
+        return ae.user.getUserPublicInfo({ did: x });
     },
     {
       refreshDeps: [x, i, o?.initialized, o?.user]
     }
-  ), H = C(() => i ? o.refresh() : n.refresh()), g = ee(
-    async () => n.data && b ? await le.user.getUserPrivacyConfig({ did: x }) : null,
+  ), E = C(() => i ? o.refresh() : n.refresh()), g = te(
+    async () => n.data && b ? await ae.user.getUserPrivacyConfig({ did: x }) : null,
     {
       refreshDeps: [x, n.data, b],
       loadingDelay: 300
     }
-  ), { confirmHolder: N } = Ae({
-    fullScreen: l,
+  ), { confirmHolder: _ } = Ae({
+    fullScreen: a,
     sx: {
       ".MuiDialog-paper": {
         borderRadius: 1,
@@ -126,93 +126,93 @@ function Or({
         }
       }
     }
-  }), E = c(() => {
+  }), O = u(() => {
     const e = Ie(window.blocklet);
     try {
       return _e(e);
     } catch (t) {
       return console.error("Failed to format blocklet info", t, e), e;
     }
-  }, []), _ = c(() => {
+  }, []), R = u(() => {
     const e = {
-      label: p("common.nft"),
+      label: f("common.nft"),
       protected: !1,
       isPrivate: !1,
       // true: 隐私数据，仅自己可见
-      value: F,
-      url: M(F, h, k)
+      value: W,
+      url: M(W, h, k)
     }, t = {
-      label: p("userFollowers"),
+      label: f("userFollowers"),
       protected: !1,
       isPrivate: !1,
-      value: ue,
-      url: M(ue, h, k)
+      value: ce,
+      url: M(ce, h, k)
     };
-    let f = w ? [e, t] : [e];
+    let p = w ? [e, t] : [e];
     if (i) {
-      const u = [
+      const c = [
         e,
         {
-          label: p("common.setting"),
+          label: f("common.setting"),
           protected: !0,
           isPrivate: !0,
-          value: z,
-          url: M(z, h, k)
+          value: A,
+          url: M(A, h, k)
         },
         {
-          label: p("storageManagement"),
+          label: f("storageManagement"),
           protected: !0,
           isPrivate: !0,
-          value: W,
-          url: M(W, h, k)
+          value: L,
+          url: M(L, h, k)
         }
       ];
-      f = w ? [...u, t] : u;
+      p = w ? [...c, t] : c;
     }
-    return f;
-  }, [i, h, w]), a = c(() => {
-    const e = E?.navigation?.userCenter || [];
-    return (Oe({ navigation: e, locale: h, defaultLocale: k }) || []).concat(_).map((u) => {
-      const X = u.value ?? u._rawLink ?? u.link ?? u.url;
+    return p;
+  }, [i, h, w]), d = u(() => {
+    const e = O?.navigation?.userCenter || [];
+    return (Oe({ navigation: e, locale: h, defaultLocale: k }) || []).concat(R).map((c) => {
+      const Z = c.value ?? c._rawLink ?? c.link ?? c.url;
       return {
-        value: X,
-        label: u.title || u.label,
-        url: u.link || u.url,
-        protected: g?.data?.[X] ?? !1,
-        isPrivate: u.isPrivate || u.private || (u?._rawLink?.includes("/customer") ?? !1),
+        value: Z,
+        label: c.title || c.label,
+        url: c.link || c.url,
+        protected: g?.data?.[Z] ?? !1,
+        isPrivate: c.isPrivate || c.private || (c?._rawLink?.includes("/customer") ?? !1),
         // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
-        followersOnly: u.component === "did-comments"
+        followersOnly: c.component === "did-comments"
         // 是否开启仅粉丝可查看的功能，目前只对 discuss kit 开启
         // icon: x.icon,
       };
-    }).filter((u) => i || !u.isPrivate);
-  }, [E, n.data, g?.data, h, _, i]), s = c(() => a.find((e) => ie(e.value) === ie(b)), [a]), O = c(() => {
-    const e = window.blocklet?.appName, f = [s?.label, p("userCenter.title")].filter(Boolean).join("-");
-    return e ? `${f} | ${e}` : f;
-  }, [s, p]), xe = C((e) => e && (Y(e) ? Z(e, {
+    }).filter((c) => i || !c.isPrivate);
+  }, [O, n.data, g?.data, h, R, i]), s = u(() => d.find((e) => oe(e.value) === oe(b)), [d]), $ = 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, {
     ...e.props || {},
-    userCenterTabs: a
-  }) : Ce.map(e, (t) => Y(t) ? Z(t, {
+    userCenterTabs: d
+  }) : Pe.map(e, (t) => ee(t) ? re(t, {
     ...t.props || {},
-    userCenterTabs: a
-  }) : t))), ge = C((e) => {
-    const t = a.find((f) => f.value === e);
-    t && (window.location.href = oe(t.url, {
+    userCenterTabs: d
+  }) : t))), be = C((e) => {
+    const t = d.find((p) => p.value === e);
+    t && (window.location.href = ne(t.url, {
       did: i ? void 0 : x
     }));
-  }), R = c(() => /* @__PURE__ */ r(
+  }), q = u(() => /* @__PURE__ */ r(
     $e,
     {
       user: n.data,
-      settings: { userCenterTabs: a },
+      settings: { userCenterTabs: d },
       onSave: async (e) => e === "privacy" ? (await g.runAsync(), g.data) : (e === "profile" && await o.refresh(), null),
-      isMobile: l,
-      onDestroySelf: he
+      isMobile: a,
+      onDestroySelf: xe
     }
-  ), [n.data, a, g.data, g.runAsync]), $ = c(() => s && s?.value === z, [s]), q = c(() => s && s?.value === P(S, "/profile") || s?.value === F, [s]), be = c(() => s && s?.value === W, [s]), ve = o.useOAuth(), we = o.usePasskey(), G = C(() => {
-    o?.user?.sourceProvider === "passkey" ? we.switchPassport(o.user) : ["google", "apple", "email", "github"].includes(o?.user?.sourceProvider ?? "") ? ve.switchOAuthPassport(o.user) : o && o.switchPassport();
-  }), T = c(() => q ? /* @__PURE__ */ m(
-    d,
+  ), [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(
+    l,
     {
       sx: {
         display: "flex",
@@ -220,16 +220,16 @@ function Or({
         gap: 2.5
       },
       children: [
-        i ? /* @__PURE__ */ m(d, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
+        i ? /* @__PURE__ */ m(l, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
           /* @__PURE__ */ r(
-            Pe,
+            T,
             {
               sx: {
                 color: "text.primary",
                 fontWeight: 600,
                 mb: 2.5
               },
-              children: p("passport")
+              children: f("passport")
             }
           ),
           /* @__PURE__ */ r(Re, { user: n.data })
@@ -237,8 +237,8 @@ function Or({
         /* @__PURE__ */ r(Ve, { user: n.data })
       ]
     }
-  ) : $ && i ? R : be && i ? /* @__PURE__ */ r(Ge, { children: /* @__PURE__ */ r(Qe, {}) }) : null, [$, q, n, i, I, R]), Q = c(() => /* @__PURE__ */ r(
-    d,
+  ) : G && i ? q : ve && i ? /* @__PURE__ */ r(Ge, { children: /* @__PURE__ */ r(Qe, {}) }) : null, [G, Q, n, i, j, q]), J = u(() => /* @__PURE__ */ r(
+    l,
     {
       sx: {
         display: {
@@ -247,10 +247,10 @@ function Or({
         },
         py: 3
       },
-      children: /* @__PURE__ */ r(te, { children: p("emptyContent") })
+      children: /* @__PURE__ */ r(z, { children: f("emptyContent") })
     }
-  ), [i, h]), V = c(() => !g.data || g.loading ? /* @__PURE__ */ r(
-    d,
+  ), [i, h]), K = u(() => !g.data || g.loading ? /* @__PURE__ */ r(
+    l,
     {
       sx: {
         height: "100%",
@@ -263,27 +263,32 @@ function Or({
       },
       children: /* @__PURE__ */ r(Se, {})
     }
-  ) : /* @__PURE__ */ r(d, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(l, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
     Je,
     {
       isSupportFollow: w,
       currentActiveTab: s,
       isMyself: i,
-      children: v ? /* @__PURE__ */ r(d, { ...U, children: xe(v) }) : T
+      children: v ? /* @__PURE__ */ r(l, { ...I, children: ge(v) }) : F
     }
-  ) }), [g, s, i, v, U, T, h]), J = c(() => {
+  ) }), [g, s, i, v, I, F, h]), X = u(() => {
     if (n.loading || o.loading)
       return null;
+    if (!n.data && !n.loading)
+      return /* @__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") })
+      ] }) });
     if (n.error) {
       if (n.error?.response?.status === 404)
-        return /* @__PURE__ */ r(d, { sx: { width: "100%" }, children: /* @__PURE__ */ r(We, { status: 404, description: p("noUserFound") }) });
-      const f = {
+        return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(We, { status: 404, description: f("noUserFound") }) });
+      const p = {
         message: n.error.response?.data?.error || n.error.message || "error occurred"
       };
-      return /* @__PURE__ */ r(d, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Be, { error: f }) });
+      return /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ r(Be, { error: p }) });
     }
-    return !x && !n.data ? L || /* @__PURE__ */ r(d, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
-      d,
+    return !x && !n.data ? B || /* @__PURE__ */ r(l, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
+      l,
       {
         sx: {
           display: "flex",
@@ -293,56 +298,56 @@ function Or({
           gap: 1
         },
         children: [
-          /* @__PURE__ */ r(te, { children: p("viewAfterLogin") }),
-          /* @__PURE__ */ r(ze, { size: "small", variant: "contained", onClick: () => o.login(), children: p("loginNow") })
+          /* @__PURE__ */ r(z, { children: f("viewAfterLogin") }),
+          /* @__PURE__ */ r(ze, { size: "small", variant: "contained", onClick: () => o.login(), children: f("loginNow") })
         ]
       }
-    ) }) : j ? /* @__PURE__ */ m(A, { children: [
-      a.length > 0 && b ? /* @__PURE__ */ r(
-        d,
+    ) }) : H ? /* @__PURE__ */ m(U, { children: [
+      d.length > 0 && b ? /* @__PURE__ */ r(
+        l,
         {
           sx: {
-            display: l ? "block" : "flex",
+            display: a ? "block" : "flex",
             height: "100%",
             overflow: "auto",
             padding: "1px"
           },
-          children: V
+          children: K
         }
       ) : null,
-      a.length === 0 && Q
-    ] }) : y ? /* @__PURE__ */ r(A, { display: "flex", flexDirection: l ? "column" : "row", children: /* @__PURE__ */ r(
-      se,
+      d.length === 0 && J
+    ] }) : y ? /* @__PURE__ */ r(U, { display: "flex", flexDirection: a ? "column" : "row", children: /* @__PURE__ */ r(
+      le,
       {
-        isMobile: l,
-        order: l ? 1 : "unset",
+        isMobile: a,
+        order: a ? 1 : "unset",
         isMyself: i,
-        switchPassport: G,
+        switchPassport: V,
         switchProfile: o.switchProfile,
         user: n.data,
         showFullDid: !1,
         onlyProfile: y,
-        refreshProfile: H,
+        refreshProfile: E,
         isShowSocialActions: w,
         sx: {
-          padding: l ? "16px 0 0 0" : "40px 24px 24px 40px",
-          ...l ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
+          padding: a ? "16px 0 0 0" : "40px 24px 24px 40px",
+          ...a ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
           boxSizing: "content-box"
         }
       }
-    ) }) : /* @__PURE__ */ m(A, { display: "flex", flexDirection: l ? "column" : "row", children: [
+    ) }) : /* @__PURE__ */ m(U, { display: "flex", flexDirection: a ? "column" : "row", children: [
       /* @__PURE__ */ m(
-        d,
+        l,
         {
           className: "user-center-tabs",
           sx: {
             flex: "1",
-            order: l ? 2 : "unset",
-            width: l ? "unset" : "calc(100% - 424px)"
+            order: a ? 2 : "unset",
+            width: a ? "unset" : "calc(100% - 424px)"
           },
           children: [
-            a.length > 0 && b ? /* @__PURE__ */ m(
-              d,
+            d.length > 0 && b ? /* @__PURE__ */ m(
+              l,
               {
                 sx: {
                   display: "flex",
@@ -353,20 +358,20 @@ function Or({
                 },
                 children: [
                   /* @__PURE__ */ r(
-                    Fe,
+                    Te,
                     {
                       orientation: "horizontal",
                       variant: "line",
-                      tabs: a,
+                      tabs: d,
                       current: s?.value ?? b,
-                      onChange: ge,
+                      onChange: be,
                       enableTabClick: !0,
                       sx: {
                         mb: (e) => `${e.spacing(3)} !important`,
                         ".MuiTabs-flexContainer": {
                           gap: 3,
                           ".MuiButtonBase-root": {
-                            padding: l ? "16px 4px" : "32px 4px 16px 4px",
+                            padding: a ? "16px 4px" : "32px 4px 16px 4px",
                             fontSize: 16
                           },
                           ".MuiTab-root": {
@@ -396,30 +401,30 @@ function Or({
                       }
                     }
                   ),
-                  V
+                  K
                 ]
               }
             ) : null,
-            a.length === 0 && Q
+            d.length === 0 && J
           ]
         }
       ),
-      !l && /* @__PURE__ */ r(Me, { orientation: "vertical", sx: { ml: 5 } }),
+      !a && /* @__PURE__ */ r(Me, { orientation: "vertical", sx: { ml: 5 } }),
       /* @__PURE__ */ r(
-        se,
+        le,
         {
-          isMobile: l,
-          order: l ? 1 : "unset",
+          isMobile: a,
+          order: a ? 1 : "unset",
           isMyself: i,
-          switchPassport: G,
+          switchPassport: V,
           switchProfile: o.switchProfile,
           user: n.data,
-          refreshProfile: H,
+          refreshProfile: E,
           showFullDid: !1,
           isShowSocialActions: w,
           sx: {
-            padding: l ? "16px 0 0 0" : "40px 24px 24px 40px",
-            ...l ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
+            padding: a ? "16px 0 0 0" : "40px 24px 24px 40px",
+            ...a ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
             boxSizing: "content-box"
           }
         }
@@ -427,31 +432,31 @@ function Or({
     ] });
   }, [
     n,
-    a,
+    d,
     i,
     s,
     g,
     b,
-    I,
-    T
-  ]), K = c(() => i ? !1 : s?.isPrivate, [i, s]);
-  if (c(() => y ? !1 : !B && !b && a?.length > 0 || !s || K, [B, b, a, s, K, y])) {
-    const e = a[0]?.url, t = a.find((f) => f.value === e);
+    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])) {
+    const e = d[0]?.url, t = d.find((p) => p.value === e);
     return e && !t?.isPrivate && window.location.replace(
-      oe(e, {
+      ne(e, {
         did: i ? void 0 : x
       })
     ), null;
   }
-  return j || y ? /* @__PURE__ */ m(d, { children: [
-    /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r("title", { children: O }) }),
-    /* @__PURE__ */ r(ne, { style: { display: "none" } }),
-    /* @__PURE__ */ m(ce, { children: [
-      /* @__PURE__ */ r(ae, { isMySelf: i, userDid: n.data?.did ?? "", children: J }),
-      N
+  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 }),
+      _
     ] })
   ] }) : /* @__PURE__ */ m(
-    d,
+    l,
     {
       sx: {
         minHeight: "100vh",
@@ -459,17 +464,17 @@ function Or({
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r("title", { children: O }) }),
-        /* @__PURE__ */ r(ne, { bordered: !0, ...pe, maxWidth: "100%" }),
-        /* @__PURE__ */ m(ce, { children: [
-          /* @__PURE__ */ r(ae, { isMySelf: i, userDid: n.data?.did ?? "", children: J }),
-          N
+        /* @__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 }),
+          _
         ] }),
-        fe ? null : /* @__PURE__ */ r(
-          Ne,
+        pe ? null : /* @__PURE__ */ r(
+          He,
           {
             bordered: !0,
-            ...me,
+            ...he,
             sx: {
               ".MuiContainer-root": {
                 maxWidth: 1600

package/lib/UserCenter/components/user-info/address.js

@@ -1,12 +1,12 @@
-import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
 import { Box as p } from "@mui/material";
 import { useMemoizedFn as u } from "ahooks";
-import { translate as f } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as m } from "@arcblock/ux/lib/Locale/context";
-import y from "@arcblock/ux/lib/PhoneInput/country-select";
-import { translations as b } from "../../libs/locales.js";
+import { translate as m } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as f } from "@arcblock/ux/lib/Locale/context";
+import x from "@arcblock/ux/lib/PhoneInput/country-select";
+import { translations as y } from "../../libs/locales.js";
 import n from "../editable-field.js";
-const v = {
+const b = {
   width: "100%",
   px: 2,
   py: 1,
@@ -26,14 +26,14 @@ const v = {
     alignItems: "center"
   }
 };
-function I({
+function E({
   address: r,
   errors: t,
   handleChange: i,
-  defaultCountry: d
+  defaultCountry: a
 }) {
-  const { locale: s } = m(), o = u((e, c = {}) => f(b, e, s, "en", c));
-  return /* @__PURE__ */ a(
+  const { locale: s } = f(), o = u((e, c = {}) => m(y, e, s, "en", c));
+  return /* @__PURE__ */ d(
     p,
     {
       sx: {
@@ -47,26 +47,26 @@ function I({
           n,
           {
             placeholder: o("profile.address.country"),
-            value: r.country || d,
+            value: r.country || a,
             editable: !0,
             errorMsg: t.country,
             label: o("profile.address.country"),
             children: /* @__PURE__ */ l(
-              y,
+              x,
               {
-                value: r.country || d,
+                value: r.country || a,
                 onChange: (e) => i("country", e),
                 displayEmpty: !0,
                 variant: "outlined",
                 selectCountryProps: {
                   hideDialCode: !0
                 },
-                sx: v
+                sx: b
               }
             )
           }
         ),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ d(
           p,
           {
             sx: {
@@ -82,6 +82,7 @@ function I({
                   placeholder: o("profile.address.province"),
                   label: o("profile.address.province"),
                   editable: !0,
+                  maxLength: 50,
                   errorMsg: t.province
                 }
               ),
@@ -93,6 +94,7 @@ function I({
                   placeholder: o("profile.address.city"),
                   label: o("profile.address.city"),
                   editable: !0,
+                  maxLength: 50,
                   errorMsg: t.city
                 }
               )
@@ -108,6 +110,7 @@ function I({
             label: o("profile.address.line1"),
             component: "textarea",
             editable: !0,
+            maxLength: 200,
             rows: 2,
             errorMsg: t.line1
           }
@@ -122,6 +125,7 @@ function I({
             component: "textarea",
             editable: !0,
             rows: 2,
+            maxLength: 200,
             errorMsg: t.line2
           }
         ),
@@ -133,6 +137,7 @@ function I({
             placeholder: o("profile.address.postalCode"),
             label: o("profile.address.postalCode"),
             editable: !0,
+            maxLength: 20,
             errorMsg: t.postalCode
           }
         )
@@ -141,5 +146,5 @@ function I({
   );
 }
 export {
-  I as default
+  E as default
 };

package/lib/UserCenter/libs/locales.d.ts

@@ -181,6 +181,8 @@ export declare const translations: {
         userCenter: {
             title: string;
         };
+        userNotFound: string;
+        userNotFoundDescription: string;
     };
     en: {
         settings: string;
@@ -365,5 +367,7 @@ export declare const translations: {
         userCenter: {
             title: string;
         };
+        userNotFound: string;
+        userNotFoundDescription: string;
     };
 };

package/lib/UserCenter/libs/locales.js

@@ -180,7 +180,9 @@ const e = {
     notImplemented: "操作未实现",
     userCenter: {
       title: "用户中心"
-    }
+    },
+    userNotFound: "用户不存在",
+    userNotFoundDescription: "该账户已被管理员停用或移除。"
   },
   en: {
     settings: "Settings",
@@ -364,7 +366,9 @@ const e = {
     notImplemented: "This action is not implemented",
     userCenter: {
       title: "User Center"
-    }
+    },
+    userNotFound: "User not found",
+    userNotFoundDescription: "The account has been deactivated or removed by the administrator."
   }
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "3.1.55",
+  "version": "3.1.57",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -35,9 +35,9 @@
   "dependencies": {
     "@abtnode/constant": "1.17.0-beta-20251104-112713-e947b159",
     "@abtnode/util": "1.17.0-beta-20251104-112713-e947b159",
-    "@arcblock/bridge": "3.1.55",
-    "@arcblock/icons": "3.1.55",
-    "@arcblock/react-hooks": "3.1.55",
+    "@arcblock/bridge": "3.1.57",
+    "@arcblock/icons": "3.1.57",
+    "@arcblock/react-hooks": "3.1.57",
     "@arcblock/ws": "^1.27.2",
     "@blocklet/constant": "1.17.0-beta-20251104-112713-e947b159",
     "@blocklet/did-space-react": "^1.2.0",
@@ -83,7 +83,7 @@
     "access": "public"
   },
   "devDependencies": {
-    "@arcblock/did-connect-react": "3.1.55",
+    "@arcblock/did-connect-react": "3.1.57",
     "@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": "ef9a2c0afa61214340d2065d3232573260cfd1a5"
+  "gitHead": "ff0e37a8ddeb14f0ebd4e1d55a308b17041e4d70"
 }

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

@@ -461,6 +461,22 @@ export default function UserCenter({
     if (userState.loading || session.loading) {
       return null;
     }
+
+    if (!userState.data && !userState.loading) {
+      return (
+        <Empty style={{ width: '100%', paddingTop: 16 }}>
+          <Box sx={{ textAlign: 'center', width: '100%' }}>
+            <Typography variant="body1" sx={{ fontSize: 18, fontWeight: 500 }}>
+              {t('userNotFound')}
+            </Typography>
+            <Typography variant="body1" color="text.secondary">
+              {t('userNotFoundDescription')}
+            </Typography>
+          </Box>
+        </Empty>
+      );
+    }
+
     if (userState.error) {
       const errorStatus = (userState.error as AxiosError<{ error: string }>)?.response?.status;
       if (errorStatus === 404) {

package/src/UserCenter/components/user-info/address.tsx

@@ -93,6 +93,7 @@ export default function AddressEditor({
           placeholder={t('profile.address.province')}
           label={t('profile.address.province')}
           editable
+          maxLength={50}
           errorMsg={errors.province}
         />
 
@@ -102,6 +103,7 @@ export default function AddressEditor({
           placeholder={t('profile.address.city')}
           label={t('profile.address.city')}
           editable
+          maxLength={50}
           errorMsg={errors.city}
         />
       </Box>
@@ -112,6 +114,7 @@ export default function AddressEditor({
         label={t('profile.address.line1')}
         component="textarea"
         editable
+        maxLength={200}
         rows={2}
         errorMsg={errors.line1}
       />
@@ -123,6 +126,7 @@ export default function AddressEditor({
         component="textarea"
         editable
         rows={2}
+        maxLength={200}
         errorMsg={errors.line2}
       />
       <EditableField
@@ -131,6 +135,7 @@ export default function AddressEditor({
         placeholder={t('profile.address.postalCode')}
         label={t('profile.address.postalCode')}
         editable
+        maxLength={20}
         errorMsg={errors.postalCode}
       />
     </Box>

package/src/UserCenter/libs/locales.ts

@@ -183,6 +183,8 @@ export const translations = {
     userCenter: {
       title: '用户中心',
     },
+    userNotFound: '用户不存在',
+    userNotFoundDescription: '该账户已被管理员停用或移除。',
   },
   en: {
     settings: 'Settings',
@@ -370,5 +372,7 @@ export const translations = {
     userCenter: {
       title: 'User Center',
     },
+    userNotFound: 'User not found',
+    userNotFoundDescription: 'The account has been deactivated or removed by the administrator.',
   },
 };