@blocklet/ui-react 3.1.27 → 3.1.30

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

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

package/lib/UserCenter/components/user-info/social-actions/chat.js

@@ -1,24 +1,25 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import { Button as u } from "@mui/material";
-import { useMemoizedFn as e } from "ahooks";
+import { useMemoizedFn as r } from "ahooks";
+import { Icon as d } from "@iconify/react";
 import { translate as f } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext as p } from "@arcblock/ux/lib/Locale/context";
-import { joinURL as d } from "ufo";
-import { translations as h } from "../../../libs/locales.js";
-const x = () => {
+import { joinURL as h } from "ufo";
+import { translations as g } from "../../../libs/locales.js";
+const M = () => {
   const { componentMountPoints: o = [] } = window.blocklet || {};
   return o.find((t) => t.name === "did-comments")?.mountPoint;
 };
-function v({ user: o }) {
-  const { locale: n } = p(), t = e((m, s = {}) => f(h, m, n, "en", s)), i = l(() => x(), []), r = e(() => {
-    window.open(d(i, `/chat/dm/${o?.did}`), "_blank");
+function L({ user: o }) {
+  const { locale: n } = p(), t = r((m, s = {}) => f(g, m, n, "en", s)), i = l(() => M(), []), e = r(() => {
+    window.open(h(i, `/chat/dm/${o?.did}`), "_blank");
   });
-  return i ? /* @__PURE__ */ a(u, { fullWidth: !0, variant: "outlined", color: "inherit", onClick: r, children: [
-    /* @__PURE__ */ c("i", { className: "iconify", "data-icon": "mi:message-alt", style: { fontSize: "15px", marginRight: "4px" } }),
+  return i ? /* @__PURE__ */ c(u, { fullWidth: !0, variant: "outlined", color: "inherit", onClick: e, children: [
+    /* @__PURE__ */ a(d, { icon: "tabler:message-dots", style: { marginRight: 4 } }),
     t("profile.chat")
   ] }) : null;
 }
 export {
-  v as default
+  L as default
 };

package/lib/UserCenter/components/user-info/user-basic-info.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '@mui/material';
 import { User } from '../../../@types';
-export default function UserBasicInfo({ user, isMyself, showFullDid, switchPassport, switchProfile, isMobile, onlyProfile, refreshProfile, ...rest }: {
+export default function UserBasicInfo({ user, isMyself, showFullDid, switchPassport, switchProfile, isMobile, onlyProfile, refreshProfile, isShowSocialActions, ...rest }: {
     user: User;
     isMyself?: boolean;
     showFullDid?: boolean;
@@ -10,4 +10,5 @@ export default function UserBasicInfo({ user, isMyself, showFullDid, switchPassp
     isMobile?: boolean;
     onlyProfile?: boolean;
     refreshProfile: () => void;
+    isShowSocialActions?: boolean;
 } & BoxProps): import("react/jsx-runtime").JSX.Element | null;