@blocklet/ui-react 3.3.10 → 3.4.0

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

@@ -1,9 +1,9 @@
 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 { use as ke, useMemo as Pe, isValidElement as ie, cloneElement as oe, Children as Se } from "react";
 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 { useMemoizedFn as P, useCreation as d, useRequest as ne } from "ahooks";
 import Fe from "p-wait-for";
-import ne from "react-helmet";
+import se from "react-helmet";
 import { SessionContext as Te } from "@arcblock/did-connect-react/lib/Session";
 import ze from "@arcblock/ux/lib/Tabs";
 import I from "@arcblock/ux/lib/Empty";
@@ -15,13 +15,14 @@ import { useLocaleContext as Be } from "@arcblock/ux/lib/Locale/context";
 import { ErrorFallback as Ie } from "@arcblock/ux/lib/ErrorBoundary";
 import { styled as pe } from "@arcblock/ux/lib/Theme";
 import Ne from "lodash/cloneDeep";
-import { joinURL as S, getQuery as je, withoutTrailingSlash as se, withQuery as le } from "ufo";
-import { isSupportFollow as He } from "@arcblock/ux/lib/Util";
+import { joinURL as S, getQuery as je, withoutTrailingSlash as le, withQuery as ae } from "ufo";
+import { getBlockletSDK as He } from "@blocklet/js-sdk";
+import { isSupportFollow as Ee } from "@arcblock/ux/lib/Util";
 import { PROFILE_URL as M } from "@arcblock/ux/lib/Util/constant";
-import Ee from "../../Footer/index.js";
-import ae from "../../Header/index.js";
-import { translations as _e } from "../libs/locales.js";
-import ue from "./user-info/user-basic-info.js";
+import _e from "../../Footer/index.js";
+import ue from "../../Header/index.js";
+import { translations as Oe } from "../libs/locales.js";
+import de from "./user-info/user-basic-info.js";
 import "@mui/icons-material";
 import "@iconify/react";
 import "@arcblock/ux/lib/DID";
@@ -32,17 +33,16 @@ 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 F, getLocalizedNavigation as Re } from "../../blocklets.js";
-import $e from "./passport.js";
-import qe from "./settings.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 { formatBlockletInfo as Re, getLink as F, getLocalizedNavigation as $e } from "../../blocklets.js";
+import qe from "./passport.js";
+import Ge from "./settings.js";
+import Qe from "../../hooks/use-mobile.js";
+import { ConfigUserSpaceProvider as Ke } 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 T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = S(M, "/user-followers"), Xe = (b) => b.some(
+import Xe from "./fallback.js";
+const T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = S(M, "/user-followers"), Ye = (b) => b.some(
   (y) => ["/userCenter/nfts", "/userCenter/user-followers", "/userCenter/settings", "/userCenter/did-spaces"].includes(
     y.id
   ) || [T, z, W, j].includes(y.link)
@@ -72,7 +72,7 @@ const T = S(M, "/nfts"), z = S(M, "/settings"), W = S(M, "/did-spaces"), j = S(M
     }
   }
 }));
-function $r({
+function qr({
   children: b,
   notLoginContent: y = null,
   currentTab: v,
@@ -88,29 +88,29 @@ function $r({
   // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
   onDestroySelf: ge = void 0
 }) {
-  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(() => {
+  const O = He(), { locale: x, defaultLocale: k } = Be(), u = Qe({ key: "md" }), f = P((e, i = {}) => Ue(Oe, 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(
+  }, [t?.user?.did, A]), o = d(() => t?.user ? h === t?.user?.did : !1, [h, t?.user?.did]), w = Pe(() => !!t?.user && Ee(), [t?.user]), n = ne(
     // eslint-disable-next-line consistent-return
     async () => {
       if (await Fe(() => t?.initialized), o)
         return t.user;
       if (h)
-        return de.user.getUserPublicInfo({ did: h });
+        return O.user.getUserPublicInfo({ did: h });
     },
     {
       refreshDeps: [h, o, t?.initialized, t?.user]
     }
-  ), O = P(() => o ? t.refresh() : n.refresh()), g = oe(
-    async () => n.data && v ? await de.user.getUserPrivacyConfig({ did: h }) : null,
+  ), R = P(() => o ? t.refresh() : n.refresh()), g = ne(
+    async () => n.data && v ? await O.user.getUserPrivacyConfig({ did: h }) : null,
     {
       refreshDeps: [h, n.data, v],
       loadingDelay: 300
     }
-  ), { confirmHolder: R } = Le({
+  ), { confirmHolder: $ } = Le({
     fullScreen: u,
     sx: {
       ".MuiDialog-paper": {
@@ -130,14 +130,14 @@ function $r({
         }
       }
     }
-  }), $ = d(() => {
+  }), q = d(() => {
     const e = Ne(window.blocklet);
     try {
-      return Oe(e);
+      return Re(e);
     } catch (i) {
       return console.error("Failed to format blocklet info", i, e), e;
     }
-  }, []), q = d(() => {
+  }, []), G = d(() => {
     const e = {
       label: f("common.nft"),
       protected: !1,
@@ -175,14 +175,14 @@ function $r({
     }
     return p;
   }, [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;
+    const e = q?.navigation?.userCenter || [], i = Ye(e);
+    return ($e({ navigation: e, locale: x, defaultLocale: k }) || []).concat(i ? [] : G).map((c) => {
+      const te = c.value ?? c._rawLink ?? c.link ?? c.url;
       return {
-        value: re,
+        value: te,
         label: c.title || c.label,
         url: c.link || c.url,
-        protected: g?.data?.[re] ?? !1,
+        protected: g?.data?.[te] ?? !1,
         isPrivate: c.isPrivate || c.private || (c?._rawLink?.includes("/customer") ?? !1),
         // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
         followersOnly: c.component === "did-comments"
@@ -190,22 +190,22 @@ function $r({
         // icon: x.icon,
       };
     }).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(() => {
+  }, [q, n.data, g?.data, x, G, o]), s = d(() => l.find((e) => le(e.value) === le(v)), [l]), Q = 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, {
+  }, [s, f]), be = P((e) => e && (ie(e) ? oe(e, {
     ...e.props || {},
     userCenterTabs: l
-  }) : Se.map(e, (i) => te(i) ? ie(i, {
+  }) : Se.map(e, (i) => ie(i) ? oe(i, {
     ...i.props || {},
     userCenterTabs: l
   }) : i))), ve = P((e) => {
     const i = l.find((p) => p.value === e);
-    i && (window.location.href = le(i.url, {
+    i && (window.location.href = ae(i.url, {
       did: o ? void 0 : h
     }));
-  }), Q = d(() => /* @__PURE__ */ r(
-    qe,
+  }), K = d(() => /* @__PURE__ */ r(
+    Ge,
     {
       user: n.data,
       settings: { userCenterTabs: l },
@@ -213,7 +213,7 @@ function $r({
       isMobile: u,
       onDestroySelf: ge
     }
-  ), [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(() => {
+  ), [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(), X = 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,
@@ -236,12 +236,12 @@ function $r({
               children: f("passport")
             }
           ),
-          /* @__PURE__ */ r($e, { user: n.data })
+          /* @__PURE__ */ r(qe, { user: n.data })
         ] }) : null,
         /* @__PURE__ */ r(Je, { user: n.data })
       ]
     }
-  ) : V && o ? Q : we && o ? /* @__PURE__ */ r(Qe, { children: /* @__PURE__ */ r(Ve, {}) }) : null, [V, J, n, o, _, Q]), X = d(() => /* @__PURE__ */ r(
+  ) : V && o ? K : we && o ? /* @__PURE__ */ r(Ke, { children: /* @__PURE__ */ r(Ve, {}) }) : null, [V, J, n, o, _, K]), Y = d(() => /* @__PURE__ */ r(
     a,
     {
       sx: {
@@ -253,7 +253,7 @@ function $r({
       },
       children: /* @__PURE__ */ r(I, { children: f("emptyContent") })
     }
-  ), [o, x]), Y = d(() => !g.data || g.loading ? /* @__PURE__ */ r(
+  ), [o, x]), Z = d(() => !g.data || g.loading ? /* @__PURE__ */ r(
     a,
     {
       sx: {
@@ -268,14 +268,14 @@ function $r({
       children: /* @__PURE__ */ r(Me, {})
     }
   ) : /* @__PURE__ */ r(a, { sx: { flex: 1 }, children: /* @__PURE__ */ r(
-    Ke,
+    Xe,
     {
       isSupportFollow: w,
       currentActiveTab: s,
       isMyself: o,
       children: b ? /* @__PURE__ */ r(a, { ...H, children: be(b) }) : L
     }
-  ) }), [g, s, o, b, H, L, x]), Z = d(() => {
+  ) }), [g, s, o, b, H, L, x]), ee = d(() => {
     if (n.loading || t.loading)
       return null;
     if (n.error) {
@@ -314,22 +314,22 @@ function $r({
             overflow: "auto",
             padding: "1px"
           },
-          children: Y
+          children: Z
         }
       ) : null,
-      l.length === 0 && X
+      l.length === 0 && Y
     ] }) : C ? /* @__PURE__ */ r(N, { display: "flex", flexDirection: u ? "column" : "row", children: /* @__PURE__ */ r(
-      ue,
+      de,
       {
         isMobile: u,
         order: u ? 1 : "unset",
         isMyself: o,
-        switchPassport: K,
+        switchPassport: X,
         switchProfile: t.switchProfile,
         user: n.data,
         showFullDid: !1,
         onlyProfile: C,
-        refreshProfile: O,
+        refreshProfile: R,
         isShowSocialActions: w,
         sx: {
           padding: u ? "16px 0 0 0" : "40px 24px 24px 40px",
@@ -403,25 +403,25 @@ function $r({
                       }
                     }
                   ),
-                  Y
+                  Z
                 ]
               }
             ) : null,
-            l.length === 0 && X
+            l.length === 0 && Y
           ]
         }
       ),
       !u && /* @__PURE__ */ r(De, { orientation: "vertical", sx: { ml: 5 } }),
       /* @__PURE__ */ r(
-        ue,
+        de,
         {
           isMobile: u,
           order: u ? 1 : "unset",
           isMyself: o,
-          switchPassport: K,
+          switchPassport: X,
           switchProfile: t.switchProfile,
           user: n.data,
-          refreshProfile: O,
+          refreshProfile: R,
           showFullDid: !1,
           isShowSocialActions: w,
           sx: {
@@ -441,30 +441,30 @@ function $r({
     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, [
+  ]), re = d(() => o ? !1 : s?.isPrivate, [o, s]);
+  if (d(() => C || D || !l.length || !t.user ? !1 : !E && !v && l?.length > 0 || !s || re, [
     E,
     v,
     l,
     s,
-    ee,
+    re,
     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, {
+      ae(e, {
         did: o ? void 0 : h
       })
     ), null;
   }
   return D || C ? /* @__PURE__ */ m(a, { children: [
-    /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r("title", { children: G }) }),
-    /* @__PURE__ */ r(ae, { style: { display: "none" } }),
+    /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r("title", { children: Q }) }),
+    /* @__PURE__ */ r(ue, { style: { display: "none" } }),
     /* @__PURE__ */ m(fe, { children: [
-      /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: Z }),
-      R
+      /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: ee }),
+      $
     ] })
   ] }) : /* @__PURE__ */ m(
     a,
@@ -475,14 +475,14 @@ function $r({
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ r("title", { children: G }) }),
-        /* @__PURE__ */ r(ae, { bordered: !0, ...he, maxWidth: "100%" }),
+        /* @__PURE__ */ r(se, { children: /* @__PURE__ */ r("title", { children: Q }) }),
+        /* @__PURE__ */ r(ue, { bordered: !0, ...he, maxWidth: "100%" }),
         /* @__PURE__ */ m(fe, { children: [
-          /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: Z }),
-          R
+          /* @__PURE__ */ r(ce, { isMySelf: o, userDid: n.data?.did ?? "", children: ee }),
+          $
         ] }),
         me ? null : /* @__PURE__ */ r(
-          Ee,
+          _e,
           {
             bordered: !0,
             ...xe,
@@ -498,5 +498,5 @@ function $r({
   );
 }
 export {
-  $r as default
+  qr as default
 };

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

@@ -1,50 +1,50 @@
-import { jsxs as l, jsx as r, Fragment as T } from "react/jsx-runtime";
-import { Box as s, Typography as y, Divider as F, IconButton as K, Collapse as W } from "@mui/material";
+import { jsxs as l, jsx as r, Fragment as N } from "react/jsx-runtime";
+import { Box as s, Typography as z, Divider as T, IconButton as F, Collapse as W } from "@mui/material";
 import O from "@arcblock/ux/lib/Avatar";
 import Q from "@arcblock/ux/lib/DID";
 import { useMemoizedFn as V } from "ahooks";
 import { translate as Y } from "@arcblock/ux/lib/Locale/util";
 import { useLocaleContext as $ } from "@arcblock/ux/lib/Locale/context";
 import q from "lodash/noop";
-import { useState as z, useEffect as C } from "react";
-import j from "@arcblock/ux/lib/Toast";
+import { useState as C, useEffect as j } from "react";
+import I from "@arcblock/ux/lib/Toast";
 import { parseURL as G, joinURL as H } from "ufo";
 import { KeyboardArrowUp as J, KeyboardArrowDown as X } from "@mui/icons-material";
-import { translations as Z } from "../../libs/locales.js";
-import { formatAxiosError as I } from "../../libs/utils.js";
-import { currentTimezone as _, getStatusDuration as P, isValidUrl as M, isDuplicateUrl as tt } from "./utils.js";
-import rt from "./switch-role.js";
-import et from "./metadata.js";
-import ot from "./user-status.js";
-import at from "./user-info.js";
-import { client as R } from "../../../libs/client.js";
-import nt from "./social-actions/index.js";
-function Rt({
+import { getBlockletSDK as Z } from "@blocklet/js-sdk";
+import { translations as _ } from "../../libs/locales.js";
+import { formatAxiosError as R } from "../../libs/utils.js";
+import { currentTimezone as P, getStatusDuration as M, isValidUrl as tt, isDuplicateUrl as rt } from "./utils.js";
+import et from "./switch-role.js";
+import ot from "./metadata.js";
+import at from "./user-status.js";
+import nt from "./user-info.js";
+import it from "./social-actions/index.js";
+function kt({
   user: t,
   isMyself: o = !0,
   showFullDid: f = !0,
-  switchPassport: A,
-  switchProfile: L,
+  switchPassport: k,
+  switchProfile: A,
   isMobile: a = !1,
   onlyProfile: c = !1,
   refreshProfile: u,
-  isShowSocialActions: k = !1,
+  isShowSocialActions: D = !1,
   ...m
 }) {
-  const { locale: h } = $(), [x, g] = z(void 0), v = V((i, e = {}) => Y(Z, i, h, "en", e)), [d, w] = z(!a || c);
-  C(() => {
-    g(t?.metadata?.status);
-  }, [t]), C(() => {
-    w(!a || c);
+  const h = Z(), { locale: x } = $(), [g, v] = C(void 0), w = V((i, e = {}) => Y(_, i, x, "en", e)), [d, S] = C(!a || c);
+  j(() => {
+    v(t?.metadata?.status);
+  }, [t]), j(() => {
+    S(!a || c);
   }, [a, c]);
-  const D = async (i) => {
+  const L = async (i) => {
     if (o)
       try {
         if (i) {
-          const e = P(i);
-          i.dateRange = e.length > 0 ? e : x?.dateRange ?? [];
+          const e = M(i);
+          i.dateRange = e.length > 0 ? e : g?.dateRange ?? [];
         }
-        g(i), await R.user.saveProfile({
+        v(i), await h.user.saveProfile({
           // @ts-ignore
           metadata: {
             ...t?.metadata ?? { joinedAt: t?.createdAt, email: t?.email, phone: t?.phone },
@@ -52,17 +52,17 @@ function Rt({
           }
         }), u();
       } catch (e) {
-        console.error(e), j.error(I(e));
+        console.error(e), I.error(R(e));
       }
   }, b = () => {
-    w(!d);
-  }, E = async (i) => {
+    S(!d);
+  }, B = async (i) => {
     if (!o)
       return;
-    const { metadata: e, address: B } = i;
+    const { metadata: e, address: E } = i;
     try {
-      const p = e?.links?.map((n, S) => {
-        if (!n.url || !M(n.url) || S > 0 && e.links?.slice(0, S)?.some((N) => tt(N.url, n.url)))
+      const p = e?.links?.map((n, U) => {
+        if (!n.url || !tt(n.url) || U > 0 && e.links?.slice(0, U)?.some((K) => rt(K.url, n.url)))
           return null;
         try {
           return G(n.url).protocol || (n.url = H("https://", n.url)), n;
@@ -70,9 +70,9 @@ function Rt({
           return console.error("Invalid URL:", n.url), null;
         }
       }).filter((n) => !!n) || [];
-      e.links = p, await R.user.saveProfile({ metadata: e, address: B }), u();
+      e.links = p, await h.user.saveProfile({ metadata: e, address: E }), u();
     } catch (p) {
-      console.error(p), j.error(I(p));
+      console.error(p), I.error(R(p));
     }
   };
   return /* @__PURE__ */ l(
@@ -122,7 +122,7 @@ function Rt({
                           ...o ? {
                             cursor: "pointer",
                             "&::after": {
-                              content: `"${v("switchProfile")}"`,
+                              content: `"${w("switchProfile")}"`,
                               color: "white",
                               position: "absolute",
                               fontSize: "12px",
@@ -137,18 +137,18 @@ function Rt({
                             }
                           } : {}
                         },
-                        onClick: o ? L : q
+                        onClick: o ? A : q
                       }
                     ),
                     /* @__PURE__ */ r(
-                      ot,
+                      at,
                       {
                         isMobile: a,
                         size: m.size || (a ? 64 : 100),
                         isMyself: o,
-                        timezone: t?.metadata?.timezone || _,
-                        status: x,
-                        onChange: D
+                        timezone: t?.metadata?.timezone || P,
+                        status: g,
+                        onChange: L
                       }
                     )
                   ]
@@ -163,7 +163,7 @@ function Rt({
                   },
                   children: [
                     /* @__PURE__ */ l(
-                      y,
+                      z,
                       {
                         variant: "h6",
                         component: "div",
@@ -188,7 +188,7 @@ function Rt({
                               children: t?.fullName
                             }
                           ),
-                          o ? /* @__PURE__ */ r(rt, { user: t, switchPassport: A }) : null
+                          o ? /* @__PURE__ */ r(et, { user: t, switchPassport: k }) : null
                         ]
                       }
                     ),
@@ -201,7 +201,7 @@ function Rt({
                         copyable: !0,
                         compact: !f,
                         responsive: !f,
-                        locale: h
+                        locale: x
                       }
                     )
                   ]
@@ -210,10 +210,10 @@ function Rt({
             ]
           }
         ),
-        !o && k ? /* @__PURE__ */ r(s, { sx: { mt: 2 }, children: /* @__PURE__ */ r(nt, { user: t }) }) : null,
-        /* @__PURE__ */ r(et, { isMobile: a, isMyself: o, user: t, onSave: E }),
-        o ? /* @__PURE__ */ l(T, { children: [
-          /* @__PURE__ */ r(F, { sx: { my: a ? 1 : 3 } }),
+        !o && D ? /* @__PURE__ */ r(s, { sx: { mt: 2 }, children: /* @__PURE__ */ r(it, { user: t }) }) : null,
+        /* @__PURE__ */ r(ot, { isMobile: a, isMyself: o, user: t, onSave: B }),
+        o ? /* @__PURE__ */ l(N, { children: [
+          /* @__PURE__ */ r(T, { sx: { my: a ? 1 : 3 } }),
           a && !c ? /* @__PURE__ */ r(
             s,
             {
@@ -223,7 +223,7 @@ function Rt({
                 mb: 0
               },
               children: /* @__PURE__ */ r(
-                K,
+                F,
                 {
                   size: "small",
                   onClick: b,
@@ -241,7 +241,7 @@ function Rt({
           ) : null,
           /* @__PURE__ */ l(W, { in: d, timeout: "auto", children: [
             /* @__PURE__ */ r(
-              y,
+              z,
               {
                 component: "p",
                 sx: {
@@ -249,10 +249,10 @@ function Rt({
                   fontSize: "14px",
                   mb: 2
                 },
-                children: v("profile.justForYou")
+                children: w("profile.justForYou")
               }
             ),
-            /* @__PURE__ */ r(at, { user: t, isMySelf: o })
+            /* @__PURE__ */ r(nt, { user: t, isMySelf: o })
           ] })
         ] }) : null
       ]
@@ -260,5 +260,5 @@ function Rt({
   );
 }
 export {
-  Rt as default
+  kt as default
 };