@abtnode/ux 1.16.13 → 1.16.14-beta-0c29907f

package/lib/did-address.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _reactRouterDom = require("react-router-dom");
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
-var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
-var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _DID = _interopRequireDefault(require("@arcblock/ux/lib/DID"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["did", "href", "external", "avatarProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,37 +26,24 @@ function WrappedDidAddress(_ref) {
       avatarProps
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  // eslint-disable-next-line react/no-unstable-nested-components
-  function Content() {
-    if (href) {
-      if (external) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
-          target: "_blank",
-          href: href,
-          underline: "hover",
-          children: did
-        });
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
-        to: href,
-        children: did
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(_DID.default, _objectSpread({
+    did: did
+  }, rest));
+  if (href) {
+    if (external) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+        target: "_blank",
+        href: href,
+        underline: "hover",
+        children: content
       });
     }
-    return did;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+      to: href,
+      children: content
+    });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, _objectSpread(_objectSpread({
-    prepend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      component: "span",
-      display: "flex",
-      mr: 1,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread({
-        did: did,
-        size: 18
-      }, avatarProps))
-    })
-  }, rest), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {})
-  }));
+  return content;
 }
 WrappedDidAddress.propTypes = {
   did: _propTypes.default.string.isRequired,

package/lib/hooks/blocklet.js

@@ -20,7 +20,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); }
 // eslint-disable-next-line import/prefer-default-export
 function useBlocklet(_ref) {
-  var _blocklet$site, _blocklet$site$domain, _blocklet$meta, _blocklet$meta2, _blocklet$meta3, _blocklet$meta4, _blocklet$meta5, _blocklet$meta6, _blocklet$meta7;
+  var _blocklet$site, _blocklet$site$domain, _blocklet$meta, _blocklet$meta2, _blocklet$meta3, _blocklet$meta4, _blocklet$meta5, _blocklet$meta6;
   let {
     did,
     client,
@@ -212,8 +212,7 @@ function useBlocklet(_ref) {
   useSubscription(_constant.BlockletEvents.storeChange, handleRefreshWithoutRuntime, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta3 = blocklet.meta) === null || _blocklet$meta3 === void 0 ? void 0 : _blocklet$meta3.did, !disableSubscription]);
   useSubscription(_constant.BlockletEvents.installed, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta4 = blocklet.meta) === null || _blocklet$meta4 === void 0 ? void 0 : _blocklet$meta4.did, !disableSubscription]);
   useSubscription(_constant.BlockletEvents.upgraded, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta5 = blocklet.meta) === null || _blocklet$meta5 === void 0 ? void 0 : _blocklet$meta5.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.downgraded, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta6 = blocklet.meta) === null || _blocklet$meta6 === void 0 ? void 0 : _blocklet$meta6.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.updated, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta7 = blocklet.meta) === null || _blocklet$meta7 === void 0 ? void 0 : _blocklet$meta7.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.updated, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta6 = blocklet.meta) === null || _blocklet$meta6 === void 0 ? void 0 : _blocklet$meta6.did, !disableSubscription]);
   const data = blocklet ? (0, _merge.default)(blocklet, {
     site: {
       domainAliases: blocklet.site.domainAliases.map(x => {

package/lib/hooks/confirm.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useConfirm;
+var _react = require("react");
+var _Dialog = require("@arcblock/ux/lib/Dialog");
+var _ahooks = require("ahooks");
+var _noop = _interopRequireDefault(require("lodash/noop"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ConfirmHolder = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const state = (0, _ahooks.useReactive)({
+    show: false,
+    title: '',
+    content: '',
+    onConfirm: _noop.default,
+    onCancel: _noop.default
+  });
+  const open = (0, _ahooks.useMemoizedFn)(function () {
+    let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    state.show = true;
+    state.title = params.title;
+    state.content = params.content;
+    state.onConfirm = params.onConfirm || _noop.default;
+    state.onCancel = params.onCancel || _noop.default;
+  });
+  const reset = (0, _ahooks.useMemoizedFn)(() => {
+    state.title = '';
+    state.content = '';
+    state.onConfirm = _noop.default;
+    state.onCancel = _noop.default;
+  });
+  const close = (0, _ahooks.useMemoizedFn)(() => {
+    state.show = false;
+    setTimeout(() => {
+      reset();
+    }, 300);
+  });
+  const onCancel = (0, _ahooks.useMemoizedFn)(() => {
+    close();
+    state === null || state === void 0 ? void 0 : state.onCancel();
+  }, []);
+  const onConfirm = (0, _ahooks.useMemoizedFn)(() => {
+    state === null || state === void 0 ? void 0 : state.onConfirm(close);
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => {
+    return {
+      open,
+      close
+    };
+  }, [open, close]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Confirm, {
+    open: state.show,
+    title: state.title,
+    onConfirm: onConfirm,
+    onCancel: onCancel,
+    confirmButton: {
+      text: t('common.confirm'),
+      props: {
+        variant: 'contained',
+        color: 'primary'
+      }
+    },
+    cancelButton: {
+      text: t('common.cancel'),
+      props: {
+        variant: 'outlined',
+        color: 'primary'
+      }
+    },
+    children: state.content
+  });
+});
+function useConfirm() {
+  const confirmRef = (0, _react.useRef)(null);
+  const open = (0, _ahooks.useMemoizedFn)(function () {
+    var _confirmRef$current;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    (_confirmRef$current = confirmRef.current) === null || _confirmRef$current === void 0 ? void 0 : _confirmRef$current.open(...args);
+  });
+  const close = (0, _ahooks.useMemoizedFn)(function () {
+    var _confirmRef$current2;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    (_confirmRef$current2 = confirmRef.current) === null || _confirmRef$current2 === void 0 ? void 0 : _confirmRef$current2.close(...args);
+  });
+  const confirmApi = {
+    open,
+    close
+  };
+  return {
+    confirmHolder: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfirmHolder, {
+      ref: confirmRef
+    }),
+    confirmApi
+  };
+}

package/lib/invitation/invitation-passport.js

@@ -7,17 +7,18 @@ exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _createPassportSvg = _interopRequireDefault(require("@abtnode/auth/lib/util/create-passport-svg"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
 var _iconsMaterial = require("@mui/icons-material");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
+/* eslint-disable jsx-a11y/alt-text */
 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 InvitationPassport(_ref) {
   let {
     invitation,
+    createPassportSvg,
     passportColor
   } = _ref;
   const [open, setOpen] = (0, _react.useState)(false);
@@ -29,13 +30,14 @@ function InvitationPassport(_ref) {
     return roleRaw.toUpperCase();
   }, [invitation.role.title, invitation.role.name]);
   const display = (0, _react.useMemo)(() => {
-    return (0, _createPassportSvg.default)({
+    return createPassportSvg({
       title: roleName,
       issuer: invitation.info.name,
       issuerDid: invitation.info.appDid,
       ownerName: 'Your Name',
       // can't get avatar, cause user is not login
       // ownerAvatarUrl: user.avatar,
+      ownerDid: invitation.info.appDid,
       isDataUrl: true,
       preferredColor: invitation.info.passportColor || passportColor
     });
@@ -48,33 +50,16 @@ function InvitationPassport(_ref) {
     setOpen(false);
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "invite-passport__card",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          src: display,
+        onClick: onViewPermission,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("object", {
+          data: display,
           alt: "passport",
           className: "invite-passport__cover"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "invite-passport__content",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "invite-passport__title",
-          children: roleName
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "invite-passport__description",
-          title: invitation.role.description,
-          children: invitation.role.description
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          style: {
-            flex: 1
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "invite-passport__view-permission",
-          onClick: onViewPermission,
-          children: t('invite.viewPermission')
-        })]
-      })]
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
       open: open,
       title: t('invite.viewPermission'),
@@ -115,12 +100,13 @@ function InvitationPassport(_ref) {
 }
 InvitationPassport.propTypes = {
   invitation: _propTypes.default.object.isRequired,
+  createPassportSvg: _propTypes.default.func.isRequired,
   passportColor: _propTypes.default.string
 };
 InvitationPassport.defaultProps = {
   passportColor: 'auto'
 };
-const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  max-width: 350px;\n  margin: 30px auto;\n  .invite-passport__card {\n    margin-right: 12px;\n    width: 100px;\n    height: 100px;\n    flex-shrink: 0;\n    .invite-passport__cover {\n      width: 100%;\n      height: 100%;\n    }\n  }\n  .invite-passport__content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n  .invite-passport__title {\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .invite-passport__description {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    height: 3em;\n    color: #999;\n    font-size: 14px;\n  }\n  .invite-passport__view-permission {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 18px;\n    color: ", ";\n  }\n"])), _ref2 => {
+const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  max-width: 350px;\n  margin: 30px auto;\n  .invite-passport__card {\n    margin: 0 auto;\n    width: 228px;\n    height: 258px;\n    flex-shrink: 0;\n    .invite-passport__cover {\n      width: 100%;\n      height: 100%;\n    }\n  }\n  .invite-passport__content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n  .invite-passport__title {\n    font-weight: 700;\n    font-size: 16px;\n  }\n  .invite-passport__description {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    height: 3em;\n    color: #999;\n    font-size: 14px;\n  }\n  .invite-passport__view-permission {\n    cursor: pointer;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 18px;\n    color: ", ";\n  }\n"])), _ref2 => {
   let {
     theme
   } = _ref2;

package/lib/invitation/invitation.js

@@ -24,6 +24,7 @@ function Invitation(_ref) {
   let {
     getDataFn,
     passportColor,
+    createPassportSvg,
     onLoginSuccess,
     checkFn,
     onReceive
@@ -53,6 +54,7 @@ function Invitation(_ref) {
         invitation: state.data
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationPassport.default, {
         invitation: state.data,
+        createPassportSvg: createPassportSvg,
         passportColor: passportColor
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Section2, {
         invitation: state.data,
@@ -66,6 +68,7 @@ function Invitation(_ref) {
 Invitation.propTypes = {
   getDataFn: _propTypes.default.func.isRequired,
   checkFn: _propTypes.default.func.isRequired,
+  createPassportSvg: _propTypes.default.func.isRequired,
   onLoginSuccess: _propTypes.default.func,
   onReceive: _propTypes.default.func,
   passportColor: _propTypes.default.string

package/lib/locales/en.js

@@ -91,6 +91,7 @@ module.exports = {
     alreadyExist: 'already exists',
     approve: 'Approve',
     approved: 'approved',
+    appUrl: 'APP Url',
     auditLogs: 'Audit Trail',
     author: 'Author',
     avatar: 'Avatar',
@@ -122,6 +123,7 @@ module.exports = {
     continue: 'Continue',
     continueWith: 'Continue With',
     copiedTip: 'Copied',
+    copyAndClose: 'Copy & Close',
     copyTip: 'Click To Copy',
     coreStorage: 'Core Storage',
     cpu: 'CPU',
@@ -189,6 +191,7 @@ module.exports = {
     lastPublishedAt: 'Published At',
     launcher: 'Launcher Information',
     leavePageTip: 'Are you sure to leave the page?',
+    link: 'Link',
     loading: 'loading',
     log: 'View Logs',
     logStorage: 'Log Storage',
@@ -1247,7 +1250,6 @@ module.exports = {
       launchFailed: 'Failed to launch the app, please try again',
       installedButStopped: 'The app is installed successfully, but cannot be started. You can start it manually after resolving blocking issues',
       installedButError: 'The app is successfully installed, but failed to start',
-      upgradeFailed: 'Upgrade Failed',
       restoreFailed: 'Failed to restore app, please try again'
     },
     steps: {
@@ -1422,7 +1424,8 @@ module.exports = {
         useWallet: 'Connect DID Spaces',
         useSpaceGateway: 'Connect using the DID Spaces gateway',
         switchToSpace: 'Switch to Space',
-        switchToSpaceSucceeded: 'Switched to Space{name}'
+        switchToSpaceSucceeded: 'Switched to Space{name}',
+        succeeded: 'You have successfully connected to DID Spaces'
       },
       disconnected: {
         tag: 'Disconnected',
@@ -1453,7 +1456,8 @@ module.exports = {
       clientIdDescribe: "Auth0's clientId is required"
     },
     comingSoon: 'More login methods are under construction',
-    moreLogin: 'More Login'
+    moreLogin: 'More Login',
+    federated: 'Federated Login'
   },
   expiration: {
     tips: {
@@ -1479,5 +1483,49 @@ module.exports = {
       logSize: 'Log Size',
       bandwidth: 'Bandwidth'
     }
+  },
+  federated: {
+    inviteJoinFederatedLogin: 'Invite to join federated login',
+    inviteJoinFederatedLoginDescription: 'Copy the following address and fill it in the application where you need to join to apply for federated login.',
+    federatedLogin: 'Federated login',
+    joinFederatedLogin: 'Join federated login',
+    joinFederatedLoginDescription: 'Please enter the federated login address provided by Master Blocklet to join the federated login',
+    federatedJoinAppUrl: 'Federated login join appUrl',
+    federatedJoinAppUrlRequired: 'Please input federated login join appUrl',
+    failedToGetFederatedLoginAppUrl: 'Failed to get federated login join appUrl',
+    federatedJoinAppUrlInvalid: 'Federated login appUrl is invalid',
+    siteDetail: 'Site detail',
+    approveToJoinLogin: 'Approve to join federated login',
+    approve: 'Enable login',
+    revoke: 'Disable login',
+    enableFederatedLogin: 'Enable federated login',
+    disableFederatedLogin: 'Disable federated login',
+    enableFederatedLoginDescription: 'After enable federated login, this site will be auto login',
+    disableFederatedLoginDescription: 'After disable federated login, this site will not be auto login',
+    enableFederatedAutoLogin: 'Enable automatic login',
+    enableFederatedAutoLoginDescription: 'After enable automatic login, if there is currently a unified login status, the site will automatically log in the identity of the federated login',
+    disableFederatedAutoLogin: 'Disable automatic login',
+    disableFederatedAutoLoginDescription: 'After the automatic login is turned off, the site will not automatically log in the user information of the unified login, and you can still choose to manually click to log in with the identity of the federated login',
+    info: {
+      appId: 'APP DID',
+      appPid: 'Permanent ID',
+      migratedFrom: 'Also Known As',
+      appName: 'Blocklet name',
+      appDescription: 'Blocklet description',
+      appUrl: 'Blocklet url',
+      appLogo: 'Blocklet logo',
+      did: 'Blocklet DID',
+      serverId: 'Blocklet Server ID',
+      serverVersion: 'Blocklet Server version',
+      version: 'Blocklet version',
+      appliedAt: 'Apply at',
+      status: 'Status'
+    },
+    status: {
+      pending: 'Pending',
+      approved: 'Approved',
+      rejected: 'Rejected',
+      revoked: 'Revoked'
+    }
   }
 };

package/lib/locales/zh.js

@@ -94,6 +94,7 @@ module.exports = {
     alreadyExist: '已经存在',
     approve: '同意',
     approved: 'Approved',
+    appUrl: 'APP 链接',
     auditLogs: '审计记录',
     author: '作者',
     avatar: '头像',
@@ -125,6 +126,7 @@ module.exports = {
     continue: '继续',
     continueWith: '确认继续',
     copiedTip: '已复制',
+    copyAndClose: '复制并关闭',
     copyTip: '点击复制',
     coreStorage: '核心存储',
     cpu: 'CPU',
@@ -194,6 +196,7 @@ module.exports = {
     lastPublishedAt: '发布时间',
     launcher: '启动器信息',
     leavePageTip: '是否确定离开当前页面？',
+    link: '链接',
     loading: '加载中',
     log: '查看日志',
     logStorage: '日志存储',
@@ -1252,7 +1255,6 @@ module.exports = {
       launchFailed: '启动应用失败，请重试',
       installedButStopped: '应用安装成功，但是无法启动，解决启动问题之后后可手动启动',
       installedButError: '应用已经安装，但是运行出错了',
-      upgradeFailed: '更新失败',
       restoreFailed: '还原应用失败,请重试'
     },
     steps: {
@@ -1425,7 +1427,8 @@ module.exports = {
         useWallet: '使用 DID Wallet 连接',
         useSpaceGateway: '使用 DID Spaces 网关连接',
         switchToSpace: '切换至 Space',
-        switchToSpaceSucceeded: '已切换至 Space{name}'
+        switchToSpaceSucceeded: '已切换至 Space{name}',
+        succeeded: '你已成功连接至 DID Spaces'
       },
       disconnected: {
         tag: '连接已断开',
@@ -1456,7 +1459,8 @@ module.exports = {
       clientIdDescribe: '请输入 Auth0 的 ClientID'
     },
     comingSoon: '更多登录方式正在建设中',
-    moreLogin: '更多登录方式'
+    moreLogin: '更多登录方式',
+    federated: '统一登录'
   },
   expiration: {
     tips: {
@@ -1482,5 +1486,49 @@ module.exports = {
       logSize: '日志大小',
       bandwidth: '带宽消耗'
     }
+  },
+  federated: {
+    inviteJoinFederatedLogin: '邀请加入统一登录',
+    inviteJoinFederatedLoginDescription: '复制以下地址到需要加入的应用中填入，申请加入统一登录',
+    federatedLogin: '统一登录',
+    joinFederatedLogin: '加入统一登录',
+    joinFederatedLoginDescription: '请输入 Master Blocklet 提供的统一登录地址以加入统一登录',
+    federatedJoinAppUrl: '统一登录地址',
+    federatedJoinAppUrlRequired: '请输入统一登录地址',
+    failedToGetFederatedLoginAppUrl: '获取统一登录地址失败',
+    federatedJoinAppUrlInvalid: '统一登录地址不可用',
+    siteDetail: '站点详情',
+    approveToJoinLogin: '审核加入统一登录',
+    approve: '恢复登录',
+    revoke: '禁止登录',
+    enableFederatedLogin: '启用统一登录',
+    disableFederatedLogin: '禁用统一登录',
+    enableFederatedLoginDescription: '启用统一登录后，该站点将自动登录',
+    disableFederatedLoginDescription: '禁用统一登录后，该站点将无法自动登录',
+    enableFederatedAutoLogin: '开启自动登录',
+    enableFederatedAutoLoginDescription: '开启自动登录后，如果当前存在统一登录的状态，则该站点将自动登录统一登录的身份',
+    disableFederatedAutoLogin: '关闭自动登录',
+    disableFederatedAutoLoginDescription: '关闭自动登录后，该站点将不会自动登录统一登录的用户信息，您仍可选择手动点击登录统一登录的身份',
+    info: {
+      appId: '应用 DID',
+      appPid: '永久 DID',
+      migratedFrom: '曾用 DID',
+      appName: '应用名称',
+      appDescription: '应用描述',
+      appUrl: '应用地址',
+      appLogo: '应用图标',
+      did: '应用 DID',
+      serverId: 'Blocklet Server ID',
+      serverVersion: 'Blocklet Server 版本',
+      version: '应用版本',
+      appliedAt: '申请时间',
+      status: '状态'
+    },
+    status: {
+      pending: '待审核',
+      approved: '已通过',
+      rejected: '已拒绝',
+      revoked: '已撤销'
+    }
   }
 };

package/lib/lost-passport.js

@@ -19,12 +19,12 @@ var _GetApp = _interopRequireDefault(require("@mui/icons-material/GetApp"));
 var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _constant = require("@abtnode/constant");
 var _cardSelector = _interopRequireDefault(require("./card-selector"));
+var _didAddress = _interopRequireDefault(require("./did-address"));
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
 var _usePassportId = _interopRequireDefault(require("./hooks/use-passport-id"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -199,8 +199,8 @@ function LostPassport(_ref2) {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
               className: "did",
               mt: 1,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
-                children: user.did
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+                did: user.did
               })
             })]
           })]
@@ -215,6 +215,7 @@ function LostPassport(_ref2) {
                   title: x.title,
                   issuer: x.issuer.name,
                   issuerDid: x.issuer.id,
+                  ownerDid: user.did,
                   ownerName: user.fullName,
                   ownerAvatarUrl: user.avatar,
                   isDataUrl: true,

package/lib/schema-form/passport-input.js

@@ -7,7 +7,7 @@ exports.default = PassportInput;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _createPassportSvg = _interopRequireDefault(require("@abtnode/auth/lib/util/create-passport-svg"));
-var _passportColor = require("@abtnode/auth/lib/util/passport-color");
+var _nftDisplay = require("@arcblock/nft-display");
 var _util = require("@blocklet/meta/lib/util");
 var _colorInput = _interopRequireDefault(require("./color-input"));
 var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
@@ -32,7 +32,7 @@ function PassportInput(_ref) {
   const {
     blocklet
   } = componentProps;
-  const color = value === 'auto' ? (0, _passportColor.getPassportColorFromDid)(blocklet.appDid) : value;
+  const color = value === 'auto' ? (0, _nftDisplay.getPassportColorFromDid)(blocklet.appDid) : value;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     display: "flex",
     alignItems: "center",
@@ -47,6 +47,7 @@ function PassportInput(_ref) {
         issuer: (0, _util.getDisplayName)(blocklet),
         issuerDid: blocklet.appDid,
         ownerName: 'Your Name',
+        ownerDid: blocklet.appDid,
         isDataUrl: true,
         preferredColor: value || 'auto'
       })

package/lib/team/members/index.js

@@ -16,7 +16,6 @@ var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormContro
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Loop = _interopRequireDefault(require("@mui/icons-material/Loop"));
-var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
 var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
@@ -28,6 +27,7 @@ var _constant = require("@abtnode/constant");
 var _useUrlState = _interopRequireDefault(require("@ahooksjs/use-url-state"));
 var _ahooks = require("ahooks");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _didAddress = _interopRequireDefault(require("../../did-address"));
 var _node = require("../../contexts/node");
 var _team = require("../../contexts/team");
 var _blocklet = require("../../contexts/blocklet");
@@ -115,7 +115,8 @@ SimpleInfo.propTypes = {
 };
 function MemberList(_ref2) {
   let {
-    type
+    type,
+    createPassportSvg
   } = _ref2;
   const {
     appIdList = []
@@ -263,10 +264,11 @@ function MemberList(_ref2) {
     name: 'did',
     options: {
       customBodyRender: e => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
           size: 14,
+          responsive: true,
           copyable: false,
-          children: e
+          did: e
         });
       }
     }
@@ -479,6 +481,9 @@ function MemberList(_ref2) {
             className: "table-toolbar-left",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
               control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+                sx: {
+                  display: 'flex !important'
+                },
                 disabled: loading,
                 color: "primary",
                 checked: search.hideBlocked,
@@ -505,6 +510,7 @@ function MemberList(_ref2) {
     }), memberDialog && /*#__PURE__*/(0, _jsxRuntime.jsx)(_member.default, {
       onCancel: () => setMemberDialog(null),
       userDid: memberDialog.did,
+      createPassportSvg: createPassportSvg,
       initTab: memberDialog.initTab
     }), showInviteMember && /*#__PURE__*/(0, _jsxRuntime.jsx)(_inviteMember.default, {
       teamDid: teamDid,
@@ -527,7 +533,8 @@ function MemberList(_ref2) {
     })]
   });
 }
-const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .main {\n    .left {\n      width: 168px;\n      flex-shrink: 0;\n      margin-right: 65px;\n      .tabs {\n        padding-top: 16px;\n        .tab {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 8px 16px;\n          transition: background 0.4s;\n\n          width: 168px;\n          height: 36px;\n          border-radius: 8px;\n\n          cursor: pointer;\n          user-select: none;\n\n          &:nth-child(n + 2) {\n            margin-top: 24px;\n          }\n\n          &.active {\n            background: #f2f2f2;\n          }\n\n          &:hover {\n            background: #f2f2f2;\n          }\n\n          .text {\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 19px;\n\n            color: #222222;\n          }\n\n          .badge {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 20px;\n            height: 20px;\n            border-radius: 100%;\n            color: #fff;\n            background: #666666;\n            font-size: 10px;\n            font-weight: 400;\n            &.is-rect {\n              width: auto;\n              border-radius: 8px;\n              padding: 0 4px;\n            }\n          }\n        }\n      }\n      @media (max-width: ", "px) {\n        display: none;\n      }\n    }\n    .right {\n      flex-grow: 1;\n    }\n  }\n\n  .member-block {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    .member-avatar {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .member-text {\n      margin-left: 10px;\n    }\n    .badge-block {\n      width: 14px;\n      height: 14px;\n      position: absolute;\n      right: -4px;\n      top: -4px;\n      background: #ff5757;\n      border-radius: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      &::after {\n        content: '';\n        width: 6px;\n        height: 2px;\n        background: #fefefe;\n      }\n    }\n  }\n\n  .table-toolbar-left {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 7px 0;\n    label span:first-child {\n      display: flex;\n    }\n  }\n"])), props => props.theme.breakpoints.values.md);
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .main {\n    .left {\n      width: 168px;\n      flex-shrink: 0;\n      margin-right: 65px;\n      .tabs {\n        padding-top: 16px;\n        .tab {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 8px 16px;\n          transition: background 0.4s;\n\n          width: 168px;\n          height: 36px;\n          border-radius: 8px;\n\n          cursor: pointer;\n          user-select: none;\n\n          &:nth-child(n + 2) {\n            margin-top: 24px;\n          }\n\n          &.active {\n            background: #f2f2f2;\n          }\n\n          &:hover {\n            background: #f2f2f2;\n          }\n\n          .text {\n            font-weight: 400;\n            font-size: 16px;\n            line-height: 19px;\n\n            color: #222222;\n          }\n\n          .badge {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 20px;\n            height: 20px;\n            border-radius: 100%;\n            color: #fff;\n            background: #666666;\n            font-size: 10px;\n            font-weight: 400;\n            &.is-rect {\n              width: auto;\n              border-radius: 8px;\n              padding: 0 4px;\n            }\n          }\n        }\n      }\n      @media (max-width: ", "px) {\n        display: none;\n      }\n    }\n    .right {\n      flex-grow: 1;\n    }\n  }\n\n  .member-block {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    .member-avatar {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n    .member-text {\n      margin-left: 10px;\n    }\n    .badge-block {\n      width: 14px;\n      height: 14px;\n      position: absolute;\n      right: -4px;\n      top: -4px;\n      background: #ff5757;\n      border-radius: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      &::after {\n        content: '';\n        width: 6px;\n        height: 2px;\n        background: #fefefe;\n      }\n    }\n  }\n\n  .table-toolbar-left {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 7px 0;\n  }\n"])), props => props.theme.breakpoints.values.md);
 MemberList.propTypes = {
-  type: _propTypes.default.oneOf(['server', 'blocklet']).isRequired
+  type: _propTypes.default.oneOf(['server', 'blocklet']).isRequired,
+  createPassportSvg: _propTypes.default.func.isRequired
 };