@arcblock/ux 3.0.8 → 3.0.10

package/lib/BlockletV2/components/tooltip-icon.js

@@ -1,49 +1,48 @@
-import { jsx as x } from "react/jsx-runtime";
-import { Tooltip as n, tooltipClasses as f } from "@mui/material";
-import { mergeSx as u } from "../../Util/style.js";
-function I({
-  title: t,
-  sx: c,
-  children: p,
-  slotProps: e,
-  fontSize: a = 12,
-  fontWeight: m = 500,
-  color: r = "text.contrast",
-  ...i
+import { jsx as m } from "react/jsx-runtime";
+import { Tooltip as i, tooltipClasses as x } from "@mui/material";
+import { mergeSx as l } from "../../Util/style.js";
+function d({
+  title: o,
+  sx: n,
+  children: t,
+  slotProps: p,
+  fontSize: r = 12,
+  fontWeight: e = 500,
+  color: s = "text.contrast",
+  ...a
 }) {
-  var o;
-  return t ? /* @__PURE__ */ x(
-    n,
+  return o ? /* @__PURE__ */ m(
+    i,
     {
-      title: t,
+      title: o,
       placement: "top",
-      ...i,
+      ...a,
       slotProps: {
         popper: {
-          ...e == null ? void 0 : e.popper,
-          sx: u(
+          ...p?.popper,
+          sx: l(
             {
-              [`& .${f.tooltip}`]: {
-                fontSize: a,
-                fontWeight: m,
+              [`& .${x.tooltip}`]: {
+                fontSize: r,
+                fontWeight: e,
                 boxShadow: 2,
                 marginBottom: "6px !important",
                 borderRadius: "8px",
                 cursor: "default",
-                color: r,
+                color: s,
                 display: "flex",
                 alignItems: "center"
               }
             },
             // @ts-expect-error
-            (o = e == null ? void 0 : e.popper) == null ? void 0 : o.sx
+            p?.popper?.sx
           )
         }
       },
-      children: p
+      children: t
     }
-  ) : p;
+  ) : t;
 }
 export {
-  I as default
+  d as default
 };

package/lib/CardSelector/index.js

@@ -20,8 +20,7 @@ function $({
     }
   };
   y(() => {
-    var t;
-    n(h), (t = c.current) == null || t.addEventListener("touchmove", (e) => e.preventDefault(), { passive: !1 });
+    n(h), c.current?.addEventListener("touchmove", (t) => t.preventDefault(), { passive: !1 });
   }, []);
   let d;
   return /* @__PURE__ */ r(b, { ref: c, onTouchStart: (t) => {

package/lib/ClickToCopy/hook.js

@@ -1,6 +1,6 @@
-import { useState as u, useRef as f, useEffect as a } from "react";
-import l from "copy-to-clipboard";
-const r = {
+import { useState as p, useRef as u, useEffect as f } from "react";
+import a from "copy-to-clipboard";
+const i = {
   en: {
     copy: "Click To Copy",
     copied: "Copied!"
@@ -10,21 +10,20 @@ const r = {
     copied: "已复制!"
   }
 };
-function d({ content: s, locale: c = "en" }) {
-  const [t, o] = u(!1), n = f(null), p = (e) => {
-    var i;
-    e && e.stopPropagation(), l(s || (((i = n.current) == null ? void 0 : i.textContent) ?? "")), o(!0);
+function C({ content: r, locale: s = "en" }) {
+  const [t, o] = p(!1), n = u(null), c = (e) => {
+    e && e.stopPropagation(), a(r || (n.current?.textContent ?? "")), o(!0);
   };
-  return a(() => {
+  return f(() => {
     let e;
     return t && (e = setTimeout(() => o(!1), 2e3)), () => clearTimeout(e);
   }, [t]), {
     containerRef: n,
     copied: t,
-    copy: p,
-    texts: r[c] || r.en
+    copy: c,
+    texts: i[s] || i.en
   };
 }
 export {
-  d as default
+  C as default
 };

package/lib/ClickToCopy/index.js

@@ -1,14 +1,14 @@
-import { jsx as e, Fragment as v } from "react/jsx-runtime";
-import { useSize as F } from "ahooks";
-import { Tooltip as S } from "@mui/material";
+import { jsx as e, Fragment as j } from "react/jsx-runtime";
+import { useSize as z } from "ahooks";
+import { Tooltip as v } from "@mui/material";
 import t from "lodash/isUndefined";
-import { useSnackbar as U } from "notistack";
-import _ from "./hook.js";
-import B, { ToastProvider as L } from "../Toast/index.js";
-import { mergeProps as O } from "../Util/index.js";
+import { useSnackbar as F } from "notistack";
+import S from "./hook.js";
+import U, { ToastProvider as _ } from "../Toast/index.js";
+import { mergeProps as B } from "../Util/index.js";
 import { styled as s } from "../Theme/index.js";
 import { default as X } from "./copy-button.js";
-const R = s("span")`
+const L = s("span")`
   display: inline;
   white-space: pre-wrap;
   word-wrap: break-word;
@@ -19,18 +19,18 @@ const R = s("span")`
   padding: 1px 12px;
   background-color: rgba(0, 0, 0, 0.08);
   cursor: pointer;
-`, q = s("span")`
+`, O = s("span")`
   cursor: pointer;
 `;
-function z(a) {
-  const o = Object.assign({}, a);
+function R(c) {
+  const o = Object.assign({}, c);
   t(o.content) && (o.content = ""), t(o.tip) && (o.tip = ""), t(o.copiedTip) && (o.copiedTip = ""), t(o.tipPlacement) && (o.tipPlacement = "right"), t(o.locale) && (o.locale = "en"), t(o.unstyled) && (o.unstyled = !1);
-  const d = O(o, z, ["style"]), { children: l, content: r, tip: m, copiedTip: f, tipPlacement: u, locale: y, style: C, unstyled: w, ...b } = d, { containerRef: h, copied: g, copy: x, texts: i } = _({ content: r, locale: y }), T = m || i.copy, p = f || i.copied, k = U(), n = F(document.body), P = (n == null ? void 0 : n.width) || 0, c = /* @__PURE__ */ e(S, { title: g ? p : T, ...b, placement: u, disableFocusListener: !0, children: /* @__PURE__ */ e(w ? q : R, { ref: h, style: C, onClick: (j) => {
-    x(j), P < 600 && B.success(p);
-  }, children: l || r }) });
-  return k ? /* @__PURE__ */ e(v, { children: c }) : /* @__PURE__ */ e(L, { children: c });
+  const a = B(o, R, ["style"]), { children: d, content: n, tip: l, copiedTip: m, tipPlacement: f, locale: u, style: y, unstyled: C, ...w } = a, { containerRef: b, copied: h, copy: g, texts: i } = S({ content: n, locale: u }), x = l || i.copy, r = m || i.copied, T = F(), k = z(document.body)?.width || 0, p = /* @__PURE__ */ e(v, { title: h ? r : x, ...w, placement: f, disableFocusListener: !0, children: /* @__PURE__ */ e(C ? O : L, { ref: b, style: y, onClick: (P) => {
+    g(P), k < 600 && U.success(r);
+  }, children: d || n }) });
+  return T ? /* @__PURE__ */ e(j, { children: p }) : /* @__PURE__ */ e(_, { children: p });
 }
 export {
   X as CopyButton,
-  z as default
+  R as default
 };

package/lib/Config/theme-mode-toggle.js

@@ -1,12 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
-import { IconButton as l } from "@mui/material";
-import { Brightness2Outlined as s, LightModeOutlined as m } from "@mui/icons-material";
-import { useColorScheme as u } from "../Theme/theme-provider.js";
-function h() {
-  var r, t;
-  const { mode: n, toggleMode: o, prefer: i } = u();
-  return o ? i === "system" || ((t = (r = window.blocklet) == null ? void 0 : r.theme) == null ? void 0 : t.prefer) === "system" ? /* @__PURE__ */ e(l, { onClick: o, children: n === "light" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(m, {}) }) : null : (process.env.NODE_ENV !== "production" && console.warn("Please ensure the component is wrapped with ConfigProvider context"), null);
+import { IconButton as n } from "@mui/material";
+import { Brightness2Outlined as i, LightModeOutlined as l } from "@mui/icons-material";
+import { useColorScheme as s } from "../Theme/theme-provider.js";
+function f() {
+  const { mode: r, toggleMode: o, prefer: t } = s();
+  return o ? t === "system" || window.blocklet?.theme?.prefer === "system" ? /* @__PURE__ */ e(n, { onClick: o, children: r === "light" ? /* @__PURE__ */ e(i, {}) : /* @__PURE__ */ e(l, {}) }) : null : (process.env.NODE_ENV !== "production" && console.warn("Please ensure the component is wrapped with ConfigProvider context"), null);
 }
 export {
-  h as default
+  f as default
 };

package/lib/DID/index.js

@@ -1,20 +1,20 @@
-import { jsxs as x, Fragment as H, jsx as t } from "react/jsx-runtime";
-import { getDIDMotifInfo as j } from "@arcblock/did-motif";
-import { types as P } from "@ocap/mcrypto";
-import q from "qrcode.react";
-import { Icon as X } from "@iconify/react";
-import Y from "@iconify-icons/material-symbols/qr-code-rounded";
-import { Box as N, Dialog as G, DialogContent as J, Typography as S } from "@mui/material";
-import { useMemoizedFn as v, useCreation as g } from "ahooks";
-import { useRef as K, useState as V, useImperativeHandle as Z } from "react";
-import { toAddress as ee } from "@arcblock/did";
-import oe from "lodash/noop";
-import k from "../Address/index.js";
-import re from "../Avatar/index.js";
-import { DID_PREFIX as te } from "../Util/constant.js";
-import { translate as ne } from "../Locale/util.js";
-import { isEthereumDid as se, getDIDColor as ie } from "../Util/index.js";
-const ae = {
+import { jsxs as w, Fragment as Q, jsx as t } from "react/jsx-runtime";
+import { getDIDMotifInfo as O } from "@arcblock/did-motif";
+import { types as E } from "@ocap/mcrypto";
+import j from "qrcode.react";
+import { Icon as q } from "@iconify/react";
+import X from "@iconify-icons/material-symbols/qr-code-rounded";
+import { Box as H, Dialog as Y, DialogContent as G, Typography as P } from "@mui/material";
+import { useMemoizedFn as b, useCreation as D } from "ahooks";
+import { useRef as J, useState as K, useImperativeHandle as V } from "react";
+import { toAddress as Z } from "@arcblock/did";
+import ee from "lodash/noop";
+import W from "../Address/index.js";
+import oe from "../Avatar/index.js";
+import { DID_PREFIX as re } from "../Util/constant.js";
+import { translate as te } from "../Locale/util.js";
+import { isEthereumDid as ne, getDIDColor as se } from "../Util/index.js";
+const ie = {
   en: {
     scanQrcode: "Scan with DID Wallet to view the {role}",
     download: "Download",
@@ -25,129 +25,128 @@ const ae = {
     download: "下载",
     downloadTips: "没有 DID Wallet ？"
   }
-}, A = "xenon-2020-01-15", W = {
-  main: A,
-  "main.abtnetwork.io": A,
+}, y = "xenon-2020-01-15", S = {
+  main: y,
+  "main.abtnetwork.io": y,
   "beta.abtnetwork.io": "beta"
-}, le = (e, r, o) => o ? ie(e) : r.color, de = (e) => !{
+}, ae = (e, r, o) => o ? se(e) : r.color, de = (e) => !{
   0: !0,
   // ACCOUNT
   6: !0,
   // ASSET
   17: !0
   // TOKEN
-}[e], ce = (e) => {
-  if (e === P.RoleType.ROLE_ANY)
+}[e], le = (e) => {
+  if (e === E.RoleType.ROLE_ANY)
     return "DID";
-  const [r] = Object.entries(P.RoleType).find((o) => o[1] === e) || [];
+  const [r] = Object.entries(E.RoleType).find((o) => o[1] === e) || [];
   return r ? r.toLowerCase().replace(/role_(\S)/g, (o, n) => n.toUpperCase()) : "DID";
-}, pe = (e, r, o) => r || de(e.roleType) ? o * 0.75 : o;
-function F({ did: e, showAvatar: r }) {
-  const o = se(e), n = o ? void 0 : j(e), f = g(() => o ? e : `${te}${e}`, [e, o]), c = v((i, a) => [
+}, ce = (e, r, o) => r || de(e.roleType) ? o * 0.75 : o;
+function M({ did: e, showAvatar: r }) {
+  const o = ne(e), n = o ? void 0 : O(e), u = D(() => o ? e : `${re}${e}`, [e, o]), c = b((s, a) => [
     /* @__PURE__ */ t(
       "span",
       {
-        style: { flex: "0 0 auto", color: le(e, n, o) },
+        style: { flex: "0 0 auto", color: ae(e, n, o) },
         children: "DID:"
       },
-      `${a}-prefix-did-${i}`
+      `${a}-prefix-did-${s}`
     ),
-    /* @__PURE__ */ x("span", { className: "did-address-text", children: [
+    /* @__PURE__ */ w("span", { className: "did-address-text", children: [
       o ? "ETH" : "ABT",
       ":"
-    ] }, `${a}-prefix-abt-${i}`),
+    ] }, `${a}-prefix-abt-${s}`),
     r && /* @__PURE__ */ t(
-      re,
+      oe,
       {
         src: "",
         did: e,
-        size: pe(n, o, i || 18),
+        size: ce(n, o, s || 18),
         style: { display: "inline-flex", alignItems: "center", marginLeft: 2, marginRight: 4 },
         blockiesPadding: !1,
         className: "did-address-avatar",
         sx: { flexShrink: 0 }
       },
-      `${a}-avatar-${i}`
+      `${a}-avatar-${s}`
     )
   ]);
   return {
     isEthDid: o,
     didMotifInfo: n,
-    content: f,
+    content: u,
     getPrepend: c
   };
 }
-function _e({
+function $e({
   ref: e = void 0,
   ...r
 }) {
   const {
     did: o,
     chainId: n,
-    roleType: f,
+    roleType: u,
     showAvatar: c = !0,
-    showQrcode: i = !1,
+    showQrcode: s = !1,
     locale: a = "en",
-    size: T = 0,
-    component: l = "span",
-    copyable: R = !0,
-    responsive: h = !0,
+    size: v = 0,
+    component: d = "span",
+    copyable: A = !0,
+    responsive: m = !0,
     showCopyButtonInTooltip: p = !1,
-    inline: u = !1,
-    append: D = null,
-    compact: $ = !1,
-    startChars: I = 6,
-    endChars: _ = 6,
-    style: w,
-    className: Q,
-    sx: m
-  } = r, s = ee(o), d = {
-    size: T,
-    component: l,
-    copyable: R,
-    responsive: h,
+    inline: f = !1,
+    append: R = null,
+    compact: T = !1,
+    startChars: g = 6,
+    endChars: $ = 6,
+    style: h,
+    className: _,
+    sx: l
+  } = r, i = Z(o), x = {
+    size: v,
+    component: d,
+    copyable: A,
+    responsive: m,
     showCopyButtonInTooltip: p,
-    inline: u,
-    append: D,
-    compact: $,
-    startChars: I,
-    endChars: _,
-    style: w,
-    className: Q,
-    sx: m
-  }, C = K(null), { content: L, getPrepend: M } = F({ did: s, showAvatar: c }), [U, b] = V(!1), B = v(() => {
-    b(!1);
-  }), O = v((y) => {
-    y.stopPropagation(), y.preventDefault(), b(!0);
+    inline: f,
+    append: R,
+    compact: T,
+    startChars: g,
+    endChars: $,
+    style: h,
+    className: _,
+    sx: l
+  }, N = J(null), { content: k, getPrepend: F } = M({ did: i, showAvatar: c }), [L, I] = K(!1), U = b(() => {
+    I(!1);
+  }), B = b((C) => {
+    C.stopPropagation(), C.preventDefault(), I(!0);
   });
-  return Z(e, () => new Proxy(
+  return V(e, () => new Proxy(
     {
-      openQRCode: () => b(!0),
-      closeQRCode: () => b(!1)
+      openQRCode: () => I(!0),
+      closeQRCode: () => I(!1)
     },
     {
-      get(y, z) {
-        var E;
-        return y[z] || ((E = C == null ? void 0 : C.current) == null ? void 0 : E[z]);
+      get(C, z) {
+        return C[z] || N?.current?.[z];
       }
     }
-  )), /* @__PURE__ */ x(H, { children: [
+  )), /* @__PURE__ */ w(Q, { children: [
     /* @__PURE__ */ t(
-      k,
+      W,
       {
         locale: a,
-        content: L,
-        ...d,
-        ref: C,
-        prepend: M(d.size, "address"),
-        append: /* @__PURE__ */ x(H, { children: [
-          i ? /* @__PURE__ */ t(
-            N,
+        content: k,
+        ...x,
+        ref: N,
+        prepend: F(x.size, "address"),
+        append: /* @__PURE__ */ w(Q, { children: [
+          s ? /* @__PURE__ */ t(
+            H,
             {
               id: "did-qrcode-button",
-              component: X,
-              icon: Y,
-              onClick: O,
+              component: q,
+              icon: X,
+              onClick: B,
               sx: {
                 flexShrink: 0,
                 cursor: "pointer",
@@ -156,49 +155,49 @@ function _e({
               }
             }
           ) : null,
-          d.append
+          x.append
         ] }),
-        children: s
+        children: i
       },
       "address"
     ),
     /* @__PURE__ */ t(
-      ue,
+      pe,
       {
-        did: s,
+        did: i,
         chainId: n,
-        roleType: f,
+        roleType: u,
         showAvatar: c,
-        open: U,
-        onClose: B,
-        ...d
+        open: L,
+        onClose: U,
+        ...x
       }
     )
   ] });
 }
-function ue({
+function pe({
   did: e,
   chainId: r = void 0,
   roleType: o = void 0,
   showAvatar: n = !0,
   // DialogProps
-  open: f,
+  open: u,
   fullScreen: c = !1,
-  fullWidth: i = !1,
+  fullWidth: s = !1,
   scroll: a = "paper",
-  onClose: T = oe,
+  onClose: v = ee,
   // AddressProps
-  locale: l = "en",
-  ...R
+  locale: d = "en",
+  ...A
 }) {
-  const h = v((m, s = {}) => ne(ae, m, l, "en", s)), { isEthDid: p, content: u, didMotifInfo: D, getPrepend: $ } = F({ did: e, showAvatar: n }), I = g(() => ["zh", "en"].includes(l) ? `https://www.didwallet.io/${l}` : "https://www.didwallet.io/en", [l]), _ = g(() => /* @__PURE__ */ x(H, { children: [
-    h("downloadTips"),
+  const m = b((l, i = {}) => te(ie, l, d, "en", i)), { isEthDid: p, content: f, didMotifInfo: R, getPrepend: T } = M({ did: e, showAvatar: n }), g = D(() => ["zh", "en"].includes(d) ? `https://www.didwallet.io/${d}` : "https://www.didwallet.io/en", [d]), $ = D(() => /* @__PURE__ */ w(Q, { children: [
+    m("downloadTips"),
     " ",
     /* @__PURE__ */ t(
-      N,
+      H,
       {
         component: "a",
-        href: I,
+        href: g,
         target: "_blank",
         rel: "noreferrer",
         sx: {
@@ -208,30 +207,29 @@ function ue({
             textDecoration: "underline"
           }
         },
-        children: h("download")
+        children: m("download")
       }
     )
-  ] }), [I]), w = g(() => {
-    var m;
+  ] }), [g]), h = D(() => {
     if (r)
-      return W[r] || r;
+      return S[r] || r;
     if (p) return "1";
     try {
-      const s = (m = window.blocklet) == null ? void 0 : m.CHAIN_HOST, d = new URL(s).hostname;
-      if (d)
-        return W[d] || A;
-    } catch (s) {
-      console.warn("Failed to parse chainHost:", s);
+      const l = window.blocklet?.CHAIN_HOST, i = new URL(l).hostname;
+      if (i)
+        return S[i] || y;
+    } catch (l) {
+      console.warn("Failed to parse chainHost:", l);
     }
-    return A;
-  }, [p, r]), Q = g(() => p ? `ethereum:abtwallet.io/i?address=${u}&action=didRecognize&chainID=${w}` : `abt://abtwallet.io/i?did=${u}&action=didRecognize&chainID=${w}`, [u, p, w]);
+    return y;
+  }, [p, r]), _ = D(() => p ? `ethereum:abtwallet.io/i?address=${f}&action=didRecognize&chainID=${h}` : `abt://abtwallet.io/i?did=${f}&action=didRecognize&chainID=${h}`, [f, p, h]);
   return /* @__PURE__ */ t(
-    G,
+    Y,
     {
-      open: f,
-      onClose: T,
+      open: u,
+      onClose: v,
       fullScreen: c,
-      fullWidth: i,
+      fullWidth: s,
       scroll: a,
       maxWidth: "sm",
       PaperProps: {
@@ -240,24 +238,24 @@ function ue({
           borderRadius: "12px"
         }
       },
-      children: /* @__PURE__ */ x(J, { align: "center", sx: { p: 3 }, children: [
-        /* @__PURE__ */ t(S, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: h("scanQrcode", { role: ce(o || (D == null ? void 0 : D.roleType)) }) }),
+      children: /* @__PURE__ */ w(G, { align: "center", sx: { p: 3 }, children: [
+        /* @__PURE__ */ t(P, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: m("scanQrcode", { role: le(o || R?.roleType) }) }),
         /* @__PURE__ */ t(
-          q,
+          j,
           {
-            value: Q,
+            value: _,
             size: 256,
             renderAs: "svg",
             level: "M"
           }
         ),
-        /* @__PURE__ */ t(N, { sx: { mt: 1.5, textAlign: "center" }, children: /* @__PURE__ */ t(
-          k,
+        /* @__PURE__ */ t(H, { sx: { mt: 1.5, textAlign: "center" }, children: /* @__PURE__ */ t(
+          W,
           {
-            locale: l,
-            content: u,
-            prepend: $(16, "dialog"),
-            ...R,
+            locale: d,
+            content: f,
+            prepend: T(16, "dialog"),
+            ...A,
             size: 16,
             copyable: !0,
             children: e
@@ -265,7 +263,7 @@ function ue({
           "dialog-address"
         ) }),
         /* @__PURE__ */ t(
-          S,
+          P,
           {
             variant: "body2",
             sx: {
@@ -273,7 +271,7 @@ function ue({
               fontSize: "12px",
               mt: 1
             },
-            children: _
+            children: $
           }
         )
       ] })
@@ -281,7 +279,7 @@ function ue({
   );
 }
 export {
-  _e as DID,
-  ue as DIDDialog,
-  _e as default
+  $e as DID,
+  pe as DIDDialog,
+  $e as default
 };