@blocklet/launcher-workflow 1.9.11 → 1.9.13

package/lib/components/instance-operation.js

@@ -29,7 +29,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const STATUS = {
   waiting: 0,
   // 未使用
@@ -76,7 +78,11 @@ function OperationPage(_ref) {
         }
       } = await api.get("/public/instances/".concat(nftId, "/status"));
       if (instance.status >= _constant.INSTANCE_STATUS.running) {
-        const url = (0, _util.getLaunchBlockletUrl)(instance.serverUrl, blockletMetaUrl, locale);
+        const url = (0, _util.getLaunchBlockletUrl)({
+          serverUrl: instance.serverUrl,
+          blockletMetaUrl,
+          locale
+        });
         setIsDone(true);
         setTimeout(() => {
           setLaunchState(pre => _objectSpread(_objectSpread({}, pre), {}, {

package/lib/components/prepare-serverless.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PrepareServerless;
+var _react = require("react");
+var _reactRouterDom = require("react-router-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
+var _ServerLogoNotext = _interopRequireDefault(require("@arcblock/icons/lib/ServerLogoNotext"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _locale = require("../contexts/locale");
+var _util = require("../util");
+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 PrepareServerless(_ref) {
+  let {
+    nftId
+  } = _ref;
+  const {
+    t,
+    locale
+  } = (0, _react.useContext)(_locale.LocaleContext);
+  const {
+    api
+  } = (0, _request.default)();
+  const [searchParams] = (0, _reactRouterDom.useSearchParams)();
+  const state = (0, _useAsync.default)(async () => {
+    const {
+      data: {
+        instance
+      }
+    } = await api.post("/serverless/".concat(nftId, "/allocate"));
+    setTimeout(() => {
+      window.location = (0, _util.getLaunchBlockletUrl)({
+        serverUrl: instance.serverUrl,
+        blockletMetaUrl: searchParams.get('blocklet_meta_url'),
+        locale,
+        launchType: 'serverless',
+        nftId
+      });
+    }, 3000);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
+      title: t('prepare.serverless.title'),
+      onClickBack: ""
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "page-body",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "page-logo",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ServerLogoNotext.default, {
+          style: {
+            width: 48,
+            height: 48
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "content",
+        children: [state.loading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+            size: "3.5rem"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "description",
+            children: t('prepare.serverless.preparing')
+          })]
+        }), !state.loading && !state.error && t('prepare.serverless.prepared'), state.error && t('prepare.serverless.prepareFailed')]
+      })]
+    })]
+  });
+}
+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  .page-body {\n    .content {\n      display: flex;\n      align-items: center;\n      flex-direction: column;\n      text-align: center;\n      margin-top: 64px;\n\n      .loading-description {\n        margin-top: 8px;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));
+PrepareServerless.propTypes = {
+  nftId: _propTypes.default.string.isRequired
+};

package/lib/components/prepare-standard.js

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PrepareStandard;
+var _react = require("react");
+var _reactRouterDom = require("react-router-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+var _constant = require("@blocklet/launcher-util/lib/constant");
+var _server = _interopRequireDefault(require("@arcblock/license/lib/server"));
+var _serverEula = _interopRequireDefault(require("@blocklet/launcher-layout/lib/wizard/server-eula"));
+var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
+var _ServerLogoNotext = _interopRequireDefault(require("@arcblock/icons/lib/ServerLogoNotext"));
+var _request = _interopRequireDefault(require("../contexts/request"));
+var _locale = require("../contexts/locale");
+var _router = _interopRequireWildcard(require("../contexts/router"));
+var _query = _interopRequireDefault(require("../hooks/query"));
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function PrepareStandard(_ref) {
+  let {
+    nftId
+  } = _ref;
+  const {
+    t
+  } = (0, _react.useContext)(_locale.LocaleContext);
+  const [name, setName] = (0, _react.useState)('');
+  const [description, setDescription] = (0, _react.useState)('');
+  const [formError, setFormError] = (0, _react.useState)({
+    name: '',
+    description: ''
+  });
+  const routerPrefix = (0, _router.usePrefix)();
+  const disabledBack = (0, _router.useDisabledBack)();
+  const [launching, setLaunching] = (0, _react.useState)(false);
+  const [showLaunchInstanceDialog, setShowLaunchInstanceDialog] = (0, _react.useState)(false);
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    create: createRequest,
+    api
+  } = (0, _request.default)();
+  const query = (0, _query.default)();
+  const handleInput = id => e => {
+    if (id === 'name') {
+      setName(e.target.value);
+    }
+    if (id === 'description') {
+      setDescription(e.target.value);
+    }
+    validate();
+  };
+  const isRedeem = nftId === _constant.REDEEM_NFT_ID;
+  const headerScope = isRedeem ? 'redeem' : 'prepare';
+  const validate = () => {
+    let isError = false;
+    if (name.length > _constant.INSTANCE_MAX_NAME_LENGTH) {
+      isError = true;
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
+        name: t('launchPrepare.formError.nameExceed', {
+          length: _constant.INSTANCE_MAX_NAME_LENGTH
+        })
+      }));
+    } else {
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
+        name: ''
+      }));
+    }
+    if (description.length > _constant.INSTANCE_MAX_DESC_LENGTH) {
+      isError = true;
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
+        description: t('launchPrepare.formError.descriptionExceed', {
+          length: _constant.INSTANCE_MAX_DESC_LENGTH
+        })
+      }));
+    } else {
+      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
+        description: ''
+      }));
+    }
+    return isError;
+  };
+  const handleLaunch = async () => {
+    setLaunching(true);
+    if (validate()) {
+      return;
+    }
+    if (isRedeem) {
+      setShowLaunchInstanceDialog(true);
+      return;
+    }
+    try {
+      const {
+        status
+      } = await api.post('/instances/launch', {
+        nftId,
+        name,
+        description
+      }, {
+        params: {
+          launchType: query.get('launchType')
+        }
+      });
+      if (status !== 202) {
+        _Toast.default.error(t('launch.error.launchFailed'));
+        return;
+      }
+      handleAuthSuccess({
+        nftId
+      });
+    } catch (err) {
+      const errDesc = (0, _util.getAPIResponseError)(err);
+      if (errDesc === 'Unauthorized') {
+        _Toast.default.error(t('launchPrepare.error.loginFirst'));
+      } else {
+        _Toast.default.error(errDesc);
+      }
+    } finally {
+      setLaunching(false);
+    }
+  };
+
+  // eslint-disable-next-line no-shadow
+  const handleAuthSuccess = _ref2 => {
+    let {
+      nftId
+    } = _ref2;
+    navigate((0, _router.default)(routerPrefix, "/in-progress/".concat(nftId).concat(window.location.search)));
+  };
+  const handleCloseAuthDialog = () => {
+    setLaunching(false);
+    setShowLaunchInstanceDialog(false);
+  };
+  const clickBack = () => {
+    navigate(-1);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
+        title: t("".concat(headerScope, ".title")),
+        subTitle: t("".concat(headerScope, ".subTitle")),
+        onClickBack: headerScope === 'redeem' && !disabledBack.includes('prepare') ? clickBack : ''
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "page-body",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "page-logo",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ServerLogoNotext.default, {
+            style: {
+              width: 48,
+              height: 48
+            }
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "inputs",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
+            className: "input-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+              id: "name",
+              variant: "outlined",
+              label: t('common.name'),
+              onChange: handleInput('name'),
+              value: name,
+              labelwidth: 0,
+              autoFocus: true
+            }), formError.name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, {
+              children: formError.name
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
+            className: "input-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+              id: "description",
+              variant: "outlined",
+              label: t('common.description'),
+              onChange: handleInput('description'),
+              value: description,
+              labelwidth: 0
+            }), formError.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, {
+              children: formError.description
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "botton-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_serverEula.default, {
+          onContinue: handleLaunch,
+          nextDisabled: !name.trim() || !description.trim() || launching,
+          launching: launching,
+          description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_server.default, {
+            className: "eula-content"
+          }),
+          texts: {
+            listenName: t('license.title'),
+            launchingText: t('common.launching'),
+            buttonNext: t('license.footer')
+          }
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+      open: showLaunchInstanceDialog,
+      popup: true,
+      action: "launch-instance",
+      checkFn: createRequest().get,
+      onSuccess: handleAuthSuccess,
+      onClose: handleCloseAuthDialog,
+      checkTimeout: 60 * 5000,
+      extraParams: {
+        nftId,
+        name,
+        description
+      },
+      disableClose: true,
+      showDownload: false,
+      messages: {
+        title: t('redeem.dialog.title'),
+        scan: t('redeem.dialog.scan'),
+        confirm: t('redeem.dialog.confirm'),
+        success: t('redeem.dialog.success')
+      }
+    })]
+  });
+}
+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'));
+PrepareStandard.propTypes = {
+  nftId: _propTypes.default.string.isRequired
+};

package/lib/contexts/request.js

@@ -16,7 +16,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 _axios.default.defaults.timeout = 200000;
 const RequestContext = /*#__PURE__*/(0, _react.createContext)();
 const {

package/lib/locales/en.js

@@ -29,7 +29,13 @@ module.exports = {
   },
   prepare: {
     title: 'Naming Blocklet Server',
-    subTitle: 'Please enter server name and description, they will appear in your server passport'
+    subTitle: 'Please enter server name and description, they will appear in your server passport',
+    serverless: {
+      title: 'Preparing Instance',
+      preparing: 'Preparing...',
+      prepared: 'Instance ready, redrectring...',
+      prepareFailed: 'Prepare for instance failure!'
+    }
   },
   launch: {
     title: 'Createing Blocklet Server',
@@ -86,5 +92,14 @@ module.exports = {
     error: {
       loginFirst: 'Please login first'
     }
+  },
+  purchase: {
+    dialog: {
+      title: 'Purchase Blocklet Server NFT',
+      scan: 'Scan the QR code below with your DID wallet to complete purchase',
+      confirm: 'Confirm on your DID Wallet',
+      success: 'Purchase Success'
+    },
+    purchaseServerlessSuccess: 'The purchase of no service is successful and you can go ahead and install Blocklet'
   }
 };

package/lib/locales/zh.js

@@ -29,7 +29,13 @@ module.exports = {
   },
   prepare: {
     title: '命名节点',
-    subTitle: '请输入要创建的节点名称和描述，它们将显示在您的节点通行证中'
+    subTitle: '请输入要创建的节点名称和描述，它们将显示在您的节点通行证中',
+    serverless: {
+      title: '正在准备实例',
+      preparing: '准备实例中...',
+      prepared: '已准备好实例，跳转中...',
+      prepareFailed: '准备实例失败!'
+    }
   },
   launch: {
     title: '创建节点',
@@ -86,5 +92,14 @@ module.exports = {
     error: {
       loginFirst: '请先登录'
     }
+  },
+  purchase: {
+    dialog: {
+      title: '购买 Blocklet Server NFT',
+      scan: '用您的 DID 钱包扫描下面的二维码完成购买',
+      confirm: '在您的 DID 钱包上确认',
+      success: '支付成功'
+    },
+    purchaseServerlessSuccess: '购买无服务成功，您可以去安装 Blocklet'
   }
 };

package/lib/prepare.js

@@ -4,232 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PreparePage;
-var _react = require("react");
 var _reactRouterDom = require("react-router-dom");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
-var _constant = require("@blocklet/launcher-util/lib/constant");
-var _server = _interopRequireDefault(require("@arcblock/license/lib/server"));
-var _serverEula = _interopRequireDefault(require("@blocklet/launcher-layout/lib/wizard/server-eula"));
-var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
-var _ServerLogoNotext = _interopRequireDefault(require("@arcblock/icons/lib/ServerLogoNotext"));
-var _request = _interopRequireDefault(require("./contexts/request"));
-var _locale = require("./contexts/locale");
-var _router = _interopRequireWildcard(require("./contexts/router"));
-var _query = _interopRequireDefault(require("./hooks/query"));
-var _util = require("./util");
+var _prepareServerless = _interopRequireDefault(require("./components/prepare-serverless"));
+var _prepareStandard = _interopRequireDefault(require("./components/prepare-standard"));
 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; }
-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 PreparePage() {
-  const {
-    t
-  } = (0, _react.useContext)(_locale.LocaleContext);
-  const [name, setName] = (0, _react.useState)('');
-  const [description, setDescription] = (0, _react.useState)('');
-  const [formError, setFormError] = (0, _react.useState)({
-    name: '',
-    description: ''
-  });
-  const routerPrefix = (0, _router.usePrefix)();
-  const disabledBack = (0, _router.useDisabledBack)();
-  const [launching, setLaunching] = (0, _react.useState)(false);
-  const [showLaunchInstanceDialog, setShowLaunchInstanceDialog] = (0, _react.useState)(false);
   const {
     nftId
   } = (0, _reactRouterDom.useParams)();
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const {
-    create: createRequest,
-    api
-  } = (0, _request.default)();
-  const query = (0, _query.default)();
-  const handleInput = id => e => {
-    if (id === 'name') {
-      setName(e.target.value);
-    }
-    if (id === 'description') {
-      setDescription(e.target.value);
-    }
-    validate();
-  };
-  const isRedeem = nftId === _constant.REDEEM_NFT_ID;
-  const headerScope = isRedeem ? 'redeem' : 'prepare';
-  const validate = () => {
-    let isError = false;
-    if (name.length > _constant.INSTANCE_MAX_NAME_LENGTH) {
-      isError = true;
-      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
-        name: t('launchPrepare.formError.nameExceed', {
-          length: _constant.INSTANCE_MAX_NAME_LENGTH
-        })
-      }));
-    } else {
-      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
-        name: ''
-      }));
-    }
-    if (description.length > _constant.INSTANCE_MAX_DESC_LENGTH) {
-      isError = true;
-      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
-        description: t('launchPrepare.formError.descriptionExceed', {
-          length: _constant.INSTANCE_MAX_DESC_LENGTH
-        })
-      }));
-    } else {
-      setFormError(value => _objectSpread(_objectSpread({}, value), {}, {
-        description: ''
-      }));
-    }
-    return isError;
-  };
-  const handleLaunch = async () => {
-    setLaunching(true);
-    if (validate()) {
-      return;
-    }
-    if (isRedeem) {
-      setShowLaunchInstanceDialog(true);
-      return;
-    }
-    try {
-      const {
-        status
-      } = await api.post('/instances/launch', {
-        nftId,
-        name,
-        description
-      }, {
-        params: {
-          launchType: query.get('launchType')
-        }
-      });
-      if (status !== 202) {
-        _Toast.default.error(t('launch.error.launchFailed'));
-        return;
-      }
-      handleAuthSuccess({
-        nftId
-      });
-    } catch (err) {
-      const errDesc = (0, _util.getAPIResponseError)(err);
-      if (errDesc === 'Unauthorized') {
-        _Toast.default.error(t('launchPrepare.error.loginFirst'));
-      } else {
-        _Toast.default.error(errDesc);
-      }
-    } finally {
-      setLaunching(false);
-    }
-  };
-
-  // eslint-disable-next-line no-shadow
-  const handleAuthSuccess = _ref => {
-    let {
-      nftId
-    } = _ref;
-    navigate((0, _router.default)(routerPrefix, "/in-progress/".concat(nftId).concat(window.location.search)));
-  };
-  const handleCloseAuthDialog = () => {
-    setLaunching(false);
-    setShowLaunchInstanceDialog(false);
-  };
-  const clickBack = () => {
-    navigate(-1);
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
-        title: t("".concat(headerScope, ".title")),
-        subTitle: t("".concat(headerScope, ".subTitle")),
-        onClickBack: headerScope === 'redeem' && !disabledBack.includes('prepare') ? clickBack : ''
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "page-body",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "page-logo",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ServerLogoNotext.default, {
-            style: {
-              width: 48,
-              height: 48
-            }
-          })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "inputs",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
-            className: "input-item",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-              id: "name",
-              variant: "outlined",
-              label: t('common.name'),
-              onChange: handleInput('name'),
-              value: name,
-              labelwidth: 0,
-              autoFocus: true
-            }), formError.name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, {
-              children: formError.name
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
-            className: "input-item",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
-              id: "description",
-              variant: "outlined",
-              label: t('common.description'),
-              onChange: handleInput('description'),
-              value: description,
-              labelwidth: 0
-            }), formError.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormHelperText.default, {
-              children: formError.description
-            })]
-          })]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "botton-container",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_serverEula.default, {
-          onContinue: handleLaunch,
-          nextDisabled: !name.trim() || !description.trim() || launching,
-          launching: launching,
-          description: /*#__PURE__*/(0, _jsxRuntime.jsx)(_server.default, {
-            className: "eula-content"
-          }),
-          texts: {
-            listenName: t('license.title'),
-            launchingText: t('common.launching'),
-            buttonNext: t('license.footer')
-          }
-        })
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
-      open: showLaunchInstanceDialog,
-      popup: true,
-      action: "launch-instance",
-      checkFn: createRequest().get,
-      onSuccess: handleAuthSuccess,
-      onClose: handleCloseAuthDialog,
-      checkTimeout: 60 * 5000,
-      extraParams: {
-        nftId,
-        name,
-        description
-      },
-      disableClose: true,
-      showDownload: false,
-      messages: {
-        title: t('redeem.dialog.title'),
-        scan: t('redeem.dialog.scan'),
-        confirm: t('redeem.dialog.confirm'),
-        success: t('redeem.dialog.success')
-      }
-    })]
+  const [searchParams] = (0, _reactRouterDom.useSearchParams)();
+  const launchType = searchParams.get('launchType');
+  if (launchType === 'serverless') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_prepareServerless.default, {
+      nftId: nftId
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_prepareStandard.default, {
+    nftId: nftId
   });
-}
-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

@@ -26,6 +26,7 @@ var _query = _interopRequireDefault(require("./hooks/query"));
 var _locale = require("./contexts/locale");
 var _session = require("./contexts/session");
 var _router = _interopRequireWildcard(require("./contexts/router"));
+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); }
@@ -54,6 +55,7 @@ function PurchasePage(_ref) {
   const routerPrefix = (0, _router.usePrefix)();
   const [planLoaded, setPlanLoaded] = (0, _react.useState)(false);
   const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
+  const [searchParams] = (0, _reactRouterDom.useSearchParams)();
   const userDid = query.get('userDid') || (0, _lodash.default)(session, 'user.did');
   const isEmbed = !!query.get('blocklet_meta_url');
   (0, _react.useEffect)(() => {
@@ -62,7 +64,7 @@ function PurchasePage(_ref) {
     }
     // eslint-disable-next-line
   }, [paymentMethod, userDid]);
-  const handlePaid = (_ref2, decrypt) => {
+  const handlePaid = async (_ref2, decrypt) => {
     let {
       nftId,
       launchToken
@@ -70,8 +72,22 @@ function PurchasePage(_ref) {
     if (launchToken) {
       _jsCookie.default.set('launch-token', decrypt(launchToken));
     }
-    const url = "/prepare/".concat(nftId).concat(window.location.search);
-    navigate((0, _router.default)(routerPrefix, url));
+    if (nftId !== _constant.REDEEM_NFT_ID) {
+      const nftState = await (0, _util.getAsset)(window.blocklet.CHAIN_HOST, nftId);
+      if ((nftState.tags || []).includes(_constant.NFT_TYPE_SERVERLESS)) {
+        if (!isEmbed) {
+          _Toast.default.success(t('purchase.purchaseServerlessSuccess'));
+          setPaying(false);
+          return;
+        }
+        searchParams.set('launchType', 'serverless');
+      }
+    }
+    navigate({
+      pathname: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId)),
+      search: searchParams.toString()
+    });
+    setPaying(false);
   };
   const getPurchaseParams = () => {
     const obj = {

package/lib/util.js

@@ -3,23 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAPIResponseError = void 0;
+exports.getAsset = 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"));
+var _axios = _interopRequireDefault(require("axios"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function getBlockletMetaUrl(registry, did) {
   return (0, _urlJoin.default)(registry, "/api/blocklets/".concat(did, "/blocklet.json?source=webapp"));
 }
-const getLaunchBlockletUrl = (serverUrl, blockletMetaUrl, locale) => {
+const getLaunchBlockletUrl = _ref => {
+  let {
+    serverUrl,
+    blockletMetaUrl,
+    locale,
+    launchType,
+    nftId
+  } = _ref;
   if (!blockletMetaUrl) {
     return serverUrl;
   }
-  let result = (0, _urlJoin.default)(serverUrl, "/launch-blocklet/install?blocklet_meta_url=".concat(encodeURIComponent(blockletMetaUrl), "&from_launcher=true&from=").concat(encodeURIComponent(window.location.href)));
+  let result = (0, _urlJoin.default)(serverUrl, "/launch-blocklet/install?blocklet_meta_url=".concat(encodeURIComponent(blockletMetaUrl), "&fromLauncher=true&from=").concat(encodeURIComponent(window.location.href)));
+  if (launchType) {
+    result += "&launchType=".concat(launchType);
+  }
   if (locale) {
     result += "&locale=".concat(locale);
   }
+  if (nftId) {
+    result += "&nftId=".concat(nftId);
+  }
   return result;
 };
 exports.getLaunchBlockletUrl = getLaunchBlockletUrl;
@@ -49,4 +63,22 @@ const loadURL = url => new Promise(resolve => {
   document.body.appendChild(iframe);
   timer = setTimeout(done, 5000);
 });
-exports.loadURL = loadURL;
+exports.loadURL = loadURL;
+const getAsset = async (chainHost, address) => {
+  const url = (0, _urlJoin.default)(new URL(chainHost).origin, '/api/gql/');
+  const result = await _axios.default.create().post(url, JSON.stringify({
+    query: "{\n          getAssetState(address: \"".concat(address, "\") {\n            state {\n              address\n              data {\n                typeUrl\n                value\n              }\n              display {\n                type\n                content\n              }\n              issuer\n              owner\n              parent\n              tags\n            }\n          }\n        }")
+  }), {
+    headers: {
+      'Content-Type': 'application/json',
+      Accept: 'application/json'
+    },
+    timeout: 60 * 1000
+  });
+  const state = (0, _lodash.default)(result, 'data.data.getAssetState.state');
+  if (state && state.data.typeUrl === 'json') {
+    state.data.value = JSON.parse(state.data.value);
+  }
+  return state;
+};
+exports.getAsset = getAsset;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.9.11",
+  "version": "1.9.13",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -36,19 +36,19 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.52",
-    "@arcblock/icons": "^2.4.52",
-    "@arcblock/license": "^2.4.52",
-    "@arcblock/ux": "^2.4.52",
-    "@blocklet/launcher-layout": "1.9.11",
-    "@blocklet/launcher-util": "1.9.11",
-    "@blocklet/launcher-ux": "1.9.11",
-    "@did-pay/react": "^1.9.22",
+    "@arcblock/did-connect": "^2.4.55",
+    "@arcblock/icons": "^2.4.55",
+    "@arcblock/license": "^2.4.55",
+    "@arcblock/ux": "^2.4.55",
+    "@blocklet/launcher-layout": "1.9.13",
+    "@blocklet/launcher-util": "1.9.13",
+    "@blocklet/launcher-ux": "1.9.13",
+    "@did-pay/react": "^1.9.27",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@mui/icons-material": "^5.10.14",
-    "@mui/material": "^5.10.14",
-    "@ocap/util": "^1.18.17",
+    "@mui/icons-material": "^5.10.16",
+    "@mui/material": "^5.10.16",
+    "@ocap/util": "^1.18.23",
     "@stripe/react-stripe-js": "^1.15.0",
     "@stripe/stripe-js": "^1.44.1",
     "axios": "^0.26.1",
@@ -58,16 +58,16 @@
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.8.1",
     "react-lottie-player": "^1.5.0",
-    "react-router-dom": "^6.4.3",
+    "react-router-dom": "^6.4.4",
     "react-use": "^17.4.0",
     "url-join": "^4.0.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.20.5",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^2.0.1"
   },
-  "gitHead": "379a297f8aa4ae9e508dc179fc4008821d145b81"
+  "gitHead": "c2192c94567e6b096096c82214da83d992ce988d"
 }