@blocklet/launcher-workflow 1.7.79 → 1.8.2

package/lib/components/instance-operation.js

@@ -17,7 +17,7 @@ var _useInterval = _interopRequireDefault(require("react-use/lib/useInterval"));
 
 var _lodash2 = _interopRequireDefault(require("lodash.throttle"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 
@@ -45,8 +45,12 @@ var _locale = require("../contexts/locale");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject, _templateObject2, _templateObject3;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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; }
@@ -243,20 +247,11 @@ function OperationPage(_ref) {
   });
 }
 
-const LinkEle = _styledComponents.default.a.withConfig({
-  displayName: "instance-operation__LinkEle",
-  componentId: "sc-1fcaixs-0"
-})(["display:flex;justify-content:center;align-items:center;height:36px;color:", ";"], props => props.theme.palette.primary.main);
+const LinkEle = _styled.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: ", ";\n"])), props => props.theme.palette.primary.main);
 
-const WaiterContainer = _styledComponents.default.div.withConfig({
-  displayName: "instance-operation__WaiterContainer",
-  componentId: "sc-1fcaixs-1"
-})(["color:#1dc1c7;"]);
+const WaiterContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #1dc1c7;\n"])));
 
-const Content = _styledComponents.default.div.withConfig({
-  displayName: "instance-operation__Content",
-  componentId: "sc-1fcaixs-2"
-})(["margin:auto;height:100%;.link{color:", ";}.link:hover{text-decoration:underline !important;}.status{color:", ";display:flex;flex-direction:column;align-items:center;.status-spinner{color:inherit !important;}.status-text{display:inline-block;padding:0 20px;max-width:420px;margin-top:24px;text-align:center;}}.button{min-width:150px;margin-bottom:100px;}.center{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.launch-page-header{transition:all ease 0.3s;&.header-hide{opacity:0;}}"], props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
+const Content = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: auto;\n  height: 100%;\n\n  .link {\n    color: ", ";\n  }\n\n  .link:hover {\n    text-decoration: underline !important;\n  }\n\n  .status {\n    color: ", ";\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    .status-spinner {\n      color: inherit !important;\n    }\n\n    .status-text {\n      display: inline-block;\n      padding: 0 20px;\n      max-width: 420px;\n      margin-top: 24px;\n      text-align: center;\n    }\n  }\n\n  .button {\n    min-width: 150px;\n    margin-bottom: 100px;\n  }\n  .center {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n  }\n  .launch-page-header {\n    transition: all ease 0.3s;\n    &.header-hide {\n      opacity: 0;\n    }\n  }\n"])), props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
 
 OperationPage.propTypes = {
   type: _propTypes.default.oneOf(['launch', 'start']),

package/lib/components/payment-method.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = PaymentMethod;
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -19,10 +19,14 @@ var _locale = require("../contexts/locale");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject, _templateObject2;
+
 const _excluded = ["type"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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; }
@@ -58,15 +62,9 @@ function PaymentMethod(_ref) {
   }));
 }
 
-const Container = _styledComponents.default.div.withConfig({
-  displayName: "payment-method__Container",
-  componentId: "sc-tig09z-0"
-})(["display:flex;justify-content:center;align-items:center;.payment-icon{margin-right:4px;}"]);
+const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .payment-icon {\n    margin-right: 4px;\n  }\n"])));
 
-const CryptoIcon = (0, _styledComponents.default)(_Coins.Coins).withConfig({
-  displayName: "payment-method__CryptoIcon",
-  componentId: "sc-tig09z-1"
-})(["font-size:14px;height:22px;"]);
+const CryptoIcon = (0, _styled.default)(_Coins.Coins)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  height: 22px;\n"])));
 PaymentMethod.propTypes = {
   type: _propTypes.default.oneOf([_constant.CURRENCY_TYPE.crypto, _constant.CURRENCY_TYPE.fiat]).isRequired
 };

package/lib/components/plan.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = NodeType;
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -23,10 +23,14 @@ var _locale = require("../contexts/locale");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject;
+
 const _excluded = ["data", "selected", "paymentMethod"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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; }
@@ -91,7 +95,4 @@ NodeType.defaultProps = {
   paymentMethod: _constant.CURRENCY_TYPE.crypto
 };
 
-const Container = _styledComponents.default.div.withConfig({
-  displayName: "plan__Container",
-  componentId: "sc-1ts75ga-0"
-})(["position:relative;border:1px solid ", ";border-radius:8px;padding:16px;cursor:pointer;transition:background-color ease 0.2s,border ease 0.2s;&.item-selected{background-color:#ecfbfd;border-color:#ecfbfd;cursor:default;}.name{color:", ";font-size:16px;line-height:20px;font-weight:500;}.price{margin-top:8px;font-size:24px;font-weight:700;color:", ";}.rights{font-size:14px;& > ul li{list-style-type:none;margin:0;vertical-align:middle;color:", ";}& > ul li:not(:first-child){margin-top:8px;}.rights-list{margin-top:8px;}}.item-block{display:flex;.item-icon{margin-right:6px;font-size:14px;color:", ";flex-shrink:0;}.item-desc{flex:1;}}.check-container{position:absolute;right:0;bottom:0;display:flex;justify-content:flex-end;align-items:flex-end;width:30px;height:30px;border-radius:0 0 7px 0;color:", ";overflow:hidden;transition:all ease 0.3s;&:after{position:absolute;z-index:0;left:30px;top:30px;display:block;width:0;height:0;border-top:transparent solid 15px;border-left:transparent solid 15px;border-bottom:", " solid 15px;border-right:", " solid 15px;transition:all ease 0.1s;content:'';}.check-icon{position:relative;z-index:2;margin:0 1px 1px 0;font-size:16px;transform:scale(0);transition:all ease 0.2s;}}&.item-selected{.check-container{&:after{left:0;top:0;}.check-icon{transform:scale(1);}}}"], props => props.theme.palette.grey[200], props => props.theme.palette.grey[900], props => props.theme.palette.primary.main, props => props.theme.palette.grey[700], props => props.theme.palette.primary.main, props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
+const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 16px;\n  cursor: pointer;\n  transition: background-color ease 0.2s, border ease 0.2s;\n\n  &.item-selected {\n    background-color: #ecfbfd;\n    border-color: #ecfbfd;\n    cursor: default;\n  }\n\n  .name {\n    color: ", ";\n    font-size: 16px;\n    line-height: 20px;\n    font-weight: 500;\n  }\n\n  .price {\n    margin-top: 8px;\n    font-size: 24px;\n    font-weight: 700;\n    color: ", ";\n  }\n\n  .rights {\n    font-size: 14px;\n\n    & > ul li {\n      list-style-type: none;\n      margin: 0;\n      vertical-align: middle;\n      color: ", ";\n    }\n\n    & > ul li:not(:first-of-type) {\n      margin-top: 8px;\n    }\n\n    .rights-list {\n      margin-top: 8px;\n    }\n  }\n\n  .item-block {\n    display: flex;\n    .item-icon {\n      margin-right: 6px;\n      font-size: 14px;\n      color: ", ";\n      flex-shrink: 0;\n    }\n    .item-desc {\n      flex: 1;\n    }\n  }\n\n  .check-container {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: 30px;\n    height: 30px;\n    border-radius: 0 0 7px 0;\n    color: ", ";\n    overflow: hidden;\n    transition: all ease 0.3s;\n    &:after {\n      position: absolute;\n      z-index: 0;\n      left: 30px;\n      top: 30px;\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: transparent solid 15px;\n      border-left: transparent solid 15px;\n      border-bottom: ", " solid 15px;\n      border-right: ", " solid 15px;\n      transition: all ease 0.1s;\n      content: '';\n    }\n\n    .check-icon {\n      position: relative;\n      z-index: 2;\n      margin: 0 1px 1px 0;\n      font-size: 16px;\n      transform: scale(0);\n      transition: all ease 0.2s;\n    }\n  }\n\n  &.item-selected {\n    .check-container {\n      &:after {\n        left: 0;\n        top: 0;\n      }\n      .check-icon {\n        transform: scale(1);\n      }\n    }\n  }\n"])), props => props.theme.palette.grey[200], props => props.theme.palette.grey[900], props => props.theme.palette.primary.main, props => props.theme.palette.grey[700], props => props.theme.palette.primary.main, props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);

package/lib/components/stripe/checkout.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _stripeJs = require("@stripe/stripe-js");
 
@@ -31,8 +31,12 @@ var _paying = _interopRequireDefault(require("./paying"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 function CheckoutForm(_ref) {
   let {
     clientSecret,
@@ -136,10 +140,7 @@ function CheckoutForm(_ref) {
   });
 }
 
-const Content = _styledComponents.default.div.withConfig({
-  displayName: "checkout__Content",
-  componentId: "sc-1ktna5f-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;#submit{margin-top:16px;width:100%;}#payment-message{margin-top:16px;color:", ";}"], props => props.theme.palette.error.main);
+const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  #submit {\n    margin-top: 16px;\n    width: 100%;\n  }\n\n  #payment-message {\n    margin-top: 16px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.error.main);
 
 CheckoutForm.propTypes = {
   clientSecret: _propTypes.default.string.isRequired,

package/lib/components/stripe/paying.js

@@ -7,7 +7,7 @@ exports.default = Paying;
 
 var _react = require("react");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -27,8 +27,12 @@ var _request = _interopRequireDefault(require("../../contexts/request"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 function Paying(_ref) {
   let {
     paymentId,
@@ -79,7 +83,4 @@ Paying.propTypes = {
   onComplete: _propTypes.default.func.isRequired
 };
 
-const Content = _styledComponents.default.div.withConfig({
-  displayName: "paying__Content",
-  componentId: "sc-1n02bp2-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;.status{margin-top:32px;}.status--succeed_icon{background-color:#3ab39d;display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:100%;color:", ";}"], props => props.theme.palette.common.white);
+const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .status {\n    margin-top: 32px;\n  }\n\n  .status--succeed_icon {\n    background-color: #3ab39d;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 100%;\n    color: ", ";\n  }\n"])), props => props.theme.palette.common.white);

package/lib/prepare.js

@@ -9,7 +9,7 @@ var _react = require("react");
 
 var _reactRouterDom = require("react-router-dom");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 
@@ -43,12 +43,16 @@ var _util = require("./util");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject;
+
 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); }
 
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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; }
@@ -72,7 +76,7 @@ function PreparePage() {
   const {
     nftId
   } = (0, _reactRouterDom.useParams)();
-  const history = (0, _reactRouterDom.useHistory)();
+  const navigate = (0, _reactRouterDom.useNavigate)();
   const {
     create: createRequest,
     api
@@ -178,7 +182,7 @@ function PreparePage() {
     let {
       nftId
     } = _ref;
-    history.push((0, _router.default)(routerPrefix, "/in-progress/".concat(nftId).concat(window.location.search)));
+    navigate((0, _router.default)(routerPrefix, "/in-progress/".concat(nftId).concat(window.location.search)));
   };
 
   const handleCloseAuthDialog = () => {
@@ -187,11 +191,7 @@ function PreparePage() {
   };
 
   const clickBack = () => {
-    if (history.length > 2) {
-      history.goBack();
-    } else {
-      history.push("/launch/new".concat(window.location.search));
-    }
+    navigate(-1);
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -280,7 +280,4 @@ function PreparePage() {
   });
 }
 
-const Container = _styledComponents.default.div.withConfig({
-  displayName: "prepare__Container",
-  componentId: "sc-1ddofcz-0"
-})(["display:flex;flex-direction:column;width:100%;height:100%;.page-logo{display:flex;justify-content:center;margin-top:62px;", "{margin-top:48px;}}.inputs{display:flex;align-items:center;flex-direction:column;text-align:center;}.input-item{margin-top:24px;width:90%;max-width:460px;font-size:14px;input,textarea{font-size:14px;}}.botton-container{width:100%;margin:24px auto;max-width:460px;text-align:center;}"], props => props.theme.breakpoints.down('md'));
+const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n\n  .page-logo {\n    display: flex;\n    justify-content: center;\n    margin-top: 62px;\n    ", " {\n      margin-top: 48px;\n    }\n  }\n\n  .inputs {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    text-align: center;\n  }\n  .input-item {\n    margin-top: 24px;\n    width: 90%;\n    max-width: 460px;\n    font-size: 14px;\n    input,\n    textarea {\n      font-size: 14px;\n    }\n  }\n  .botton-container {\n    width: 100%;\n    margin: 24px auto;\n    max-width: 460px;\n    text-align: center;\n  }\n"])), props => props.theme.breakpoints.down('md'));

package/lib/purchase.js

@@ -13,7 +13,7 @@ var _reactUse = require("react-use");
 
 var _lodash = _interopRequireDefault(require("lodash.get"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _jsCookie = _interopRequireDefault(require("js-cookie"));
 
@@ -61,12 +61,16 @@ var _paymentMethod = _interopRequireDefault(require("./components/payment-method
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _templateObject;
+
 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); }
 
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 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; }
@@ -83,7 +87,7 @@ function PurchasePage() {
     create: createRequest
   } = (0, _request.default)();
   const query = (0, _query.default)();
-  const history = (0, _reactRouterDom.useHistory)();
+  const navigate = (0, _reactRouterDom.useNavigate)();
   const disabledBack = (0, _router.useDisabledBack)();
   const [plan, setPlan] = (0, _react.useState)(null);
   const {
@@ -179,7 +183,7 @@ function PurchasePage() {
     }
 
     const url = "/prepare/".concat(nftId).concat(window.location.search);
-    history.push((0, _router.default)(routerPrefix, url));
+    navigate((0, _router.default)(routerPrefix, url));
   };
 
   const handleCloseAuthDialog = () => {
@@ -253,11 +257,7 @@ function PurchasePage() {
   };
 
   const clickBack = () => {
-    if (history.length > 2) {
-      history.goBack();
-    } else {
-      history.push("/launch/select".concat(window.location.search));
-    }
+    navigate(-1);
   };
 
   return (
@@ -355,11 +355,7 @@ function PurchasePage() {
   );
 }
 
-const Container = _styledComponents.default.div.withConfig({
-  displayName: "purchase__Container",
-  componentId: "sc-1knmtel-0"
-})(["display:flex;flex-direction:column;width:100%;height:100%;.select-payment{display:flex;justify-content:center;align-items:center;padding-top:30px;}.select-plan{margin:48px auto 33px;", "{margin:30px auto;}&.small-select-plan-2{max-width:780px;}&.small-select-plan-0,&.small-select-plan-1{max-width:460px;}}.page-body{position:relative;flex:1;margin-top:0;}.page-body-article{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;}.selector-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:18px;}.button-container{display:flex;justify-content:center;align-items:center;padding-bottom:15px;padding-top:15px;> button{width:200px;}&.has-shadow{box-shadow:0px -1px 1px 0px rgba(168,180,197,0.12);}}.container-padding{padding-left:24px;padding-right:24px;}"], props => props.theme.breakpoints.down('md'));
-
-var _default = (0, _reactRouterDom.withRouter)(PurchasePage);
+const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n\n  .select-payment {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-top: 30px;\n  }\n\n  .select-plan {\n    margin: 48px auto 33px;\n\n    ", " {\n      margin: 30px auto;\n    }\n    &.small-select-plan-2 {\n      max-width: 780px;\n    }\n    &.small-select-plan-0,\n    &.small-select-plan-1 {\n      max-width: 460px;\n    }\n  }\n\n  .page-body {\n    position: relative;\n    flex: 1;\n    margin-top: 0;\n  }\n\n  .page-body-article {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow-y: auto;\n  }\n\n  .selector-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 24px;\n    margin-top: 18px;\n  }\n\n  .button-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-bottom: 15px;\n    padding-top: 15px;\n    > button {\n      width: 200px;\n    }\n    &.has-shadow {\n      box-shadow: 0px -1px 1px 0px rgba(168, 180, 197, 0.12);\n    }\n  }\n\n  .container-padding {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n"])), props => props.theme.breakpoints.down('md'));
 
+var _default = PurchasePage;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.7.79",
+  "version": "1.8.2",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -37,42 +37,39 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.1.71",
-    "@arcblock/icons": "^2.1.71",
-    "@arcblock/license": "^2.1.71",
-    "@arcblock/ux": "^2.1.71",
-    "@blocklet/launcher-layout": "1.7.79",
-    "@blocklet/launcher-util": "1.7.79",
-    "@blocklet/launcher-ux": "1.7.79",
-    "@emotion/react": "^11.9.0",
-    "@emotion/styled": "^11.8.1",
-    "@mui/icons-material": "^5.6.2",
-    "@mui/lab": "^5.0.0-alpha.81",
-    "@mui/material": "^5.6.4",
-    "@mui/styles": "^5.6.2",
-    "@ocap/util": "^1.17.7",
-    "@stripe/react-stripe-js": "^1.7.0",
-    "@stripe/stripe-js": "^1.22.0",
+    "@arcblock/did-connect": "^2.4.0",
+    "@arcblock/icons": "^2.4.0",
+    "@arcblock/license": "^2.4.0",
+    "@arcblock/ux": "^2.4.0",
+    "@blocklet/launcher-layout": "1.8.2",
+    "@blocklet/launcher-util": "1.8.2",
+    "@blocklet/launcher-ux": "1.8.2",
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/lab": "^5.0.0-alpha.94",
+    "@mui/material": "^5.10.0",
+    "@ocap/util": "^1.17.10",
+    "@stripe/react-stripe-js": "^1.10.0",
+    "@stripe/stripe-js": "^1.35.0",
     "@styled-icons/remix-fill": "^10.18.0",
-    "axios": "^0.26.0",
+    "axios": "^0.26.1",
     "flat": "^5.0.2",
     "js-cookie": "^3.0.1",
     "lodash.get": "^4.4.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.8.1",
-    "react-lottie-player": "^1.4.2",
-    "react-router-dom": "^5.1.2",
-    "react-use": "^17.3.2",
-    "styled-components": "^5.3.3",
+    "react-lottie-player": "^1.4.3",
+    "react-router-dom": "^6.3.0",
+    "react-use": "^17.4.0",
     "url-join": "^4.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.8.4",
-    "@babel/preset-env": "^7.8.4",
-    "@babel/preset-react": "^7.8.3",
-    "babel-plugin-inline-react-svg": "^2.0.1",
-    "babel-plugin-styled-components": "^1.10.7"
+    "@babel/cli": "^7.18.10",
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
+    "@babel/preset-react": "^7.18.6",
+    "babel-plugin-inline-react-svg": "^2.0.1"
   },
-  "gitHead": "b901351e34881541e11ae0123d09ee2402fe76ae"
+  "gitHead": "de0a7f5a5195fd0a33810a8cc1edd266a9658b69"
 }