@arcblock/ux 3.0.8 → 3.0.10

package/lib/DIDConnect/did-connect-footer.js

@@ -1,36 +1,36 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Box as a } from "@mui/material";
-import { useSize as c, useCreation as d } from "ahooks";
-import { useRef as x } from "react";
-import u from "@arcblock/react-hooks/lib/useBrowser";
-import b from "./powered-by.js";
-import h from "./app-info-item.js";
-import w from "./app-icon.js";
-import { hexToRgba as g, getDIDColor as I } from "../Util/index.js";
-import { mergeSx as C } from "../Util/style.js";
-import { DID_CONNECT_MEDIUM_WIDTH as D } from "../Util/constant.js";
-function z({
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { Box as p } from "@mui/material";
+import { useSize as m, useCreation as a } from "ahooks";
+import { useRef as c } from "react";
+import d from "@arcblock/react-hooks/lib/useBrowser";
+import x from "./powered-by.js";
+import u from "./app-info-item.js";
+import b from "./app-icon.js";
+import { hexToRgba as h, getDIDColor as w } from "../Util/index.js";
+import { mergeSx as g } from "../Util/style.js";
+import { DID_CONNECT_MEDIUM_WIDTH as I } from "../Util/constant.js";
+function N({
   currentAppInfo: r = globalThis.blocklet,
-  currentAppColor: n = ((s) => (s = globalThis.blocklet) == null ? void 0 : s.appPid)() ? I(((f) => (f = globalThis.blocklet) == null ? void 0 : f.appPid)()) : "#fff",
-  sx: l = {}
+  currentAppColor: n = globalThis.blocklet?.appPid ? w(globalThis.blocklet?.appPid) : "#fff",
+  sx: s = {}
 }) {
-  const p = u(), t = x(null), o = c(t), i = d(() => o ? o.width < D - 50 : !0, [o, o == null ? void 0 : o.width]);
-  return /* @__PURE__ */ m(
-    a,
+  const l = d(), t = c(null), o = m(t), i = a(() => o ? o.width < I - 50 : !0, [o, o?.width]);
+  return /* @__PURE__ */ f(
+    p,
     {
       ref: t,
-      sx: C(
+      sx: g(
         {
           display: "flex",
           justifyContent: "space-between",
           alignItems: "center",
           gap: 1,
           fontSize: 12,
-          backgroundColor: g(n, 0.08),
+          backgroundColor: h(n, 0.08),
           // 需要保持跟 .did-connect__root 的规则一样
           mx: i ? -2 : -3,
           // eslint-disable-next-line no-nested-ternary
-          px: i ? p.arcSphere ? 1 : 2 : 3,
+          px: i ? l.arcSphere ? 1 : 2 : 3,
           py: 1.5,
           // HACK: 极限条件下，footer 会溢出，使用隐藏的滚动条来处理这种情况（屏幕宽度小于 360 时会出现）
           overflow: "auto",
@@ -43,26 +43,26 @@ function z({
           "scrollbar-width": "none"
           // 隐藏滚动条 (Firefox)
         },
-        l
+        s
       ),
       className: "did-connect__footer",
       children: [
         /* @__PURE__ */ e(
-          h,
+          u,
           {
             appInfo: r,
-            appLogo: /* @__PURE__ */ e(w, { appInfo: r, size: 24, sx: { flexShrink: 0 } }),
+            appLogo: /* @__PURE__ */ e(b, { appInfo: r, size: 24, sx: { flexShrink: 0 } }),
             sx: {
               flex: 1,
               overflow: "hidden"
             }
           }
         ),
-        /* @__PURE__ */ e(b, { sx: { maxWidth: "100%", justifyContent: "end" } })
+        /* @__PURE__ */ e(x, { sx: { maxWidth: "100%", justifyContent: "end" } })
       ]
     }
   );
 }
 export {
-  z as default
+  N as default
 };

package/lib/DIDConnect/landing-page.js

@@ -15,21 +15,21 @@ function K({
   title: l = void 0,
   description: s = void 0,
   actions: h = void 0,
-  logo: i = void 0,
+  logo: o = void 0,
   logoSize: d = 50,
-  poweredBy: m = void 0,
+  poweredBy: c = void 0,
   termsOfUse: u = void 0,
   standalone: y = !1
 }) {
-  const o = (globalThis == null ? void 0 : globalThis.blocklet) || (globalThis == null ? void 0 : globalThis.env) || {}, { palette: g } = C(), c = j((r) => r.breakpoints.down("lg")), I = L({
-    meta: o
-  }), D = T(() => {
-    const r = o.appPid, v = B(r), w = v ? void 0 : P(r);
+  const i = globalThis?.blocklet || globalThis?.env || {}, { palette: g } = C(), m = j((r) => r.breakpoints.down("lg")), D = L({
+    meta: i
+  }), I = T(() => {
+    const r = i.appPid, v = B(r), w = v ? void 0 : P(r);
     return v ? M(r) : w.color;
-  }, [o == null ? void 0 : o.appPid]);
+  }, [i?.appPid]);
   if (!a)
     return n;
-  l === void 0 && (l = o.appName), s === void 0 && (s = o.appDescription), i === void 0 && (i = I || ""), typeof i == "string" && (i ? i = /* @__PURE__ */ t(
+  l === void 0 && (l = i.appName), s === void 0 && (s = i.appDescription), o === void 0 && (o = D || ""), typeof o == "string" && (o ? o = /* @__PURE__ */ t(
     e,
     {
       sx: {
@@ -38,10 +38,10 @@ function K({
         objectFit: "contain"
       },
       component: "img",
-      src: i,
-      alt: `${o.appName}'s logo`
+      src: o,
+      alt: `${i.appName}'s logo`
     }
-  ) : i = /* @__PURE__ */ t(b, { size: d, did: a, src: i, variant: "rounded" })), m === void 0 && (m = /* @__PURE__ */ t(
+  ) : o = /* @__PURE__ */ t(b, { size: d, did: a, src: o, variant: "rounded" })), c === void 0 && (c = /* @__PURE__ */ t(
     E,
     {
       linkProps: {
@@ -52,7 +52,7 @@ function K({
           }
         }
       },
-      showExtra: !c,
+      showExtra: !m,
       sx: {
         textAlign: "center",
         fontSize: "12px",
@@ -61,7 +61,7 @@ function K({
     }
   ));
   let p = n;
-  !n && !c && (p = /* @__PURE__ */ t(
+  !n && !m && (p = /* @__PURE__ */ t(
     e,
     {
       sx: {
@@ -73,7 +73,7 @@ function K({
   ));
   const k = !!n;
   let f = !y;
-  return c && (f = !k), /* @__PURE__ */ x(
+  return m && (f = !k), /* @__PURE__ */ x(
     e,
     {
       sx: {
@@ -96,7 +96,7 @@ function K({
           xs: 5,
           md: 8
         },
-        background: `radial-gradient(circle at bottom right, ${z(D, 0.3)} 10%, ${g.background.default} 50%)`,
+        background: `radial-gradient(circle at bottom right, ${z(I, 0.3)} 10%, ${g.background.default} 50%)`,
         position: "relative"
       },
       children: [
@@ -121,7 +121,7 @@ function K({
                     gap: 1.5
                   },
                   children: [
-                    /* @__PURE__ */ t(e, { sx: { display: "flex", alignItems: "center" }, children: i }),
+                    /* @__PURE__ */ t(e, { sx: { display: "flex", alignItems: "center" }, children: o }),
                     /* @__PURE__ */ t(
                       A,
                       {
@@ -167,7 +167,7 @@ function K({
               right: 10,
               textAlign: "center"
             },
-            children: m
+            children: c
           }
         )
       ]

package/lib/DIDConnect/powered-by.js

@@ -1,15 +1,15 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useTheme as i, Box as t } from "@mui/material";
 import { Icon as c } from "@iconify/react";
 import a from "@iconify-icons/mdi/shield-check";
 import l from "./did-connect-logo.js";
 import { mergeSx as m } from "../Util/style.js";
-function u({ ...e }) {
-  const { palette: t } = i();
+function u({ ...o }) {
+  const { palette: n } = i();
   return /* @__PURE__ */ r(
-    n,
+    t,
     {
-      ...e,
+      ...o,
       sx: m(
         {
           display: "flex",
@@ -21,13 +21,13 @@ function u({ ...e }) {
           fontFamily: "Lexend",
           whiteSpace: "nowrap"
         },
-        e == null ? void 0 : e.sx
+        o?.sx
       ),
       children: [
-        /* @__PURE__ */ o(c, { icon: a, color: t.success.main }),
+        /* @__PURE__ */ e(c, { icon: a, color: n.success.main }),
         "Secured by",
-        /* @__PURE__ */ o(
-          n,
+        /* @__PURE__ */ e(
+          t,
           {
             component: "a",
             href: "https://www.didconnect.io/",
@@ -43,7 +43,7 @@ function u({ ...e }) {
                 textDecoration: "underline"
               }
             },
-            children: /* @__PURE__ */ o(l, {})
+            children: /* @__PURE__ */ e(l, {})
           }
         )
       ]

package/lib/DIDConnect/request-storage-access-api-dialog.js

@@ -1,13 +1,13 @@
-import { jsx as e, jsxs as t, Fragment as m } from "react/jsx-runtime";
-import { Box as i, Typography as p, Chip as x, List as R, ListItem as w, Button as q } from "@mui/material";
+import { jsx as e, jsxs as t, Fragment as d } from "react/jsx-runtime";
+import { Box as i, Typography as p, Chip as g, List as R, ListItem as x, Button as q } from "@mui/material";
 import { Icon as u } from "@iconify/react";
 import D from "@iconify-icons/tabler/external-link";
 import L from "@iconify-icons/material-symbols/lock-outline";
 import B from "@iconify-icons/material-symbols/check-circle";
-import y from "@iconify-icons/material-symbols/rocket-launch-rounded";
+import w from "@iconify-icons/material-symbols/rocket-launch-rounded";
 import { useReactive as F, useMemoizedFn as s } from "ahooks";
 import { memo as U, useRef as j, useImperativeHandle as M } from "react";
-import b from "lodash/noop";
+import y from "lodash/noop";
 import { translate as W } from "../Locale/util.js";
 import Y from "./did-connect-container.js";
 import _ from "../CloseButton/index.js";
@@ -18,12 +18,12 @@ const P = {
     allow: "Allow",
     dataUsage: "Your data is only used for identity authentication, and will not be collected or used for any other purpose.",
     title: "Authorization Request",
-    clickAllow: ({ allowButton: r }) => /* @__PURE__ */ t(m, { children: [
+    clickAllow: ({ allowButton: r }) => /* @__PURE__ */ t(d, { children: [
       "You only need to click the ",
       r,
       " button below, and you will not see this request again."
     ] }),
-    reason: ({ site: r }) => /* @__PURE__ */ t(m, { children: [
+    reason: ({ site: r }) => /* @__PURE__ */ t(d, { children: [
       "For a better login experience, we need to apply for the storage permission of the ",
       r,
       " site."
@@ -38,12 +38,12 @@ const P = {
     allow: "允许",
     dataUsage: "您的数据仅用于身份认证，不会被收集或用于其他用途。",
     title: "授权请求",
-    clickAllow: ({ allowButton: r }) => /* @__PURE__ */ t(m, { children: [
+    clickAllow: ({ allowButton: r }) => /* @__PURE__ */ t(d, { children: [
       "您只需要点击下方的 ",
       r,
       " 按钮，后续将不会再看到这个请求。"
     ] }),
-    reason: ({ site: r }) => /* @__PURE__ */ t(m, { children: [
+    reason: ({ site: r }) => /* @__PURE__ */ t(d, { children: [
       "为了让您获得更好的登录体验，我们需要申请 ",
       r,
       " 站点存储权限。"
@@ -57,12 +57,12 @@ const P = {
 };
 function T({
   ref: r = void 0,
-  locale: k = "en",
+  locale: b = "en",
   src: c,
-  storageAccessState: f
+  storageAccessState: m
 }) {
-  const h = j(null), o = F({
-    callback: b,
+  const f = j(null), o = F({
+    callback: y,
     open: !1,
     get origin() {
       try {
@@ -78,31 +78,30 @@ function T({
         return c;
       }
     }
-  }), l = s((n, a = {}) => W(P, n, k, "en", a)), A = s(() => {
-    o.open = !1, o.callback = b;
-  }), I = s(() => {
+  }), l = s((n, a = {}) => W(P, n, b, "en", a)), k = s(() => {
+    o.open = !1, o.callback = y;
+  }), A = s(() => {
     o.open = !0;
-  }), v = s(() => {
+  }), I = s(() => {
     o.open = !1;
-  }), C = s(
+  }), v = s(
     async (n) => {
-      var d;
-      (await ((d = h.current) == null ? void 0 : d.callIframe("requestStorageAccess"))).value ? n(!0, "broswer") : f === void 0 ? n(!1, "system") : f === "denied" ? n(!1) : (o.open = !0, o.callback = n);
+      (await f.current?.callIframe("requestStorageAccess")).value ? n(!0, "broswer") : m === void 0 ? n(!1, "system") : m === "denied" ? n(!1) : (o.open = !0, o.callback = n);
     }
-  ), z = s(() => new Promise((n) => {
-    C((a, d) => {
-      A(), n({ value: a, origin: d });
+  ), C = s(() => new Promise((n) => {
+    v((a, S) => {
+      k(), n({ value: a, origin: S });
     });
-  })), S = s(() => {
+  })), z = s(() => {
     o.open = !1;
-  }), g = s(() => {
+  }), h = s(() => {
     o.open = !1, o.callback(!1, "system");
   });
   return M(r, () => ({
-    open: I,
-    close: v,
-    requestStorageAccess: z
-  })), /* @__PURE__ */ e(Y, { popup: !0, open: o.open, onClose: g, keepMounted: !0, children: /* @__PURE__ */ t(
+    open: A,
+    close: I,
+    requestStorageAccess: C
+  })), /* @__PURE__ */ e(Y, { popup: !0, open: o.open, onClose: h, keepMounted: !0, children: /* @__PURE__ */ t(
     i,
     {
       sx: {
@@ -121,7 +120,7 @@ function T({
         /* @__PURE__ */ e(
           _,
           {
-            onClose: g,
+            onClose: h,
             sx: {
               position: "absolute",
               right: 14,
@@ -160,7 +159,7 @@ function T({
         /* @__PURE__ */ t(i, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
           /* @__PURE__ */ e(p, { children: l("reason", {
             site: /* @__PURE__ */ e(
-              x,
+              g,
               {
                 clickable: !0,
                 component: "a",
@@ -175,7 +174,7 @@ function T({
             )
           }) }),
           /* @__PURE__ */ e(p, { component: "div", children: l("clickAllow", {
-            allowButton: /* @__PURE__ */ e(x, { label: l("allow"), size: "small", color: "success" })
+            allowButton: /* @__PURE__ */ e(g, { label: l("allow"), size: "small", color: "success" })
           }) }),
           /* @__PURE__ */ t(i, { sx: { mt: 2 }, children: [
             /* @__PURE__ */ t(p, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
@@ -193,12 +192,12 @@ function T({
               l("afterAllow.title")
             ] }),
             /* @__PURE__ */ t(R, { dense: !0, sx: { py: 0, pl: 2 }, children: [
-              /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
+              /* @__PURE__ */ t(x, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
                 /* @__PURE__ */ e(
                   i,
                   {
                     component: u,
-                    icon: y,
+                    icon: w,
                     sx: {
                       fontSize: 20,
                       color: "success.main"
@@ -207,12 +206,12 @@ function T({
                 ),
                 l("afterAllow.list1")
               ] }),
-              /* @__PURE__ */ t(w, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
+              /* @__PURE__ */ t(x, { sx: { display: "flex", alignItems: "center", gap: 0.8 }, children: [
                 /* @__PURE__ */ e(
                   i,
                   {
                     component: u,
-                    icon: y,
+                    icon: w,
                     sx: {
                       fontSize: 20,
                       color: "success.main"
@@ -236,11 +235,11 @@ function T({
           )
         ] }),
         /* @__PURE__ */ e(i, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ t(i, { sx: { position: "relative", display: "inline-block", cursor: "pointer" }, children: [
-          /* @__PURE__ */ e(q, { variant: "contained", color: "success", onClick: S, sx: { minWidth: 100, letterSpacing: 1 }, children: l("allow") }),
+          /* @__PURE__ */ e(q, { variant: "contained", color: "success", onClick: z, sx: { minWidth: 100, letterSpacing: 1 }, children: l("allow") }),
           /* @__PURE__ */ e(
             H,
             {
-              ref: h,
+              ref: f,
               onClick: ({ value: n, visitorId: a }) => {
                 a && O(a), o.callback(n, "broswer");
               },