@blocklet/launcher-workflow 2.2.53 → 2.2.55

package/es/prepare.js

@@ -0,0 +1,290 @@
+import Center from '@arcblock/ux/lib/Center';
+import { getBlockletLogoUrl, getDefaultTrialEnd } from '@blocklet/launcher-util/es/util';
+import CheckoutOnDemand from '@blocklet/launcher-ux/lib/payment/checkout/on-demand';
+import { CheckoutTable, PaymentProvider } from '@blocklet/payment-react';
+import styled from '@emotion/styled';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import Stack from '@mui/material/Stack';
+import ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+import PropTypes from 'prop-types';
+import { useEffect } from 'react';
+import { Link, useNavigate, useSearchParams } from 'react-router-dom';
+import useAsync from 'react-use/lib/useAsync';
+import useSetState from 'react-use/lib/useSetState';
+import joinURL from 'url-join';
+import Body from './components/layout/body';
+import Header from './components/layout/header';
+import { useLocaleContext } from './contexts/locale';
+import useRequest from './contexts/request';
+import { useSessionContext } from './contexts/session';
+import { useWorkflowContext } from './contexts/workflow';
+import { launchSession } from './util';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Root = styled('div')`
+  width: 100%;
+  height: 100%;
+  padding-top: 0;
+
+  @media (max-width: 960px) {
+    width: 100%;
+  }
+`;
+function Content({
+  blocklet
+}) {
+  const [state, setState] = useSetState({
+    productType: 'on-demand'
+  });
+  const [params, setParams] = useSearchParams();
+  const {
+    session,
+    connectApi
+  } = useSessionContext();
+  const {
+    api: launchSessionAPI
+  } = useRequest();
+  const {
+    routerPrefix
+  } = useWorkflowContext();
+  const {
+    t,
+    locale
+  } = useLocaleContext();
+  const navigate = useNavigate();
+  const sessionId = params.get('sessionId');
+  const blockletMetaUrl = params.get('blocklet_meta_url');
+  const defaultProductType = params.get('product_type');
+  const productTypes = ['on-demand'];
+  if (window.blocklet?.preferences?.dedicatedPricingTableId) {
+    productTypes.push('dedicated');
+  }
+  useEffect(() => {
+    if (defaultProductType) {
+      setState({
+        productType: defaultProductType
+      });
+      params.set('product_type', defaultProductType);
+      setParams(params, {
+        replace: true
+      });
+    }
+  }, [defaultProductType, params, setParams, setState]);
+  const getLaunchState = useAsync(async () => {
+    const createPromiseFn = (fn, ...args) => new Promise((resolve, reject) => {
+      fn(...args, (err, value) => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve(value);
+        }
+      });
+    });
+    if (sessionId) {
+      const launch = await createPromiseFn(launchSession.load, launchSessionAPI, routerPrefix, sessionId, blockletMetaUrl);
+      return launch;
+    }
+    const launch = await createPromiseFn(launchSession.create, launchSessionAPI, routerPrefix, blockletMetaUrl);
+    return launch;
+  });
+  useEffect(() => {
+    const tmpLaunch = getLaunchState.value;
+    if (!tmpLaunch) {
+      return;
+    }
+    if (tmpLaunch._id !== params.get('sessionId')) {
+      params.set('sessionId', tmpLaunch._id);
+      setParams(params, {
+        replace: true
+      });
+    }
+  }, [getLaunchState.value, params, setParams]);
+  if (getLaunchState.loading || blocklet.loading) {
+    return /*#__PURE__*/_jsx(Center, {
+      relative: "parent",
+      children: /*#__PURE__*/_jsx(CircularProgress, {})
+    });
+  }
+  if (getLaunchState.error) {
+    return t('common.serviceError');
+  }
+  const handlePaid = () => {
+    navigate(`/paid?&sessionId=${launch._id}&blocklet_meta_url=${launch.blockletMetaUrl}`);
+  };
+  const handleChangeProductType = (a, newProductType) => {
+    if (!newProductType) {
+      return;
+    }
+    setState({
+      productType: newProductType
+    });
+    params.set('product_type', newProductType);
+    setParams(params, {
+      replace: true
+    });
+  };
+
+  // TODO: PaymentKitV2 处理支付失败的情况
+
+  const launch = getLaunchState.value;
+  return /*#__PURE__*/_jsx(Root, {
+    children: /*#__PURE__*/_jsxs(Stack, {
+      direction: "column",
+      sx: {
+        width: '100%',
+        height: '100%',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx(ToggleButtonGroup, {
+        orientation: "horizontal",
+        color: "primary",
+        value: state.productType,
+        size: "small",
+        onChange: handleChangeProductType,
+        exclusive: true,
+        children: productTypes.map(type => {
+          return /*#__PURE__*/_jsx(ToggleButton, {
+            value: type,
+            sx: {
+              textTransform: 'capitalize'
+            },
+            children: t(`purchase.productType.${type}`)
+          }, type);
+        })
+      }), /*#__PURE__*/_jsxs(Box, {
+        sx: {
+          width: '100%',
+          height: '100%',
+          marginTop: '24px',
+          '@media (min-width: 1200px)': {
+            maxWidth: '960px'
+          },
+          '@media (max-width: 1200px)': {
+            maxWidth: '100%'
+          }
+        },
+        children: [state.productType === 'on-demand' && /*#__PURE__*/_jsx(CheckoutOnDemand, {
+          launchSessionId: sessionId,
+          handlePaid: handlePaid,
+          components: (blocklet.components || []).map(x => ({
+            did: x.meta.did,
+            title: x.meta.title,
+            description: x.meta.description,
+            logo: getBlockletLogoUrl({
+              did: x.meta.did,
+              baseUrl: blocklet.registryUrl,
+              logoPath: x.meta.logo
+            })
+          })),
+          blockletStoreURL: blocklet.registryUrl,
+          connectApi: connectApi,
+          session: session,
+          t: t,
+          locale: locale,
+          api: launchSessionAPI,
+          checkoutPath: "/payment/checkout"
+        }), state.productType === 'dedicated' && window.blocklet?.preferences?.dedicatedPricingTableId && /*#__PURE__*/_jsx(Box, {
+          sx: {
+            display: 'flex',
+            width: '100%',
+            justifyContent: 'center',
+            '& .cko-container': {
+              justifyContent: 'center !important'
+            },
+            '& .cko-payment': {
+              gap: '8px'
+            },
+            '& >div>div': {
+              paddingTop: 0
+            },
+            '& .price-table-item': {
+              boxShadow: 'none'
+            },
+            '& .cko-payment-methods': {
+              marginTop: 0,
+              '&>p': {
+                marginBottom: 0
+              }
+            },
+            '& .cko-payment-submit': {
+              marginTop: 0,
+              '& button': {
+                fontSize: '1rem !important'
+              }
+            }
+          },
+          children: /*#__PURE__*/_jsx(PaymentProvider, {
+            session: session,
+            connect: connectApi,
+            children: /*#__PURE__*/_jsx(CheckoutTable, {
+              id: window.blocklet?.preferences?.dedicatedPricingTableId,
+              mode: "inline",
+              extraParams: {
+                'metadata.session_id': launch._id,
+                'subscription_data.trial_end': getDefaultTrialEnd(),
+                'subscription_data.days_until_due': 0,
+                'subscription_data.days_until_cancel': window.blocklet?.preferences?.daysUntilCancel || 30
+              },
+              onPaid: handlePaid
+            })
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Box, {
+        sx: {
+          display: 'flex',
+          justifyContent: 'space-between'
+        },
+        children: /*#__PURE__*/_jsx(Box, {
+          component: Link,
+          sx: {
+            color: 'text.secondary',
+            marginTop: '24px',
+            marginBottom: '12px',
+            '&:hover': {
+              textDecoration: 'underline !important'
+            }
+          },
+          to: joinURL(routerPrefix, `/purchase/select${window.location.search}`),
+          children: t('purchase.selectSpaceHint')
+        })
+      })]
+    })
+  });
+}
+function PreparePage({
+  blocklet
+}) {
+  const {
+    t
+  } = useLocaleContext();
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      display: 'flex',
+      flexDirection: 'column',
+      width: '100%',
+      height: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(Header, {
+      title: t('purchase.pageTitle'),
+      disableBack: true
+    }), /*#__PURE__*/_jsx(Body, {
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          display: 'flex',
+          justifyContent: 'center',
+          height: '100%'
+        },
+        children: /*#__PURE__*/_jsx(Content, {
+          blocklet: blocklet
+        })
+      })
+    })]
+  });
+}
+const propTypes = {
+  blocklet: PropTypes.object.isRequired
+};
+PreparePage.propTypes = propTypes;
+Content.propTypes = propTypes;
+export default PreparePage;

package/es/purchase.js

@@ -59,9 +59,7 @@ import useRequest from './contexts/request';
 import { useSessionContext } from './contexts/session';
 import { useWorkflowContext } from './contexts/workflow';
 import { launchSession } from './util';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const SLIDE_WIDTH = 300;
 const SLIDE_MIN_WIDTH = 280;
 const getSlideConfig = (maxLength, planLength) => {

package/lib/checkout.js

@@ -40,12 +40,12 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 /* eslint-disable react-hooks/exhaustive-deps */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var SpaceIcon = function SpaceIcon(props) {
@@ -258,7 +258,7 @@ function CheckoutPage(_ref) {
       }
       params.set('launchType', 'serverless');
     }
-    if (isPurchaseOnly && !(nftState.tags || []).includes(_constant.BLOCKLET_SERVER_OWNERSHIP_NFT)) {
+    if (isPurchaseOnly && !(nftState.tags || []).includes(_constant.NFT_TYPE_DEDICATE)) {
       handleCancelPay();
       _dsbridge.default.call('arcClosePage');
       return;

package/lib/components/checkbox.js

@@ -17,7 +17,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/lib/components/launch-dedicated.js

@@ -4,34 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LaunchDedicated;
+var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _constant = require("@blocklet/launcher-util/es/constant");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _ahooks = require("ahooks");
+var _lodash = _interopRequireDefault(require("lodash.get"));
+var _lodash2 = _interopRequireDefault(require("lodash.throttle"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 var _reactRouterDom = require("react-router-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _lodash = _interopRequireDefault(require("lodash.get"));
 var _useInterval = _interopRequireDefault(require("react-use/lib/useInterval"));
-var _lodash2 = _interopRequireDefault(require("lodash.throttle"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
-var _constant = require("@blocklet/launcher-util/es/constant");
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
 var _launchResultMessage = _interopRequireDefault(require("@blocklet/launcher-layout/lib/launch-result-message"));
+var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
 var _progressMessage = _interopRequireDefault(require("@blocklet/launcher-ux/lib/progress-message"));
-var _util = require("../util");
-var _query = _interopRequireDefault(require("../hooks/query"));
-var _request = _interopRequireDefault(require("../contexts/request"));
 var _locale = require("../contexts/locale");
+var _request = _interopRequireDefault(require("../contexts/request"));
+var _query = _interopRequireDefault(require("../hooks/query"));
+var _util = require("../util");
 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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const STATUS = {
   waiting: 0,
   // 未使用
@@ -44,6 +40,7 @@ const STATUS = {
 };
 function LaunchDedicated(_ref) {
   let {
+    sessionId,
     type
   } = _ref;
   const query = (0, _query.default)();
@@ -52,23 +49,21 @@ function LaunchDedicated(_ref) {
     t,
     locale
   } = (0, _react.useContext)(_locale.LocaleContext);
-  const [launchState, setLaunchState] = (0, _react.useState)({
+  const [launchState, setLaunchState] = (0, _ahooks.useSetState)({
+    instanceId: '',
     appUrl: '',
     status: STATUS.waiting
   });
-  const {
-    nftId
-  } = (0, _reactRouterDom.useParams)();
   const {
     api
   } = (0, _request.default)();
   const [progressStepIndex, setProgressStepIndex] = (0, _react.useState)(0);
   const [isDone, setIsDone] = (0, _react.useState)(false);
   const navigate = (0, _reactRouterDom.useNavigate)();
-  let createServerTime = sessionStorage.getItem("launcher-create-server-".concat(nftId, "-time"));
+  let createServerTime = sessionStorage.getItem("launcher-create-server-".concat(sessionId, "-time"));
   if (!createServerTime) {
     createServerTime = Date.now();
-    sessionStorage.setItem("launcher-create-server-".concat(nftId, "-time"), createServerTime);
+    sessionStorage.setItem("launcher-create-server-".concat(sessionId, "-time"), createServerTime);
   }
   const handleInstance = instance => {
     if (instance.status >= _constant.INSTANCE_STATUS.running) {
@@ -82,10 +77,10 @@ function LaunchDedicated(_ref) {
       });
       setIsDone(true);
       setTimeout(() => {
-        setLaunchState(pre => _objectSpread(_objectSpread({}, pre), {}, {
+        setLaunchState({
           status: STATUS.success,
           appUrl: url
-        }));
+        });
         (0, _util.loadURL)(url).finally(() => {
           setTimeout(() => {
             window.location.href = url;
@@ -96,21 +91,23 @@ function LaunchDedicated(_ref) {
   };
   const launch = async () => {
     try {
-      setLaunchState(pre => _objectSpread(_objectSpread({}, pre), {}, {
+      setLaunchState({
         status: STATUS.launching
-      }));
+      });
       const {
         data: {
           instance
         }
       } = await api.post('/instances/launch', {
-        nftId
+        launchId: sessionId
       }, {
         params: {
-          launchType: query.get('launchType'),
-          sessionId: query.get('sessionId')
+          launchType: query.get('launchType')
         }
       });
+      setLaunchState({
+        instanceId: instance._id
+      });
       handleInstance(instance);
     } catch (err) {
       const errDesc = (0, _util.getAPIResponseError)(err);
@@ -128,25 +125,25 @@ function LaunchDedicated(_ref) {
         data: {
           instance
         }
-      } = await api.get("/public/instances/".concat(nftId, "/status"));
+      } = await api.get("/instances/".concat(launchState.instanceId));
       handleInstance(instance);
     } catch (error) {
-      sessionStorage.removeItem("launcher-create-server-".concat(nftId, "-time"));
+      sessionStorage.removeItem("launcher-create-server-".concat(sessionId, "-time"));
       if ((0, _lodash.default)(error, 'response.status') === 404 && launchState.status !== STATUS.launching) {
-        setLaunchState(state => _objectSpread(_objectSpread({}, state), {}, {
+        setLaunchState({
           status: STATUS.notFoundError
-        }));
+        });
         throw error;
       }
-      setLaunchState(state => _objectSpread(_objectSpread({}, state), {}, {
+      setLaunchState({
         status: STATUS.error
-      }));
+      });
       console.warn('load instance status error', error);
       throw error;
     }
   };
   const poll = (0, _lodash2.default)(getInstanceStatus, 5000);
-  (0, _useInterval.default)(poll, launchState.status === STATUS.launching && nftId ? 5000 : null);
+  (0, _useInterval.default)(poll, launchState.status === STATUS.launching && launchState.instanceId ? 5000 : null);
   const successful = launchState.status === STATUS.success;
   const progressSteps = [t('launch.waiting.starting'), t('launch.waiting.securing'), t('launch.waiting.prepare'), t('launch.waiting.waiting'), t('launch.waiting.done')];
   const messageDuration = 40000;
@@ -239,6 +236,7 @@ const LinkEle = _styled.default.a(_templateObject || (_templateObject = _taggedT
 const WaiterContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: #1dc1c7;\n"])));
 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  }\n"])), props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
 LaunchDedicated.propTypes = {
+  sessionId: _propTypes.default.string.isRequired,
   type: _propTypes.default.oneOf(['launch', 'start'])
 };
 LaunchDedicated.defaultProps = {

package/lib/components/launch-serverless.js

@@ -22,7 +22,7 @@ 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 LaunchServerless(_ref) {
   let {
-    nftId
+    sessionId
   } = _ref;
   const {
     t,
@@ -32,13 +32,14 @@ function LaunchServerless(_ref) {
     api
   } = (0, _request.default)();
   const [searchParams] = (0, _reactRouterDom.useSearchParams)();
-  const sessionId = searchParams.get('sessionId');
   const state = (0, _useAsync.default)(async () => {
     const {
       data: {
         instance
       }
-    } = await api.post("/serverless/".concat(nftId, "/allocate?sessionId=").concat(sessionId));
+    } = await api.post('/serverless/allocate', {
+      launchId: sessionId
+    });
     setTimeout(() => {
       var _window$blocklet;
       window.location = (0, _util.getLaunchBlockletUrl)({
@@ -46,7 +47,7 @@ function LaunchServerless(_ref) {
         blockletMetaUrl: searchParams.get('blocklet_meta_url'),
         locale,
         launchType: 'serverless',
-        nftId,
+        nftId: instance.nftId,
         sessionId,
         chainHost: (_window$blocklet = window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.CHAIN_HOST,
         from: searchParams.get('from')
@@ -90,5 +91,5 @@ function LaunchServerless(_ref) {
 }
 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    margin-top: 128px;\n\n    .content {\n      display: flex;\n      align-items: center;\n      flex-direction: column;\n      text-align: center;\n\n      .loading-description {\n        margin-top: 8px;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));
 LaunchServerless.propTypes = {
-  nftId: _propTypes.default.string.isRequired
+  sessionId: _propTypes.default.string.isRequired
 };

package/lib/components/layout/body.js

@@ -15,7 +15,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/lib/components/layout/footer.js

@@ -14,7 +14,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/lib/components/layout/index.js

@@ -14,7 +14,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/lib/components/plan.js

@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/lib/contexts/request.js

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 _axios.default.defaults.timeout = 200000;
 const RequestContext = /*#__PURE__*/(0, _react.createContext)();

package/lib/launch.js

@@ -13,7 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function Launch() {
   const {
-    nftId
+    sessionId
   } = (0, _reactRouterDom.useParams)();
   const [searchParams] = (0, _reactRouterDom.useSearchParams)();
   const {
@@ -34,10 +34,10 @@ function Launch() {
   const launchType = searchParams.get('launchType');
   if (launchType === 'serverless') {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchServerless.default, {
-      nftId: nftId
+      sessionId: sessionId
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchDedicated.default, {
-    nftId: nftId
+    sessionId: sessionId
   });
 }