@arcblock/did-playground 3.0.12 → 3.0.14

package/lib/Action/index.js

@@ -5,17 +5,17 @@ import { useSize as ae } from "ahooks";
 import ce from "@arcblock/react-hooks/lib/useBrowser";
 import { styled as le, useTheme as ue } from "@arcblock/ux/lib/Theme";
 import s from "lodash/isUndefined";
-import { Box as fe, CircularProgress as me, Dialog as de, DialogContent as ge } from "@mui/material";
-import pe from "@arcblock/did-connect/lib/Connect";
+import { CircularProgress as fe, Dialog as me, DialogContent as de } from "@mui/material";
+import ge from "@arcblock/did-connect/lib/Connect";
 import k from "@arcblock/ux/lib/Button";
-import { mergeProps as be } from "@arcblock/ux/lib/Util";
-import { SessionContext as he } from "./session.js";
-import { getMessage as i, actions as $, getActionName as q, getActionParams as Ce } from "./actions.js";
+import { mergeProps as pe } from "@arcblock/ux/lib/Util";
+import { SessionContext as be } from "./session.js";
+import { getMessage as i, actions as $, getActionName as q, getActionParams as he } from "./actions.js";
 function h({ onClose: u }) {
-  return /* @__PURE__ */ n(we, { onClick: u, children: "×" });
+  return /* @__PURE__ */ n(Ce, { onClick: u, children: "×" });
 }
 h.propTypes = { onClose: t.func.isRequired };
-const we = le(fe)`
+const Ce = le("div")`
   display: ${(u) => u.disableClose ? "none" : "block"};
   position: absolute;
   top: 1rem;
@@ -26,11 +26,11 @@ const we = le(fe)`
   cursor: pointer;
   user-select: none;
 `;
-function B({ ...u }) {
+function E({ ...u }) {
   const e = Object.assign({}, u);
   s(e.autoClose) && (e.autoClose = !0), s(e.buttonText) && (e.buttonText = ""), s(e.buttonColor) && (e.buttonColor = "primary"), s(e.buttonVariant) && (e.buttonVariant = "contained"), s(e.buttonSize) && (e.buttonSize = "large"), s(e.buttonRounded) && (e.buttonRounded = !1), s(e.scanMessage) && (e.scanMessage = "Scan the QR Code with your DID Wallet"), s(e.confirmMessage) && (e.confirmMessage = "Confirm in your DID Wallet"), s(e.successMessage) && (e.successMessage = "Operation success!"), s(e.extraParams) && (e.extraParams = {}), s(e.timeout) && (e.timeout = 5 * 60 * 1e3), s(e.successUrl) && (e.successUrl = ""), s(e.successTarget) && (e.successTarget = "_self"), s(e.frameProps) && (e.frameProps = {}), s(e.webWalletUrl) && (e.webWalletUrl = "");
-  const E = be(e, B, ["buttonRounded", "extraParams", "timeout"]), {
-    autoClose: I,
+  const I = pe(e, E, ["buttonRounded", "extraParams", "timeout"]), {
+    autoClose: B,
     action: g,
     buttonText: z,
     buttonColor: C,
@@ -38,7 +38,7 @@ function B({ ...u }) {
     buttonSize: y,
     buttonRounded: P,
     children: R,
-    disableClose: ye,
+    disableClose: we,
     title: S,
     scanMessage: H,
     successMessage: U,
@@ -50,10 +50,10 @@ function B({ ...u }) {
     timeout: Q,
     webWalletUrl: G,
     ...a
-  } = E, D = ue(), W = ce(), { api: j, session: o } = ne(he), [x, T] = d(!1), [J, F] = d(!1), [X, Y] = d({}), Z = ae(document.body), [b, v] = d(!1), [c, _] = d(b && r && p === "frame"), ee = Z?.width || 0;
+  } = I, D = ue(), W = ce(), { api: j, session: o } = ne(be), [x, T] = d(!1), [J, v] = d(!1), [X, Y] = d({}), Z = ae(document.body), [b, F] = d(!1), [c, _] = d(b && r && p === "frame"), ee = Z?.width || 0;
   if (ie(
     () => () => {
-      v(!1), _(!1);
+      F(!1), _(!1);
     },
     [x]
   ), g === "login")
@@ -75,9 +75,9 @@ function B({ ...u }) {
   const A = async () => {
     if (typeof f.onStart == "function") {
       try {
-        F(!0);
+        v(!0);
         const V = await f.onStart(j, o);
-        Y(V), F(!1);
+        Y(V), v(!1);
       } catch {
         console.error(`Cannot generate dynamicParams for playground action ${q(f, a)}`);
       }
@@ -91,7 +91,7 @@ function B({ ...u }) {
     }
     await A();
   }, m = () => T(!1), se = () => {
-    v(!0), r ? p === "frame" ? _(!!r) : p === "_blank" ? window.open(r, "_blank") : window.open(r, "_self") : R || I && setTimeout(m, 2e3);
+    F(!0), r ? p === "frame" ? _(!!r) : p === "_blank" ? window.open(r, "_blank") : window.open(r, "_self") : R || B && setTimeout(m, 2e3);
   }, oe = () => /* @__PURE__ */ l(M, { children: [
     /* @__PURE__ */ n(h, { onClose: m }),
     /* @__PURE__ */ l("div", { children: [
@@ -126,12 +126,12 @@ function B({ ...u }) {
         children: [
           i(z || S, o),
           " ",
-          J && /* @__PURE__ */ n(me, { size: 12, sx: { color: "#fff" } })
+          J && /* @__PURE__ */ n(fe, { size: 12, sx: { color: "#fff" } })
         ]
       }
     ),
     x && !O && /* @__PURE__ */ n(
-      de,
+      me,
       {
         open: !0,
         disableEscapeKeyDown: !0,
@@ -139,7 +139,7 @@ function B({ ...u }) {
         fullWidth: c,
         maxWidth: c ? "lg" : "",
         children: /* @__PURE__ */ l(
-          ge,
+          de,
           {
             style: {
               padding: b && !c && r ? 55 : 0,
@@ -158,7 +158,7 @@ function B({ ...u }) {
       }
     ),
     /* @__PURE__ */ n(
-      pe,
+      ge,
       {
         popup: !0,
         open: x && O,
@@ -167,7 +167,7 @@ function B({ ...u }) {
         onClose: m,
         onSuccess: se,
         checkTimeout: Q,
-        extraParams: Object.assign(Ce(f, a, o), X, N),
+        extraParams: Object.assign(he(f, a, o), X, N),
         webWalletUrl: G,
         messages: {
           title: i(S, o),
@@ -179,7 +179,7 @@ function B({ ...u }) {
     )
   ] });
 }
-B.propTypes = {
+E.propTypes = {
   action: t.string.isRequired,
   autoClose: t.bool,
   buttonText: t.string,
@@ -199,5 +199,5 @@ B.propTypes = {
   webWalletUrl: t.string
 };
 export {
-  B as default
+  E as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "3.0.12",
+  "version": "3.0.14",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -30,8 +30,8 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "3.0.12",
-    "@arcblock/react-hooks": "3.0.12",
+    "@arcblock/did-connect": "3.0.14",
+    "@arcblock/react-hooks": "3.0.14",
     "ahooks": "^3.8.5",
     "axios": "^1.10.0",
     "mustache": "^4.2.0"
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ebe824e4b0ddfc1cbdd9ffecc22283e57a58c042"
+  "gitHead": "3957f4585b68497a5f297c25649f8759e98c6c7a"
 }

package/src/Action/index.jsx

@@ -5,7 +5,7 @@ import useBrowser from '@arcblock/react-hooks/lib/useBrowser';
 import { styled, useTheme } from '@arcblock/ux/lib/Theme';
 import isUndefined from 'lodash/isUndefined';
 
-import { Box, CircularProgress, Dialog, DialogContent } from '@mui/material';
+import { CircularProgress, Dialog, DialogContent } from '@mui/material';
 
 import DidConnect from '@arcblock/did-connect/lib/Connect';
 import Button from '@arcblock/ux/lib/Button';
@@ -19,7 +19,7 @@ function Close({ onClose }) {
 }
 
 Close.propTypes = { onClose: PropTypes.func.isRequired };
-const CloseContainer = styled(Box)`
+const CloseContainer = styled('div')`
   display: ${(props) => (props.disableClose ? 'none' : 'block')};
   position: absolute;
   top: 1rem;