@abtnode/ux 1.8.68-beta-500af7e5 → 1.8.68

package/lib/confirm.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
 var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
@@ -118,8 +118,8 @@ function ConfirmDialog(_ref) {
         variant: "contained",
         "data-cy": "submit-confirm-dialog",
         autoFocus: true,
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), confirm]
       })]
     })]

package/lib/form/form-text-input.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormTextInput;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
@@ -13,21 +13,11 @@ var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
-var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
-var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
-var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
-var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
 var _required = _interopRequireDefault(require("./required"));
 var _formWrapper = _interopRequireDefault(require("./form-wrapper"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "placeholder", "style", "onSubmit", "secure", "triggers", "formatterBeforeSubmit"];
+const _excluded = ["label", "disabled", "required", "initialValue", "onChange", "placeholder", "style", "onSubmit", "secure", "formatterBeforeSubmit"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 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; }
@@ -35,91 +25,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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 _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; }
-function InputTriggers(_ref) {
-  let {
-    triggers,
-    onEnterEdit,
-    disabled
-  } = _ref;
-  const anchorRef = _react.default.useRef(null);
-  const [open, setOpen] = _react.default.useState(false);
-  const handleTriggerClick = cb => {
-    setOpen(false);
-    cb();
-  };
-  const handleToggle = () => {
-    setOpen(prevOpen => !prevOpen);
-  };
-  const handleClose = event => {
-    if (anchorRef.current && anchorRef.current.contains(event.target)) {
-      return;
-    }
-    setOpen(false);
-  };
-  if (triggers.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-      "data-cy": "schema-form-item-edit",
-      onClick: onEnterEdit,
-      disabled: disabled,
-      size: "large",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditIcon.default, {})
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ButtonGroup.default, {
-      variant: "outlined",
-      ref: anchorRef,
-      "aria-label": "split button",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        "data-cy": "schema-form-item-edit",
-        onClick: onEnterEdit,
-        disabled: disabled,
-        size: "large",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditIcon.default, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        size: "small",
-        "aria-controls": open ? 'split-button-menu' : undefined,
-        "aria-expanded": open ? 'true' : undefined,
-        onClick: handleToggle,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDropDown.default, {})
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, {
-      sx: {
-        zIndex: 9999
-      },
-      open: open,
-      anchorEl: anchorRef.current,
-      role: undefined,
-      placement: "bottom-end",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Paper.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, {
-          onClickAway: handleClose,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, {
-            id: "split-button-menu",
-            autoFocusItem: true,
-            children: triggers.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
-              onClick: () => handleTriggerClick(x.handler),
-              children: x.title
-            }, x.key))
-          })
-        })
-      })
-    })]
-  });
-}
-InputTriggers.propTypes = {
-  triggers: _propTypes.default.arrayOf(_propTypes.default.shape({
-    key: _propTypes.default.string.isRequired,
-    title: _propTypes.default.string.isRequired,
-    handler: _propTypes.default.func.isRequired
-  })),
-  onEnterEdit: _propTypes.default.func.isRequired,
-  disabled: _propTypes.default.bool.isRequired
-};
-InputTriggers.defaultProps = {
-  triggers: []
-};
-function FormTextInput(_ref2) {
+function FormTextInput(_ref) {
   let {
       label,
       disabled,
@@ -130,10 +36,9 @@ function FormTextInput(_ref2) {
       style,
       onSubmit,
       secure,
-      triggers,
       formatterBeforeSubmit
-    } = _ref2,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const [editing, setEditing] = (0, _react.useState)(false);
   const [loading, setLoading] = (0, _react.useState)(false);
   const [defaultValue, setDefaultValue] = (0, _react.useState)(secure && initialValue === '__encrypted__' ? '' : initialValue);
@@ -228,10 +133,12 @@ function FormTextInput(_ref2) {
               size: "large",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {})
             })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(InputTriggers, {
-            triggers: triggers,
-            onEnterEdit: () => setEditing(true),
-            disabled: disabled
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+            "data-cy": "schema-form-item-edit",
+            onClick: () => setEditing(true),
+            disabled: disabled,
+            size: "large",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditIcon.default, {})
           })
         })]
       })]
@@ -248,7 +155,6 @@ FormTextInput.propTypes = {
   required: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
   secure: _propTypes.default.bool,
-  triggers: _propTypes.default.array,
   formatterBeforeSubmit: _propTypes.default.func
 };
 FormTextInput.defaultProps = {
@@ -261,6 +167,5 @@ FormTextInput.defaultProps = {
   required: false,
   disabled: false,
   secure: false,
-  triggers: [],
   formatterBeforeSubmit: null
 };

package/lib/invitation/invitation.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _ahooks = require("ahooks");
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _Result = _interopRequireDefault(require("@arcblock/ux/lib/Result"));
 var _invitationPassport = _interopRequireDefault(require("./invitation-passport"));
 var _invitationReceive = _interopRequireDefault(require("./invitation-receive"));
@@ -30,7 +30,7 @@ function Invitation(_ref) {
   } = _ref;
   const state = (0, _ahooks.useRequest)(getDataFn);
   if (state.loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {});
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {});
   }
   if (state.error) {
     var _state$error, _state$error$response;

package/lib/issue-passport.js

@@ -109,6 +109,7 @@ function IssuePassport(_ref) {
       autoConnect: false,
       checkFn: api.get,
       checkTimeout: 10 * 60 * 1000,
+      socketUrl: api.socketUrl,
       webWalletUrl: webWalletUrl,
       onSuccess: onReceivePassport,
       locale: locale,

package/lib/locales/en.js

@@ -8,12 +8,6 @@ module.exports = {
       confirm: 'Review this operation on your DID Wallet',
       success: 'Your account is connected to this server'
     },
-    keyPair: {
-      title: 'Derived KeyPair Required',
-      scan: 'Connect your DID Wallet to generate a key-pair for this app',
-      confirm: 'Review this operation on your DID Wallet',
-      success: 'Your key pair is securely stored'
-    },
     verify: {
       title: 'Ownership Credential Required',
       scan: 'Connect your DID Wallet to provide ownership credentials',
@@ -297,8 +291,6 @@ module.exports = {
     upstreamPort: 'Upstream Port',
     noService: 'No Services',
     appId: 'App ID',
-    appPid: 'Permanent ID',
-    alsoKnownAs: 'Also Known As',
     reloadSuccess: 'Blocklet was reloaded successfully',
     statusTip: 'Blocklet is {status}',
     initialUptime: 'Less than 1m',
@@ -871,9 +863,6 @@ module.exports = {
         rate: 'Request Limit({rate} Request/Second)',
         ipHeaderLabel: 'Customize client IP header(Optional)',
         ipHeaderDesc: "If the Blocklet Server is running behind some proxies, you can set the header of the client's real IP here. Optional, leave empty to use default."
-      },
-      cacheEnabled: {
-        switchLabel: 'Enable Gateway Cache'
       }
     }
   },
@@ -1190,14 +1179,12 @@ module.exports = {
     }
   },
   storage: {
-    spaces: {
+    didSpaces: {
       tips: 'Tips',
-      label: 'Enter DID Spaces Gateway',
-      connected: 'You have successfully connect to did-space gateway',
-      connect: 'Connect',
-      reconnect: 'Reconnect',
-      addressCannotEmpty: 'Address cannot be empty',
-      addressNotValid: '{url} is not a valid address',
+      label: 'Please enter DID Spaces service address',
+      getSpacesAuthorizeSuccessfully: 'You have successfully obtained a Spaces license',
+      goToAuthorization: 'Go to Authorization',
+      reAuthorization: 'Re-authorization',
       authorize: {
         title: 'Authorize {appName}',
         scan: 'Use your DID Wallet to scan the QR code below to authorize the app {appName} to access the space in spaces',

package/lib/locales/zh.js

@@ -8,12 +8,6 @@ module.exports = {
       confirm: '请在 DID 钱包上确认',
       success: '你已经成功成为节点的所有者'
     },
-    keyPair: {
-      title: '生成钥匙对',
-      scan: '用你的 DID 钱包扫码为这个应用生成钥匙对',
-      confirm: '请在 DID 钱包上确认',
-      success: '你的钥匙对已经被安全存储'
-    },
     verify: {
       title: '需要节点所有权证书',
       scan: '用你的 DID 钱包扫描下面的二维码以提供所有权证书',
@@ -303,8 +297,6 @@ module.exports = {
     upstreamPort: '上游端口',
     noService: '暂无服务',
     appId: '应用 ID',
-    appPid: '永久性 ID',
-    alsoKnownAs: '曾用 ID',
     reloadSuccess: 'Blocklet 重启成功',
     statusTip: 'Blocklet {status}',
     initialUptime: '少于1分钟',
@@ -874,9 +866,6 @@ module.exports = {
         rate: '限流速率({rate} 请求/秒)',
         ipHeaderLabel: '自定义客户端 IP 头部(可选)',
         ipHeaderDesc: '如果 Blocklet Server 运行在一些代理后面，可以在这里设置客户端真实 IP 的头部；可选，如果不填将使用默认值。'
-      },
-      cacheEnabled: {
-        switchLabel: '启用网关缓存'
       }
     }
   },
@@ -1195,14 +1184,13 @@ module.exports = {
     }
   },
   storage: {
-    spaces: {
+    didSpaces: {
       tips: '提示',
       label: '请输入 DID Spaces 服务地址',
-      connected: '你已成功获得 Spaces 授权',
-      connect: '前往授权',
-      reconnect: '重新授权',
+      getSpacesAuthorizeSuccessfully: '你已成功获得 Spaces 授权',
+      goToAuthorization: '前往授权',
+      reAuthorization: '重新授权',
       addressCannotEmpty: '地址不能为空',
-      addressNotValid: '{url} 不是一个合法的地址',
       authorize: {
         title: '授权 {appName}',
         scan: '使用你的 DID Wallet 扫描下面的二维码以授权应用 {appName} 访问 Spaces 中的空间',

package/lib/logs/download.js

@@ -12,7 +12,7 @@ var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
@@ -75,8 +75,8 @@ function DownloadLog(_ref) {
       variant: "outlined",
       onClick: () => setShowDialog(true),
       disabled: isDownloading,
-      children: [isDownloading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-        size: 16
+      children: [isDownloading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        size: [16, 10]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
         fontSize: "small",
         style: {
@@ -104,8 +104,8 @@ function DownloadLog(_ref) {
       variant: "outlined",
       onClick: () => onDownload(),
       disabled: isDownloading,
-      children: [isDownloading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-        size: 16
+      children: [isDownloading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+        size: [16, 10]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
         ml: 0.5,
         children: t('common.confirm')

package/lib/lost-passport.js

@@ -147,6 +147,7 @@ function LostPassport(_ref2) {
           autoConnect: false,
           checkFn: api.get,
           checkTimeout: 10 * 60 * 1000,
+          socketUrl: api.socketUrl,
           webWalletUrl: webWalletUrl,
           onSuccess: onGetUser,
           locale: locale,
@@ -237,6 +238,7 @@ function LostPassport(_ref2) {
         action: "lost-passport-issue",
         checkFn: api.get,
         checkTimeout: 10 * 60 * 1000,
+        socketUrl: api.socketUrl,
         webWalletUrl: webWalletUrl,
         onSuccess: onReceivePassport,
         locale: locale,

package/lib/store/add.js

@@ -7,7 +7,7 @@ exports.default = AddStore;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
@@ -115,8 +115,8 @@ function AddStore(_ref) {
           disabled: loading || !url || disable,
           variant: "contained",
           autoFocus: true,
-          children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-            size: 16
+          children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+            size: [16, 10]
           }), t('common.confirm')]
         })]
       }),

package/lib/team/members/invite-member.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
@@ -181,8 +181,8 @@ function InviteMember(_ref) {
         disabled: loading || !role,
         variant: "contained",
         autoFocus: true,
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), step.confirm]
       })]
     }),

package/lib/team/members/issue-passport.js

@@ -7,7 +7,7 @@ exports.default = IssuePassport;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
@@ -90,8 +90,8 @@ function IssuePassport(_ref) {
         variant: "contained",
         autoFocus: true,
         "data-cy": "issue-passport-create-btn",
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), t('team.passport.issuance.create.title')]
       })]
     }),

package/lib/team/members/member.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _notistack = require("notistack");
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
@@ -244,7 +244,7 @@ function Member(_ref) {
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
       children: [!user && /*#__PURE__*/(0, _jsxRuntime.jsx)(Center, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
       }), user && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",

package/lib/team/members/transfer-node.js

@@ -10,7 +10,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
@@ -76,7 +76,7 @@ function TransferMember(_ref) {
           display: 'flex',
           justifyContent: 'center'
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
       })
     });
   }
@@ -233,8 +233,8 @@ function TransferMember(_ref) {
         disabled: loading,
         variant: "contained",
         autoFocus: true,
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), step.confirm]
       })]
     }),

package/lib/team/passports/color.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _reactColor = require("react-color");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
@@ -83,8 +83,8 @@ function PassportColor(_ref) {
         variant: "contained",
         autoFocus: true,
         "data-cy": "color-btn-confirm",
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), t('common.save')]
       })]
     }),

package/lib/team/passports/detail.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
@@ -201,14 +201,14 @@ function PassportDetail(_ref) {
         variant: "contained",
         autoFocus: true,
         "data-cy": "bind-permission-btn-confirm",
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), t('common.save')]
       })]
     }),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
       children: [!role && /*#__PURE__*/(0, _jsxRuntime.jsx)(Center, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
       }), role && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dialog-content",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/team/passports/index.js

@@ -11,7 +11,7 @@ var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _SplitButton = _interopRequireDefault(require("@arcblock/ux/lib/SplitButton"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
 var _LockIcon = _interopRequireDefault(require("@arcblock/icons/lib/LockIcon"));
 var _ExternalIssuerIcon = _interopRequireDefault(require("@arcblock/icons/lib/ExternalIssuerIcon"));
@@ -105,8 +105,8 @@ function PassportList() {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
                   display: "flex",
                   alignItems: "center",
-                  children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-                    size: 16,
+                  children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+                    size: [16, 10],
                     style: {
                       marginRight: 8
                     }

package/lib/team/passports/mutate-role.js

@@ -8,7 +8,7 @@ var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _md = _interopRequireDefault(require("md5"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
@@ -170,8 +170,8 @@ function MutateRole(_ref) {
         disabled: loading,
         variant: "contained",
         autoFocus: true,
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), mode === 'create' ? t('common.create') : t('common.update')]
       })]
     }),

package/lib/team/passports/trusted-issuer.js

@@ -9,7 +9,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
@@ -138,8 +138,8 @@ function TrustedIssuer(_ref) {
         variant: "contained",
         autoFocus: true,
         "data-cy": "save-mapping",
-        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-          size: 16
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
         }), t('common.save')]
       })]
     }),

package/lib/util/index.js

@@ -26,6 +26,7 @@ exports.getBlockletServices = void 0;
 exports.getBlockletUrl = getBlockletUrl;
 exports.getBlockletUrlParams = void 0;
 exports.getBlockletUrls = getBlockletUrls;
+exports.getEndPoint = void 0;
 exports.getExplorerLink = getExplorerLink;
 exports.getPathPrefix = exports.getIssuePassportLink = exports.getInviteLink = void 0;
 exports.getRelativeTime = getRelativeTime;
@@ -377,6 +378,23 @@ const stringSortHandlerAsc = function stringSortHandlerAsc() {
   return 0;
 };
 exports.stringSortHandlerAsc = stringSortHandlerAsc;
+const getEndPoint = nodeInfo => {
+  const {
+    routing
+  } = nodeInfo;
+  const {
+    protocol,
+    hostname,
+    origin,
+    port
+  } = window.location;
+  let endpoint = "".concat(origin).concat(routing.adminPath);
+  if (process.env.NODE_ENV === 'development') {
+    endpoint = "".concat(protocol, "//").concat(hostname, ":").concat(port);
+  }
+  return endpoint;
+};
+exports.getEndPoint = getEndPoint;
 const getInviteLink = _ref2 => {
   let {
     inviteId,