@abtnode/ux 1.16.18-beta-7aa6be5a → 1.16.18-beta-bb4ebacc

package/lib/locales/en.js

@@ -83,6 +83,7 @@ module.exports = {
     instances: 'Number of instances'
   },
   common: {
+    invalid: 'Invalid',
     about: 'About',
     access: 'Access',
     accessKey: 'Access Keys',
@@ -102,6 +103,7 @@ module.exports = {
     back: 'Back',
     basic: 'Basic',
     basicInfo: 'Basic Information',
+    profile: 'Profile',
     bind: 'Bind',
     blocklet: 'Blocklet',
     blocklets: 'Blocklets',
@@ -155,6 +157,7 @@ module.exports = {
     downloading: 'Downloading',
     edit: 'Edit',
     email: 'Email',
+    phone: 'Phone',
     empty: 'Empty',
     emptyData: 'No results found',
     enable: 'Enable',
@@ -396,9 +399,9 @@ module.exports = {
       securityError: 'SecurityError: Can not open the admin url from accessing a cross-origin frame'
     },
     config: {
-      name: 'Blocklet Name',
-      description: 'Blocklet Description',
-      sk: 'Secret key for the blocklet wallet',
+      name: 'App Name',
+      description: 'App Description',
+      sk: 'Secret key for the app wallet',
       logoSquare: 'App Logo',
       logoRect: 'Rect logo',
       logoRectDesc: 'Usually displayed at the top of the page, default to app logo',
@@ -419,7 +422,7 @@ module.exports = {
       languages: 'Supported Languages',
       selectLanguagesTip: 'Adjust the order by removing and re-adding',
       passportColor: 'Passport Color',
-      appUrl: 'Blocklet URL',
+      appUrl: 'App URL',
       access: {
         title: 'Who Can Access',
         description: 'Who can access the blocklet',
@@ -570,6 +573,7 @@ module.exports = {
         fromUrl: 'Add Component From Url'
       },
       addNext: 'Add {name}',
+      upgradeNext: 'Upgrade {name}',
       setting: 'Settings'
     },
     router: {
@@ -1108,7 +1112,24 @@ module.exports = {
         passportEmpty: 'Passport should not be empty'
       },
       connectedAccounts: 'Connected Accounts',
-      federated: 'Federated'
+      connections: 'Connections',
+      federated: 'Federated',
+      switch: {
+        did: 'Switch DID',
+        profile: 'Switch Profile',
+        passport: 'Switch Passport'
+      },
+      settings: {
+        notification: 'Notifications',
+        email: 'Send email to me when some events happen',
+        wallet: 'Send notification to my wallet when some events happen',
+        phone: 'Send text message to me when some events happen',
+        webhook: 'Webhooks',
+        add: 'Add new webhook',
+        url: 'Custom URL',
+        slack: 'Slack Webhook',
+        tested: 'Test message sent'
+      }
     },
     transferNode: {
       name: 'Transfer Ownership',

package/lib/locales/zh.js

@@ -86,6 +86,7 @@ module.exports = {
     instances: '实例数'
   },
   common: {
+    invalid: '无效',
     about: '关于',
     access: '访问',
     accessKey: '访问秘钥',
@@ -105,6 +106,7 @@ module.exports = {
     back: '返回',
     basic: '基础',
     basicInfo: '基础信息',
+    profile: '信息',
     bind: '绑定',
     blocklet: '基石程序',
     blocklets: '基石程序',
@@ -159,6 +161,7 @@ module.exports = {
     downloading: '下载中',
     edit: '编辑',
     email: '邮箱',
+    phone: '电话',
     empty: '暂无',
     emptyData: '未找到结果',
     enable: '启用',
@@ -577,6 +580,7 @@ module.exports = {
         fromUrl: '通过 URL 选择组件'
       },
       addNext: '添加 {name}',
+      upgradeNext: '升级 {name}',
       setting: '参数设置'
     },
     router: {
@@ -1111,7 +1115,24 @@ module.exports = {
         passportEmpty: '通行证不能为空'
       },
       connectedAccounts: '已连接账号',
-      federated: '统一登录'
+      connections: '账号绑定',
+      federated: '统一登录',
+      switch: {
+        did: '添加账户',
+        profile: '更新身份',
+        passport: '切换通行证'
+      },
+      settings: {
+        notification: '通知设置',
+        email: '当有动态时给我发送邮件',
+        wallet: '当有动态时给我发送钱包通知',
+        phone: '当有动态时给我发送短信',
+        webhook: '外部钩子',
+        add: '添加新钩子',
+        url: '自定义 URL',
+        slack: 'Slack 通知',
+        tested: '测试消息已经发送'
+      }
     },
     transferNode: {
       name: '转移所有者',

package/lib/logs/log-terminal.js

@@ -52,7 +52,8 @@ function LogTerminalGroup(_ref) {
     error: 'Error',
     access: 'Access',
     stdout: 'stdout',
-    stderr: 'stderr'
+    stderr: 'stderr',
+    pm2: 'PM2'
   };
   const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
   const [currentType, setCurrentType] = (0, _react.useState)(types[defaultTypeIndex || 0]);

package/lib/schema-form/index.js

@@ -18,6 +18,7 @@ var _textInput = _interopRequireDefault(require("./text-input"));
 var _passportInput = _interopRequireDefault(require("./passport-input"));
 var _required = _interopRequireDefault(require("../form/required"));
 var _formWrapper = _interopRequireDefault(require("../form/form-wrapper"));
+var _logoUploader = _interopRequireDefault(require("../blocklet/logo-uploader"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,7 +49,8 @@ function getComponent(item, _ref) {
   const componentMap = {
     input: _textInput.default,
     color: _colorInput.default,
-    passport: _passportInput.default
+    passport: _passportInput.default,
+    uploader: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_logoUploader.default, _objectSpread({}, props.componentProps))
   };
   return componentMap[componentType === null || componentType === void 0 ? void 0 : componentType.toLowerCase()];
 }
@@ -132,6 +134,7 @@ function SchemaForm(_ref2) {
         key,
         description,
         required,
+        solo = false,
         hidden = false,
         componentProps = {}
       } = x;
@@ -162,7 +165,7 @@ function SchemaForm(_ref2) {
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         className: "form-item",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        children: [!solo && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           className: "form-item-label",
           style: {
             color: required && !currentValue ? '#ff0000' : '#333'
@@ -172,8 +175,11 @@ function SchemaForm(_ref2) {
           className: "form-item-body",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             className: "form-item-input",
+            sx: {
+              textAlign: solo ? 'center' : 'left'
+            },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CurrentComponent, _objectSpread({}, renderComponentProps))
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          }), !solo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             className: "form-item-action",
             children: editing ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {

package/lib/team/members/connections.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = UserConnections;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
+var _didAddress = _interopRequireDefault(require("../../did-address"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function UserConnections(_ref) {
+  let {
+    user
+  } = _ref;
+  const connectedAccounts = user.connectedAccounts || [];
+  return connectedAccounts.map(account => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+      style: {
+        alignItems: 'flex-start'
+      },
+      valueComponent: "div",
+      nameWidth: 120,
+      name: account.provider,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+        did: account.did
+      })
+    }, account.did);
+  });
+}
+UserConnections.propTypes = {
+  user: _propTypes.default.object.isRequired
+};
+UserConnections.defaultProps = {};

package/lib/team/members/member.js

@@ -31,6 +31,7 @@ var _passportIssuances = _interopRequireDefault(require("./passport-issuances"))
 var _passports = _interopRequireDefault(require("./passports"));
 var _toggleUserApproval = _interopRequireDefault(require("./toggle-user-approval"));
 var _util2 = require("./util");
+var _connections = _interopRequireDefault(require("./connections"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 const _excluded = ["name"];
@@ -63,40 +64,14 @@ function LinkUser(_ref) {
 LinkUser.propTypes = {
   name: _propTypes.default.string.isRequired
 };
-function TabOAuth(_ref2) {
-  let {
-    user
-  } = _ref2;
-  const connectedAccounts = user.connectedAccounts || [];
-  return connectedAccounts.map(account => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
-      style: {
-        alignItems: 'flex-start'
-      },
-      valueComponent: "div",
-      nameWidth: 120,
-      name: account.provider,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-        did: account.did
-      })
-    }, account.did);
-  });
-}
-TabOAuth.propTypes = {
-  user: _propTypes.default.object.isRequired,
-  onChangeUser: _propTypes.default.func
-};
-TabOAuth.defaultProps = {
-  onChangeUser: () => {}
-};
 const defaultTab = 'info';
-function Member(_ref3) {
+function Member(_ref2) {
   let {
     userDid,
     onCancel,
     initTab,
     createPassportSvg
-  } = _ref3;
+  } = _ref2;
   const {
     api,
     ws: {
@@ -251,7 +226,7 @@ function Member(_ref3) {
     oauth: {
       label: t('team.member.connectedAccounts'),
       value: 'oauth',
-      component: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(TabOAuth, {
+      component: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_connections.default, {
         user: pageState.user,
         onChangeUser: handleChangeUser
       })
@@ -288,11 +263,11 @@ function Member(_ref3) {
       })
     }
   };
-  const tabs = Object.values(tabConfigs).map(_ref4 => {
+  const tabs = Object.values(tabConfigs).map(_ref3 => {
     let {
       label,
       value
-    } = _ref4;
+    } = _ref3;
     return {
       label,
       value
@@ -331,10 +306,10 @@ function Member(_ref3) {
       role: inService ? _util.BlockletAdminRoles : [],
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleUserApproval.default, {
         user: pageState.user,
-        children: _ref5 => {
+        children: _ref4 => {
           let {
             open
-          } = _ref5;
+          } = _ref4;
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BlockButton, {
             onClick: open,
             children: [pageState.user.approved ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ForbidLoginIcon.default, {

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PassportItem;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _RevokeIcon = _interopRequireDefault(require("@arcblock/icons/lib/RevokeIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+const _excluded = ["passport", "user", "color", "width", "icon", "children", "createPassportSvg"];
+/* eslint-disable prettier/prettier */
+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 _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 PassportItem(_ref) {
+  let {
+      passport,
+      user,
+      color,
+      width,
+      icon,
+      children,
+      createPassportSvg
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({
+    display: "flex",
+    alignItems: "center"
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      // eslint-disable-next-line react/no-danger
+      dangerouslySetInnerHTML: {
+        __html: createPassportSvg({
+          title: passport.title || passport.name,
+          issuer: passport.issuer && passport.issuer.name,
+          issuerDid: passport.issuer && passport.issuer.id,
+          ownerName: user.fullName,
+          ownerDid: user.did,
+          ownerAvatarUrl: user.avatar,
+          revoked: passport.revoked,
+          preferredColor: color,
+          width
+        })
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "body",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "title",
+        display: "flex",
+        alignItems: "center",
+        children: [(0, _upperFirst.default)(passport.title), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "status-icons",
+          children: [icon, passport.revoked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RevokeIcon.default, {})]
+        })]
+      }), passport.expirationDate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        className: "title",
+        display: "flex",
+        alignItems: "center",
+        children: t('team.passport.validUntil', {
+          date: passport.expirationDate
+        })
+      }), children]
+    })]
+  }));
+}
+PassportItem.propTypes = {
+  passport: _propTypes.default.any.isRequired,
+  user: _propTypes.default.any.isRequired,
+  color: _propTypes.default.string.isRequired,
+  createPassportSvg: _propTypes.default.func.isRequired,
+  icon: _propTypes.default.any,
+  children: _propTypes.default.any,
+  width: _propTypes.default.number
+};
+PassportItem.defaultProps = {
+  icon: null,
+  children: null,
+  width: 150
+};
+const Root = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .body {\n    padding: 0;\n    margin-left: 24px;\n    margin-top: 0;\n  }\n  .title {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 19px;\n    color: #222222;\n  }\n  .tip {\n    display: flex;\n    align-items: center;\n    font-size: 14px;\n    margin-top: 6px;\n    color: #bbb;\n  }\n  .status-icons {\n    svg {\n      fill: #bfbfbf;\n      height: 1.2em;\n      margin-left: 0.4em;\n    }\n  }\n"])));

package/lib/team/members/passports.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Passports;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _get = _interopRequireDefault(require("lodash/get"));
-var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
@@ -31,9 +30,12 @@ var _permission = _interopRequireDefault(require("../../permission"));
 var _searchInput = _interopRequireDefault(require("../search-input"));
 var _listHeader = _interopRequireDefault(require("../styles/list-header"));
 var _issuePassport = _interopRequireDefault(require("./issue-passport"));
+var _passportItem = _interopRequireDefault(require("./passport-item"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 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 _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; }
@@ -224,60 +226,30 @@ function Passports(_ref2) {
           justifyContent: "space-between",
           alignItems: "center",
           mt: 3,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-            display: "flex",
-            alignItems: "center",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              // eslint-disable-next-line react/no-danger
-              dangerouslySetInnerHTML: {
-                __html: createPassportSvg({
-                  title: x.title || x.name,
-                  issuer: x.issuer && x.issuer.name,
-                  issuerDid: x.issuer && x.issuer.id,
-                  ownerName: user.fullName,
-                  ownerDid: user.did,
-                  ownerAvatarUrl: user.avatar,
-                  revoked: x.revoked,
-                  preferredColor: passportColor,
-                  width: '150px'
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_passportItem.default, {
+            passport: x,
+            user: user,
+            color: passportColor,
+            createPassportSvg: createPassportSvg,
+            icon: !!appIdList.length && !appIdList.includes(x.issuer.id) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExternalIssuerIcon.default, {}) : null,
+            children: !!appIdList.length && !appIdList.includes(x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "tip",
+              children: [x.issuer.id !== teamIssuerDid && !trustedPassports.some(y => y.issuerDid === x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+                title: t('team.passport.notTrustedIssuerTip'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                  component: _ErrorOutline.default,
+                  style: {
+                    fontSize: '1.3em'
+                  },
+                  color: "error.main",
+                  mr: 0.5
                 })
-              }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: "body",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-                className: "title",
-                display: "flex",
-                alignItems: "center",
-                children: [(0, _upperFirst.default)(x.title), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                  className: "status-icons",
-                  children: [!!appIdList.length && !appIdList.includes(x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExternalIssuerIcon.default, {}), x.revoked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RevokeIcon.default, {})]
-                })]
-              }), x.expirationDate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                className: "title",
-                display: "flex",
-                alignItems: "center",
-                children: t('team.passport.validUntil', {
-                  date: x.expirationDate
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: t('team.passport.issueBy', {
+                  name: x.issuer.name
                 })
-              }), !!appIdList.length && !appIdList.includes(x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: "tip",
-                children: [x.issuer.id !== teamIssuerDid && !trustedPassports.some(y => y.issuerDid === x.issuer.id) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
-                  title: t('team.passport.notTrustedIssuerTip'),
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                    component: _ErrorOutline.default,
-                    style: {
-                      fontSize: '1.3em'
-                    },
-                    color: "error.main",
-                    mr: 0.5
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  children: t('team.passport.issueBy', {
-                    name: x.issuer.name
-                  })
-                })]
               })]
-            })]
+            })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             children: revokeInfo(can, x).revokable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
               variant: "outlined",
@@ -338,4 +310,4 @@ Passports.propTypes = {
 Passports.defaultProps = {
   onCreate: () => {}
 };
-const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .passport-item {\n    .body {\n      padding: 0;\n      margin-left: 24px;\n      margin-top: 0;\n    }\n    .title {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #222222;\n    }\n    .tip {\n      display: flex;\n      align-items: center;\n      font-size: 14px;\n      margin-top: 6px;\n      color: #bbb;\n    }\n    .status-icons {\n      svg {\n        fill: #bfbfbf;\n        height: 1.2em;\n        margin-left: 0.4em;\n      }\n    }\n    .MuiButton-outlinedSecondary {\n      color: #f16e6e;\n      fill: #f16e6e;\n      background: #fcf3f3;\n      border: 0;\n      &:hover {\n        border: 0;\n      }\n    }\n  }\n"])));
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .passport-item {\n    .MuiButton-outlinedSecondary {\n      color: #f16e6e;\n      fill: #f16e6e;\n      background: #fcf3f3;\n      border: 0;\n      &:hover {\n        border: 0;\n      }\n    }\n  }\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.18-beta-7aa6be5a",
+  "version": "1.16.18-beta-bb4ebacc",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,24 +27,24 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.18-beta-7aa6be5a",
-    "@abtnode/constant": "1.16.18-beta-7aa6be5a",
-    "@abtnode/util": "1.16.18-beta-7aa6be5a",
+    "@abtnode/auth": "1.16.18-beta-bb4ebacc",
+    "@abtnode/constant": "1.16.18-beta-bb4ebacc",
+    "@abtnode/util": "1.16.18-beta-bb4ebacc",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "^1.18.93",
-    "@arcblock/did-connect": "^2.8.5",
+    "@arcblock/did": "^1.18.95",
+    "@arcblock/did-connect": "^2.8.11",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.5",
-    "@arcblock/nft-display": "2.8.5",
-    "@arcblock/react-hooks": "^2.8.5",
-    "@arcblock/terminal": "^2.8.5",
-    "@arcblock/ux": "^2.8.5",
-    "@blocklet/constant": "1.16.18-beta-7aa6be5a",
-    "@blocklet/launcher-layout": "2.2.22",
-    "@blocklet/list": "^0.12.46",
-    "@blocklet/meta": "1.16.18-beta-7aa6be5a",
-    "@blocklet/ui-react": "^2.8.5",
-    "@blocklet/uploader": "^0.0.32",
+    "@arcblock/icons": "^2.8.11",
+    "@arcblock/nft-display": "2.8.11",
+    "@arcblock/react-hooks": "^2.8.11",
+    "@arcblock/terminal": "^2.8.11",
+    "@arcblock/ux": "^2.8.11",
+    "@blocklet/constant": "1.16.18-beta-bb4ebacc",
+    "@blocklet/launcher-layout": "2.2.28",
+    "@blocklet/list": "^0.12.51",
+    "@blocklet/meta": "1.16.18-beta-bb4ebacc",
+    "@blocklet/ui-react": "^2.8.11",
+    "@blocklet/uploader": "^0.0.35",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -54,7 +54,7 @@
     "@mui/material": "^5.14.10",
     "@mui/styles": "^5.14.10",
     "@mui/x-date-pickers": "^6.14.0",
-    "@ocap/client": "1.18.93",
+    "@ocap/client": "1.18.95",
     "@uiw/react-markdown-preview": "4.0.6",
     "ahooks": "^3.7.1",
     "axios": "^0.27.2",
@@ -79,7 +79,7 @@
     "react-dnd": "11.1.3",
     "react-dnd-html5-backend": "11.1.3",
     "react-error-boundary": "^3.1.4",
-    "react-hook-form": "^7.39.3",
+    "react-hook-form": "^7.48.2",
     "react-iframe": "^1.8.5",
     "react-placeholder": "^4.1.0",
     "react-router-dom": "^6.4.2",
@@ -100,7 +100,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "b2da6c7e30adf84d7eca941ada27427344c49044",
+  "gitHead": "aca7ff8eb508ecf586108b99a9e07ceab2a62430",
   "exports": {
     ".": {
       "import": "./es/index.js",