@abtnode/ux 1.8.63 → 1.8.64-beta-0b5ede51

package/lib/blocklet/component/expiration.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _last = _interopRequireDefault(require("lodash/last"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
+var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _util = require("../../util");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Expiration(_ref) {
+  var _state$value, _state$value$data, _state$value$data$val;
+  let {
+    controller
+  } = _ref;
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const state = (0, _useAsync.default)(async () => (0, _util.getAsset)(controller.chainHost, controller.nftId));
+  if (state.loading) {
+    return '';
+  }
+  const expirationDate = (0, _last.default)((0, _get.default)(state.value, 'data.value.expirationDate', []));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
+      value: expirationDate,
+      locale: locale
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      style: {
+        marginLeft: '5px'
+      },
+      variant: "contained",
+      component: _Link.default,
+      href: (0, _urlJoin.default)((_state$value = state.value) === null || _state$value === void 0 ? void 0 : (_state$value$data = _state$value.data) === null || _state$value$data === void 0 ? void 0 : (_state$value$data$val = _state$value$data.value) === null || _state$value$data$val === void 0 ? void 0 : _state$value$data$val.launcherUrl, "/instances/".concat(controller.nftId, "/renewal?locale=").concat(locale, "&return-url=").concat(encodeURIComponent(window.location.href))),
+      children: t('common.renew')
+    })]
+  });
+}
+Expiration.propTypes = {
+  controller: _propTypes.default.object.isRequired
+};
+var _default = Expiration;
+exports.default = _default;

package/lib/blocklet/overview.js

@@ -25,6 +25,7 @@ var _status = _interopRequireDefault(require("./status"));
 var _version = _interopRequireDefault(require("./version"));
 var _domainStatus = _interopRequireDefault(require("./router/domain-status"));
 var _types = require("./types");
+var _expiration = _interopRequireDefault(require("./component/expiration"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -100,7 +101,8 @@ const getEngineRows = (engine, t) => {
 function BlockletOverview() {
   var _blocklet$settings;
   const {
-    t
+    t,
+    locale
   } = (0, _context.useLocaleContext)();
   const {
     info: nodeInfo,
@@ -141,7 +143,13 @@ function BlockletOverview() {
   }, {
     name: t('common.author'),
     value: (0, _util2.formatPerson)(blocklet.meta.author)
-  }, {
+  }, blocklet.controller ? {
+    name: t('common.expires'),
+    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expiration.default, {
+      controller: blocklet.controller,
+      locale: locale
+    })
+  } : null, {
     name: t('blocklet.installedAt'),
     value: (0, _util2.formatToDatetime)(blocklet.installedAt)
   }, blocklet.status === 'running' ? {

package/lib/blocklet/storage.js

@@ -0,0 +1,255 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Storage;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _react = require("react");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@blocklet/constant");
+var _axios = _interopRequireDefault(require("axios"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _lodash = require("lodash");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _material = require("@mui/material");
+var _blocklet = require("../../lib/contexts/blocklet");
+var _node = require("../contexts/node");
+var _toast = _interopRequireDefault(require("../../lib/toast"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject, _templateObject2;
+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 Storage() {
+  var _blocklet$environment;
+  /** @type {{ api: import('@abtnode/client').ABTNodeClient }} */
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    t,
+    locale
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const [errorMessage, setErrorMessage] = (0, _react.useState)(false);
+  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const [endpoint, setEndpoint] = (0, _react.useState)(((_blocklet$environment = blocklet.environments.find(e => e.key === _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)) === null || _blocklet$environment === void 0 ? void 0 : _blocklet$environment.value) || '');
+  const [didSpacesUrl, setDidSpacesUrl] = (0, _react.useState)('https://storage.staging.abtnet.io/app');
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const {
+    appDid
+  } = blocklet;
+  const {
+    title: appName,
+    description: appDescription
+  } = blocklet.meta;
+
+  /**
+   *
+   * @param {string} did
+   * @param {string} storageEndpoint
+   */
+  async function saveStorageEndpoint(did, storageEndpoint) {
+    await api.configBlocklet({
+      input: {
+        did: [did],
+        configs: [{
+          key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL,
+          value: didSpacesUrl
+        }, {
+          key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT,
+          value: storageEndpoint
+        }]
+      }
+    }).then(() => {
+      _toast.default.success(t('storage.didSpaces.getSpacesAuthorizeSuccessfully', locale));
+    }).catch(error => {
+      console.error(error);
+      _toast.default.error(error.message);
+    });
+  }
+  const [authorizeConnect, setAuthorizeConnect] = (0, _react.useState)({
+    open: false,
+    action: 'one-click-authorization',
+    checkTimeout: 1000 * 300,
+    checkFn: _axios.default.create({
+      baseURL: (0, _urlJoin.default)(didSpacesUrl, 'space')
+    }).get,
+    /**
+     *
+     * @param {{endpoint: string}} response
+     */
+    onSuccess: async (response, decrypt) => {
+      setEndpoint(decrypt(response.endpoint));
+      await saveStorageEndpoint(blocklet.meta.did, decrypt(response.endpoint));
+      setTimeout(() => {
+        setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
+          open: false
+        }));
+      }, 3000);
+    },
+    onClose: () => {
+      setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
+        open: false
+      }));
+    }
+  });
+  const handleOnClickAuthorize = async () => {
+    if ((0, _lodash.isEmpty)(didSpacesUrl)) {
+      _toast.default.error(t('storage.didSpaces.addressCannotEmpty', locale));
+      return;
+    }
+    setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
+      prefix: (0, _urlJoin.default)(didSpacesUrl, 'space/api/did'),
+      baseUrl: new URL(didSpacesUrl).origin,
+      checkFn: _axios.default.create({
+        baseURL: (0, _urlJoin.default)(didSpacesUrl, 'space')
+      }).get,
+      extraParams: {
+        appDid,
+        appName,
+        appDescription,
+        scopes: 'list:object read:object write:object'
+      },
+      open: true
+    }));
+  };
+  const onDidSpacesUrlChange = event => {
+    const {
+      value
+    } = event.target;
+    if ((0, _lodash.isEmpty)(value)) {
+      setErrorMessage(t('storage.didSpaces.addressCannotEmpty', locale));
+    } else {
+      setErrorMessage(null);
+    }
+    setDidSpacesUrl(value);
+  };
+  const onBackup = async () => {
+    try {
+      if (isLoading) {
+        return;
+      }
+      setIsLoading(true);
+      await api.backupToSpaces({
+        input: {
+          did: blocklet.appDid
+        }
+      });
+      _toast.default.success(t('storage.didSpaces.backupSuccessfully'));
+    } catch (error) {
+      _toast.default.error(error.message);
+      console.error(error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  (0, _react.useEffect)(() => {
+    setAuthorizeConnect(preValue => _objectSpread(_objectSpread({}, preValue), {}, {
+      messages: {
+        title: t('storage.didSpaces.authorize.title', {
+          appName
+        }),
+        scan: t('storage.didSpaces.authorize.scan', {
+          appName
+        }),
+        confirm: '',
+        success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          gutterBottom: true,
+          children: t('storage.didSpaces.authorize.success')
+        })
+      }
+    }));
+  }, [appName, locale, t]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StorageUrlTextField, {
+      sx: {
+        marginTop: '20px'
+      },
+      label: t('storage.didSpaces.label'),
+      value: didSpacesUrl,
+      onChange: onDidSpacesUrlChange,
+      autoFocus: true,
+      size: "small",
+      error: !!errorMessage,
+      helperText: errorMessage,
+      InputProps: {
+        endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          variant: "contained",
+          onClick: handleOnClickAuthorize,
+          size: "small",
+          sx: {
+            position: 'absolute',
+            right: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: '140px',
+            height: '100%'
+          },
+          children: endpoint ? t('storage.didSpaces.reAuthorization') : t('storage.didSpaces.goToAuthorization')
+        })
+      }
+    }), endpoint && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      color: "text.secondary",
+      sx: {
+        marginTop: '20px'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        display: "flex",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          display: "inline",
+          children: [t('storage.didSpaces.tips'), ": \xA0", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            display: "inline",
+            color: "primary.main",
+            fontWeight: "fontWeightBold",
+            children: t('storage.didSpaces.getSpacesAuthorizeSuccessfully')
+          })]
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      display: "flex",
+      justifyContent: "center",
+      sx: {
+        maxWidth: '580px',
+        marginTop: '20px',
+        padding: '0px 0px'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onBackup,
+        loading: isLoading,
+        variant: "contained",
+        color: "primary",
+        "data-cy": "add-domain-alias",
+        disabled: !endpoint || isLoading,
+        children: t('storage.didSpaces.backup')
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+      prefix: authorizeConnect.prefix,
+      open: authorizeConnect.open,
+      popup: true,
+      action: authorizeConnect.action,
+      baseUrl: authorizeConnect.baseUrl,
+      checkFn: authorizeConnect.checkFn,
+      onSuccess: authorizeConnect.onSuccess,
+      onClose: authorizeConnect.onClose,
+      checkTimeout: authorizeConnect.checkTimeout,
+      extraParams: authorizeConnect.extraParams,
+      messages: authorizeConnect.messages,
+      locale: locale
+    })]
+  });
+}
+const Container = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  overflow-y: auto;\n"])));
+const StorageUrlTextField = (0, _styled.default)(_material.TextField)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 56px;\n  width: 580px;\n  ", " {\n    width: 75%;\n  }\n  input.MuiInputBase-input {\n    width: calc(100% - 144px);\n  }\n"])), props => props.theme.breakpoints.down('md'));
+Storage.propTypes = {};

package/lib/invitation/invitation-login.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/did-connect/lib/Button"));
+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 InvitationLogin(_ref) {
+  let {
+    onLogin
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      size: "large",
+      variant: "contained",
+      className: "invite-receive__button",
+      "data-cy": "invite-receive-passport",
+      color: "primary",
+      onClick: () => onLogin(),
+      children: t('common.connect')
+    })
+  });
+}
+InvitationLogin.propTypes = {
+  onLogin: _propTypes.default.func
+};
+InvitationLogin.defaultProps = {
+  onLogin: () => {}
+};
+const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ", ";\n  }\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.palette.primary.main;
+});
+var _default = InvitationLogin;
+exports.default = _default;

package/lib/invitation/invitation-receive.js

@@ -21,7 +21,7 @@ function InvitationReceive(_ref) {
   let {
     invitation,
     checkFn,
-    onLoginSuccess,
+    onLogin,
     onReceive
   } = _ref;
   const [open, setOpen] = (0, _react.useState)(false);
@@ -39,10 +39,10 @@ function InvitationReceive(_ref) {
   const onClose = (0, _react.useCallback)(() => {
     setOpen(false);
   }, []);
-  const onLogin = (0, _react.useCallback)(function () {
+  const onSuccess = (0, _react.useCallback)(function () {
     setOpen(false);
-    onLoginSuccess(...arguments);
-  }, [onLoginSuccess]);
+    onLogin(...arguments);
+  }, [onLogin]);
   const onClickReceive = (0, _react.useCallback)(() => {
     if (typeof onReceive === 'function') {
       onReceive();
@@ -72,7 +72,7 @@ function InvitationReceive(_ref) {
       action: "invite",
       checkFn: checkFn,
       checkTimeout: 10 * 60 * 1000,
-      onSuccess: onLogin,
+      onSuccess: onSuccess,
       onClose: onClose,
       locale: locale,
       webWalletUrl: (0, _utils.getWebWalletUrl)(),
@@ -89,11 +89,11 @@ function InvitationReceive(_ref) {
 InvitationReceive.propTypes = {
   invitation: _propTypes.default.object.isRequired,
   checkFn: _propTypes.default.func.isRequired,
-  onLoginSuccess: _propTypes.default.func,
+  onLogin: _propTypes.default.func,
   onReceive: _propTypes.default.func
 };
 InvitationReceive.defaultProps = {
-  onLoginSuccess: () => {},
+  onLogin: () => {},
   onReceive: null
 };
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ", ";\n  }\n"])), _ref2 => {

package/lib/invitation/invitation-success.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
+var _util = require("../util");
+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 InvitationSuccess(_ref) {
+  let {
+    invitation,
+    type
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const message = (0, _react.useMemo)(() => {
+    return t('invite.success', {
+      dapp: '{{dapp}}'
+    });
+  }, [t]);
+  const accountLink = (0, _util.getExplorerLink)(invitation.info.chainHost, invitation.inviter.did, 'account');
+  const user = type === 'receiver' ? invitation.receiver : invitation.inviter;
+  const messageList = (0, _util.patchJsxToLocale)(message, {
+    name() {
+      return accountLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        target: "_blank",
+        href: accountLink,
+        className: "invite-user__link",
+        rel: "noreferrer",
+        children: user.fullName
+      }, "name") : user.fullName;
+    },
+    dapp() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        target: "_blank",
+        href: invitation.info.url,
+        className: "invite-user__link",
+        rel: "noreferrer",
+        children: invitation.info.name
+      }, "dapp");
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+      pt: 1,
+      color: "success.main",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle.default, {
+        style: {
+          fontSize: 80
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "invite-user__message",
+      children: messageList
+    })]
+  });
+}
+InvitationSuccess.propTypes = {
+  invitation: _propTypes.default.object.isRequired,
+  type: _propTypes.default.oneOf('inviter', 'receiver')
+};
+InvitationSuccess.defaultProps = {
+  type: 'inviter'
+};
+const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ", ";\n  }\n"])), _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.palette.primary.main;
+});
+var _default = InvitationSuccess;
+exports.default = _default;

package/lib/invitation/invitation.js

@@ -11,7 +11,9 @@ 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"));
+var _invitationLogin = _interopRequireDefault(require("./invitation-login"));
 var _invitationUser = _interopRequireDefault(require("./invitation-user"));
+var _invitationSuccess = _interopRequireDefault(require("./invitation-success"));
 var _invitationApp = _interopRequireDefault(require("./invitation-app"));
 var _wrapLocale = _interopRequireDefault(require("../wrap-locale"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -38,20 +40,23 @@ function Invitation(_ref) {
       description: ""
     });
   }
+  const isSuccess = state.data.status === 'success';
+  const Section1 = isSuccess ? _invitationSuccess.default : _invitationUser.default;
+  const Section2 = isSuccess ? _invitationLogin.default : _invitationReceive.default;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     className: "page-invite__wrapper",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationApp.default, {
       invitation: state.data
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "page-invite__card",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationUser.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Section1, {
         invitation: state.data
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationPassport.default, {
         invitation: state.data,
         passportColor: passportColor
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationReceive.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Section2, {
         invitation: state.data,
-        onLoginSuccess: onLoginSuccess,
+        onLogin: onLoginSuccess,
         checkFn: checkFn,
         onReceive: onReceive
       })]

package/lib/locales/en.js

@@ -62,24 +62,17 @@ module.exports = {
   common: {
     about: 'About',
     access: 'Access',
-    general: 'General',
-    preferences: 'Preferences',
-    auditLogs: 'Audit Trail',
-    logs: 'Logs',
-    filter: 'Log Filter',
-    category: 'Log Topic',
-    timeAgo: '{time} ago',
-    afterTime: 'After {time}',
-    abtnode: 'Blocklet Server',
     accessKey: 'Access Keys',
     action: 'Action',
     actions: 'Actions',
     add: 'Add',
     address: 'Address',
+    afterTime: 'After {time}',
     allow: 'Allow',
     alreadyExist: 'already exists',
     approve: 'Approve',
     approved: 'approved',
+    auditLogs: 'Audit Trail',
     author: 'Author',
     avatar: 'Avatar',
     back: 'Back',
@@ -92,6 +85,7 @@ module.exports = {
     cacheStorage: 'Cache Storage',
     cancel: 'Cancel',
     certificate: 'certificate',
+    category: 'Log Topic',
     click: 'Click to copy',
     close: 'Close',
     collapseAll: 'Collapse All',
@@ -104,6 +98,7 @@ module.exports = {
     configNavigation: 'Navigation',
     configSuccess: 'Config successfully',
     confirm: 'Confirm',
+    connect: 'Connect',
     console: 'Console',
     continueWith: 'Continue With',
     copiedTip: 'Copied',
@@ -145,10 +140,12 @@ module.exports = {
     export: 'Export',
     externalIp: 'External IP',
     failed: 'failed',
+    filter: 'Log Filter',
     fingerprint: 'Fingerprint',
     finish: 'Finish',
     forbid: 'Forbid',
     free: 'Free',
+    general: 'General',
     gitpod: 'IS Gitpod',
     goEULA: 'Click to view "End User License Agreement"',
     group: 'Group',
@@ -177,6 +174,7 @@ module.exports = {
     login: 'Login',
     logo: 'Logo',
     logout: 'Logout',
+    logs: 'Logs',
     manageTeam: 'Manage Team',
     marketplace: 'Marketplace',
     member: 'Member',
@@ -202,6 +200,7 @@ module.exports = {
     permission: 'Permission',
     port: 'Port',
     pre: 'Previous',
+    preferences: 'Preferences',
     protected: 'Protected',
     protocol: 'Protocol',
     published: 'published',
@@ -215,6 +214,7 @@ module.exports = {
     reload: 'Reload',
     remark: 'Remark',
     remove: 'Remove',
+    renew: 'Renew',
     reportIssue: 'Report an issue',
     requiredErrorText: '{name} is required',
     resource: 'Resource',
@@ -243,6 +243,7 @@ module.exports = {
     support: 'Support',
     team: 'Team',
     the: 'The',
+    timeAgo: '{time} ago',
     title: 'Title',
     type: 'Type',
     unavailable: 'Unavailable',
@@ -279,6 +280,13 @@ module.exports = {
     installFromMarket: 'Install New Blocklets',
     installFromUrl: 'Install From Url',
     installFromCreate: 'Create Blocklet',
+    restoreFromSpaces: 'Restore from Spaces',
+    restoreFromSpacesForm: {
+      endpoint: 'Spaces endpoint',
+      blockletSecretKey: "blocklet's secret key",
+      restore: 'Restore',
+      successfully: 'Restored successfully'
+    },
     installedAt: 'Installed At',
     internal: 'Internal',
     startedAt: 'Started At',
@@ -517,7 +525,6 @@ module.exports = {
     routingEngine: 'Routing Engine',
     ownerNftURL: 'Owner NFT',
     expirationLeft: 'Expiration Left',
-    renew: 'Renew',
     startFromCrashTip: 'Blocklet Server did not exit normally last time, please manually start the blocklets that needs to be run.'
   },
   store: {
@@ -1115,6 +1122,7 @@ module.exports = {
   },
   invite: {
     message: '{name} invite you to be the {role} of {dapp}',
+    success: 'You have successfully joined {dapp}',
     receive: 'Receive with',
     validUntil: 'Valid until:',
     viewPermission: 'View Permission',
@@ -1174,6 +1182,24 @@ module.exports = {
       noDel: 'Not allowed delete built-in navigation'
     }
   },
+  storage: {
+    didSpaces: {
+      tips: 'Tips',
+      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',
+        success: 'Authorized successfully'
+      },
+      backup: 'Backup',
+      backupSuccessfully: 'Backup successfully',
+      restore: 'Restore',
+      restoreSuccessfully: 'Restore successfully'
+    }
+  },
   log: {
     lastDays: {
       1: 'Last 1 Day',

package/lib/locales/zh.js

@@ -66,24 +66,17 @@ module.exports = {
   common: {
     about: '关于',
     access: '访问',
-    general: '通用',
-    preferences: '偏好',
-    auditLogs: '审计记录',
-    logs: '日志',
-    filter: '筛选',
-    category: '日志分类',
-    timeAgo: '{time}前',
-    afterTime: '{time}后',
-    abtnode: '节点',
     accessKey: '访问秘钥',
     action: '操作',
     actions: '操作',
     add: '添加',
     address: '地址',
+    afterTime: '{time}后',
     allow: '允许',
     alreadyExist: '已经存在',
     approve: '同意',
     approved: 'Approved',
+    auditLogs: '审计记录',
     author: '作者',
     avatar: '头像',
     back: '返回',
@@ -95,6 +88,7 @@ module.exports = {
     blockletsStorage: '基石程序存储',
     cacheStorage: '缓存存储',
     cancel: '取消',
+    category: '日志分类',
     certificate: '证书',
     click: '点击复制',
     close: '关闭',
@@ -108,6 +102,7 @@ module.exports = {
     configNavigation: '导航',
     configSuccess: '设置成功',
     confirm: '确认',
+    connect: '连接',
     console: '控制台',
     continueWith: '确认继续',
     copiedTip: '已复制',
@@ -151,10 +146,12 @@ module.exports = {
     export: '导出',
     externalIp: '公网 IP',
     failed: '失败',
+    filter: '筛选',
     fingerprint: '指纹',
     finish: '完成',
     forbid: '禁止',
     free: '免费',
+    general: '通用',
     gitpod: 'Gitpod？',
     goEULA: '点击查看"最终用户许可协议"',
     group: '分组',
@@ -183,6 +180,7 @@ module.exports = {
     login: '登录',
     logo: '图标',
     logout: '退出',
+    logs: '日志',
     manageTeam: '管理团队',
     marketplace: '市场',
     member: '成员',
@@ -208,6 +206,7 @@ module.exports = {
     permission: '权限',
     port: '端口',
     pre: '上一步',
+    preferences: '偏好',
     protected: '受保护',
     protocol: '协议',
     published: '发布于',
@@ -221,6 +220,7 @@ module.exports = {
     reload: '优雅重启',
     remark: '备注',
     remove: '删除',
+    renew: '续期',
     reportIssue: '问题反馈',
     requiredErrorText: '{name}是必填的',
     resource: '资源',
@@ -249,6 +249,7 @@ module.exports = {
     support: '服务支持',
     team: '团队',
     the: '此',
+    timeAgo: '{time}前',
     title: '名称',
     type: '类型',
     unavailable: '不可访问',
@@ -285,6 +286,13 @@ module.exports = {
     installFromMarket: '从应用商店安装',
     installFromUrl: '通过 URL 安装',
     installFromCreate: '创建基石程序',
+    restoreFromSpaces: '从 Spaces 还原',
+    restoreFromSpacesForm: {
+      endpoint: 'Spaces 端点',
+      blockletSecretKey: 'blocklet 的私钥',
+      restore: '还原',
+      successfully: '还原成功'
+    },
     installedAt: '安装时间',
     internal: '内部',
     startedAt: '启动时间',
@@ -525,7 +533,6 @@ module.exports = {
     routingEngine: '路由引擎',
     ownerNftURL: '所有者 NFT',
     expirationLeft: '有效期还剩',
-    renew: '续期',
     startFromCrashTip: 'Blocklet Server 上次未正常退出，请手动启动需要运行的 blocklet.'
   },
   store: {
@@ -1120,6 +1127,7 @@ module.exports = {
   },
   invite: {
     message: '{name} 邀请你成为 {dapp} 的 {role}',
+    success: '你已成功加入 {dapp}',
     receive: '领取通行证',
     validUntil: '过期时间：',
     viewPermission: '查看权限',
@@ -1179,6 +1187,25 @@ module.exports = {
       noDel: '内置的导航无法删除'
     }
   },
+  storage: {
+    didSpaces: {
+      tips: '提示',
+      label: '请输入 DID Spaces 服务地址',
+      getSpacesAuthorizeSuccessfully: '你已成功获得 Spaces 授权',
+      goToAuthorization: '前往授权',
+      reAuthorization: '重新授权',
+      addressCannotEmpty: '地址不能为空',
+      authorize: {
+        title: '授权 {appName}',
+        scan: '使用你的 DID Wallet 扫描下面的二维码以授权应用 {appName} 访问 Spaces 中的空间',
+        success: '授权成功'
+      },
+      backup: '备份',
+      backupSuccessfully: '备份成功',
+      restore: '还原',
+      restoreSuccessfully: '还原成功'
+    }
+  },
   log: {
     lastDays: {
       1: '最近 1 天',

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.63",
+  "version": "1.8.64-beta-0b5ede51",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,19 +21,19 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.63",
-    "@abtnode/constant": "1.8.63",
-    "@abtnode/util": "1.8.63",
-    "@arcblock/did-connect": "^2.4.65",
+    "@abtnode/auth": "1.8.64-beta-0b5ede51",
+    "@abtnode/constant": "1.8.64-beta-0b5ede51",
+    "@abtnode/util": "1.8.64-beta-0b5ede51",
+    "@arcblock/did-connect": "^2.4.66",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.4.65",
-    "@arcblock/terminal": "^2.4.65",
-    "@arcblock/ux": "^2.4.65",
-    "@blocklet/constant": "1.8.63",
-    "@blocklet/launcher-layout": "^1.9.38",
+    "@arcblock/icons": "^2.4.66",
+    "@arcblock/terminal": "^2.4.66",
+    "@arcblock/ux": "^2.4.66",
+    "@blocklet/constant": "1.8.64-beta-0b5ede51",
+    "@blocklet/launcher-layout": "^1.9.50",
     "@blocklet/list": "^0.10.47",
-    "@blocklet/meta": "1.8.63",
-    "@blocklet/ui-react": "^2.4.65",
+    "@blocklet/meta": "1.8.64-beta-0b5ede51",
+    "@blocklet/ui-react": "^2.4.66",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -86,5 +86,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "69c7bf7f79fbabc8718d8ec0c6fb36ce9477cfd8"
+  "gitHead": "fbb72fdf88ea44c949ea951b84ab0506805bda7d"
 }