@blocklet/launcher-workflow 1.5.67 → 1.5.70

package/lib/components/confirm.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
@@ -33,6 +35,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
+const translations = {
+  en: {
+    confirm: 'Confirm',
+    cancel: 'Cancel'
+  },
+  zh: {
+    confirm: '同意',
+    cancel: '取消'
+  }
+};
+
 function ConfirmDialog(_ref) {
   let {
     title,
@@ -42,11 +55,14 @@ function ConfirmDialog(_ref) {
     color,
     params: initialParams,
     onCancel,
-    onConfirm
+    onConfirm,
+    locale
   } = _ref;
   const {
-    t
-  } = (0, _react.useContext)(_locale.LocaleContext);
+    locale: innerLocale
+  } = (0, _react.useContext)(_locale.LocaleContext) || {
+    locale
+  };
   const [params, setParams] = (0, _react.useState)(initialParams);
   const theme = (0, _useTheme.default)();
   const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('sm'));
@@ -68,13 +84,13 @@ function ConfirmDialog(_ref) {
     onClick: () => onCallback(onCancel),
     color: "default",
     rounded: true
-  }, cancel || t('common.cancel')), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, cancel || (0, _lodash.default)(translations, "".concat(innerLocale, ".cancel"))), /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: () => onCallback(onConfirm),
     color: color,
     variant: "outlined",
     autoFocus: true,
     rounded: true
-  }, confirm || t('common.confirm'))));
+  }, confirm || (0, _lodash.default)(translations, "".concat(innerLocale, ".confirm")))));
 }
 
 ConfirmDialog.propTypes = {
@@ -87,12 +103,14 @@ ConfirmDialog.propTypes = {
   params: _propTypes.default.object,
   // This object holds states managed in the dialog
   onCancel: _propTypes.default.func,
-  onConfirm: _propTypes.default.func.isRequired
+  onConfirm: _propTypes.default.func.isRequired,
+  locale: _propTypes.default.oneOf(['en', 'zh'])
 };
 ConfirmDialog.defaultProps = {
   onCancel: () => {},
   cancel: '',
   confirm: '',
   color: 'danger',
-  params: {}
+  params: {},
+  locale: 'en'
 };

package/lib/components/launch-result-message.js

@@ -15,6 +15,10 @@ var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
 
 var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
 
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+
+var _PriorityHigh = _interopRequireDefault(require("@material-ui/icons/PriorityHigh"));
+
 const _excluded = ["variant", "title", "subTitle", "footer"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -32,25 +36,45 @@ function LaunchResultMessage(_ref) {
   } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  const Icon = variant === 'error' ? _Close.default : _Check.default;
+  let Icon;
+
+  switch (variant) {
+    case 'error':
+      Icon = _Close.default;
+      break;
+
+    case 'info':
+      Icon = _PriorityHigh.default;
+      break;
+
+    case 'loading':
+      Icon = _Spinner.default;
+      break;
+
+    default:
+      Icon = _Check.default;
+  }
+
   return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
     variant: variant
-  }, props), /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon"
-  }, /*#__PURE__*/_react.default.createElement(Icon, null)), title && /*#__PURE__*/_react.default.createElement("div", {
-    className: "result-message-title"
-  }, title), subTitle && /*#__PURE__*/_react.default.createElement("div", {
-    className: "sub-title"
-  }, subTitle), footer && /*#__PURE__*/_react.default.createElement("div", {
-    className: "result-message-footer"
-  }, footer));
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-body"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "result-icon color-".concat(variant)
+  }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-title color-".concat(variant, " ").concat(title ? '' : 'ele-hide')
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-sub-title ".concat(subTitle ? '' : 'ele-hide')
+  }, subTitle), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-footer ".concat(footer ? '' : 'ele-hide')
+  }, footer)));
 }
 
 LaunchResultMessage.propTypes = {
-  variant: _propTypes.default.oneOf(['success', 'error']),
+  variant: _propTypes.default.oneOf(['success', 'error', 'info', 'loading']),
   title: _propTypes.default.string,
   subTitle: _propTypes.default.string,
-  footer: _propTypes.default.object
+  footer: _propTypes.default.any
 };
 LaunchResultMessage.defaultProps = {
   variant: 'success',
@@ -62,4 +86,4 @@ LaunchResultMessage.defaultProps = {
 const Container = _styledComponents.default.div.withConfig({
   displayName: "launch-result-message__Container",
   componentId: "sc-17nd2le-0"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;.icon{display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:100%;background-color:", ";color:", ";}.result-message-title{margin-top:24px;color:", ";font-size:24px;font-weight:bolder;}.sub-title{margin-top:8px;color:", ";font-size:14px;}.result-message-footer{margin-top:24px;}"], props => props.variant === 'error' ? props.theme.palette.error.main : props.theme.palette.success.main, props => props.theme.palette.common.white, props => props.variant === 'error' ? props.theme.palette.error.main : props.theme.palette.success.main, props => props.theme.palette.grey[700]);
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;.result-body{max-width:500px;text-align:center;margin-top:-64px;}.result-icon{display:inline-flex;justify-content:center;align-items:center;margin-bottom:24px;width:48px;height:48px;border-radius:100%;color:", ";transition:all ease 0.3s;&.color-success{background-color:", ";}&.color-error{background-color:", ";}&.color-info{background-color:", ";}}.result-title{height:34px;font-size:24px;margin-bottom:8px;font-weight:bolder;transition:all ease 0.3s;&.ele-hide{height:0;opacity:0;margin-bottom:0;}&.color-success{color:", ";}&.color-error{color:", ";}&.color-info{color:", ";}&.ele-hide{line-height:0;opacity:0;}}.result-sub-title{margin:0 auto;max-width:90%;color:", ";font-size:14px;line-height:1.21em;transition:all ease 0.3s;&.ele-hide{line-height:0;opacity:0;}}.result-footer{margin-top:38px;height:70px;overflow:hidden;transition:all ease 0.3s;&.ele-hide{margin-top:0;height:0;opacity:0;}}"], props => props.theme.palette.common.white, props => props.theme.palette.success.main, props => props.theme.palette.error.main, props => props.theme.palette.primary.main, props => props.theme.palette.success.main, props => props.theme.palette.error.main, props => props.theme.palette.primary.main, props => props.theme.palette.grey[700]);

package/lib/components/server-eula.js

@@ -11,8 +11,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
-
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 
 var _CheckCircleRounded = _interopRequireDefault(require("@material-ui/icons/CheckCircleRounded"));
@@ -21,11 +19,9 @@ var _CheckCircleOutlineRounded = _interopRequireDefault(require("@material-ui/ic
 
 var _FormLabel = _interopRequireDefault(require("@material-ui/core/FormLabel"));
 
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
-var _server = _interopRequireDefault(require("@arcblock/license/lib/server"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 
-var _locale = require("../contexts/locale");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 
 var _confirm = _interopRequireDefault(require("./confirm"));
 
@@ -39,15 +35,19 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ServerEula(_ref) {
   let {
     onContinue,
-    nextDisabled
+    nextDisabled,
+    launching,
+    checkKey,
+    texts,
+    description
   } = _ref;
-  const [agreed, setAgreed] = (0, _useLocalStorage.default)('server-eula-checked', false);
+  const [agreed, setAgreed] = (0, _react.useState)(localStorage.getItem(checkKey) === 'true');
   const [open, setOpen] = (0, _react.useState)(false);
-  const {
-    t
-  } = (0, _react.useContext)(_locale.LocaleContext);
 
-  const handleChecked = () => setAgreed(x => !x);
+  const handleChecked = () => setAgreed(x => {
+    localStorage.setItem(checkKey, !x);
+    return !x;
+  });
 
   const handleOpen = () => setOpen(x => !x);
 
@@ -55,6 +55,7 @@ function ServerEula(_ref) {
 
   const handleConfirm = () => {
     setAgreed(true);
+    localStorage.setItem(checkKey, true);
     setOpen(false);
   };
 
@@ -69,32 +70,54 @@ function ServerEula(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_FormLabel.default, {
     className: "eula-trigger",
     onClick: handleOpen
-  }, t('license.footer'))), /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, texts.listenName)), /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: !agreed || nextDisabled,
     color: "primary",
     variant: "contained",
     className: "next-button",
     onClick: onContinue
-  }, t('common.next'))), open && /*#__PURE__*/_react.default.createElement(_confirm.default, {
-    title: t('license.title'),
-    description: /*#__PURE__*/_react.default.createElement(_server.default, {
-      className: "eula-content"
-    }),
+  }, launching ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    size: 14
+  }), texts.launchingText) : texts.buttonNext)), open && (texts.confirmOK ? /*#__PURE__*/_react.default.createElement(_confirm.default, {
+    title: texts.confirmTitle,
+    description: description,
+    color: "primary",
+    confirm: texts.confirmOK,
+    cancel: texts.confirmCancel,
+    onCancel: handleCancel,
+    onConfirm: handleConfirm
+  }) : /*#__PURE__*/_react.default.createElement(_confirm.default, {
+    title: texts.confirmTitle,
+    description: description,
     color: "primary",
     onCancel: handleCancel,
     onConfirm: handleConfirm
-  }));
+  })));
 }
 
 ServerEula.propTypes = {
   onContinue: _propTypes.default.func.isRequired,
-  nextDisabled: _propTypes.default.bool
+  nextDisabled: _propTypes.default.bool,
+  launching: _propTypes.default.bool,
+  checkKey: _propTypes.default.string.isRequired,
+  description: _propTypes.default.any,
+  texts: _propTypes.default.object
 };
 ServerEula.defaultProps = {
-  nextDisabled: false
+  nextDisabled: false,
+  launching: false,
+  description: '',
+  texts: {
+    listenName: '',
+    launchingText: '',
+    buttonNext: '',
+    confirmTitle: '',
+    confirmOK: '',
+    confirmCancel: ''
+  }
 };
 
 const Div = _styledComponents.default.div.withConfig({
   displayName: "server-eula__Div",
   componentId: "sc-16uy00s-0"
-})(["width:90%;max-width:450px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;@media (max-width:", "px){flex-direction:column;}.eula-checkbox{display:flex;align-items:center;.eula-trigger{cursor:pointer;font-size:14px;&:hover{color:", ";}}}.next-button{width:120px;}"], props => props.theme.breakpoints.values.sm, props => props.theme.palette.primary.main);
+})(["margin:0 auto;display:flex;justify-content:space-between;align-items:center;@media (max-width:", "px){flex-direction:column;}.eula-checkbox{display:flex;flex:1;align-items:center;.eula-trigger{cursor:pointer;", "{padding-right:24px;}font-size:14px;white-space:nowrap;&:hover{color:", ";}}}.next-button{width:200px;}"], props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.up('md'), props => props.theme.palette.primary.main);

package/lib/contexts/request.js

@@ -18,6 +18,8 @@ var _urlJoin = _interopRequireDefault(require("url-join"));
 
 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); }
@@ -44,6 +46,9 @@ function RequestProvider(_ref) {
   const {
     session
   } = (0, _session.useSessionContext)();
+  const {
+    locale
+  } = (0, _locale.useLocaleContext)();
 
   const privateRequest = _axios.default.create({
     baseURL
@@ -51,6 +56,12 @@ function RequestProvider(_ref) {
 
   privateRequest.interceptors.request.use(config => {
     config.url = (0, _urlJoin.default)('/api', config.url);
+
+    if (!config.params) {
+      config.params = {};
+    }
+
+    config.params.locale = locale;
     return config;
   });
   privateRequest.interceptors.response.use(response => response, err => {

package/lib/index.js

@@ -77,11 +77,11 @@ function Stripe(_ref2) {
   } = _ref2,
       rest = _objectWithoutProperties(_ref2, _excluded);
 
-  return /*#__PURE__*/_react.default.createElement(_request.RequestProvider, {
-    baseURL: baseURL
-  }, /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
+  return /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
     translations: _locales.translations,
     locale: locale
+  }, /*#__PURE__*/_react.default.createElement(_request.RequestProvider, {
+    baseURL: baseURL
   }, /*#__PURE__*/_react.default.createElement(_checkout.default, rest)));
 }
 
@@ -101,11 +101,11 @@ function Launcher(_ref3) {
     locale,
     baseURL
   } = _ref3;
-  return /*#__PURE__*/_react.default.createElement(_request.RequestProvider, {
-    baseURL: baseURL
-  }, /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
+  return /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
     translations: _locales.translations,
     locale: locale
+  }, /*#__PURE__*/_react.default.createElement(_request.RequestProvider, {
+    baseURL: baseURL
   }, /*#__PURE__*/_react.default.createElement(LaunchContent, {
     Route: Route,
     routerPrefix: routerPrefix,

package/lib/locales/en.js

@@ -19,7 +19,8 @@ module.exports = {
     redeem: 'Redeem',
     redirecting: 'Redirecting',
     cancel: 'Cancel',
-    confirm: 'Confirm'
+    confirm: 'Confirm',
+    launching: 'Launching'
   },
   plan: {
     title: 'Select Blocklet Server Plan',

package/lib/locales/zh.js

@@ -17,7 +17,8 @@ module.exports = {
     purchase: '购买',
     redirecting: '跳转中',
     cancel: '取消',
-    confirm: '同意'
+    confirm: '同意',
+    launching: '启动中'
   },
   plan: {
     title: '创建节点',

package/lib/prepare.js

@@ -11,6 +11,8 @@ var _reactRouterDom = require("react-router-dom");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 
 var _utils = require("@arcblock/did-connect/lib/utils");
@@ -23,6 +25,8 @@ var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelp
 
 var _launcherConstant = require("@blocklet/launcher-constant");
 
+var _server = _interopRequireDefault(require("@arcblock/license/lib/server"));
+
 var _pageHeader = _interopRequireDefault(require("./components/page-header"));
 
 var _serverEula = _interopRequireDefault(require("./components/server-eula"));
@@ -33,6 +37,8 @@ var _locale = require("./contexts/locale");
 
 var _router = _interopRequireWildcard(require("./contexts/router"));
 
+var _util = require("./util");
+
 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); }
@@ -80,8 +86,6 @@ BlockletServerIcon.defaultProps = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const MAX_NAME_LENGTH = 30;
-const MAX_DESC_LENGTH = 50;
 
 function PreparePage() {
   const {
@@ -89,18 +93,21 @@ function PreparePage() {
   } = (0, _react.useContext)(_locale.LocaleContext);
   const [name, setName] = (0, _react.useState)('');
   const [description, setDescription] = (0, _react.useState)('');
-  const [error, setError] = (0, _react.useState)({
+  const [formError, setFormError] = (0, _react.useState)({
     name: '',
     description: ''
   });
   const routerPrefix = (0, _router.usePrefix)();
+  const [launching, setLaunching] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
   const [showLaunchInstanceDialog, setShowLaunchInstanceDialog] = (0, _react.useState)(false);
   const {
     nftId
   } = (0, _reactRouterDom.useParams)();
   const history = (0, _reactRouterDom.useHistory)();
   const {
-    create: createRequest
+    create: createRequest,
+    api
   } = (0, _request.default)();
 
   const handleInput = id => e => {
@@ -115,31 +122,34 @@ function PreparePage() {
     validate();
   };
 
+  const isRedeem = nftId === _launcherConstant.REDEEM_NFT_ID;
+  const headerScope = isRedeem ? 'redeem' : 'prepare';
+
   const validate = () => {
     let isError = false;
 
-    if (name.length > MAX_NAME_LENGTH) {
+    if (name.length > _launcherConstant.INSTANCE_MAX_NAME_LENGTH) {
       isError = true;
-      setError(value => _objectSpread(_objectSpread({}, value), {}, {
-        name: t('launchPrepare.error.nameExceed', {
-          length: MAX_NAME_LENGTH
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
+        name: t('launchPrepare.formError.nameExceed', {
+          length: _launcherConstant.INSTANCE_MAX_NAME_LENGTH
         })
       }));
     } else {
-      setError(value => _objectSpread(_objectSpread({}, value), {}, {
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
         name: ''
       }));
     }
 
-    if (description.length > MAX_DESC_LENGTH) {
+    if (description.length > _launcherConstant.INSTANCE_MAX_DESC_LENGTH) {
       isError = true;
-      setError(value => _objectSpread(_objectSpread({}, value), {}, {
-        description: t('launchPrepare.error.descriptionExceed', {
-          length: MAX_DESC_LENGTH
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
+        description: t('launchPrepare.formError.descriptionExceed', {
+          length: _launcherConstant.INSTANCE_MAX_DESC_LENGTH
         })
       }));
     } else {
-      setError(value => _objectSpread(_objectSpread({}, value), {}, {
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
         description: ''
       }));
     }
@@ -147,12 +157,40 @@ function PreparePage() {
     return isError;
   };
 
-  const handleLaunch = () => {
+  const handleLaunch = async () => {
+    setLaunching(true);
+
     if (validate()) {
       return;
     }
 
-    setShowLaunchInstanceDialog(true);
+    if (isRedeem) {
+      setShowLaunchInstanceDialog(true);
+      return;
+    }
+
+    try {
+      const {
+        status
+      } = await api.post('/instances/launch', {
+        nftId,
+        name,
+        description
+      });
+
+      if (status !== 202) {
+        setError(t('launch.error.launchFailed'));
+        return;
+      }
+
+      handleAuthSuccess({
+        nftId
+      });
+    } catch (err) {
+      setError((0, _util.getAPIResponseError)(err));
+    } finally {
+      setLaunching(false);
+    }
   }; // eslint-disable-next-line no-shadow
 
 
@@ -163,11 +201,11 @@ function PreparePage() {
     history.push((0, _router.default)(routerPrefix, "/in-progress/".concat(nftId).concat(window.location.search)));
   };
 
-  const handleCloseAuthDialog = () => setShowLaunchInstanceDialog(false);
+  const handleCloseAuthDialog = () => {
+    setLaunching(false);
+    setShowLaunchInstanceDialog(false);
+  };
 
-  const isRedeem = nftId === _launcherConstant.REDEEM_NFT_ID;
-  const headerScope = isRedeem ? 'redeem' : 'prepare';
-  const buttonScope = isRedeem ? 'redeem' : 'launch';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
     title: t("".concat(headerScope, ".title")),
     subTitle: t("".concat(headerScope, ".subTitle"))
@@ -179,7 +217,7 @@ function PreparePage() {
     className: "inputs"
   }, /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     className: "input-item",
-    error: !!error.name
+    formError: !!formError.name
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
     id: "name",
     variant: "outlined",
@@ -188,24 +226,35 @@ function PreparePage() {
     value: name,
     labelWidth: 0,
     autoFocus: true
-  }), error.name && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, error.name)), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
+  }), formError.name && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, formError.name)), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     className: "input-item",
-    error: !!error.description
+    formError: !!formError.description
   }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
     id: "description",
     variant: "outlined",
     label: t('common.description'),
-    error: !!error.desc,
+    formError: !!formError.desc,
     onChange: handleInput('description'),
     multiline: true,
     maxRows: 5,
     value: description,
     labelWidth: 0
-  }), error.description && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, error.description)))), /*#__PURE__*/_react.default.createElement("div", {
+  }), formError.description && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, null, formError.description)))), /*#__PURE__*/_react.default.createElement("div", {
     className: "botton-container"
   }, /*#__PURE__*/_react.default.createElement(_serverEula.default, {
     onContinue: handleLaunch,
-    nextDisabled: !name.trim() || !description.trim()
+    nextDisabled: !name.trim() || !description.trim() || launching,
+    launching: launching,
+    checkKey: "server-eula-checked",
+    description: /*#__PURE__*/_react.default.createElement(_server.default, {
+      className: "eula-content"
+    }),
+    texts: {
+      listenName: t('license.footer'),
+      launchingText: t('common.launching'),
+      buttonNext: t('common.next'),
+      confirmTitle: t('license.title')
+    }
   }))), /*#__PURE__*/_react.default.createElement(_Connect.default, {
     open: showLaunchInstanceDialog,
     popup: true,
@@ -223,15 +272,19 @@ function PreparePage() {
     disableClose: true,
     showDownload: false,
     messages: {
-      title: t("".concat(buttonScope, ".dialog.title")),
-      scan: t("".concat(buttonScope, ".dialog.scan")),
-      confirm: t("".concat(buttonScope, ".dialog.confirm")),
-      success: t("".concat(buttonScope, ".dialog.success"))
+      title: t('redeem.dialog.title'),
+      scan: t('redeem.dialog.scan'),
+      confirm: t('redeem.dialog.confirm'),
+      success: t('redeem.dialog.success')
     }
+  }), error && /*#__PURE__*/_react.default.createElement(_Toast.default, {
+    message: error,
+    variant: "error",
+    onClose: () => setError('')
   }));
 }
 
 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:450px;font-size:14px;input,textarea{font-size:14px;}}.botton-container{margin-top:24px;text-align:center;}"], props => props.theme.breakpoints.down('sm'));
+})(["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:450px;font-size:14px;input,textarea{font-size:14px;}}.botton-container{width:100%;margin:24px auto;max-width:450px;text-align:center;}"], props => props.theme.breakpoints.down('sm'));

package/lib/purchase.js

@@ -15,6 +15,8 @@ var _lodash = _interopRequireDefault(require("lodash.get"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
+var _jsCookie = _interopRequireDefault(require("js-cookie"));
+
 var _Coins = require("@styled-icons/remix-fill/Coins");
 
 var _util = require("@ocap/util");
@@ -160,8 +162,12 @@ function PurchasePage() {
 
   const handlePaid = _ref => {
     let {
-      nftId
+      nftId,
+      launchToken
     } = _ref;
+
+    _jsCookie.default.set('launch-token', launchToken);
+
     const url = "/prepare/".concat(nftId).concat(window.location.search);
     history.push((0, _router.default)(routerPrefix, url));
   };

package/lib/util.js

@@ -3,11 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getAPIResponseError = void 0;
 exports.getBlockletMetaUrl = getBlockletMetaUrl;
 exports.loadURL = exports.getLaunchBlockletUrl = void 0;
 
 var _urlJoin = _interopRequireDefault(require("url-join"));
 
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function getBlockletMetaUrl(registry, did) {
@@ -19,7 +22,7 @@ const getLaunchBlockletUrl = (serverUrl, blockletMetaUrl, locale) => {
     return serverUrl;
   }
 
-  let result = (0, _urlJoin.default)(serverUrl, "/launch-blocklet?blocklet_meta_url=".concat(encodeURIComponent(blockletMetaUrl)));
+  let result = (0, _urlJoin.default)(serverUrl, "/launch-blocklet/install?blocklet_meta_url=".concat(encodeURIComponent(blockletMetaUrl), "&from=launcher"));
 
   if (locale) {
     result += "&locale=".concat(locale);
@@ -30,6 +33,10 @@ const getLaunchBlockletUrl = (serverUrl, blockletMetaUrl, locale) => {
 
 exports.getLaunchBlockletUrl = getLaunchBlockletUrl;
 
+const getAPIResponseError = error => (0, _lodash.default)(error, 'response.data.error', '') || error.message;
+
+exports.getAPIResponseError = getAPIResponseError;
+
 const loadURL = url => new Promise(resolve => {
   let timer;
   const iframe = document.createElement('iframe');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.5.67",
+  "version": "1.5.70",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -41,8 +41,8 @@
     "@arcblock/icons": "^1.16.49",
     "@arcblock/license": "^1.16.49",
     "@arcblock/ux": "^1.16.49",
-    "@blocklet/launcher-constant": "1.5.67",
-    "@blocklet/launcher-layout": "1.5.67",
+    "@blocklet/launcher-constant": "1.5.70",
+    "@blocklet/launcher-layout": "1.5.70",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
@@ -52,6 +52,7 @@
     "@styled-icons/remix-fill": "^10.18.0",
     "axios": "^0.26.0",
     "flat": "^5.0.2",
+    "js-cookie": "^3.0.1",
     "lodash.get": "^4.4.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.8.1",
@@ -68,5 +69,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "148ece1f7072a00dac0ef077e8e96b4460cc6381"
+  "gitHead": "6cd2aa6e4d3559047c68e2208b7ec12f31236930"
 }