@blocklet/launcher-workflow 1.6.9 → 1.6.10

package/lib/components/instance-operation.js

@@ -23,6 +23,8 @@ var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 
+var _AnimationWaiter = _interopRequireDefault(require("@arcblock/ux/lib/AnimationWaiter"));
+
 var _launcherConstant = require("@blocklet/launcher-constant");
 
 var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
@@ -137,12 +139,16 @@ function OperationPage(_ref) {
   }, [nftId]); // eslint-disable-line
 
   const successful = launchState.status === STATUS.success;
+  const message = [t('launch.waiting.starting'), t('launch.waiting.securing'), t('launch.waiting.prepare'), t('launch.waiting.waiting')];
   return /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
     title: t("".concat(type, ".title")),
     className: "launch-page-header ".concat(successful ? 'header-hide' : '')
   }), launchState.status === STATUS.waiting && /*#__PURE__*/_react.default.createElement("div", {
     className: "center"
-  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)), (launchState.status === STATUS.launching || successful) && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)), launchState.status === STATUS.launching && /*#__PURE__*/_react.default.createElement(WaiterContainer, null, /*#__PURE__*/_react.default.createElement(_AnimationWaiter.default, {
+    message: message,
+    increaseSpeed: 0.3
+  })), successful && /*#__PURE__*/_react.default.createElement(_launchResultMessage.default, {
     variant: successful ? 'success' : 'loading',
     title: successful ? t('launch.launched') : '',
     subTitle: !successful ? t('launch.waitingForLaunching') : '',
@@ -185,9 +191,14 @@ const LinkEle = _styledComponents.default.a.withConfig({
   componentId: "sc-1fcaixs-0"
 })(["display:flex;justify-content:center;align-items:center;height:36px;color:", ";"], props => props.theme.palette.primary.main);
 
+const WaiterContainer = _styledComponents.default.div.withConfig({
+  displayName: "instance-operation__WaiterContainer",
+  componentId: "sc-1fcaixs-1"
+})(["color:#1dc1c7;"]);
+
 const Content = _styledComponents.default.div.withConfig({
   displayName: "instance-operation__Content",
-  componentId: "sc-1fcaixs-1"
+  componentId: "sc-1fcaixs-2"
 })(["margin:auto;height:100%;.link{color:", ";}.link:hover{text-decoration:underline !important;}.status{color:", ";display:flex;flex-direction:column;align-items:center;.status-spinner{color:inherit !important;}.status-text{display:inline-block;padding:0 20px;max-width:420px;margin-top:24px;text-align:center;}}.button{min-width:150px;margin-bottom:100px;}.center{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}.launch-page-header{transition:all ease 0.3s;&.header-hide{opacity:0;}}"], props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
 
 OperationPage.propTypes = {

package/lib/locales/en.js

@@ -54,6 +54,12 @@ module.exports = {
     loadStatusFailed: 'Failed to load Blocklet Server status',
     waitingForLaunching: 'Your Blocklet Server launch request is being processed, please be patient, it usually takes about 5 minutes',
     accessServer: 'Access Blocklet Server',
+    waiting: {
+      starting: 'Starting Server Instance',
+      securing: 'Securing Server Network',
+      prepare: 'Prepare Server Storage',
+      waiting: 'Waiting Server Ready'
+    },
     dialog: {
       title: 'Launch Blocklet Server',
       scan: 'Scan following QRCode with your DID Wallet',

package/lib/locales/zh.js

@@ -54,6 +54,12 @@ module.exports = {
     loadStatusFailed: '加载实例状态失败',
     waitingForLaunching: '节点正在启动中，大约需要 5 分钟',
     accessServer: '访问节点',
+    waiting: {
+      starting: '启动节点实例',
+      securing: '确保节点的网络安全',
+      prepare: '准备好节点存储',
+      waiting: '等待节点就绪'
+    },
     dialog: {
       title: '创建节点',
       scan: '用您的 DID 钱包扫描下面的二维码',

package/lib/prepare.js

@@ -31,6 +31,8 @@ var _serverEula = _interopRequireDefault(require("@blocklet/launcher-layout/lib/
 
 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");
@@ -53,42 +55,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-var BlockletServerIcon = function BlockletServerIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 4.9A1.1 1.1 0 0 1 3.1 6v12c0 .195.084.463.404.799.326.342.849.7 1.579 1.024C6.54 20.471 8.632 20.9 11 20.9s4.46-.429 5.917-1.077c.73-.324 1.253-.682 1.579-1.024.32-.336.404-.604.404-.8V6a1.1 1.1 0 0 1 2.2 0v12c0 .911-.42 1.696-1.01 2.317-.586.615-1.381 1.119-2.28 1.518-1.8.8-4.208 1.266-6.81 1.266-2.602 0-5.01-.466-6.81-1.266-.899-.4-1.694-.903-2.28-1.518C1.32 19.695.9 18.91.9 18V6A1.1 1.1 0 0 1 2 4.9Z",
-    fill: "#BFBFBF"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M2 10.9A1.1 1.1 0 0 1 3.1 12c0 .194.084.463.404.799.326.342.849.7 1.579 1.024C6.54 14.471 8.632 14.9 11 14.9s4.46-.429 5.917-1.077c.73-.324 1.253-.682 1.579-1.024.32-.336.404-.604.404-.8a1.1 1.1 0 0 1 2.2 0c0 .911-.42 1.696-1.01 2.317-.586.615-1.381 1.119-2.28 1.518-1.8.8-4.208 1.266-6.81 1.266-2.602 0-5.01-.466-6.81-1.266-.899-.4-1.694-.903-2.28-1.518C1.32 13.695.9 12.91.9 12A1.1 1.1 0 0 1 2 10.9Z",
-    fill: "#BFBFBF"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3.504 5.2c-.32.337-.404.605-.404.8 0 .195.084.463.404.799.326.342.849.7 1.579 1.024C6.54 8.471 8.632 8.9 11 8.9s4.46-.429 5.917-1.077c.73-.324 1.253-.682 1.579-1.024.32-.336.404-.604.404-.8 0-.194-.084-.462-.404-.798-.326-.342-.849-.7-1.579-1.025C15.46 3.53 13.368 3.1 11 3.1s-4.46.429-5.917 1.076c-.73.325-1.253.683-1.579 1.025Zm.686-3.034C5.99 1.366 8.398.9 11 .9c2.602 0 5.01.466 6.81 1.266.899.4 1.694.903 2.28 1.518.59.621 1.01 1.406 1.01 2.316 0 .91-.42 1.695-1.01 2.316-.586.615-1.381 1.119-2.28 1.518-1.8.8-4.208 1.266-6.81 1.266-2.602 0-5.01-.466-6.81-1.266-.899-.4-1.694-.903-2.28-1.518C1.32 7.695.9 6.91.9 6c0-.91.42-1.695 1.01-2.316.586-.615 1.381-1.119 2.28-1.518ZM24 24.9a1.1 1.1 0 0 1 1.1 1.1v12c0 .194.084.463.404.799.326.342.849.7 1.579 1.024C28.54 40.471 30.632 40.9 33 40.9s4.46-.429 5.917-1.077c.73-.324 1.253-.682 1.579-1.024.32-.336.404-.605.404-.8V26a1.1 1.1 0 0 1 2.2 0v12c0 .911-.42 1.696-1.01 2.317-.586.615-1.381 1.119-2.28 1.518-1.8.8-4.208 1.266-6.81 1.266-2.602 0-5.01-.467-6.81-1.266-.899-.4-1.694-.903-2.28-1.518-.59-.621-1.01-1.406-1.01-2.316V26a1.1 1.1 0 0 1 1.1-1.1Z",
-    fill: "#BFBFBF"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M24 30.9a1.1 1.1 0 0 1 1.1 1.1c0 .194.084.463.404.799.326.342.849.7 1.579 1.024C28.54 34.471 30.632 34.9 33 34.9s4.46-.429 5.917-1.077c.73-.324 1.253-.682 1.579-1.024.32-.336.404-.605.404-.8a1.1 1.1 0 0 1 2.2 0c0 .911-.42 1.696-1.01 2.317-.586.615-1.381 1.119-2.28 1.518-1.8.8-4.208 1.266-6.81 1.266-2.602 0-5.01-.467-6.81-1.266-.899-.4-1.694-.903-2.28-1.518-.59-.621-1.01-1.406-1.01-2.316a1.1 1.1 0 0 1 1.1-1.1Z",
-    fill: "#BFBFBF"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M25.504 25.2c-.32.337-.404.605-.404.8 0 .195.084.463.404.799.326.342.849.7 1.579 1.024C28.54 28.471 30.632 28.9 33 28.9s4.46-.429 5.917-1.077c.73-.324 1.253-.682 1.579-1.024.32-.336.404-.604.404-.8 0-.194-.084-.462-.404-.798-.326-.342-.849-.7-1.579-1.025C37.46 23.53 35.368 23.1 33 23.1s-4.46.428-5.917 1.076c-.73.325-1.253.683-1.579 1.025Zm.686-3.034c1.8-.8 4.208-1.266 6.81-1.266 2.602 0 5.01.466 6.81 1.266.899.4 1.694.903 2.28 1.518.59.621 1.01 1.405 1.01 2.316 0 .91-.42 1.695-1.01 2.316-.586.615-1.381 1.119-2.28 1.518-1.8.8-4.208 1.266-6.81 1.266-2.602 0-5.01-.466-6.81-1.266-.899-.4-1.694-.903-2.28-1.518-.59-.621-1.01-1.406-1.01-2.316 0-.91.42-1.695 1.01-2.316.586-.615 1.381-1.119 2.28-1.518ZM28.9 4A1.1 1.1 0 0 1 30 2.9h6A5.1 5.1 0 0 1 41.1 8v6a1.1 1.1 0 0 1-2.2 0V8A2.9 2.9 0 0 0 36 5.1h-6A1.1 1.1 0 0 1 28.9 4ZM4 28.9A1.1 1.1 0 0 1 5.1 30v6A2.9 2.9 0 0 0 8 38.9h6a1.1 1.1 0 0 1 0 2.2H8A5.1 5.1 0 0 1 2.9 36v-6A1.1 1.1 0 0 1 4 28.9Z",
-    fill: "#BFBFBF"
-  }));
-};
-
-BlockletServerIcon.defaultProps = {
-  width: "46",
-  height: "46",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-
 function PreparePage() {
   const {
     t
@@ -220,7 +186,12 @@ function PreparePage() {
     className: "page-body"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "page-logo"
-  }, /*#__PURE__*/_react.default.createElement(BlockletServerIcon, null)), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_ServerLogoNotext.default, {
+    style: {
+      width: 48,
+      height: 48
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "inputs"
   }, /*#__PURE__*/_react.default.createElement(_FormControl.default, {
     className: "input-item",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.6.9",
+  "version": "1.6.10",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -37,16 +37,16 @@
     "react": ">=16.12.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^1.17.11",
-    "@arcblock/icons": "^1.17.11",
-    "@arcblock/license": "^1.17.11",
-    "@arcblock/ux": "^1.17.11",
-    "@blocklet/launcher-constant": "1.6.9",
-    "@blocklet/launcher-layout": "1.6.9",
+    "@arcblock/did-connect": "^1.17.12",
+    "@arcblock/icons": "^1.17.12",
+    "@arcblock/license": "^1.17.12",
+    "@arcblock/ux": "^1.17.12",
+    "@blocklet/launcher-constant": "1.6.10",
+    "@blocklet/launcher-layout": "1.6.10",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
-    "@ocap/util": "^1.16.4",
+    "@ocap/util": "^1.16.5",
     "@stripe/react-stripe-js": "^1.7.0",
     "@stripe/stripe-js": "^1.22.0",
     "@styled-icons/remix-fill": "^10.18.0",
@@ -56,6 +56,7 @@
     "lodash.get": "^4.4.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.8.1",
+    "react-lottie-player": "^1.4.2",
     "react-router-dom": "^5.1.2",
     "react-use": "^17.3.2",
     "styled-components": "^5.3.3",
@@ -69,5 +70,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "e0c381fe2999fe1f4ad152247f1177a5eb8c6641"
+  "gitHead": "c26d394508eadb724da0892c55a61acb7b6bb826"
 }