@arcblock/did-playground 3.0.8 → 3.0.10

package/lib/Action/index.js

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as l, Fragment as k } from "react/jsx-runtime";
+import { jsx as n, jsxs as l, Fragment as M } from "react/jsx-runtime";
 import { use as ne, useState as d, useEffect as ie } from "react";
 import t from "prop-types";
 import { useSize as ae } from "ahooks";
@@ -7,10 +7,10 @@ import { styled as le, useTheme as ue } from "@arcblock/ux/lib/Theme";
 import s from "lodash/isUndefined";
 import { CircularProgress as fe, Dialog as me, DialogContent as de } from "@mui/material";
 import ge from "@arcblock/did-connect/lib/Connect";
-import R from "@arcblock/ux/lib/Button";
+import k from "@arcblock/ux/lib/Button";
 import { mergeProps as pe } from "@arcblock/ux/lib/Util";
 import { SessionContext as be } from "./session.js";
-import { getMessage as i, actions as q, getActionName as E, getActionParams as he } from "./actions.js";
+import { getMessage as i, actions as $, getActionName as q, getActionParams as he } from "./actions.js";
 function h({ onClose: u }) {
   return /* @__PURE__ */ n(Ce, { onClick: u, children: "×" });
 }
@@ -26,39 +26,39 @@ const Ce = le("div")`
   cursor: pointer;
   user-select: none;
 `;
-function I({ ...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 B = pe(e, I, ["buttonRounded", "extraParams", "timeout"]), {
-    autoClose: H,
+  const I = pe(e, E, ["buttonRounded", "extraParams", "timeout"]), {
+    autoClose: B,
     action: g,
-    buttonText: U,
+    buttonText: z,
     buttonColor: C,
     buttonVariant: w,
     buttonSize: y,
     buttonRounded: P,
-    children: D,
+    children: R,
     disableClose: we,
     title: S,
-    scanMessage: K,
-    successMessage: z,
+    scanMessage: H,
+    successMessage: U,
     successUrl: r,
     successTarget: p,
-    frameProps: L,
-    confirmMessage: N,
-    extraParams: Q,
-    timeout: G,
-    webWalletUrl: J,
+    frameProps: K,
+    confirmMessage: L,
+    extraParams: N,
+    timeout: Q,
+    webWalletUrl: G,
     ...a
-  } = B, W = ue(), j = ce(), { api: v, session: o } = ne(be), [x, T] = d(!1), [X, F] = d(!1), [Y, Z] = d({}), M = ae(document.body), [b, _] = d(!1), [c, A] = d(b && r && p === "frame"), ee = (M == null ? void 0 : M.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(
     () => () => {
-      _(!1), A(!1);
+      F(!1), _(!1);
     },
     [x]
   ), g === "login")
-    return o.user ? /* @__PURE__ */ n(R, { ...a, rounded: P, color: C, variant: w, size: y, children: i(z || `Hello ${o.user.name}`, o) }) : /* @__PURE__ */ n(
-      R,
+    return o.user ? /* @__PURE__ */ n(k, { ...a, rounded: P, color: C, variant: w, size: y, children: i(U || `Hello ${o.user.name}`, o) }) : /* @__PURE__ */ n(
+      k,
       {
         ...a,
         rounded: P,
@@ -66,40 +66,40 @@ function I({ ...u }) {
         variant: w,
         size: y,
         onClick: () => o.login(),
-        children: i(U || S, o)
+        children: i(z || S, o)
       }
     );
-  const f = q[g];
-  if (!q[g])
+  const f = $[g];
+  if (!$[g])
     throw new Error(`Unsupported playground action ${g}`);
-  const O = async () => {
+  const A = async () => {
     if (typeof f.onStart == "function") {
       try {
-        F(!0);
-        const $ = await f.onStart(v, o);
-        Z($), F(!1);
+        v(!0);
+        const V = await f.onStart(j, o);
+        Y(V), v(!1);
       } catch {
-        console.error(`Cannot generate dynamicParams for playground action ${E(f, a)}`);
+        console.error(`Cannot generate dynamicParams for playground action ${q(f, a)}`);
       }
       T(!0);
     } else
       T(!0);
   }, te = async () => {
     if (!o.user) {
-      o.login(O);
+      o.login(A);
       return;
     }
-    await O();
+    await A();
   }, m = () => T(!1), se = () => {
-    _(!0), r ? p === "frame" ? A(!!r) : p === "_blank" ? window.open(r, "_blank") : window.open(r, "_self") : D || H && setTimeout(m, 2e3);
-  }, oe = () => /* @__PURE__ */ l(k, { children: [
+    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: [
       "Redirecting to",
       " ",
       /* @__PURE__ */ n("a", { href: r, target: p, children: r })
     ] })
-  ] }), re = () => /* @__PURE__ */ l(k, { children: [
+  ] }), re = () => /* @__PURE__ */ l(M, { children: [
     /* @__PURE__ */ n(h, { onClose: m }),
     /* @__PURE__ */ n(
       "iframe",
@@ -109,13 +109,13 @@ function I({ ...u }) {
         id: "successFrame",
         title: "successFrame",
         src: r,
-        ...L
+        ...K
       }
     )
-  ] }), V = !r || r && !b;
-  return /* @__PURE__ */ l(k, { children: [
+  ] }), O = !r || r && !b;
+  return /* @__PURE__ */ l(M, { children: [
     /* @__PURE__ */ l(
-      R,
+      k,
       {
         ...a,
         rounded: P,
@@ -124,18 +124,18 @@ function I({ ...u }) {
         size: y,
         onClick: te,
         children: [
-          i(U || S, o),
+          i(z || S, o),
           " ",
-          X && /* @__PURE__ */ n(fe, { size: 12, sx: { color: "#fff" } })
+          J && /* @__PURE__ */ n(fe, { size: 12, sx: { color: "#fff" } })
         ]
       }
     ),
-    x && !V && /* @__PURE__ */ n(
+    x && !O && /* @__PURE__ */ n(
       me,
       {
         open: !0,
         disableEscapeKeyDown: !0,
-        fullScreen: ee < W.breakpoints.values.sm && !(j.wallet || j.arcSphere),
+        fullScreen: ee < D.breakpoints.values.sm && !(W.wallet || W.arcSphere),
         fullWidth: c,
         maxWidth: c ? "lg" : "",
         children: /* @__PURE__ */ l(
@@ -146,7 +146,7 @@ function I({ ...u }) {
               display: "flex",
               justifyContent: "center",
               alignItems: "center",
-              height: c ? W.breakpoints.values.md : ""
+              height: c ? D.breakpoints.values.md : ""
             },
             children: [
               /* @__PURE__ */ n(h, { onClose: m }),
@@ -161,25 +161,25 @@ function I({ ...u }) {
       ge,
       {
         popup: !0,
-        open: x && V,
-        action: E(f, a),
-        checkFn: v.get,
+        open: x && O,
+        action: q(f, a),
+        checkFn: j.get,
         onClose: m,
         onSuccess: se,
-        checkTimeout: G,
-        extraParams: Object.assign(he(f, a, o), Y, Q),
-        webWalletUrl: J,
+        checkTimeout: Q,
+        extraParams: Object.assign(he(f, a, o), X, N),
+        webWalletUrl: G,
         messages: {
           title: i(S, o),
-          scan: i(K, o),
-          confirm: i(N, o),
-          success: D || i(z, o)
+          scan: i(H, o),
+          confirm: i(L, o),
+          success: R || i(U, o)
         }
       }
     )
   ] });
 }
-I.propTypes = {
+E.propTypes = {
   action: t.string.isRequired,
   autoClose: t.bool,
   buttonText: t.string,
@@ -199,5 +199,5 @@ I.propTypes = {
   webWalletUrl: t.string
 };
 export {
-  I as default
+  E as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "3.0.8",
+  "version": "3.0.10",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -30,14 +30,14 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "3.0.8",
-    "@arcblock/react-hooks": "3.0.8",
+    "@arcblock/did-connect": "3.0.10",
+    "@arcblock/react-hooks": "3.0.10",
     "ahooks": "^3.8.5",
     "axios": "^1.10.0",
     "mustache": "^4.2.0"
   },
   "peerDependencies": {
-    "@arcblock/ux": "workspace:*",
+    "@arcblock/ux": "^3.0.8",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/material": "^7.1.2",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "30b21395b2f3ef6824df728aeafd10e9dea173d9"
+  "gitHead": "8e4b3b4f9cc52c8f1f1d270ab03a3c566073617a"
 }