@blocklet/launcher-workflow 1.7.43 → 1.7.46

package/lib/components/confirm.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ConfirmDialog;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -29,11 +29,9 @@ var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery
 
 var _locale = require("../contexts/locale");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const translations = {
   en: {
@@ -73,21 +71,31 @@ function ConfirmDialog(_ref) {
     }
   };
 
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
     open: true,
-    fullScreen: isBreakpointsDownSm
-  }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, typeof title === 'function' ? title() : title), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, null, typeof description === 'function' ? description(params, setParams) : description)), /*#__PURE__*/_react.default.createElement(_DialogActions.default, {
-    style: {
-      padding: '8px 24px 24px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: () => onCallback(onCancel)
-  }, cancel || (0, _lodash.default)(translations, "".concat(innerLocale, ".cancel"))), /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: () => onCallback(onConfirm),
-    color: color,
-    variant: "outlined",
-    autoFocus: true
-  }, confirm || (0, _lodash.default)(translations, "".concat(innerLocale, ".confirm")))));
+    fullScreen: isBreakpointsDownSm,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
+      children: typeof title === 'function' ? title() : title
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+        children: typeof description === 'function' ? description(params, setParams) : description
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogActions.default, {
+      style: {
+        padding: '8px 24px 24px'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: () => onCallback(onCancel),
+        children: cancel || (0, _lodash.default)(translations, "".concat(innerLocale, ".cancel"))
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: () => onCallback(onConfirm),
+        color: color,
+        variant: "outlined",
+        autoFocus: true,
+        children: confirm || (0, _lodash.default)(translations, "".concat(innerLocale, ".confirm"))
+      })]
+    })]
+  });
 }
 
 ConfirmDialog.propTypes = {

package/lib/components/instance-operation.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = OperationPage;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _reactRouterDom = require("react-router-dom");
 
@@ -41,11 +41,9 @@ var _router = _interopRequireDefault(require("../contexts/router"));
 
 var _locale = require("../contexts/locale");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
 
@@ -147,15 +145,27 @@ function OperationPage(_ref) {
   }, [nftId]); // eslint-disable-line
 
   const successful = launchState.status === STATUS.success;
-  const message = [/*#__PURE__*/_react.default.createElement(MessageDiv, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "msg-before"
-  }, "1/5"), t('launch.waiting.starting')), /*#__PURE__*/_react.default.createElement(MessageDiv, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "msg-before"
-  }, "2/5"), t('launch.waiting.securing')), /*#__PURE__*/_react.default.createElement(MessageDiv, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "msg-before"
-  }, "3/5"), t('launch.waiting.prepare')), /*#__PURE__*/_react.default.createElement(MessageDiv, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "msg-before"
-  }, "4/5"), t('launch.waiting.waiting'))];
+  const message = [/*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "msg-before",
+      children: "1/5"
+    }), t('launch.waiting.starting')]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "msg-before",
+      children: "2/5"
+    }), t('launch.waiting.securing')]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "msg-before",
+      children: "3/5"
+    }), t('launch.waiting.prepare')]
+  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "msg-before",
+      children: "4/5"
+    }), t('launch.waiting.waiting')]
+  })];
   const messageDuration = 40000; // 防止用户刷新后message进度重新开始，修正 message 展示的信息
 
   const nowTime = Date.now();
@@ -170,53 +180,61 @@ function OperationPage(_ref) {
     message.splice(0, step);
   }
 
-  return /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
-    title: t("".concat(type, ".title")),
-    className: "launch-page-header ".concat(successful ? 'header-hide' : '')
-  }), launchState.status === STATUS.waiting && /*#__PURE__*/_react.default.createElement("div", {
-    className: "center"
-  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)), launchState.status === STATUS.launching && /*#__PURE__*/_react.default.createElement(WaiterContainer, null, /*#__PURE__*/_react.default.createElement(_AnimationWaiter.default, {
-    message: message,
-    increaseSpeed: 0.3,
-    messageLoop: false,
-    maybeDuration: 180000,
-    messageDuration: messageDuration
-  })), successful && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
-    variant: successful ? 'success' : 'loading',
-    title: successful ? t('launch.launched') : '',
-    subTitle: !successful ? t('launch.waitingForLaunching') : '',
-    footer: successful ? /*#__PURE__*/_react.default.createElement(LinkEle, {
-      href: launchState.appUrl,
-      rel: "noreferrer"
-    }, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-      size: [16, 10],
-      style: {
-        marginRight: 14
-      }
-    }), " ", t('common.redirecting')) : ''
-  }), [STATUS.error, STATUS.launchFailedError].includes(launchState.status) && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
-    variant: "error",
-    title: t("".concat(type, ".error.launchFailed")),
-    subTitle: type === 'launch' ? t('launch.error.launchFailedDescription') : '',
-    footer: type === 'launch' && /*#__PURE__*/_react.default.createElement(_Button.default, {
-      color: "primary",
-      variant: "contained",
-      className: "button",
-      component: _reactRouterDom.Link,
-      to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search))
-    }, t('common.retry'))
-  }), launchState.status === STATUS.notFoundError && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
-    variant: "error",
-    title: t("".concat(type, ".error.notFound")),
-    subTitle: type === 'launch' ? t('launch.error.notFoundDescription') : '',
-    footer: type === 'launch' && /*#__PURE__*/_react.default.createElement(_Button.default, {
-      color: "primary",
-      variant: "contained",
-      className: "button",
-      component: _reactRouterDom.Link,
-      to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search))
-    }, t('common.launch'))
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
+      title: t("".concat(type, ".title")),
+      className: "launch-page-header ".concat(successful ? 'header-hide' : '')
+    }), launchState.status === STATUS.waiting && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
+    }), launchState.status === STATUS.launching && /*#__PURE__*/(0, _jsxRuntime.jsx)(WaiterContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimationWaiter.default, {
+        message: message,
+        increaseSpeed: 0.3,
+        messageLoop: false,
+        maybeDuration: 180000,
+        messageDuration: messageDuration
+      })
+    }), successful && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
+      variant: successful ? 'success' : 'loading',
+      title: successful ? t('launch.launched') : '',
+      subTitle: !successful ? t('launch.waitingForLaunching') : '',
+      footer: successful ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkEle, {
+        href: launchState.appUrl,
+        rel: "noreferrer",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10],
+          style: {
+            marginRight: 14
+          }
+        }), " ", t('common.redirecting')]
+      }) : ''
+    }), [STATUS.error, STATUS.launchFailedError].includes(launchState.status) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
+      variant: "error",
+      title: t("".concat(type, ".error.launchFailed")),
+      subTitle: type === 'launch' ? t('launch.error.launchFailedDescription') : '',
+      footer: type === 'launch' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        color: "primary",
+        variant: "contained",
+        className: "button",
+        component: _reactRouterDom.Link,
+        to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search)),
+        children: t('common.retry')
+      })
+    }), launchState.status === STATUS.notFoundError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
+      variant: "error",
+      title: t("".concat(type, ".error.notFound")),
+      subTitle: type === 'launch' ? t('launch.error.notFoundDescription') : '',
+      footer: type === 'launch' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        color: "primary",
+        variant: "contained",
+        className: "button",
+        component: _reactRouterDom.Link,
+        to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search)),
+        children: t('common.launch')
+      })
+    })]
+  });
 }
 
 const MessageDiv = _styledComponents.default.div.withConfig({

package/lib/components/payment-method.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = PaymentType;
-
-var _react = _interopRequireDefault(require("react"));
+exports.default = PaymentMethod;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -19,15 +17,23 @@ var _CreditCard = _interopRequireDefault(require("@mui/icons-material/CreditCard
 
 var _locale = require("../contexts/locale");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["type"];
 
 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 _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 PaymentType(_ref) {
+function PaymentMethod(_ref) {
   let {
     type
   } = _ref,
@@ -38,14 +44,18 @@ function PaymentType(_ref) {
   } = (0, _locale.useLocaleContext)();
 
   if (type === _constant.CURRENCY_TYPE.crypto) {
-    return /*#__PURE__*/_react.default.createElement(Container, props, /*#__PURE__*/_react.default.createElement(CryptoIcon, {
-      className: "payment-icon"
-    }), t('plan.useCrypto'));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CryptoIcon, {
+        className: "payment-icon"
+      }), t('plan.useCrypto')]
+    }));
   }
 
-  return /*#__PURE__*/_react.default.createElement(Container, props, /*#__PURE__*/_react.default.createElement(_CreditCard.default, {
-    className: "payment-icon"
-  }), t('plan.useFiat'));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CreditCard.default, {
+      className: "payment-icon"
+    }), t('plan.useFiat')]
+  }));
 }
 
 const Container = _styledComponents.default.div.withConfig({
@@ -57,6 +67,6 @@ const CryptoIcon = (0, _styledComponents.default)(_Coins.Coins).withConfig({
   displayName: "payment-method__CryptoIcon",
   componentId: "sc-tig09z-1"
 })(["font-size:14px;height:22px;"]);
-PaymentType.propTypes = {
+PaymentMethod.propTypes = {
   type: _propTypes.default.oneOf([_constant.CURRENCY_TYPE.crypto, _constant.CURRENCY_TYPE.fiat]).isRequired
 };

package/lib/components/plan.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = NodeType;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -21,10 +19,18 @@ var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
 
 var _locale = require("../contexts/locale");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["data", "selected", "paymentMethod"];
 
 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 _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; }
@@ -40,29 +46,37 @@ function NodeType(_ref) {
   const {
     locale
   } = (0, _locale.useLocaleContext)();
-  return /*#__PURE__*/_react.default.createElement(Container, Object.assign({}, props, {
-    className: selected ? 'item-selected' : ''
-  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    className: "name",
-    component: "span"
-  }, (0, _lodash.default)(data, "name.".concat(locale))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "price",
-    component: "span"
-  }, data.prices[paymentMethod]), /*#__PURE__*/_react.default.createElement("div", {
-    className: "rights"
-  }, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "rights-list"
-  }, data.features.map(feat => /*#__PURE__*/_react.default.createElement("li", {
-    key: feat[locale]
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "item-block"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "item-desc"
-  }, feat[locale])))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "check-container"
-  }, /*#__PURE__*/_react.default.createElement(_Check.default, {
-    className: "check-icon"
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
+    className: selected ? 'item-selected' : '',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      className: "name",
+      component: "span",
+      children: (0, _lodash.default)(data, "name.".concat(locale))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "price",
+      component: "span",
+      children: data.prices[paymentMethod]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "rights",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "rights-list",
+        children: data.features.map(feat => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "item-block",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "item-desc",
+              children: feat[locale]
+            })
+          })
+        }, feat[locale]))
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "check-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
+        className: "check-icon"
+      })
+    })]
+  }));
 }
 
 NodeType.propTypes = {

package/lib/components/stripe/checkout.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Checkout;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -29,11 +29,9 @@ var _locale = require("../../contexts/locale");
 
 var _paying = _interopRequireDefault(require("./paying"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function CheckoutForm(_ref) {
   let {
@@ -111,23 +109,31 @@ function CheckoutForm(_ref) {
     onLoad();
   };
 
-  return /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: handleSubmit
-  }, /*#__PURE__*/_react.default.createElement(_reactStripeJs.PaymentElement, {
-    onReady: () => setElementReady(true)
-  }), (!stripe || !elements || !elementReady) && /*#__PURE__*/_react.default.createElement(_Center.default, {
-    relative: "parent"
-  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)), stripe && elements && elementReady && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    id: "submit",
-    type: "submit",
-    disabled: isLoading,
-    variant: "contained",
-    color: "primary"
-  }, isLoading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    size: 12
-  }), t('common.paying')) : t('common.pay')), message && /*#__PURE__*/_react.default.createElement("div", {
-    id: "payment-message"
-  }, message)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+      onSubmit: handleSubmit,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.PaymentElement, {
+        onReady: () => setElementReady(true)
+      }), (!stripe || !elements || !elementReady) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
+        relative: "parent",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
+      }), stripe && elements && elementReady && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        id: "submit",
+        type: "submit",
+        disabled: isLoading,
+        variant: "contained",
+        color: "primary",
+        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+            size: 12
+          }), t('common.paying')]
+        }) : t('common.pay')
+      }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        id: "payment-message",
+        children: message
+      })]
+    })
+  });
 }
 
 const Content = _styledComponents.default.div.withConfig({
@@ -175,23 +181,25 @@ function Checkout(_ref3) {
     onCancel();
   };
 
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
     title: t('common.pay'),
     showCloseButton: showCloseButton,
     open: open,
     onClose: handleClose,
-    disableEscapeKeyDown: true
-  }, waitingCompleted && /*#__PURE__*/_react.default.createElement(_paying.default, {
-    paymentId: paymentId,
-    onComplete: onComplete,
-    onPaid: handlePaid
-  }), !waitingCompleted && /*#__PURE__*/_react.default.createElement(_reactStripeJs.Elements, {
-    options: options,
-    stripe: stripePromise
-  }, /*#__PURE__*/_react.default.createElement(CheckoutForm, {
-    clientSecret: clientSecret,
-    onLoad: handleLoad
-  })));
+    disableEscapeKeyDown: true,
+    children: [waitingCompleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paying.default, {
+      paymentId: paymentId,
+      onComplete: onComplete,
+      onPaid: handlePaid
+    }), !waitingCompleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.Elements, {
+      options: options,
+      stripe: stripePromise,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckoutForm, {
+        clientSecret: clientSecret,
+        onLoad: handleLoad
+      })
+    })]
+  });
 }
 
 Checkout.propTypes = {

package/lib/components/stripe/paying.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Paying;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -25,11 +25,9 @@ var _locale = require("../../contexts/locale");
 
 var _request = _interopRequireDefault(require("../../contexts/request"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function Paying(_ref) {
   let {
@@ -65,11 +63,14 @@ function Paying(_ref) {
     setStatus(payment.status);
   }, 3000);
   (0, _useInterval.default)(fetchOrder, needFetchOrderStatus ? 3000 : null);
-  return /*#__PURE__*/_react.default.createElement(Content, null, status <= _constant.PAYMENT_STATUS.paid && /*#__PURE__*/_react.default.createElement(_Spinner.default, null), status === _constant.PAYMENT_STATUS.done && /*#__PURE__*/_react.default.createElement(_Check.default, {
-    className: "status--succeed_icon"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "status"
-  }, t("plan.paymentCredit.status.".concat(status))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, {
+    children: [status <= _constant.PAYMENT_STATUS.paid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {}), status === _constant.PAYMENT_STATUS.done && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
+      className: "status--succeed_icon"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "status",
+      children: t("plan.paymentCredit.status.".concat(status))
+    })]
+  });
 }
 
 Paying.propTypes = {

package/lib/contexts/request.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.RequestProvider = RequestProvider;
 exports.default = useRequest;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -20,11 +20,9 @@ var _session = require("./session");
 
 var _locale = require("./locale");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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; }
 
@@ -71,14 +69,15 @@ function RequestProvider(_ref) {
 
     return Promise.reject(err);
   });
-  return /*#__PURE__*/_react.default.createElement(Provider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: {
       api: privateRequest,
       create: configs => _axios.default.create(_objectSpread({
         baseURL
       }, configs || {}))
-    }
-  }, children);
+    },
+    children: children
+  });
 }
 
 RequestProvider.propTypes = {