@arcblock/ux 3.0.9 → 3.0.10

package/lib/UserCard/Content/basic.js

@@ -1,41 +1,41 @@
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import { Typography as g, Box as f, Grid as _, useTheme as k } from "@mui/material";
-import { useCreation as p, useMemoizedFn as T } from "ahooks";
-import $ from "@emotion/styled";
-import D from "lodash/isArray";
-import { Icon as j } from "@iconify/react";
-import E from "@iconify-icons/tabler/info-circle";
-import A from "@arcblock/icons/lib/Link";
-import M from "@arcblock/icons/lib/Phone";
-import P from "@arcblock/icons/lib/Location";
-import V from "@arcblock/icons/lib/Email";
-import B from "@arcblock/icons/lib/Timezone";
-import { withoutProtocol as R } from "ufo";
-import { useCallback as G, useMemo as N } from "react";
-import Z from "./clock.js";
-const q = {
-  timezone: B,
-  email: V,
-  phone: M,
-  location: P,
-  link: A
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { Typography as g, Box as m, Grid as C, useTheme as k } from "@mui/material";
+import { useCreation as h, useMemoizedFn as L } from "ahooks";
+import T from "@emotion/styled";
+import _ from "lodash/isArray";
+import { Icon as $ } from "@iconify/react";
+import j from "@iconify-icons/tabler/info-circle";
+import S from "@arcblock/icons/lib/Link";
+import E from "@arcblock/icons/lib/Phone";
+import M from "@arcblock/icons/lib/Location";
+import P from "@arcblock/icons/lib/Email";
+import A from "@arcblock/icons/lib/Timezone";
+import { withoutProtocol as V } from "ufo";
+import { useCallback as R, useMemo as D } from "react";
+import G from "./clock.js";
+const Z = {
+  timezone: A,
+  email: P,
+  phone: E,
+  location: M,
+  link: S
 };
-function H(e) {
-  return R(e);
+function q(e) {
+  return V(e);
 }
 function x(e) {
   return e ? {
     filter: "brightness(0) saturate(100%) invert(1)"
   } : {};
 }
-const u = {
+const p = {
   width: 16,
   height: 16
 };
-function J({ value: e }) {
+function H({ value: e }) {
   const a = k().palette.mode === "dark";
   return /* @__PURE__ */ y(
-    f,
+    m,
     {
       className: "user-card__timezone-field",
       sx: {
@@ -44,17 +44,17 @@ function J({ value: e }) {
         gap: 1
       },
       children: [
-        /* @__PURE__ */ r(B, { ...u, style: x(a) }),
-        /* @__PURE__ */ r(Z, { value: e, variant: "body2", color: "grey.800" })
+        /* @__PURE__ */ t(A, { ...p, style: x(a) }),
+        /* @__PURE__ */ t(G, { value: e, variant: "body2", color: "grey.800" })
       ]
     }
   );
 }
-function K({ value: e }) {
+function J({ value: e }) {
   const a = k().palette.mode === "dark";
-  return /* @__PURE__ */ y(f, { display: "flex", alignItems: "center", gap: 1, className: "user-card__link-field", children: [
-    /* @__PURE__ */ r(A, { ...u, style: x(a) }),
-    /* @__PURE__ */ r(v, { variant: "body2", color: "grey.800", children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ y(m, { display: "flex", alignItems: "center", gap: 1, className: "user-card__link-field", children: [
+    /* @__PURE__ */ t(S, { ...p, style: x(a) }),
+    /* @__PURE__ */ t(v, { variant: "body2", color: "grey.800", children: /* @__PURE__ */ t(
       g,
       {
         component: "a",
@@ -66,15 +66,15 @@ function K({ value: e }) {
         sx: {
           color: "grey.800"
         },
-        children: H(e)
+        children: q(e)
       }
     ) })
   ] });
 }
-function S({ field: e, value: s, children: a = null }) {
-  const h = q[e], m = k().palette.mode === "dark", c = x(m);
+function N({ field: e, value: s, children: a = null }) {
+  const d = Z[e], u = k().palette.mode === "dark", c = x(u);
   return /* @__PURE__ */ y(
-    f,
+    m,
     {
       className: `user-card__${e}-field`,
       sx: {
@@ -83,94 +83,92 @@ function S({ field: e, value: s, children: a = null }) {
         gap: 1
       },
       children: [
-        h ? /* @__PURE__ */ r(h, { ...u, style: c }) : /* @__PURE__ */ r(j, { icon: E, ...u, ...c }),
-        /* @__PURE__ */ r(v, { variant: "body2", color: "grey.800", children: a ?? s })
+        d ? /* @__PURE__ */ t(d, { ...p, style: c }) : /* @__PURE__ */ t($, { icon: j, ...p, ...c }),
+        /* @__PURE__ */ t(v, { variant: "body2", color: "grey.800", children: a ?? s })
       ]
     },
     e
   );
 }
-function se({ user: e, renderFields: s = void 0 }) {
-  var w;
-  const a = p(() => s ?? ["bio", "email", "phone", "location", "timezone", "link"], [s]), h = p(() => a.includes("bio"), [a]), l = p(() => e.metadata ?? {
-    joinedAt: e == null ? void 0 : e.createdAt,
-    email: e == null ? void 0 : e.email,
+function le({ user: e, renderFields: s = void 0 }) {
+  const a = h(() => s ?? ["bio", "email", "phone", "location", "timezone", "link"], [s]), d = h(() => a.includes("bio"), [a]), l = h(() => e.metadata ?? {
+    joinedAt: e?.createdAt,
+    email: e?.email,
     phone: {
       country: "cn",
-      phoneNumber: (e == null ? void 0 : e.phone) ?? ""
+      phoneNumber: e?.phone ?? ""
     }
-  }, [e]), m = p(() => e.address, [e.address]), c = G(
-    (n) => {
-      var i, t, o;
-      if (!n) return "";
-      switch (n) {
+  }, [e]), u = h(() => e.address, [e.address]), c = R(
+    (r) => {
+      if (!r) return "";
+      switch (r) {
         case "bio":
-          return ((i = e.metadata) == null ? void 0 : i.bio) || "";
+          return e.metadata?.bio || "";
         case "email":
           return l.email || e.email || "";
         case "phone":
-          return ((t = l.phone) == null ? void 0 : t.phoneNumber) || e.phone || "";
+          return l.phone?.phoneNumber || e.phone || "";
         case "location":
-          return (m == null ? void 0 : m.city) || l.location || "";
+          return u?.city || l.location || "";
         case "timezone":
           return l.timezone || "";
         case "link":
-          return ((o = l.links) == null ? void 0 : o.map((d) => d.url).filter(Boolean)) || [];
+          return l.links?.map((i) => i.url).filter(Boolean) || [];
         default:
-          return e[n] || "";
+          return e[r] || "";
       }
     },
-    [e, l, m]
-  ), { effectiveRenderCount: F } = N(() => {
-    const n = a.filter((t) => {
-      if (t === "bio") return !1;
-      const o = c(t);
-      return o == null || o === "" ? !1 : D(o) ? o.length > 0 : String(o).trim().length > 0;
-    }), i = n.reduce((t, o) => {
-      const d = c(o);
-      return t + (Array.isArray(d) ? d.filter((C) => C && String(C).trim()).length : 1);
+    [e, l, u]
+  ), { effectiveRenderCount: B } = D(() => {
+    const r = a.filter((n) => {
+      if (n === "bio") return !1;
+      const o = c(n);
+      return o == null || o === "" ? !1 : _(o) ? o.length > 0 : String(o).trim().length > 0;
+    }), i = r.reduce((n, o) => {
+      const f = c(o);
+      return n + (Array.isArray(f) ? f.filter((w) => w && String(w).trim()).length : 1);
     }, 0);
-    return { visibleFields: n, effectiveRenderCount: i };
-  }, [a, c]), L = F > 4, b = T(
-    (n) => n != null && String(n).trim().length > 0
-  ), I = N(() => {
-    const n = [];
+    return { visibleFields: r, effectiveRenderCount: i };
+  }, [a, c]), F = B > 4, b = L(
+    (r) => r != null && String(r).trim().length > 0
+  ), I = D(() => {
+    const r = [];
     return a.forEach((i) => {
       if (i === "bio") return;
-      const t = c(i);
-      t && (D(t) ? t.forEach((o, d) => {
-        b(o) && n.push({
+      const n = c(i);
+      n && (_(n) ? n.forEach((o, f) => {
+        b(o) && r.push({
           field: i,
           value: o,
-          key: `${i}-${d}`
+          key: `${i}-${f}`
         });
-      }) : b(t) && n.push({
+      }) : b(n) && r.push({
         field: i,
-        value: t,
+        value: n,
         key: i
       }));
-    }), n;
+    }), r;
   }, [a, c, b]);
   if (a.length === 0)
     return null;
-  const z = (n) => {
-    const { field: i, value: t, key: o } = n;
+  const z = (r) => {
+    const { field: i, value: n, key: o } = r;
     switch (i) {
       case "link":
-        return /* @__PURE__ */ r(K, { value: t }, o);
+        return /* @__PURE__ */ t(J, { value: n }, o);
       case "timezone":
-        return /* @__PURE__ */ r(J, { value: t }, o);
+        return /* @__PURE__ */ t(H, { value: n }, o);
       case "email":
-        return /* @__PURE__ */ r(
-          S,
+        return /* @__PURE__ */ t(
+          N,
           {
             field: i,
-            value: t,
-            children: /* @__PURE__ */ r(
+            value: n,
+            children: /* @__PURE__ */ t(
               g,
               {
                 component: "a",
-                href: `mailto:${t}`,
+                href: `mailto:${n}`,
                 rel: "noopener noreferrer",
                 referrerPolicy: "no-referrer",
                 style: {
@@ -178,17 +176,17 @@ function se({ user: e, renderFields: s = void 0 }) {
                   textDecoration: "none",
                   fontSize: "inherit"
                 },
-                children: t
+                children: n
               }
             )
           }
         );
       default:
-        return /* @__PURE__ */ r(S, { field: i, value: t }, o);
+        return /* @__PURE__ */ t(N, { field: i, value: n }, o);
     }
   };
   return /* @__PURE__ */ y(
-    f,
+    m,
     {
       className: "user-card__basic-content",
       sx: {
@@ -198,23 +196,23 @@ function se({ user: e, renderFields: s = void 0 }) {
         gap: 1.5
       },
       children: [
-        h && ((w = e.metadata) == null ? void 0 : w.bio) && /* @__PURE__ */ r(v, { variant: "body2", color: "grey.800", className: "user-card__bio-field", children: e.metadata.bio }),
-        L ? /* @__PURE__ */ r(_, { container: !0, spacing: 0.5, children: I.map((n) => /* @__PURE__ */ r(_, { size: 6, children: z(n) }, n.key)) }) : /* @__PURE__ */ r(
-          f,
+        d && e.metadata?.bio && /* @__PURE__ */ t(v, { variant: "body2", color: "grey.800", className: "user-card__bio-field", children: e.metadata.bio }),
+        F ? /* @__PURE__ */ t(C, { container: !0, spacing: 0.5, children: I.map((r) => /* @__PURE__ */ t(C, { size: 6, children: z(r) }, r.key)) }) : /* @__PURE__ */ t(
+          m,
           {
             sx: {
               display: "flex",
               flexDirection: "column",
               gap: 0.5
             },
-            children: I.map((n) => z(n))
+            children: I.map((r) => z(r))
           }
         )
       ]
     }
   );
 }
-const v = $(g)`
+const v = T(g)`
   flex: 1;
   display: -webkit-box;
   line-height: 1.5;
@@ -225,5 +223,5 @@ const v = $(g)`
   word-break: break-word;
 `;
 export {
-  se as default
+  le as default
 };

package/lib/UserCard/Content/shorten-label.js

@@ -1,13 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Typography as f, Tooltip as u } from "@mui/material";
-import { useMemo as p } from "react";
-function l(o, t = 10) {
-  return o ? o.length <= t ? o : `${o.slice(0, t - 1)}...${o.slice(-2)}` : "";
+import { jsx as r } from "react/jsx-runtime";
+import { Typography as i, Tooltip as u } from "@mui/material";
+import { useMemo as l } from "react";
+function p(e, o = 10) {
+  return e ? e.length <= o ? e : `${e.slice(0, o - 1)}...${e.slice(-2)}` : "";
 }
-function T({ children: o, maxLength: t = 10, sx: r = void 0, hiddenTip: n = !1 }) {
-  const i = p(() => l(o, t), [o, t]);
-  return (o == null ? void 0 : o.length) <= t ? /* @__PURE__ */ e(f, { sx: r, children: o }) : n ? /* @__PURE__ */ e(f, { sx: r, children: i }) : /* @__PURE__ */ e(u, { title: o, placement: "top", children: /* @__PURE__ */ e(f, { sx: r, children: i }) });
+function s({ children: e, maxLength: o = 10, sx: t = void 0, hiddenTip: f = !1 }) {
+  const n = l(() => p(e, o), [e, o]);
+  return e?.length <= o ? /* @__PURE__ */ r(i, { sx: t, children: e }) : f ? /* @__PURE__ */ r(i, { sx: t, children: n }) : /* @__PURE__ */ r(u, { title: e, placement: "top", children: /* @__PURE__ */ r(i, { sx: t, children: n }) });
 }
 export {
-  T as default
+  s as default
 };

package/lib/UserCard/components.js

@@ -1,25 +1,25 @@
 import { jsx as a } from "react/jsx-runtime";
-import { Box as o, Avatar as f } from "@mui/material";
+import { Box as l, Avatar as f } from "@mui/material";
 import p from "../Avatar/index.js";
 import { createNameOnlyAvatar as u } from "./utils.js";
-const _ = (r, t = 48, n = void 0, e = void 0, s = !1) => {
-  const c = (i) => {
-    e == null || e(r, i);
+const N = (r, t = 48, n = void 0, e = void 0, c = !1) => {
+  const o = (i) => {
+    e?.(r, i);
   };
   if (!r.avatar) {
-    const i = u(r), { className: d, style: l, alt: m } = n || {};
+    const i = u(r), { className: s, style: d, alt: m } = n || {};
     return /* @__PURE__ */ a(
       f,
       {
-        onClick: c,
-        className: d,
-        style: l,
+        onClick: o,
+        className: s,
+        style: d,
         alt: m,
         sx: {
           width: t,
           height: t,
           fontSize: t * 0.4,
-          cursor: s || e ? "pointer" : "default"
+          cursor: c || e ? "pointer" : "default"
         },
         variant: "circular",
         children: i
@@ -27,7 +27,7 @@ const _ = (r, t = 48, n = void 0, e = void 0, s = !1) => {
     );
   }
   return /* @__PURE__ */ a(
-    o,
+    l,
     {
       className: "user-card__avatar",
       sx: {
@@ -40,9 +40,9 @@ const _ = (r, t = 48, n = void 0, e = void 0, s = !1) => {
           did: r.did,
           variant: "circle",
           style: {
-            cursor: s || e ? "pointer" : "default"
+            cursor: c || e ? "pointer" : "default"
           },
-          onClick: c,
+          onClick: o,
           src: r.avatar,
           alt: r.fullName || "",
           ...n || {}
@@ -50,8 +50,8 @@ const _ = (r, t = 48, n = void 0, e = void 0, s = !1) => {
       )
     }
   );
-}, g = (r, t = 120) => r ? /* @__PURE__ */ a(o, { sx: { maxWidth: t }, className: "user-card__top-right-content", children: r() }) : null;
+}, _ = (r, t = 120) => r ? /* @__PURE__ */ a(l, { sx: { maxWidth: t }, className: "user-card__top-right-content", children: r() }) : null;
 export {
-  _ as renderAvatar,
-  g as renderTopRight
+  N as renderAvatar,
+  _ as renderTopRight
 };

package/lib/Util/deprecate.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useEffect as c } from "react";
 const s = (e, r) => {
-  process.env.NODE_ENV !== "production" && typeof (console == null ? void 0 : console.warn) == "function" && console.warn(r ? `DEPRECATED: ${e} is deprecated, use ${r} instead.` : `DEPRECATED: ${e} is deprecated.`);
+  process.env.NODE_ENV !== "production" && typeof console?.warn == "function" && console.warn(r ? `DEPRECATED: ${e} is deprecated, use ${r} instead.` : `DEPRECATED: ${e} is deprecated.`);
 }, E = (e, { name: r, alternative: o }) => function(n) {
   return c(() => {
     s(r, o);

package/lib/Util/federated.js

@@ -1,24 +1,20 @@
-import o from "lodash/isEmpty";
-const t = {};
-function i(e = window.blocklet) {
-  var n;
-  return (((n = e == null ? void 0 : e.settings) == null ? void 0 : n.federated) || {}).master;
+import i from "lodash/isEmpty";
+const a = {};
+function o(e = window.blocklet) {
+  return (e?.settings?.federated || {}).master;
 }
 function d(e = window.blocklet) {
-  var n;
-  return (((n = e == null ? void 0 : e.settings) == null ? void 0 : n.federated) || {}).config;
+  return (e?.settings?.federated || {}).config;
 }
 function s(e = window.blocklet) {
-  const p = d(e);
-  return (p == null ? void 0 : p.status) === "approved";
+  return d(e)?.status === "approved";
 }
-function f(e = window.blocklet) {
-  const p = i(e);
-  return p == null ? void 0 : p.appPid;
+function w(e = window.blocklet) {
+  return o(e)?.appPid;
 }
-function u(e = window.blocklet) {
-  const p = i(e);
-  return !o(p) ? {
+function c(e = window.blocklet) {
+  const p = o(e);
+  return !i(p) ? {
     appId: p.appId,
     appName: p.appName,
     appDescription: p.appDescription,
@@ -30,7 +26,7 @@ function u(e = window.blocklet) {
     provider: "wallet"
   } : null;
 }
-function c(e = window.blocklet) {
+function u(e = window.blocklet) {
   return e ? {
     appId: e.appId,
     appName: e.appName,
@@ -60,28 +56,28 @@ function c(e = window.blocklet) {
   }) : null;
 }
 function g(e) {
-  const p = [], n = u(e), r = c(e), a = s(e);
-  return r && p.push(r), n && (n == null ? void 0 : n.appId) !== (r == null ? void 0 : r.appId) && a && p.push(n), p.reverse();
+  const p = [], r = c(e), t = u(e), n = s(e);
+  return t && p.push(t), r && r?.appId !== t?.appId && n && p.push(r), p.reverse();
 }
-async function v(e, p = !1) {
-  if (!p && t[e])
-    return t[e];
+async function l(e, p = !1) {
+  if (!p && a[e])
+    return a[e];
   try {
-    const n = new URL("__blocklet__.js", e);
-    n.searchParams.set("type", "json");
-    const a = await (await fetch(n.href)).json();
-    return t[e] = a, a;
-  } catch (n) {
-    return console.error(`Failed to get blocklet data: ${e}`, n), null;
+    const r = new URL("__blocklet__.js", e);
+    r.searchParams.set("type", "json");
+    const n = await (await fetch(r.href)).json();
+    return a[e] = n, n;
+  } catch (r) {
+    return console.error(`Failed to get blocklet data: ${e}`, r), null;
   }
 }
 export {
   g as getApps,
-  v as getBlockletData,
+  l as getBlockletData,
   d as getConfig,
-  c as getCurrentApp,
-  u as getFederatedApp,
+  u as getCurrentApp,
+  c as getFederatedApp,
   s as getFederatedEnabled,
-  i as getMaster,
-  f as getSourceAppPid
+  o as getMaster,
+  w as getSourceAppPid
 };

package/lib/Util/iframe.js

@@ -1,17 +1,16 @@
-function i(n, e) {
-  return `callback_${e}_${n}`;
+function i(e, n) {
+  return `callback_${n}_${e}`;
 }
-async function d(n, e) {
-  var s;
-  const t = i(n.dataset.id, e), a = new Promise((l) => {
-    const c = ({ data: o }) => {
-      o.action === t && (window.removeEventListener("message", c), l(o));
+async function l(e, n) {
+  const t = i(e.dataset.id, n), a = new Promise((o) => {
+    const s = ({ data: c }) => {
+      c.action === t && (window.removeEventListener("message", s), o(c));
     };
-    window.addEventListener("message", c);
+    window.addEventListener("message", s);
   });
-  return (s = n == null ? void 0 : n.contentWindow) == null || s.postMessage({ action: e, callback: t }, "*"), a;
+  return e?.contentWindow?.postMessage({ action: n, callback: t }, "*"), a;
 }
 export {
-  d as callIframe,
+  l as callIframe,
   i as getCallbackAction
 };