@arcblock/ux 3.0.5 → 3.0.7

package/lib/ContactForm/index.js

@@ -1,20 +1,20 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import f from "react";
 import g from "axios";
 import { Typography as m, CircularProgress as b } from "@mui/material";
-import { mergeProps as y } from "../Util/index.js";
-import { warn as x } from "../Util/deprecate.js";
-import v from "../Button/index.js";
-import { styled as w } from "../Theme/index.js";
-function S({ formId: t, portalId: e }, s, a) {
-  const o = `https://api.hsforms.com/submissions/v3/integration/submit/${e}/${t}`;
-  return g.post(o, {
+import { mergeProps as y } from "../Util";
+import { warn as x } from "../Util/deprecate";
+import v from "../Button";
+import { styled as w } from "../Theme";
+function S({ formId: t, portalId: e }, s, r) {
+  const a = `https://api.hsforms.com/submissions/v3/integration/submit/${e}/${t}`;
+  return g.post(a, {
     submittedAt: Date.now(),
     fields: Object.keys(s).map((i) => ({
       name: i.replace(/\s+/, "").toLowerCase(),
       value: s[i]
     })),
-    context: a,
+    context: r,
     skipValidation: !1
   }).then((i) => i.data.inlineMessage).catch((i) => i.data ? i.data.message : "Form Submit Failed");
 }
@@ -23,9 +23,9 @@ const l = class l extends f.Component {
     super(e), this.onSubmit = async (s) => {
       s.preventDefault(), this.setState({ loading: !0 });
       try {
-        const a = await S(
+        const r = await S(
           { formId: this.props.formId, portalId: this.props.portalId },
-          this.fields.reduce((o, i) => (o[i] = this.state[i], o), {}),
+          this.fields.reduce((a, i) => (a[i] = this.state[i], a), {}),
           {
             pageUri: window.location.href,
             pageName: document.title
@@ -33,18 +33,18 @@ const l = class l extends f.Component {
         );
         this.setState({
           loading: !1,
-          successMessage: a || this.props.successMessage
+          successMessage: r || this.props.successMessage
         });
-      } catch (a) {
+      } catch (r) {
         this.setState({
           loading: !1,
-          errorMessage: a ? a.message : "Form submit failed"
+          errorMessage: r ? r.message : "Form submit failed"
         });
       }
-    }, this.getInputHandler = (s, a = {}) => (o) => {
+    }, this.getInputHandler = (s, r = {}) => (a) => {
       this.setState(
-        Object.assign(a, {
-          [s]: o.target.value
+        Object.assign(r, {
+          [s]: a.target.value
         })
       );
     }, typeof e.fields == "string" ? this.fields = e.fields.split(",").map((s) => s.trim()) : this.fields = e.fields, this.state = {
@@ -60,7 +60,7 @@ const l = class l extends f.Component {
     return typeof e.title > "u" && (e.title = "Signup for our news letter"), e.button || (e.button = "Subscribe"), e;
   }
   render() {
-    const { className: e, style: s, title: a, button: o, layout: i } = this.deriveProps(), { loading: c, errorMessage: u, successMessage: p } = this.state;
+    const { className: e, style: s, title: r, button: a, layout: i } = this.deriveProps(), { loading: c, errorMessage: u, successMessage: p } = this.state;
     return /* @__PURE__ */ d(
       I,
       {
@@ -71,9 +71,9 @@ const l = class l extends f.Component {
         fieldCount: this.fields.length,
         name: "subscribe",
         children: [
-          !!a && /* @__PURE__ */ r(m, { component: "p", className: "title", children: a }),
+          !!r && /* @__PURE__ */ o(m, { component: "p", className: "title", children: r }),
           /* @__PURE__ */ d("div", { className: "form-controls", children: [
-            this.fields.map((n) => /* @__PURE__ */ r(
+            this.fields.map((n) => /* @__PURE__ */ o(
               "input",
               {
                 required: !0,
@@ -85,7 +85,7 @@ const l = class l extends f.Component {
               },
               n
             )),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               v,
               {
                 variant: "outlined",
@@ -94,11 +94,11 @@ const l = class l extends f.Component {
                 size: "large",
                 disabled: c,
                 className: "subscribe-btn-empty",
-                children: c ? /* @__PURE__ */ r(b, { size: 28 }) : o
+                children: c ? /* @__PURE__ */ o(b, { size: 28 }) : a
               }
             )
           ] }),
-          !!u && /* @__PURE__ */ r(
+          !!u && /* @__PURE__ */ o(
             m,
             {
               component: "p",
@@ -108,7 +108,7 @@ const l = class l extends f.Component {
               dangerouslySetInnerHTML: { __html: u }
             }
           ),
-          !!p && /* @__PURE__ */ r(
+          !!p && /* @__PURE__ */ o(
             m,
             {
               component: "p",
@@ -163,7 +163,8 @@ const M = (t) => t.layout === "vertical" ? "100%" : `${Math.max(95 / (t.fieldCou
       width: ${(t) => M(t)};
       height: 50px;
       border: none;
-      border-bottom: 1px solid ${(t) => t.theme.typography.color.main};
+      border-bottom: 1px solid
+        ${(t) => t.theme.typography.color.main};
       font-size: 16px;
       letter-spacing: 1.8px;
       outline: none;

package/lib/CookieConsent/index.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { Button as d } from "@mui/material";
 import s from "react-cookie-consent";
 import { resetCookieConsentValue as y } from "react-cookie-consent";
-import { styled as p } from "../Theme/index.js";
+import { styled as p } from "../Theme";
 const n = {
   en: {
     content: "We use cookies and other tracking technologies to improve your browsing experience on our website, to show you personalized content, to analyze our website traffic, and to understand where our visitors are coming from.",

package/lib/CountDown/index.js

@@ -1,8 +1,8 @@
 import { jsxs as g, jsx as s } from "react/jsx-runtime";
 import { Component as b } from "react";
 import p from "lodash/isUndefined";
-import { getColor as u, mergeProps as y } from "../Util/index.js";
-import { styled as k } from "../Theme/index.js";
+import { getColor as u, mergeProps as y } from "../Util";
+import { styled as k } from "../Theme";
 const c = 60, d = 60 * c, m = 24 * d;
 function h(e) {
   const n = (/* @__PURE__ */ new Date()).getTime(), t = Math.round((e - n) / 1e3), i = Math.floor(t / m), r = Math.floor(t % m / d), o = Math.floor(t % m % d / c), a = Math.round(t % m % d % c);

package/lib/DID/index.js

@@ -1,19 +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 { jsxs as x, Fragment as H, jsx as r } from "react/jsx-runtime";
+import { getDIDMotifInfo as q } from "@arcblock/did-motif";
+import { types as S } from "@ocap/mcrypto";
+import B 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 A, useCreation as g } from "ahooks";
+import { Box as N, Dialog as G, DialogContent as J, Typography as E } 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 k 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 = {
+import oe from "lodash/noop";
+import F from "../Address";
+import te from "../Avatar";
+import { DID_PREFIX as re } from "../Util/constant";
+import { translate as ne } from "../Locale/util";
+import { isEthereumDid as se, getDIDColor as ie } from "../Util";
+const ae = {
   en: {
     scanQrcode: "Scan with DID Wallet to view the {role}",
     download: "Download",
@@ -24,29 +25,29 @@ const ie = {
     download: "下载",
     downloadTips: "没有 DID Wallet ？"
   }
-}, T = "xenon-2020-01-15", W = {
-  main: T,
-  "main.abtnetwork.io": T,
+}, A = "xenon-2020-01-15", k = {
+  main: A,
+  "main.abtnetwork.io": A,
   "beta.abtnetwork.io": "beta"
-}, ae = (e, r, o) => o ? se(e) : r.color, le = (e) => !{
+}, le = (e, t, o) => o ? ie(e) : t.color, de = (e) => !{
   0: !0,
   // ACCOUNT
   6: !0,
   // ASSET
   17: !0
   // TOKEN
-}[e], de = (e) => {
-  if (e === P.RoleType.ROLE_ANY)
+}[e], ce = (e) => {
+  if (e === S.RoleType.ROLE_ANY)
     return "DID";
-  const [r] = Object.entries(P.RoleType).find((o) => o[1] === e) || [];
-  return r ? r.toLowerCase().replace(/role_(\S)/g, (o, n) => n.toUpperCase()) : "DID";
-}, ce = (e, r, o) => r || le(e.roleType) ? o * 0.75 : o;
-function F({ did: e, showAvatar: r }) {
-  const o = ne(e), n = o ? void 0 : j(e), m = g(() => o ? e : `${re}${e}`, [e, o]), c = A((i, a) => [
-    /* @__PURE__ */ t(
+  const [t] = Object.entries(S.RoleType).find((o) => o[1] === e) || [];
+  return t ? t.toLowerCase().replace(/role_(\S)/g, (o, n) => n.toUpperCase()) : "DID";
+}, pe = (e, t, o) => t || de(e.roleType) ? o * 0.75 : o;
+function L({ did: e, showAvatar: t }) {
+  const o = se(e), n = o ? void 0 : q(e), f = g(() => o ? e : `${re}${e}`, [e, o]), c = v((i, a) => [
+    /* @__PURE__ */ r(
       "span",
       {
-        style: { flex: "0 0 auto", color: ae(e, n, o) },
+        style: { flex: "0 0 auto", color: le(e, n, o) },
         children: "DID:"
       },
       `${a}-prefix-did-${i}`
@@ -55,12 +56,12 @@ function F({ did: e, showAvatar: r }) {
       o ? "ETH" : "ABT",
       ":"
     ] }, `${a}-prefix-abt-${i}`),
-    r && /* @__PURE__ */ t(
-      oe,
+    t && /* @__PURE__ */ r(
+      te,
       {
         src: "",
         did: e,
-        size: ce(n, o, i || 18),
+        size: pe(n, o, i || 18),
         style: { display: "inline-flex", alignItems: "center", marginLeft: 2, marginRight: 4 },
         blockiesPadding: !1,
         className: "did-address-avatar",
@@ -72,22 +73,22 @@ function F({ did: e, showAvatar: r }) {
   return {
     isEthDid: o,
     didMotifInfo: n,
-    content: m,
+    content: f,
     getPrepend: c
   };
 }
-function Re({
-  ref: e,
-  ...r
+function _e({
+  ref: e = void 0,
+  ...t
 }) {
   const {
     did: o,
     chainId: n,
-    roleType: m,
+    roleType: f,
     showAvatar: c = !0,
     showQrcode: i = !1,
     locale: a = "en",
-    size: v = 0,
+    size: T = 0,
     component: l = "span",
     copyable: R = !0,
     responsive: h = !0,
@@ -99,9 +100,9 @@ function Re({
     endChars: _ = 6,
     style: w,
     className: Q,
-    sx: f
-  } = r, s = ee(o), d = {
-    size: v,
+    sx: m
+  } = t, s = ee(o), d = {
+    size: T,
     component: l,
     copyable: R,
     responsive: h,
@@ -113,10 +114,10 @@ function Re({
     endChars: _,
     style: w,
     className: Q,
-    sx: f
-  }, C = K(null), { content: L, getPrepend: M } = F({ did: s, showAvatar: c }), [U, b] = V(!1), B = A(() => {
+    sx: m
+  }, C = K(null), { content: W, getPrepend: M } = L({ did: s, showAvatar: c }), [U, b] = V(!1), O = v(() => {
     b(!1);
-  }), O = A((y) => {
+  }), j = v((y) => {
     y.stopPropagation(), y.preventDefault(), b(!0);
   });
   return Z(e, () => new Proxy(
@@ -126,27 +127,27 @@ function Re({
     },
     {
       get(y, z) {
-        var E;
-        return y[z] || ((E = C == null ? void 0 : C.current) == null ? void 0 : E[z]);
+        var P;
+        return y[z] || ((P = C == null ? void 0 : C.current) == null ? void 0 : P[z]);
       }
     }
   )), /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ t(
-      k,
+    /* @__PURE__ */ r(
+      F,
       {
         locale: a,
-        content: L,
+        content: W,
         ...d,
         ref: C,
         prepend: M(d.size, "address"),
         append: /* @__PURE__ */ x(H, { children: [
-          i ? /* @__PURE__ */ t(
+          i ? /* @__PURE__ */ r(
             N,
             {
               id: "did-qrcode-button",
               component: X,
               icon: Y,
-              onClick: O,
+              onClick: j,
               sx: {
                 flexShrink: 0,
                 cursor: "pointer",
@@ -161,39 +162,39 @@ function Re({
       },
       "address"
     ),
-    /* @__PURE__ */ t(
-      pe,
+    /* @__PURE__ */ r(
+      ue,
       {
         did: s,
         chainId: n,
-        roleType: m,
+        roleType: f,
         showAvatar: c,
         open: U,
-        onClose: B,
+        onClose: O,
         ...d
       }
     )
   ] });
 }
-function pe({
+function ue({
   did: e,
-  chainId: r,
-  roleType: o,
+  chainId: t = void 0,
+  roleType: o = void 0,
   showAvatar: n = !0,
   // DialogProps
-  open: m,
+  open: f,
   fullScreen: c = !1,
   fullWidth: i = !1,
   scroll: a = "paper",
-  onClose: v,
+  onClose: T = oe,
   // AddressProps
   locale: l = "en",
   ...R
 }) {
-  const h = A((f, s = {}) => te(ie, f, 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: [
+  const h = v((m, s = {}) => ne(ae, m, l, "en", s)), { isEthDid: p, content: u, didMotifInfo: D, getPrepend: $ } = L({ 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"),
     " ",
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       N,
       {
         component: "a",
@@ -211,24 +212,24 @@ function pe({
       }
     )
   ] }), [I]), w = g(() => {
-    var f;
-    if (r)
-      return W[r] || r;
+    var m;
+    if (t)
+      return k[t] || t;
     if (p) return "1";
     try {
-      const s = (f = window.blocklet) == null ? void 0 : f.CHAIN_HOST, d = new URL(s).hostname;
+      const s = (m = window.blocklet) == null ? void 0 : m.CHAIN_HOST, d = new URL(s).hostname;
       if (d)
-        return W[d] || T;
+        return k[d] || A;
     } catch (s) {
       console.warn("Failed to parse chainHost:", s);
     }
-    return T;
-  }, [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 /* @__PURE__ */ t(
+    return A;
+  }, [p, t]), 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 /* @__PURE__ */ r(
     G,
     {
-      open: m,
-      onClose: v,
+      open: f,
+      onClose: T,
       fullScreen: c,
       fullWidth: i,
       scroll: a,
@@ -240,9 +241,9 @@ function pe({
         }
       },
       children: /* @__PURE__ */ x(J, { align: "center", sx: { p: 3 }, children: [
-        /* @__PURE__ */ t(S, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: h("scanQrcode", { role: de(o || (D == null ? void 0 : D.roleType)) }) }),
-        /* @__PURE__ */ t(
-          q,
+        /* @__PURE__ */ r(E, { sx: { mb: 2, fontWeight: 500, fontSize: 18 }, children: h("scanQrcode", { role: ce(o || (D == null ? void 0 : D.roleType)) }) }),
+        /* @__PURE__ */ r(
+          B,
           {
             value: Q,
             size: 256,
@@ -250,8 +251,8 @@ function pe({
             level: "M"
           }
         ),
-        /* @__PURE__ */ t(N, { sx: { mt: 1.5, textAlign: "center" }, children: /* @__PURE__ */ t(
-          k,
+        /* @__PURE__ */ r(N, { sx: { mt: 1.5, textAlign: "center" }, children: /* @__PURE__ */ r(
+          F,
           {
             locale: l,
             content: u,
@@ -263,8 +264,8 @@ function pe({
           },
           "dialog-address"
         ) }),
-        /* @__PURE__ */ t(
-          S,
+        /* @__PURE__ */ r(
+          E,
           {
             variant: "body2",
             sx: {
@@ -280,7 +281,7 @@ function pe({
   );
 }
 export {
-  Re as DID,
-  pe as DIDDialog,
-  Re as default
+  _e as DID,
+  ue as DIDDialog,
+  _e as default
 };

package/lib/DIDConnect/app-icon.js

@@ -1,26 +1,26 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { useState as p } from "react";
 import { joinURL as a } from "ufo";
-import u from "../Img/index.js";
-import { isUrl as c } from "../Util/index.js";
-import d from "../Avatar/index.js";
-function E({ appInfo: r, size: t = 32, ...m }) {
+import c from "../Img";
+import { isUrl as f } from "../Util";
+import s from "../Avatar";
+function L({ appInfo: r, size: t = 32, ...i }) {
   const [e, l] = p(!1);
   if (e || !(r.appUrl || r.appLogo))
-    return /* @__PURE__ */ i(d, { did: r.appPid, size: t });
+    return /* @__PURE__ */ m(s, { did: r.appPid, size: t });
   let o = r.appLogo || "";
-  return c(o) || (o = a(r.appUrl || "", o)), /* @__PURE__ */ i(
-    u,
+  return f(o) || (o = a(r.appUrl || "", o)), /* @__PURE__ */ m(
+    c,
     {
       src: o,
       alt: r.appName || "Blocklet Icon",
       width: t,
       height: t,
-      ...m,
+      ...i,
       onError: () => l(!0)
     }
   );
 }
 export {
-  E as default
+  L as default
 };

package/lib/DIDConnect/app-info-item.js

@@ -4,15 +4,15 @@ import f from "@iconify-icons/material-symbols/check";
 import { Icon as d } from "@iconify/react";
 import { useSize as h, useCreation as u } from "ahooks";
 import { useRef as x } from "react";
-import { DID as w } from "../DID/index.js";
-import { mergeSx as I } from "../Util/style.js";
-import N from "./app-icon.js";
-import { DID_CONNECT_MEDIUM_WIDTH as C } from "../Util/constant.js";
+import { DID as w } from "../DID";
+import { mergeSx as I } from "../Util/style";
+import N from "./app-icon";
+import { DID_CONNECT_MEDIUM_WIDTH as C } from "../Util/constant";
 function b({
   appInfo: r,
   active: l = !1,
   appLogo: s = null,
-  sx: a
+  sx: a = {}
 }) {
   const t = x(null), o = h(t), n = u(() => o ? o.width < C - 50 : !0, [o, o == null ? void 0 : o.width]);
   return /* @__PURE__ */ p(

package/lib/DIDConnect/auth-apps/auth-apps-info.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Box as e, Typography as l } from "@mui/material";
-import o from "../../Img/index.js";
+import o from "../../Img";
 function c({
   requestAppInfo: r,
   currentAppInfo: a