@blocklet/ui-react 2.13.70 → 3.0.1

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

@@ -1,37 +1,44 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useContext } from "react";
-import { Box, CircularProgress, Divider, Typography } from "@mui/material";
-import { useCreation, useMemoizedFn, useRequest } from "ahooks";
-import pWaitFor from "p-wait-for";
-import { SessionContext } from "@arcblock/did-connect/lib/Session";
-import Tabs from "@arcblock/ux/lib/Tabs";
-import Empty from "@arcblock/ux/lib/Empty";
-import Button from "@arcblock/ux/lib/Button";
-import Result from "@arcblock/ux/lib/Result";
-import { useConfirm } from "@arcblock/ux/lib/Dialog";
-import { translate } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
-import { ErrorFallback } from "@arcblock/ux/lib/ErrorBoundary";
-import { styled } from "@arcblock/ux/lib/Theme";
-import cloneDeep from "lodash/cloneDeep";
-import { getQuery, withQuery, joinURL, withoutTrailingSlash } from "ufo";
-import { PROFILE_URL } from "@arcblock/ux/lib/Util/constant";
-import Footer from "../../Footer/index.js";
-import Header from "../../Header/index.js";
-import { translations } from "../libs/locales.js";
-import { UserBasicInfo } from "./user-info/index.js";
-import { formatBlockletInfo, getLink, getLocalizedNavigation } from "../../blocklets.js";
-import Passport from "./passport.js";
-import Settings from "./settings.js";
-import { client } from "../../libs/client.js";
-import useMobile from "../../hooks/use-mobile.js";
-import { ConfigUserSpaceProvider } from "../../contexts/config-user-space.js";
-import DidSpace from "./storage/index.js";
-import Nft from "./nft.js";
-const nftsLink = joinURL(PROFILE_URL, "/nfts");
-const settingsLink = joinURL(PROFILE_URL, "/settings");
-const didSpacesLink = joinURL(PROFILE_URL, "/did-spaces");
-const Main = styled(Box)(({ theme }) => ({
+import { jsx as i, jsxs as m, Fragment as L } from "react/jsx-runtime";
+import { use as vr } from "react";
+import { Box as s, Typography as br, CircularProgress as yr, Divider as Pr } from "@mui/material";
+import { useMemoizedFn as C, useCreation as f, useRequest as or } from "ahooks";
+import kr from "p-wait-for";
+import { SessionContext as Cr } from "@arcblock/did-connect/lib/Session";
+import Dr from "@arcblock/ux/lib/Tabs";
+import F from "@arcblock/ux/lib/Empty";
+import Mr from "@arcblock/ux/lib/Button";
+import Sr from "@arcblock/ux/lib/Result";
+import { useConfirm as Wr } from "@arcblock/ux/lib/Dialog";
+import { translate as zr } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as Ur } from "@arcblock/ux/lib/Locale/context";
+import { ErrorFallback as Lr } from "@arcblock/ux/lib/ErrorBoundary";
+import { styled as fr } from "@arcblock/ux/lib/Theme";
+import Fr from "lodash/cloneDeep";
+import { joinURL as D, getQuery as Rr, withoutTrailingSlash as nr, withQuery as lr } from "ufo";
+import { PROFILE_URL as M } from "@arcblock/ux/lib/Util/constant";
+import Br from "../../Footer/index.js";
+import ar from "../../Header/index.js";
+import { translations as Ir } from "../libs/locales.js";
+import sr from "./user-info/user-basic-info.js";
+import "@mui/icons-material";
+import "@iconify/react";
+import "@arcblock/ux/lib/DID";
+import "@iconify-icons/material-symbols/schedule-outline-rounded";
+import "@iconify-icons/material-symbols/more-time-rounded";
+import "@iconify-icons/material-symbols/captive-portal-rounded";
+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 jr, getLink as R, getLocalizedNavigation as Hr } from "../../blocklets.js";
+import Nr from "./passport.js";
+import _r from "./settings.js";
+import { client as dr } from "../../libs/client.js";
+import Er from "../../hooks/use-mobile.js";
+import { ConfigUserSpaceProvider as Or } from "../../contexts/config-user-space.js";
+import Qr from "./storage/index.js";
+import qr from "./nft.js";
+const B = D(M, "/nfts"), I = D(M, "/settings"), j = D(M, "/did-spaces"), ur = fr(s)(({ theme: v }) => ({
   flex: 1,
   boxSizing: "border-box",
   padding: "0 16px",
@@ -42,14 +49,13 @@ const Main = styled(Box)(({ theme }) => ({
   alignItems: "stretch",
   gap: 2.5,
   flexDirection: "column",
-  [theme.breakpoints.up("md")]: {
+  [v.breakpoints.up("md")]: {
     flexDirection: "row"
   }
-}));
-const ContentWrapper = styled(Box)(({ theme }) => ({
+})), H = fr(s)(({ theme: v }) => ({
   overflow: "hidden",
   flex: "revert",
-  [theme.breakpoints.up("md")]: {
+  [v.breakpoints.up("md")]: {
     flex: 1
   },
   "@media (min-width: 850px) and (max-width: 1050px)": {
@@ -58,84 +64,50 @@ const ContentWrapper = styled(Box)(({ theme }) => ({
     }
   }
 }));
-export default function UserCenter({
-  children,
-  notLoginContent = null,
-  currentTab,
-  contentProps = {},
-  disableAutoRedirect = false,
-  hideFooter = false,
-  headerProps = {},
-  footerProps = {},
-  userDid = void 0,
-  stickySidebar = false,
-  embed = false,
-  onlyProfile = false
+function Le({
+  children: v,
+  notLoginContent: N = null,
+  currentTab: x,
+  contentProps: _ = {},
+  disableAutoRedirect: E = !1,
+  hideFooter: cr = !1,
+  headerProps: pr = {},
+  footerProps: mr = {},
+  userDid: S = void 0,
+  stickySidebar: O = !1,
+  embed: Q = !1,
+  onlyProfile: b = !1
   // 只显示 profile 页面，用于 ArcSphere 只需要显示 Profile 的内容
 }) {
-  const { locale } = useLocaleContext();
-  const isMobile = useMobile({ key: "md" });
-  const t = useMemoizedFn((key, data = {}) => {
-    return translate(translations, key, locale, "en", data);
-  });
-  const sessionCtx = useContext(SessionContext);
-  const session = sessionCtx?.session;
-  const currentDid = useCreation(() => {
-    if (userDid) {
-      return userDid;
-    }
-    const currentUrl = window.location.href;
-    const query = getQuery(currentUrl);
-    if (query?.did) {
-      if (Array.isArray(query.did)) {
-        return query.did[0];
-      }
-      return query.did;
-    }
-    return session?.user?.did;
-  }, [session?.user?.did, userDid]);
-  const isMyself = useCreation(() => {
-    if (session?.user) {
-      return currentDid === session?.user?.did;
-    }
-    return false;
-  }, [currentDid, session?.user?.did]);
-  const userState = useRequest(
+  var rr, er, tr;
+  const { locale: g } = Ur(), d = Er({ key: "md" }), w = C((e, o = {}) => zr(Ir, e, g, "en", o)), W = vr(Cr), r = W == null ? void 0 : W.session, h = f(() => {
+    var p;
+    if (S)
+      return S;
+    const e = window.location.href, o = Rr(e);
+    return o != null && o.did ? Array.isArray(o.did) ? o.did[0] : o.did : (p = r == null ? void 0 : r.user) == null ? void 0 : p.did;
+  }, [(rr = r == null ? void 0 : r.user) == null ? void 0 : rr.did, S]), n = f(() => {
+    var e;
+    return r != null && r.user ? h === ((e = r == null ? void 0 : r.user) == null ? void 0 : e.did) : !1;
+  }, [h, (er = r == null ? void 0 : r.user) == null ? void 0 : er.did]), l = or(
     // eslint-disable-next-line consistent-return
     async () => {
-      await pWaitFor(() => session?.initialized);
-      if (isMyself) {
-        return session.user;
-      }
-      if (currentDid) {
-        return client.user.getUserPublicInfo({ did: currentDid });
-      }
+      if (await kr(() => r == null ? void 0 : r.initialized), n)
+        return r.user;
+      if (h)
+        return dr.user.getUserPublicInfo({ did: h });
     },
     {
-      refreshDeps: [currentDid, isMyself, session?.initialized, session?.user]
-    }
-  );
-  const onRefreshUser = useMemoizedFn(() => {
-    if (isMyself) {
-      return session.refresh();
+      refreshDeps: [h, n, r == null ? void 0 : r.initialized, r == null ? void 0 : r.user]
     }
-    return userState.refresh();
-  });
-  const privacyState = useRequest(
-    async () => {
-      if (userState.data && currentTab) {
-        const config = await client.user.getUserPrivacyConfig({ did: currentDid });
-        return config;
-      }
-      return null;
-    },
+  ), q = C(() => n ? r.refresh() : l.refresh()), c = or(
+    async () => l.data && x ? await dr.user.getUserPrivacyConfig({ did: h }) : null,
     {
-      refreshDeps: [currentDid, userState.data, currentTab],
+      refreshDeps: [h, l.data, x],
       loadingDelay: 300
     }
-  );
-  const { confirmHolder } = useConfirm({
-    fullScreen: isMobile,
+  ), { confirmHolder: G } = Wr({
+    fullScreen: d,
     sx: {
       ".MuiDialog-paper": {
         borderRadius: 1,
@@ -154,391 +126,300 @@ export default function UserCenter({
         }
       }
     }
-  });
-  const formattedBlocklet = useCreation(() => {
-    const blocklet = cloneDeep(window.blocklet);
+  }), P = f(() => {
+    const e = Fr(window.blocklet);
     try {
-      return formatBlockletInfo(blocklet);
-    } catch (e) {
-      console.error("Failed to format blocklet info", e, blocklet);
-      return blocklet;
+      return jr(e);
+    } catch (o) {
+      return console.error("Failed to format blocklet info", o, e), e;
     }
-  }, []);
-  const defaultTabs = useCreation(() => {
-    const nftTab = {
-      label: t("common.nft"),
-      protected: false,
-      isPrivate: false,
+  }, []), J = f(() => {
+    const e = {
+      label: w("common.nft"),
+      protected: !1,
+      isPrivate: !1,
       // true: 隐私数据，仅自己可见
-      value: nftsLink,
-      url: getLink(nftsLink, locale)
+      value: B,
+      url: R(B, g)
     };
-    let tabs = [nftTab];
-    if (isMyself) {
-      tabs = [
-        nftTab,
-        {
-          label: t("common.setting"),
-          protected: true,
-          isPrivate: true,
-          value: settingsLink,
-          url: getLink(settingsLink, locale)
-        },
-        {
-          label: t("storageManagement"),
-          protected: true,
-          isPrivate: true,
-          value: didSpacesLink,
-          url: getLink(didSpacesLink, locale)
-        }
-      ];
-    }
-    return tabs;
-  }, [isMyself, locale]);
-  const userCenterTabs = useCreation(() => {
-    const menus = formattedBlocklet?.navigation?.userCenter || [];
-    const localizedMenus = getLocalizedNavigation(menus, locale) || [];
-    const allMenus = localizedMenus.concat(defaultTabs);
-    return allMenus.map((x) => {
-      const value = x.value ?? x._rawLink ?? x.link ?? x.url;
+    let o = [e];
+    return n && (o = [
+      e,
+      {
+        label: w("common.setting"),
+        protected: !0,
+        isPrivate: !0,
+        value: I,
+        url: R(I, g)
+      },
+      {
+        label: w("storageManagement"),
+        protected: !0,
+        isPrivate: !0,
+        value: j,
+        url: R(j, g)
+      }
+    ]), o;
+  }, [n, g]), a = f(() => {
+    var y;
+    const e = ((y = P == null ? void 0 : P.navigation) == null ? void 0 : y.userCenter) || [];
+    return (Hr(e, g) || []).concat(J).map((u) => {
+      var k, ir;
+      const U = u.value ?? u._rawLink ?? u.link ?? u.url;
       return {
-        value,
-        label: x.title || x.label,
-        url: x.link || x.url,
-        protected: privacyState?.data?.[value] ?? false,
-        isPrivate: x.isPrivate || x.private || (x?._rawLink?.includes("/customer") ?? false)
+        value: U,
+        label: u.title || u.label,
+        url: u.link || u.url,
+        protected: ((k = c == null ? void 0 : c.data) == null ? void 0 : k[U]) ?? !1,
+        isPrivate: u.isPrivate || u.private || (((ir = u == null ? void 0 : u._rawLink) == null ? void 0 : ir.includes("/customer")) ?? !1)
         // FIXME: HACK: 隐藏 /customer 菜单, 需要一个通用的解决方案，在嵌入的时候就决定是否是私有的
         // icon: x.icon,
       };
-    }).filter((x) => isMyself || !x.isPrivate);
-  }, [formattedBlocklet, userState.data, privacyState?.data, locale, defaultTabs, isMyself]);
-  const currentActiveTab = useCreation(() => {
-    return userCenterTabs.find((x) => withoutTrailingSlash(x.value) === withoutTrailingSlash(currentTab));
-  }, [userCenterTabs]);
-  const handleChangeTab = useMemoizedFn((value) => {
-    const findTab = userCenterTabs.find((x) => x.value === value);
-    if (findTab) {
-      window.location.href = withQuery(findTab.url, {
-        did: isMyself ? void 0 : currentDid
-      });
+    }).filter((u) => n || !u.isPrivate);
+  }, [P, l.data, c == null ? void 0 : c.data, g, J, n]), t = f(() => a.find((e) => nr(e.value) === nr(x)), [a]), hr = C((e) => {
+    const o = a.find((p) => p.value === e);
+    o && (window.location.href = lr(o.url, {
+      did: n ? void 0 : h
+    }));
+  }), K = f(() => /* @__PURE__ */ i(
+    _r,
+    {
+      user: l.data,
+      settings: { userCenterTabs: a },
+      onSave: async (e) => e === "privacy" ? (await c.runAsync(), c.data) : (e === "profile" && await r.refresh(), null),
+      isMobile: d
     }
-  });
-  const settingContent = useCreation(() => {
-    return /* @__PURE__ */ jsx(
-      Settings,
-      {
-        user: userState.data,
-        settings: { userCenterTabs },
-        onSave: async (type) => {
-          if (type === "privacy") {
-            await privacyState.runAsync();
-            return privacyState.data;
-          }
-          if (type === "profile") {
-            await session.refresh();
-          }
-          return null;
-        },
-        isMobile
-      }
-    );
-  }, [userState.data, userCenterTabs, privacyState.data, privacyState.runAsync]);
-  const isSettingTab = useCreation(() => {
-    return currentActiveTab && currentActiveTab?.value === settingsLink;
-  }, [currentActiveTab]);
-  const isNftsTab = useCreation(() => {
-    return currentActiveTab && currentActiveTab?.value === joinURL(PROFILE_URL, "/profile") || currentActiveTab?.value === nftsLink;
-  }, [currentActiveTab]);
-  const isDidSpaceTab = useCreation(() => {
-    return currentActiveTab && currentActiveTab?.value === didSpacesLink;
-  }, [currentActiveTab]);
-  const oauth = session.useOAuth();
-  const passkey = session.usePasskey();
-  const handleSwitchPassport = useMemoizedFn(() => {
-    if (session?.user?.sourceProvider === "passkey") {
-      passkey.switchPassport(session.user);
-    } else if (["google", "apple", "email", "github"].includes(session?.user?.sourceProvider ?? "")) {
-      oauth.switchOAuthPassport(session.user);
-    } else if (session) {
-      session.switchPassport();
+  ), [l.data, a, c.data, c.runAsync]), V = f(() => t && (t == null ? void 0 : t.value) === I, [t]), X = f(() => t && (t == null ? void 0 : t.value) === D(M, "/profile") || (t == null ? void 0 : t.value) === B, [t]), xr = f(() => t && (t == null ? void 0 : t.value) === j, [t]), gr = r.useOAuth(), wr = r.usePasskey(), Y = C(() => {
+    var e, o;
+    ((e = r == null ? void 0 : r.user) == null ? void 0 : e.sourceProvider) === "passkey" ? wr.switchPassport(r.user) : ["google", "apple", "email", "github"].includes(((o = r == null ? void 0 : r.user) == null ? void 0 : o.sourceProvider) ?? "") ? gr.switchOAuthPassport(r.user) : r && r.switchPassport();
+  }), z = f(() => X ? /* @__PURE__ */ m(
+    s,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 2.5
+      },
+      children: [
+        n ? /* @__PURE__ */ m(s, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
+          /* @__PURE__ */ i(
+            br,
+            {
+              sx: {
+                color: "text.primary",
+                fontWeight: 600,
+                mb: 2.5
+              },
+              children: w("passport")
+            }
+          ),
+          /* @__PURE__ */ i(Nr, { user: l.data })
+        ] }) : null,
+        /* @__PURE__ */ i(qr, { user: l.data })
+      ]
     }
-  });
-  const renderDefaultTab = useCreation(() => {
-    if (isNftsTab) {
-      return /* @__PURE__ */ jsxs(
-        Box,
-        {
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            gap: 2.5
-          },
-          children: [
-            isMyself ? /* @__PURE__ */ jsxs(Box, { sx: { border: "1px solid", borderColor: "divider", borderRadius: 1.5, p: 2 }, children: [
-              /* @__PURE__ */ jsx(
-                Typography,
-                {
-                  sx: {
-                    color: "text.primary",
-                    fontWeight: 600,
-                    mb: 2.5
-                  },
-                  children: t("passport")
-                }
-              ),
-              /* @__PURE__ */ jsx(Passport, { user: userState.data })
-            ] }) : null,
-            /* @__PURE__ */ jsx(Nft, { user: userState.data })
-          ]
-        }
-      );
+  ) : V && n ? K : xr && n ? /* @__PURE__ */ i(Or, { children: /* @__PURE__ */ i(Qr, {}) }) : null, [V, X, l, n, O, K]), Z = f(() => /* @__PURE__ */ i(
+    s,
+    {
+      sx: {
+        display: {
+          xs: n ? "none" : "block",
+          md: "block"
+        },
+        py: 3
+      },
+      children: /* @__PURE__ */ i(F, { children: w("emptyContent") })
     }
-    if (isSettingTab && isMyself) {
-      return settingContent;
+  ), [n, g]), $ = f(() => !c.data || c.loading ? /* @__PURE__ */ i(
+    s,
+    {
+      sx: {
+        height: "100%",
+        minWidth: "160px",
+        minHeight: "160px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        flex: 1
+      },
+      children: /* @__PURE__ */ i(yr, {})
     }
-    if (isDidSpaceTab && isMyself) {
-      return /* @__PURE__ */ jsx(ConfigUserSpaceProvider, { children: /* @__PURE__ */ jsx(DidSpace, {}) });
+  ) : (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ i(s, { sx: { flex: 1 }, children: t != null && t.protected && !n ? /* @__PURE__ */ i(s, { children: /* @__PURE__ */ i(F, { children: w("underProtected") }) }) : (
+      // eslint-disable-next-line react/jsx-no-useless-fragment
+      /* @__PURE__ */ i(L, { children: v ? /* @__PURE__ */ i(s, { ..._, children: v }) : /* @__PURE__ */ i(L, { children: z }) })
+    ) })
+  ), [c, t, n, v, _, z, g]), T = f(() => {
+    var e, o, p, y;
+    if (l.loading || r.loading)
+      return null;
+    if (l.error) {
+      if (((o = (e = l.error) == null ? void 0 : e.response) == null ? void 0 : o.status) === 404)
+        return /* @__PURE__ */ i(s, { sx: { width: "100%" }, children: /* @__PURE__ */ i(Sr, { status: 404, description: w("noUserFound") }) });
+      const k = {
+        message: ((y = (p = l.error.response) == null ? void 0 : p.data) == null ? void 0 : y.error) || l.error.message || "error occurred"
+      };
+      return /* @__PURE__ */ i(s, { sx: { width: "100%" }, children: /* @__PURE__ */ i(Lr, { error: k }) });
     }
-    return null;
-  }, [isSettingTab, isNftsTab, userState, isMyself, stickySidebar, settingContent]);
-  const emptyContent = useCreation(() => {
-    return /* @__PURE__ */ jsx(
-      Box,
+    return !h && !l.data ? N || /* @__PURE__ */ i(s, { sx: { width: "100%" }, children: /* @__PURE__ */ m(
+      s,
       {
         sx: {
-          display: {
-            xs: isMyself ? "none" : "block",
-            md: "block"
-          },
-          py: 3
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          gap: 1
         },
-        children: /* @__PURE__ */ jsx(Empty, { children: t("emptyContent") })
+        children: [
+          /* @__PURE__ */ i(F, { children: w("viewAfterLogin") }),
+          /* @__PURE__ */ i(Mr, { size: "small", variant: "contained", onClick: () => r.login(), children: w("loginNow") })
+        ]
       }
-    );
-  }, [isMyself, locale]);
-  const tabContent = useCreation(() => {
-    if (!privacyState.data || privacyState.loading) {
-      return /* @__PURE__ */ jsx(
-        Box,
+    ) }) : Q ? /* @__PURE__ */ m(H, { children: [
+      a.length > 0 && x ? /* @__PURE__ */ i(
+        s,
         {
           sx: {
+            display: d ? "block" : "flex",
             height: "100%",
-            minWidth: "160px",
-            minHeight: "160px",
-            display: "flex",
-            justifyContent: "center",
-            alignItems: "center",
-            flex: 1
+            overflow: "auto",
+            padding: "1px"
           },
-          children: /* @__PURE__ */ jsx(CircularProgress, {})
+          children: $
+        }
+      ) : null,
+      a.length === 0 && Z
+    ] }) : b ? /* @__PURE__ */ i(H, { display: "flex", flexDirection: d ? "column" : "row", children: /* @__PURE__ */ i(
+      sr,
+      {
+        isMobile: d,
+        order: d ? 1 : "unset",
+        isMyself: n,
+        switchPassport: Y,
+        switchProfile: r.switchProfile,
+        user: l.data,
+        showFullDid: !1,
+        onlyProfile: b,
+        refreshProfile: q,
+        sx: {
+          padding: d ? "16px 0 0 0" : "40px 24px 24px 40px",
+          ...d ? {} : { width: 320, maxWidth: 320, flexShrink: 0 },
+          boxSizing: "content-box"
         }
-      );
-    }
-    return (
-      // eslint-disable-next-line react/jsx-no-useless-fragment
-      /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: currentActiveTab?.protected && !isMyself ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Empty, { children: t("underProtected") }) }) : (
-        // eslint-disable-next-line react/jsx-no-useless-fragment
-        /* @__PURE__ */ jsx(Fragment, { children: children ? /* @__PURE__ */ jsx(Box, { ...contentProps, children }) : /* @__PURE__ */ jsx(Fragment, { children: renderDefaultTab }) })
-      ) })
-    );
-  }, [privacyState, currentActiveTab, isMyself, children, contentProps, renderDefaultTab, locale]);
-  const content = useCreation(() => {
-    if (userState.loading || session.loading) {
-      return null;
-    }
-    if (userState.error) {
-      const errorStatus = userState.error?.response?.status;
-      if (errorStatus === 404) {
-        return /* @__PURE__ */ jsx(Box, { sx: { width: "100%" }, children: /* @__PURE__ */ jsx(Result, { status: 404, description: t("noUserFound") }) });
-      }
-      const errorMessage = userState.error.response?.data?.error || userState.error.message || "error occurred";
-      const formatError = {
-        message: errorMessage
-      };
-      return /* @__PURE__ */ jsx(Box, { sx: { width: "100%" }, children: /* @__PURE__ */ jsx(ErrorFallback, { error: formatError }) });
-    }
-    if (!currentDid && !userState.data) {
-      if (notLoginContent) {
-        return notLoginContent;
       }
-      return /* @__PURE__ */ jsx(Box, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxs(
-        Box,
+    ) }) : /* @__PURE__ */ m(H, { display: "flex", flexDirection: d ? "column" : "row", children: [
+      /* @__PURE__ */ m(
+        s,
         {
+          className: "user-center-tabs",
           sx: {
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: 1
+            flex: "1",
+            order: d ? 2 : "unset"
           },
           children: [
-            /* @__PURE__ */ jsx(Empty, { children: t("viewAfterLogin") }),
-            /* @__PURE__ */ jsx(Button, { size: "small", variant: "contained", onClick: () => session.login(), children: t("loginNow") })
-          ]
-        }
-      ) });
-    }
-    if (embed) {
-      return /* @__PURE__ */ jsxs(ContentWrapper, { children: [
-        userCenterTabs.length > 0 && currentTab ? /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              display: isMobile ? "block" : "flex",
-              height: "100%",
-              overflow: "auto",
-              padding: "1px"
-            },
-            children: tabContent
-          }
-        ) : null,
-        userCenterTabs.length === 0 && emptyContent
-      ] });
-    }
-    if (onlyProfile) {
-      return /* @__PURE__ */ jsx(ContentWrapper, { display: "flex", flexDirection: isMobile ? "column" : "row", children: /* @__PURE__ */ jsx(
-        UserBasicInfo,
-        {
-          isMobile,
-          order: isMobile ? 1 : "unset",
-          isMyself,
-          switchPassport: handleSwitchPassport,
-          switchProfile: session.switchProfile,
-          user: userState.data,
-          showFullDid: false,
-          onlyProfile,
-          refreshProfile: onRefreshUser,
-          sx: {
-            padding: !isMobile ? "40px 24px 24px 40px" : "16px 0 0 0",
-            ...!isMobile ? { width: 320, maxWidth: 320, flexShrink: 0 } : {},
-            boxSizing: "content-box"
-          }
-        }
-      ) });
-    }
-    return /* @__PURE__ */ jsxs(ContentWrapper, { display: "flex", flexDirection: isMobile ? "column" : "row", children: [
-      /* @__PURE__ */ jsxs(Box, { flex: "1", className: "user-center-tabs", order: isMobile ? 2 : "unset", children: [
-        userCenterTabs.length > 0 && currentTab ? /* @__PURE__ */ jsxs(
-          Box,
-          {
-            display: "flex",
-            flexDirection: "column",
-            sx: {
-              height: "100%",
-              overflow: "auto",
-              padding: "1px"
-            },
-            children: [
-              /* @__PURE__ */ jsx(
-                Tabs,
-                {
-                  orientation: "horizontal",
-                  variant: "line",
-                  tabs: userCenterTabs,
-                  current: currentActiveTab?.value ?? currentTab,
-                  onChange: handleChangeTab,
-                  sx: {
-                    mb: 2,
-                    ".MuiTabs-flexContainer": {
-                      gap: 3,
-                      ".MuiButtonBase-root": {
-                        padding: isMobile ? "16px 4px" : "40px 4px 32px 4px",
-                        fontSize: 16
-                      },
-                      ".MuiTab-root": {
-                        display: "block",
-                        textAlign: "left",
-                        alignItems: "flex-start",
-                        justifyContent: "flex-start",
-                        fontWeight: 400
-                      }
-                    },
-                    ".MuiTabs-root": {
-                      "&:after": {
-                        content: '""',
-                        display: "block",
-                        width: "100%",
-                        height: "1px",
-                        backgroundColor: "divider"
+            a.length > 0 && x ? /* @__PURE__ */ m(
+              s,
+              {
+                sx: {
+                  display: "flex",
+                  flexDirection: "column",
+                  height: "100%",
+                  overflow: "auto",
+                  padding: "1px"
+                },
+                children: [
+                  /* @__PURE__ */ i(
+                    Dr,
+                    {
+                      orientation: "horizontal",
+                      variant: "line",
+                      tabs: a,
+                      current: (t == null ? void 0 : t.value) ?? x,
+                      onChange: hr,
+                      sx: {
+                        mb: 2,
+                        ".MuiTabs-flexContainer": {
+                          gap: 3,
+                          ".MuiButtonBase-root": {
+                            padding: d ? "16px 4px" : "40px 4px 32px 4px",
+                            fontSize: 16
+                          },
+                          ".MuiTab-root": {
+                            display: "block",
+                            textAlign: "left",
+                            alignItems: "flex-start",
+                            justifyContent: "flex-start",
+                            fontWeight: 400
+                          }
+                        },
+                        ".MuiTabs-root": {
+                          "&:after": {
+                            content: '""',
+                            display: "block",
+                            width: "100%",
+                            height: "1px",
+                            backgroundColor: "divider"
+                          }
+                        }
                       }
                     }
-                  }
-                }
-              ),
-              tabContent
-            ]
-          }
-        ) : null,
-        userCenterTabs.length === 0 && emptyContent
-      ] }),
-      !isMobile && /* @__PURE__ */ jsx(Divider, { orientation: "vertical", sx: { ml: 5 } }),
-      /* @__PURE__ */ jsx(
-        UserBasicInfo,
+                  ),
+                  $
+                ]
+              }
+            ) : null,
+            a.length === 0 && Z
+          ]
+        }
+      ),
+      !d && /* @__PURE__ */ i(Pr, { orientation: "vertical", sx: { ml: 5 } }),
+      /* @__PURE__ */ i(
+        sr,
         {
-          isMobile,
-          order: isMobile ? 1 : "unset",
-          isMyself,
-          switchPassport: handleSwitchPassport,
-          switchProfile: session.switchProfile,
-          user: userState.data,
-          refreshProfile: onRefreshUser,
-          showFullDid: false,
+          isMobile: d,
+          order: d ? 1 : "unset",
+          isMyself: n,
+          switchPassport: Y,
+          switchProfile: r.switchProfile,
+          user: l.data,
+          refreshProfile: q,
+          showFullDid: !1,
           sx: {
-            padding: !isMobile ? "40px 24px 24px 40px" : "16px 0 0 0",
-            ...!isMobile ? { 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"
           }
         }
       )
     ] });
   }, [
-    userState,
-    userCenterTabs,
-    isMyself,
-    currentActiveTab,
-    privacyState,
-    currentTab,
-    stickySidebar,
-    renderDefaultTab
-  ]);
-  const isPrivateActive = useCreation(() => {
-    if (isMyself) {
-      return false;
-    }
-    return currentActiveTab?.isPrivate;
-  }, [isMyself, currentActiveTab]);
-  const shouldRedirect = useCreation(() => {
-    if (onlyProfile) {
-      return false;
-    }
-    const noActiveTabButHasTabs = !disableAutoRedirect && !currentTab && userCenterTabs?.length > 0;
-    const invalidCurrentTab = !currentActiveTab;
-    const accessingPrivateTab = isPrivateActive;
-    return noActiveTabButHasTabs || invalidCurrentTab || accessingPrivateTab;
-  }, [disableAutoRedirect, currentTab, userCenterTabs, currentActiveTab, isPrivateActive, onlyProfile]);
-  if (shouldRedirect) {
-    const firstUserCenterUrl = userCenterTabs[0]?.url;
-    const firstTab = userCenterTabs.find((x) => x.value === firstUserCenterUrl);
-    if (firstUserCenterUrl && !firstTab?.isPrivate) {
-      window.location.replace(
-        withQuery(firstUserCenterUrl, {
-          did: isMyself ? void 0 : currentDid
-        })
-      );
-    }
-    return null;
-  }
-  if (embed || onlyProfile) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Header, { style: { display: "none" } }),
-      /* @__PURE__ */ jsxs(Main, { children: [
-        content,
-        confirmHolder
-      ] })
-    ] });
+    l,
+    a,
+    n,
+    t,
+    c,
+    x,
+    O,
+    z
+  ]), A = f(() => n ? !1 : t == null ? void 0 : t.isPrivate, [n, t]);
+  if (f(() => b ? !1 : !E && !x && (a == null ? void 0 : a.length) > 0 || !t || A, [E, x, a, t, A, b])) {
+    const e = (tr = a[0]) == null ? void 0 : tr.url, o = a.find((p) => p.value === e);
+    return e && !(o != null && o.isPrivate) && window.location.replace(
+      lr(e, {
+        did: n ? void 0 : h
+      })
+    ), null;
   }
-  return /* @__PURE__ */ jsxs(
-    Box,
+  return Q || b ? /* @__PURE__ */ m(L, { children: [
+    /* @__PURE__ */ i(ar, { style: { display: "none" } }),
+    /* @__PURE__ */ m(ur, { children: [
+      T,
+      G
+    ] })
+  ] }) : /* @__PURE__ */ m(
+    s,
     {
       sx: {
         minHeight: "100vh",
@@ -546,16 +427,16 @@ export default function UserCenter({
         flexDirection: "column"
       },
       children: [
-        /* @__PURE__ */ jsx(Header, { bordered: true, ...headerProps, maxWidth: "100%" }),
-        /* @__PURE__ */ jsxs(Main, { children: [
-          content,
-          confirmHolder
+        /* @__PURE__ */ i(ar, { bordered: !0, ...pr, maxWidth: "100%" }),
+        /* @__PURE__ */ m(ur, { children: [
+          T,
+          G
         ] }),
-        hideFooter ? null : /* @__PURE__ */ jsx(
-          Footer,
+        cr ? null : /* @__PURE__ */ i(
+          Br,
           {
-            bordered: true,
-            ...footerProps,
+            bordered: !0,
+            ...mr,
             sx: {
               ".MuiContainer-root": {
                 maxWidth: 1600
@@ -567,3 +448,6 @@ export default function UserCenter({
     }
   );
 }
+export {
+  Le as default
+};