@blocklet/ui-react 3.0.8 → 3.0.10

package/lib/UserCenter/components/user-info/switch-role.js

@@ -1,22 +1,19 @@
-import { jsx as a } from "react/jsx-runtime";
-import { memo as r } from "react";
-import { Chip as p } from "@mui/material";
-import { Icon as m } from "@iconify/react";
-import e from "@iconify-icons/material-symbols/swap-horiz-rounded";
+import { jsx as t } from "react/jsx-runtime";
+import { memo as n } from "react";
+import { Chip as i } from "@mui/material";
+import { Icon as a } from "@iconify/react";
+import p from "@iconify-icons/material-symbols/swap-horiz-rounded";
 import { useCreation as c } from "ahooks";
-function f({ user: o, switchPassport: i }) {
-  const t = c(
+function m({ user: o, switchPassport: r }) {
+  const l = c(
     // FIXME: @zhanghan 感觉应该把 name 的判断去掉？
-    () => {
-      var l;
-      return (l = (o == null ? void 0 : o.passports) || []) == null ? void 0 : l.find((n) => n.name === o.role || n.role === o.role);
-    },
-    [o == null ? void 0 : o.passports, o == null ? void 0 : o.role]
+    () => (o?.passports || [])?.find((e) => e.name === o.role || e.role === o.role),
+    [o?.passports, o?.role]
   );
-  return /* @__PURE__ */ a(
-    p,
+  return /* @__PURE__ */ t(
+    i,
     {
-      label: (t == null ? void 0 : t.title) || (o == null ? void 0 : o.role) || "Guest",
+      label: l?.title || o?.role || "Guest",
       size: "small",
       variant: "outlined",
       sx: {
@@ -34,13 +31,13 @@ function f({ user: o, switchPassport: i }) {
         }
       },
       clickable: !0,
-      deleteIcon: /* @__PURE__ */ a(m, { icon: e, color: "inherit" }),
-      onDelete: i,
-      onClick: i
+      deleteIcon: /* @__PURE__ */ t(a, { icon: p, color: "inherit" }),
+      onDelete: r,
+      onClick: r
     }
   );
 }
-const k = r(f);
+const S = n(m);
 export {
-  k as default
+  S as default
 };

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

@@ -1,81 +1,78 @@
-import { jsxs as c, jsx as r, Fragment as N } from "react/jsx-runtime";
-import { Box as l, Typography as z, Divider as T, IconButton as F, Collapse as K } from "@mui/material";
-import W from "@arcblock/ux/lib/Avatar";
-import O from "@arcblock/ux/lib/DID";
-import { useMemoizedFn as Q } from "ahooks";
-import { translate as V } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as Y } from "@arcblock/ux/lib/Locale/context";
-import $ from "lodash/noop";
-import { useState as S, useEffect as j } from "react";
-import I from "@arcblock/ux/lib/Toast";
-import { parseURL as q, joinURL as G } from "ufo";
-import { KeyboardArrowUp as H, KeyboardArrowDown as J } from "@mui/icons-material";
-import { translations as X } from "../../libs/locales.js";
-import { formatAxiosError as R } from "../../libs/utils.js";
-import { currentTimezone as Z, getStatusDuration as _, isValidUrl as P } from "./utils.js";
-import M from "./switch-role.js";
-import tt from "./metadata.js";
-import ot from "./user-status.js";
-import rt from "./user-info.js";
-import { client as u } from "../../../libs/client.js";
+import { jsxs as c, jsx as r, Fragment as E } from "react/jsx-runtime";
+import { Box as l, Typography as y, Divider as B, IconButton as N, Collapse as T } from "@mui/material";
+import F from "@arcblock/ux/lib/Avatar";
+import K from "@arcblock/ux/lib/DID";
+import { useMemoizedFn as W } from "ahooks";
+import { translate as O } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as Q } from "@arcblock/ux/lib/Locale/context";
+import V from "lodash/noop";
+import { useState as S, useEffect as U } from "react";
+import C from "@arcblock/ux/lib/Toast";
+import { parseURL as Y, joinURL as $ } from "ufo";
+import { KeyboardArrowUp as q, KeyboardArrowDown as G } from "@mui/icons-material";
+import { translations as H } from "../../libs/locales.js";
+import { formatAxiosError as z } from "../../libs/utils.js";
+import { currentTimezone as J, getStatusDuration as X, isValidUrl as Z } from "./utils.js";
+import _ from "./switch-role.js";
+import P from "./metadata.js";
+import M from "./user-status.js";
+import tt from "./user-info.js";
+import { client as j } from "../../../libs/client.js";
 function St({
   user: t,
   isMyself: a = !0,
-  showFullDid: x = !0,
-  switchPassport: A,
-  switchProfile: b,
-  isMobile: e = !1,
-  onlyProfile: p = !1,
-  refreshProfile: h,
+  showFullDid: f = !0,
+  switchPassport: I,
+  switchProfile: R,
+  isMobile: o = !1,
+  onlyProfile: s = !1,
+  refreshProfile: u,
   ...m
 }) {
-  var U;
-  const { locale: g } = Y(), [d, w] = S(void 0), v = Q((n, o = {}) => V(X, n, g, "en", o)), [s, y] = S(!e || p);
-  j(() => {
-    var n;
-    w((n = t == null ? void 0 : t.metadata) == null ? void 0 : n.status);
-  }, [t]), j(() => {
-    y(!e || p);
-  }, [e, p]);
-  const D = async (n) => {
+  const { locale: x } = Q(), [h, g] = S(void 0), w = W((n, e = {}) => O(H, n, x, "en", e)), [d, v] = S(!o || s);
+  U(() => {
+    g(t?.metadata?.status);
+  }, [t]), U(() => {
+    v(!o || s);
+  }, [o, s]);
+  const A = async (n) => {
     if (a)
       try {
         if (n) {
-          const o = _(n);
-          n.dateRange = o.length > 0 ? o : (d == null ? void 0 : d.dateRange) ?? [];
+          const e = X(n);
+          n.dateRange = e.length > 0 ? e : h?.dateRange ?? [];
         }
-        w(n), await u.user.saveProfile({
+        g(n), await j.user.saveProfile({
           // @ts-ignore
           metadata: {
-            ...(t == null ? void 0 : t.metadata) ?? { joinedAt: t == null ? void 0 : t.createdAt, email: t == null ? void 0 : t.email, phone: t == null ? void 0 : t.phone },
+            ...t?.metadata ?? { joinedAt: t?.createdAt, email: t?.email, phone: t?.phone },
             status: n || {}
           }
-        }), h();
-      } catch (o) {
-        console.error(o), I.error(R(o));
+        }), u();
+      } catch (e) {
+        console.error(e), C.error(z(e));
       }
-  }, L = () => {
-    y(!s);
+  }, b = () => {
+    v(!d);
   };
   if (!t)
     return null;
-  const k = async (n) => {
-    var C;
+  const D = async (n) => {
     if (!a)
       return;
-    const { metadata: o, address: E } = n;
+    const { metadata: e, address: L } = n;
     try {
-      const f = ((C = o == null ? void 0 : o.links) == null ? void 0 : C.map((i) => {
-        if (!i.url || !P(i.url)) return null;
+      const p = e?.links?.map((i) => {
+        if (!i.url || !Z(i.url)) return null;
         try {
-          return q(i.url).protocol || (i.url = G("https://", i.url)), i;
+          return Y(i.url).protocol || (i.url = $("https://", i.url)), i;
         } catch {
           return console.error("Invalid URL:", i.url), null;
         }
-      }).filter((i) => !!i)) || [];
-      o.links = f, await u.user.saveProfile({ metadata: o, address: E }), h();
-    } catch (f) {
-      console.error(f), I.error(R(f));
+      }).filter((i) => !!i) || [];
+      e.links = p, await j.user.saveProfile({ metadata: e, address: L }), u();
+    } catch (p) {
+      console.error(p), C.error(z(p));
     }
   };
   return /* @__PURE__ */ c(
@@ -93,7 +90,7 @@ function St({
             className: "user-info",
             sx: {
               display: "flex",
-              flexDirection: e ? "row" : "column",
+              flexDirection: o ? "row" : "column",
               gap: 2
             },
             children: [
@@ -109,11 +106,11 @@ function St({
                   },
                   children: [
                     /* @__PURE__ */ r(
-                      W,
+                      F,
                       {
-                        src: t == null ? void 0 : t.avatar,
-                        did: t == null ? void 0 : t.did,
-                        size: m.size || (e ? 64 : 100),
+                        src: t?.avatar,
+                        did: t?.did,
+                        size: m.size || (o ? 64 : 100),
                         variant: "circle",
                         shape: "circle",
                         sx: {
@@ -125,7 +122,7 @@ function St({
                           ...a ? {
                             cursor: "pointer",
                             "&::after": {
-                              content: `"${v("switchProfile")}"`,
+                              content: `"${w("switchProfile")}"`,
                               color: "white",
                               position: "absolute",
                               fontSize: "12px",
@@ -140,18 +137,18 @@ function St({
                             }
                           } : {}
                         },
-                        onClick: a ? b : $
+                        onClick: a ? R : V
                       }
                     ),
                     /* @__PURE__ */ r(
-                      ot,
+                      M,
                       {
-                        isMobile: e,
-                        size: m.size || (e ? 64 : 100),
+                        isMobile: o,
+                        size: m.size || (o ? 64 : 100),
                         isMyself: a,
-                        timezone: ((U = t == null ? void 0 : t.metadata) == null ? void 0 : U.timezone) || Z,
-                        status: d,
-                        onChange: D
+                        timezone: t?.metadata?.timezone || J,
+                        status: h,
+                        onChange: A
                       }
                     )
                   ]
@@ -166,7 +163,7 @@ function St({
                   },
                   children: [
                     /* @__PURE__ */ c(
-                      z,
+                      y,
                       {
                         variant: "h6",
                         component: "div",
@@ -188,24 +185,24 @@ function St({
                                 textOverflow: "ellipsis",
                                 whiteSpace: "nowrap"
                               },
-                              children: t == null ? void 0 : t.fullName
+                              children: t?.fullName
                             }
                           ),
-                          a ? /* @__PURE__ */ r(M, { user: t, switchPassport: A }) : null
+                          a ? /* @__PURE__ */ r(_, { user: t, switchPassport: I }) : null
                         ]
                       }
                     ),
-                    /* @__PURE__ */ r(O, { did: t.did, showQrcode: !0, copyable: !0, compact: !x, responsive: !x, locale: g })
+                    /* @__PURE__ */ r(K, { did: t.did, showQrcode: !0, copyable: !0, compact: !f, responsive: !f, locale: x })
                   ]
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ r(tt, { isMobile: e, isMyself: a, user: t, onSave: k }),
-        a ? /* @__PURE__ */ c(N, { children: [
-          /* @__PURE__ */ r(T, { sx: { my: e ? 1 : 3 } }),
-          e && !p ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r(P, { isMobile: o, isMyself: a, user: t, onSave: D }),
+        a ? /* @__PURE__ */ c(E, { children: [
+          /* @__PURE__ */ r(B, { sx: { my: o ? 1 : 3 } }),
+          o && !s ? /* @__PURE__ */ r(
             l,
             {
               sx: {
@@ -214,10 +211,10 @@ function St({
                 mb: 0
               },
               children: /* @__PURE__ */ r(
-                F,
+                N,
                 {
                   size: "small",
-                  onClick: L,
+                  onClick: b,
                   sx: {
                     backgroundColor: "grey.50",
                     "&:hover": {
@@ -225,14 +222,14 @@ function St({
                       opacity: 0.8
                     }
                   },
-                  children: s ? /* @__PURE__ */ r(H, {}) : /* @__PURE__ */ r(J, {})
+                  children: d ? /* @__PURE__ */ r(q, {}) : /* @__PURE__ */ r(G, {})
                 }
               )
             }
           ) : null,
-          /* @__PURE__ */ c(K, { in: s, timeout: "auto", children: [
+          /* @__PURE__ */ c(T, { in: d, timeout: "auto", children: [
             /* @__PURE__ */ r(
-              z,
+              y,
               {
                 component: "p",
                 sx: {
@@ -240,10 +237,10 @@ function St({
                   fontSize: "14px",
                   mb: 2
                 },
-                children: v("profile.justForYou")
+                children: w("profile.justForYou")
               }
             ),
-            /* @__PURE__ */ r(rt, { user: t, isMySelf: a })
+            /* @__PURE__ */ r(tt, { user: t, isMySelf: a })
           ] })
         ] }) : null
       ]

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

@@ -1,63 +1,63 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Box as I } from "@mui/material";
-import { Icon as e } from "@iconify/react";
-import { useMemoizedFn as v, useCreation as h } from "ahooks";
-import x from "@arcblock/ux/lib/DID";
-import g from "@iconify-icons/material-symbols/schedule-outline-rounded";
-import L from "@iconify-icons/material-symbols/more-time-rounded";
-import p from "@iconify-icons/material-symbols/captive-portal-rounded";
-import A from "@iconify-icons/material-symbols/settings-input-antenna-rounded";
-import f from "@arcblock/ux/lib/RelativeTime";
-import { translate as R } from "@arcblock/ux/lib/Locale/util";
-import { useLocaleContext as S } from "@arcblock/ux/lib/Locale/context";
-import { LOGIN_PROVIDER_NAME as z } from "@arcblock/ux/lib/Util/constant";
-import P from "@arcblock/ux/lib/UserCard/Content/shorten-label";
-import { translations as w } from "../../libs/locales.js";
-import D from "./user-info-item.js";
-function V({
+import { Box as d } from "@mui/material";
+import { Icon as i } from "@iconify/react";
+import { useMemoizedFn as u, useCreation as I } from "ahooks";
+import v from "@arcblock/ux/lib/DID";
+import h from "@iconify-icons/material-symbols/schedule-outline-rounded";
+import x from "@iconify-icons/material-symbols/more-time-rounded";
+import l from "@iconify-icons/material-symbols/captive-portal-rounded";
+import g from "@iconify-icons/material-symbols/settings-input-antenna-rounded";
+import p from "@arcblock/ux/lib/RelativeTime";
+import { translate as L } from "@arcblock/ux/lib/Locale/util";
+import { useLocaleContext as A } from "@arcblock/ux/lib/Locale/context";
+import { LOGIN_PROVIDER_NAME as R } from "@arcblock/ux/lib/Util/constant";
+import S from "@arcblock/ux/lib/UserCard/Content/shorten-label";
+import { translations as z } from "../../libs/locales.js";
+import P from "./user-info-item.js";
+function G({
   user: o,
-  isMySelf: l = !1,
-  ...c
+  isMySelf: a = !1,
+  ...m
 }) {
-  const { locale: a } = S(), n = v((m, r = {}) => R(w, m, a, "en", r)), d = h(() => (o == null ? void 0 : o.sourceProvider) && z[o.sourceProvider] || n("unknown"), [o == null ? void 0 : o.sourceProvider]), i = [];
-  return l && (i.push({
-    icon: /* @__PURE__ */ t(e, { fontSize: 16, icon: g }),
+  const { locale: r } = A(), n = u((c, s = {}) => L(z, c, r, "en", s)), f = I(() => o?.sourceProvider && R[o.sourceProvider] || n("unknown"), [o?.sourceProvider]), e = [];
+  return a && (e.push({
+    icon: /* @__PURE__ */ t(i, { fontSize: 16, icon: h }),
     title: n("lastLoginAt"),
-    content: o != null && o.lastLoginAt ? (
+    content: o?.lastLoginAt ? (
       // @ts-ignore
-      /* @__PURE__ */ t(f, { locale: a, value: o == null ? void 0 : o.lastLoginAt, relativeRange: 3 * 86400 * 1e3 })
+      /* @__PURE__ */ t(p, { locale: r, value: o?.lastLoginAt, relativeRange: 3 * 86400 * 1e3 })
     ) : n("unknown")
-  }), i.push({
-    icon: /* @__PURE__ */ t(e, { fontSize: 16, icon: A }),
+  }), e.push({
+    icon: /* @__PURE__ */ t(i, { fontSize: 16, icon: g }),
     title: n("lastLoginIp"),
-    content: o != null && o.lastLoginIp ? /* @__PURE__ */ t(P, { maxLength: 20, children: o == null ? void 0 : o.lastLoginIp }) : n("unknown")
-  })), i.push({
-    icon: /* @__PURE__ */ t(e, { fontSize: 16, icon: L }),
+    content: o?.lastLoginIp ? /* @__PURE__ */ t(S, { maxLength: 20, children: o?.lastLoginIp }) : n("unknown")
+  })), e.push({
+    icon: /* @__PURE__ */ t(i, { fontSize: 16, icon: x }),
     title: n("createdAt"),
     // @ts-ignore
-    content: o != null && o.createdAt ? /* @__PURE__ */ t(f, { locale: a, value: o == null ? void 0 : o.createdAt }) : n("unknown")
-  }), l && (i.push({
-    icon: /* @__PURE__ */ t(e, { fontSize: 16, icon: p }),
+    content: o?.createdAt ? /* @__PURE__ */ t(p, { locale: r, value: o?.createdAt }) : n("unknown")
+  }), a && (e.push({
+    icon: /* @__PURE__ */ t(i, { fontSize: 16, icon: l }),
     title: n("registerFrom"),
-    content: d
-  }), o != null && o.inviter && i.push({
-    icon: /* @__PURE__ */ t(e, { fontSize: 16, icon: p }),
+    content: f
+  }), o?.inviter && e.push({
+    icon: /* @__PURE__ */ t(i, { fontSize: 16, icon: l }),
     title: n("invitedBy"),
-    content: /* @__PURE__ */ t(x, { style: { maxWidth: 260 }, did: o.inviter, showQrcode: !0, copyable: !0, compact: !0, responsive: !0, locale: a })
+    content: /* @__PURE__ */ t(v, { style: { maxWidth: 260 }, did: o.inviter, showQrcode: !0, copyable: !0, compact: !0, responsive: !0, locale: r })
   })), /* @__PURE__ */ t(
-    I,
+    d,
     {
-      ...c,
+      ...m,
       sx: {
         display: "flex",
         flexDirection: "column",
         gap: 1.5,
-        ...c == null ? void 0 : c.sx
+        ...m?.sx
       },
-      children: i.map((m) => /* @__PURE__ */ t(D, { data: m, sx: { flex: 1 } }, m.title))
+      children: e.map((c) => /* @__PURE__ */ t(P, { data: c, sx: { flex: 1 } }, c.title))
     }
   );
 }
 export {
-  V as default
+  G as default
 };