@arcblock/did-playground 2.5.58 → 2.5.59

package/lib/Action/actions.js

@@ -4,34 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getMessage = exports.getActionParams = exports.getActionName = exports.actions = void 0;
-
 var _mustache = _interopRequireDefault(require("mustache"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 async function createSwapOrder(api) {
   const res = await api.post('/api/did/swap', {});
   return {
     tid: res.data.traceId
   };
 }
-
 const getValidPayAmount = (payAmount, price) => {
   if (Number(payAmount) >= 0) {
     return payAmount;
   }
-
   if (Number(price) >= 0) {
     return price;
   }
-
   return 1;
 };
-
 const getMessage = function getMessage() {
   let message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   let session = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
   try {
     return _mustache.default.render(message, {
       user: session.user || {},
@@ -45,9 +37,9 @@ const getMessage = function getMessage() {
     });
     return message;
   }
-}; // https://github.com/ArcBlock/gatsby-extensions/issues/56
-
+};
 
+// https://github.com/ArcBlock/gatsby-extensions/issues/56
 exports.getMessage = getMessage;
 const actions = {
   // Currency
@@ -615,43 +607,32 @@ const actions = {
   }
 };
 exports.actions = actions;
-
 const getActionName = (config, props) => {
   if (typeof config === 'string') {
     return config;
   }
-
   if (typeof config.action === 'string') {
     return config.action;
   }
-
   if (typeof config.action === 'function') {
     return config.action(props);
   }
-
   throw new Error('Cannot determine playground button action');
 };
-
 exports.getActionName = getActionName;
-
 const getActionParams = (config, props, session) => {
   if (typeof config === 'string') {
     return {};
   }
-
   if (!config.extraParams) {
     return {};
   }
-
   if (typeof config.extraParams === 'function') {
     return config.extraParams(props, session);
   }
-
   if (typeof config.extraParams === 'object') {
     return config.extraParams;
   }
-
   return {};
 };
-
 exports.getActionParams = getActionParams;

package/lib/Action/index.js

@@ -4,53 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _useWindowSize = _interopRequireDefault(require("react-use/lib/useWindowSize"));
-
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
-
 var _Theme = require("@arcblock/ux/lib/Theme");
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _Util = require("@arcblock/ux/lib/Util");
-
 var _session = require("./session");
-
 var _actions = require("./actions");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["autoClose", "action", "buttonText", "buttonColor", "buttonVariant", "buttonSize", "buttonRounded", "children", "disableClose", "title", "scanMessage", "successMessage", "successUrl", "successTarget", "frameProps", "confirmMessage", "extraParams", "timeout", "webWalletUrl"];
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function Close(_ref) {
   let {
     onClose
@@ -60,38 +38,34 @@ function Close(_ref) {
     children: "\xD7"
   });
 }
-
 Close.propTypes = {
   onClose: _propTypes.default.func.isRequired
 };
 const CloseContainer = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  color: #999999;\n  font-size: 2rem;\n  line-height: 1rem;\n  cursor: pointer;\n  user-select: none;\n"])), props => props.disableClose ? 'none' : 'block');
-
 function PlaygroundAction(props) {
   const newProps = (0, _Util.mergeProps)(props, PlaygroundAction, ['buttonRounded', 'extraParams', 'timeout']);
-
   const {
-    autoClose,
-    action,
-    buttonText,
-    buttonColor,
-    buttonVariant,
-    buttonSize,
-    buttonRounded,
-    children,
-    disableClose,
-    title,
-    scanMessage,
-    successMessage,
-    successUrl,
-    successTarget,
-    frameProps,
-    confirmMessage,
-    extraParams,
-    timeout,
-    webWalletUrl
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, _excluded);
-
+      autoClose,
+      action,
+      buttonText,
+      buttonColor,
+      buttonVariant,
+      buttonSize,
+      buttonRounded,
+      children,
+      disableClose,
+      title,
+      scanMessage,
+      successMessage,
+      successUrl,
+      successTarget,
+      frameProps,
+      confirmMessage,
+      extraParams,
+      timeout,
+      webWalletUrl
+    } = newProps,
+    rest = _objectWithoutProperties(newProps, _excluded);
   const theme = (0, _Theme.useTheme)();
   const browser = (0, _useBrowser.default)();
   const {
@@ -105,13 +79,15 @@ function PlaygroundAction(props) {
     width
   } = (0, _useWindowSize.default)();
   const [success, setSuccess] = (0, _react.useState)(false);
-  const [showFrame, setShowFrame] = (0, _react.useState)(success && successUrl && successTarget === 'frame'); // 当打开或关闭组件时，重置部分状态
+  const [showFrame, setShowFrame] = (0, _react.useState)(success && successUrl && successTarget === 'frame');
 
+  // 当打开或关闭组件时，重置部分状态
   (0, _react.useEffect)(() => () => {
     setSuccess(false);
     setShowFrame(false);
-  }, [open]); // If this is just a login button, we do not do anything actually
+  }, [open]);
 
+  // If this is just a login button, we do not do anything actually
   if (action === 'login') {
     if (session.user) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, rest), {}, {
@@ -122,7 +98,6 @@ function PlaygroundAction(props) {
         children: (0, _actions.getMessage)(successMessage || "Hello ".concat(session.user.name), session)
       }));
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, rest), {}, {
       rounded: buttonRounded,
       color: buttonColor,
@@ -132,13 +107,10 @@ function PlaygroundAction(props) {
       children: (0, _actions.getMessage)(buttonText || title, session)
     }));
   }
-
   const config = _actions.actions[action];
-
   if (!_actions.actions[action]) {
     throw new Error("Unsupported playground action ".concat(action));
   }
-
   const doStart = async () => {
     if (typeof config.onStart === 'function') {
       try {
@@ -149,27 +121,21 @@ function PlaygroundAction(props) {
       } catch (err) {
         console.error("Cannot generate dynamicParams for playground action ".concat((0, _actions.getActionName)(config, rest)));
       }
-
       setOpen(true);
     } else {
       setOpen(true);
     }
   };
-
   const onStart = async () => {
     if (!session.user) {
       session.login(doStart);
       return;
     }
-
     await doStart();
   };
-
   const onClose = () => setOpen(false);
-
   const onSuccess = () => {
     setSuccess(true);
-
     if (successUrl) {
       if (successTarget === 'frame') {
         setShowFrame(!!successUrl);
@@ -178,12 +144,12 @@ function PlaygroundAction(props) {
       } else {
         window.open(successUrl, '_self');
       }
-    } else if (children) {// Do nothing
+    } else if (children) {
+      // Do nothing
     } else if (autoClose) {
       setTimeout(onClose, 2000);
     }
   };
-
   const renderRedirectUrlAfterSuccess = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Close, {
       onClose: onClose
@@ -195,7 +161,6 @@ function PlaygroundAction(props) {
       })]
     })]
   });
-
   const renderFrameAfterSuccess = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Close, {
       onClose: onClose
@@ -210,7 +175,6 @@ function PlaygroundAction(props) {
       src: successUrl
     }, frameProps))]
   });
-
   const showDidConnect = !successUrl || successUrl && !success;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, _objectSpread(_objectSpread({}, rest), {}, {
@@ -250,7 +214,8 @@ function PlaygroundAction(props) {
       checkFn: api.get,
       onClose: onClose,
       onSuccess: onSuccess,
-      checkTimeout: timeout // 3 layers of extraParams: user props, dynamically generated, from other props
+      checkTimeout: timeout
+      // 3 layers of extraParams: user props, dynamically generated, from other props
       ,
       extraParams: Object.assign((0, _actions.getActionParams)(config, rest, session), dynamicParams, extraParams),
       webWalletUrl: webWalletUrl,
@@ -263,7 +228,6 @@ function PlaygroundAction(props) {
     })]
   });
 }
-
 PlaygroundAction.propTypes = {
   action: _propTypes.default.string.isRequired,
   autoClose: _propTypes.default.bool,

package/lib/Action/session.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withSession = exports.SessionProvider = exports.SessionContext = exports.SessionConsumer = void 0;
-
 var _Session = require("@arcblock/did-connect/lib/Session");
-
 const {
   SessionProvider,
   SessionContext,

package/lib/index.js

@@ -27,9 +27,6 @@ Object.defineProperty(exports, "SessionProvider", {
     return _session.SessionProvider;
   }
 });
-
 var _Action = _interopRequireDefault(require("./Action"));
-
 var _session = require("./Action/session");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "2.5.58",
+  "version": "2.5.59",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -30,9 +30,9 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.5.58",
-    "@arcblock/react-hooks": "^2.5.58",
-    "@arcblock/ux": "^2.5.58",
+    "@arcblock/did-connect": "^2.5.59",
+    "@arcblock/react-hooks": "^2.5.59",
+    "@arcblock/ux": "^2.5.59",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@mui/material": "^5.10.8",
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ac16776460613a0e3a004ebb66fba2b98f3e0d86"
+  "gitHead": "f50c420e5f06ae108d59636cfdcfde88d1e10f4c"
 }