@blocklet/ui-react 3.1.26 → 3.1.27

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

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

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

@@ -0,0 +1,5 @@
+import { User } from '../../../../@types';
+declare function Chat({ user }: {
+    user: User;
+}): import("react/jsx-runtime").JSX.Element | null;
+export default Chat;

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

@@ -0,0 +1,24 @@
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { Button as u } from "@mui/material";
+import { useMemoizedFn as e } from "ahooks";
+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 = () => {
+  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");
+  });
+  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" } }),
+    t("profile.chat")
+  ] }) : null;
+}
+export {
+  v as default
+};

package/lib/UserCenter/components/user-info/social-actions/follow.d.ts

@@ -0,0 +1,2 @@
+declare function Follow(): import("react/jsx-runtime").JSX.Element;
+export default Follow;