@abtnode/ux 1.8.34 → 1.8.36

package/lib/blocklet/component/environment.js

@@ -232,7 +232,7 @@ function ComponentEnvironment(_ref) {
       severity: "info",
       children: t('blocklet.config.environment.tip')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
-      permission: inService ? '' : 'mutate_blocklet',
+      permission: inService ? '' : 'mutate_blocklets',
       role: inService ? _util2.BlockletAdminRoles : [],
       children: hasPermission => /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default, {
         className: (0, _util2.isBlockletDev)(blocklet) ? 'readonly-block config-table' : 'config-table',

package/lib/blocklet/component/index.js

@@ -586,7 +586,7 @@ function BlockletComponent(_ref4) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "title",
         children: [t('common.components'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
-          permission: inService ? '' : 'mutate_blocklet',
+          permission: inService ? '' : 'mutate_blocklets',
           role: inService ? _util2.BlockletAdminRoles : [],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
             top: 1.2,
@@ -617,7 +617,7 @@ function BlockletComponent(_ref4) {
           })
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
-        permission: inService ? '' : 'mutate_blocklet',
+        permission: inService ? '' : 'mutate_blocklets',
         role: inService ? _util2.BlockletAdminRoles : [],
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",

package/lib/blocklet/component/setting.js

@@ -112,7 +112,7 @@ function ComponentSetting(_ref) {
     })
   }));
 }
-const ComponentSettingInDaemon = (0, _permission.withPermission)(ComponentSetting, 'mutate_blocklet');
+const ComponentSettingInDaemon = (0, _permission.withPermission)(ComponentSetting, 'mutate_blocklets');
 const ComponentSettingInService = (0, _permission.withPermission)(ComponentSetting, '', _util.BlockletAdminRoles);
 function ComponentSettingWithPermission(props) {
   const {

package/lib/blocklet/configuration.js

@@ -102,7 +102,6 @@ function BlockletEnvironment(_ref) {
   const customType = blocklet.environments.find(x => x.key === 'BLOCKLET_WALLET_TYPE');
   const customDelete = blocklet.environments.find(x => x.key === 'BLOCKLET_DELETABLE');
   const deletable = !customDelete || customDelete.value === 'yes';
-  const customColor = blocklet.environments.find(x => x.key === 'BLOCKLET_PASSPORT_COLOR');
   const customUrl = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_URL');
   const customLogo = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO');
   const customLogoSquare = blocklet.environments.find(x => x.key === 'BLOCKLET_APP_LOGO_SQUARE');
@@ -114,14 +113,6 @@ function BlockletEnvironment(_ref) {
     key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_DESCRIPTION,
     description: t('blocklet.config.description'),
     value: blocklet.environments.find(x => x.key === 'BLOCKLET_APP_DESCRIPTION').value
-  }, {
-    key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_PASSPORT_COLOR,
-    description: t('blocklet.config.passportColor'),
-    value: customColor ? customColor.value : 'auto',
-    componentType: 'passport',
-    componentProps: {
-      blocklet
-    }
   }, {
     key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL,
     description: t('blocklet.config.appUrl'),
@@ -301,10 +292,11 @@ function BlockletEnvironment(_ref) {
     }
     try {
       setLoading(true);
+      const corsAllowedOrigins = newValue.length ? newValue : ['__none__'];
       await node.api.updateRoutingSite({
         input: {
           id: site.id,
-          corsAllowedOrigins: value.split(',').map(x => x.trim()),
+          corsAllowedOrigins,
           teamDid: blocklet.meta.did
         }
       });
@@ -619,7 +611,7 @@ function BlockletEnvironment(_ref) {
     })]
   }));
 }
-const BlockletEnvironmentInDaemon = (0, _permission.withPermission)(BlockletEnvironment, 'mutate_blocklet');
+const BlockletEnvironmentInDaemon = (0, _permission.withPermission)(BlockletEnvironment, 'mutate_blocklets');
 const BlockletEnvironmentInService = (0, _permission.withPermission)(BlockletEnvironment, '', _util2.BlockletAdminRoles);
 function BlockletEnvironmentWithPermission(props) {
   const {

package/lib/blocklet/router/action/add-domain-alias.js

@@ -51,6 +51,7 @@ function AddDomainAlias(_ref) {
           teamDid
         }
       });
+      await (0, _util.sleep)(2000);
     } catch (err) {
       _toast.default.error(err.message);
     } finally {

package/lib/blocklet/router/action/delete-domain-alias.js

@@ -13,6 +13,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _confirm = _interopRequireDefault(require("../../../confirm"));
 var _toast = _interopRequireDefault(require("../../../toast"));
 var _node = require("../../../contexts/node");
+var _util = require("../../../util");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function DeleteDomainAlias(props) {
@@ -47,10 +48,11 @@ function DeleteDomainAlias(props) {
           teamDid
         }
       });
-      setConfirmSetting(null);
+      await (0, _util.sleep)(2000);
     } catch (err) {
       _toast.default.error(err.message);
     } finally {
+      setConfirmSetting(null);
       setLoading(false);
     }
   };

package/lib/blocklet/router/rule-list.js

@@ -166,7 +166,7 @@ RuleList.propTypes = {
 RuleList.defaultProps = {
   hasPermission: false
 };
-const RuleListInDaemon = (0, _permission.withPermission)(RuleList, 'mutate_blocklet');
+const RuleListInDaemon = (0, _permission.withPermission)(RuleList, 'mutate_blocklets');
 const RuleListInService = (0, _permission.withPermission)(RuleList, '', _util.BlockletAdminRoles);
 function RuleListWithPermission(props) {
   const {

package/lib/blocklet/util.js

@@ -10,6 +10,7 @@ exports.getLaunchURL = exports.getLaunchAgreementUrl = void 0;
 exports.getNameByTitle = getNameByTitle;
 exports.getServerUrl = void 0;
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _pick = _interopRequireDefault(require("lodash/pick"));
 var _pickBy = _interopRequireDefault(require("lodash/pickBy"));
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
 var _jszip = _interopRequireDefault(require("jszip"));
@@ -32,7 +33,7 @@ const base64ToArrayBuffer = base64 => {
 };
 const getLogo = did => {
   const url = (0, _didMotif.toDataURL)(did, {
-    size: 200
+    size: 256
   });
   const base64 = url.replace(/^[^,]*,/, '');
   return base64ToArrayBuffer(base64);
@@ -41,19 +42,23 @@ function getNameByTitle(title) {
   return title.replace(/[\s/@_]/g, '-').replace(/[^a-zA-Z0-9_-]/g, '').replace(/(^[-\s]+)|([-\s]+$)/g, '').toLowerCase();
 }
 function genExportedMeta(name, blocklet) {
-  const meta = (0, _pickBy.default)((0, _cloneDeep.default)(blocklet.meta), x => x !== null);
-  meta.name = name;
-  meta.did = (0, _did.default)(name);
-  meta.logo = 'logo.png';
+  let meta = (0, _pick.default)((0, _cloneDeep.default)(blocklet.meta), ['title', 'description', 'group', 'version', 'capabilities', 'interfaces', 'requirements']);
+
+  // filter null or undefined
+  meta = (0, _pickBy.default)(meta, x => x !== null);
+  meta.requirements = (0, _pickBy.default)(meta.requirements, x => !!x);
   meta.interfaces.forEach(x => {
-    // filter null or undefined
     if (!x.services) {
       delete x.services;
     }
   });
+  meta.name = name;
+  meta.did = (0, _did.default)(name);
+  meta.logo = 'logo.png';
+  meta.components = [];
   blocklet.children.forEach(child => {
     if (child.dynamic && child.bundleSource) {
-      meta.children.push({
+      meta.components.push({
         name: child.meta.name,
         source: child.bundleSource,
         title: child.meta.title,
@@ -170,6 +175,12 @@ const fixBlocklet = async function fixBlocklet(blocklet) {
     oldBlocklet,
     getIP
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!blocklet.site) {
+    blocklet.site = {
+      domainAliases: [],
+      rules: []
+    };
+  }
   blocklet.site.rules.forEach(rule => {
     rule.from.pathPrefix = (0, _normalizePathPrefix.default)(rule.from.pathPrefix || '/');
   });

package/lib/blocklet/version.js

@@ -165,7 +165,7 @@ Version.defaultProps = {
   checkUpgrade: true,
   hasPermission: false
 };
-const BlockletVersionInDaemon = (0, _permission.withPermission)(Version, 'mutate_blocklet');
+const BlockletVersionInDaemon = (0, _permission.withPermission)(Version, 'mutate_blocklets');
 const BlockletVersionInService = (0, _permission.withPermission)(Version, '', _util2.BlockletAdminRoles);
 function BlockletVersion(props) {
   const {

package/lib/hooks/blocklet.js

@@ -72,6 +72,9 @@ function useBlocklet(_ref) {
       showError = true,
       attachRuntimeInfo = true
     } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    if (loading) {
+      return;
+    }
     try {
       setLoading(true);
       setError(null);

package/lib/layout/addon.js

@@ -37,27 +37,27 @@ function HeaderAddon(_ref) {
     locale
   } = (0, _react.useContext)(_context.LocaleContext);
   const location = (0, _reactRouterDom.useLocation)();
-  const docPaths = {
-    '/dashboard': '/introduction/abtnode-overview',
-    '/store': '/marketplace',
-    '/blocklets': '/blocklet',
-    '/router/rules': '/router',
-    '/router/engine': '/router',
-    '/settings/basic': '/misc',
-    '/settings/team': '/misc/member-management',
-    '/console': '/misc/graphql-console'
+  const defaultEndpoint = 'https://developer.blocklet.io/docs';
+  const docMap = {
+    '/store': {
+      endpoint: 'https://store.blocklet.io'
+    },
+    '/dashboard': {
+      path: '/conceptual/overview'
+    },
+    '/settings/router': {
+      path: '/conceptual/server-architecture'
+    }
   };
   const onHelpClick = () => {
     const pathName = location.pathname;
-    let path = '';
-    if (pathName.indexOf('/blocklets') > -1) {
-      path = docPaths['/blocklets'];
-    } else if (pathName.indexOf('/store') > -1) {
-      path = docPaths['/store'];
-    } else if (docPaths[pathName]) {
-      path = docPaths[pathName];
+    let doc = {};
+    if (pathName.indexOf('/store') > -1) {
+      doc = docMap['/store'];
+    } else if (docMap[pathName]) {
+      doc = docMap[pathName];
     }
-    window.open("https://docs.arcblock.io/abtnode/".concat(locale).concat(path), '_blank');
+    window.open("".concat(doc.endpoint || defaultEndpoint, "/").concat(locale).concat(doc.path || ''), '_blank');
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [extraItems.map((x, index) => /*#__PURE__*/(0, _react.cloneElement)(x, {

package/lib/layout/feedback.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Feedback;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("@mui/material");
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/** @jsxImportSource @emotion/react */
+
+function Feedback(_ref) {
+  let {
+    id,
+    version,
+    bundleName
+  } = _ref;
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const feedbackUrl = new URL('https://github.com/blocklet/blocklet-site/issues/new');
+  feedbackUrl.searchParams.set('title', '[Feedback]');
+  feedbackUrl.searchParams.set('body', "\n\n[Enter feedback here]\n\n\n---\n#### Document Details\n* App Id: ".concat(id, "\n* App Version: ").concat(version, "\n* App Bundle Name: ").concat(bundleName, "\n* Page: ").concat(window.location.href, "\n"));
+  return (0, _jsxRuntime.jsx)(_material.Box, {
+    sx: {
+      mx: {
+        xs: 0,
+        md: 2
+      }
+    },
+    children: (0, _jsxRuntime.jsx)(_Link.default, {
+      sx: {
+        color: 'text.primary'
+      },
+      target: "_blank",
+      href: feedbackUrl.href,
+      rel: "noreferrer",
+      style: {
+        textDecoration: 'underline'
+      },
+      children: t('common.reportIssue')
+    })
+  });
+}
+Feedback.propTypes = {
+  id: _propTypes.default.string,
+  version: _propTypes.default.string,
+  bundleName: _propTypes.default.string
+};
+Feedback.defaultProps = {
+  id: '',
+  version: '',
+  bundleName: ''
+};

package/lib/locales/en.js

@@ -210,6 +210,7 @@ module.exports = {
     reload: 'Reload',
     remark: 'Remark',
     remove: 'Remove',
+    reportIssue: 'Report an issue',
     requiredErrorText: '{name} is required',
     resource: 'Resource',
     restart: 'Restart',
@@ -956,7 +957,9 @@ module.exports = {
       defaultRule: 'Default rule',
       search: 'Search Passport',
       searchIssuerDid: 'Search Issuer DID',
-      issueBy: 'Issue by {name}'
+      issueBy: 'Issue by {name}',
+      configColor: 'Config Passport Color',
+      color: 'Passport Color'
     },
     inviting: {
       link: 'Invite Link',

package/lib/locales/zh.js

@@ -216,6 +216,7 @@ module.exports = {
     reload: '优雅重启',
     remark: '备注',
     remove: '删除',
+    reportIssue: '问题反馈',
     requiredErrorText: '{name}是必填的',
     resource: '资源',
     restart: '重启',
@@ -962,7 +963,9 @@ module.exports = {
       defaultRule: '默认规则',
       search: '搜索通行证',
       searchIssuerDid: '搜索颁发者 DID',
-      issueBy: '由 {name} 颁发'
+      issueBy: '由 {name} 颁发',
+      configColor: '设置通行证颜色',
+      color: '通行证颜色'
     },
     inviting: {
       link: '邀请链接',

package/lib/schema-form/index.js

@@ -91,6 +91,11 @@ function SchemaForm(_ref2) {
         [key]: '__encrypted__'
       }));
     }
+    if (['confirm', 'cancel'].includes(action)) {
+      onItemEditingStatusChange(null);
+    } else {
+      onItemEditingStatusChange(item);
+    }
   }
   function onItemEditingStatusChange(item) {
     if (item) {
@@ -147,7 +152,10 @@ function SchemaForm(_ref2) {
         description,
         editing,
         value: currentValue,
-        onChange: changeValue => onFormItemChange(x, changeValue, 'change'),
+        onChange: function onChange(changeValue) {
+          let action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'change';
+          return onFormItemChange(x, changeValue, action);
+        },
         componentProps
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
@@ -170,7 +178,6 @@ function SchemaForm(_ref2) {
                 "data-cy": "schema-form-item-confirm",
                 onClick: () => {
                   onFormItemChange(x, currentValue, 'confirm');
-                  onItemEditingStatusChange(null);
                 },
                 disabled: disabled || loading,
                 size: "large",
@@ -181,7 +188,6 @@ function SchemaForm(_ref2) {
                 "data-cy": "schema-form-item-cancel",
                 onClick: () => {
                   onFormItemChange(x, editingItemInitialValue.current, 'cancel');
-                  onItemEditingStatusChange(null);
                 },
                 disabled: disabled || loading,
                 size: "large",
@@ -191,7 +197,6 @@ function SchemaForm(_ref2) {
               "data-cy": "schema-form-item-edit",
               onClick: () => {
                 onFormItemChange(x, formValues[key], 'edit');
-                onItemEditingStatusChange(x);
               },
               disabled: disabled || editingItem,
               size: "large",

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

@@ -33,7 +33,7 @@ function TextInput(_ref) {
   // enter keydown
   const handleKeydown = e => {
     if (e.key === 'Enter') {
-      onChange(inputValue.current);
+      onChange(inputValue.current, 'confirm');
     }
   };
   const onInputChange = changeValue => {

package/lib/team/members/index.js

@@ -195,24 +195,30 @@ function MemberList(_ref2) {
       _toast.default.error(err.message);
     });
   };
-  (0, _react.useEffect)(() => {
-    getUsers();
-  }, ["".concat(search.hideBlocked, "-").concat(search.role, "-").concat(search.page, "-").concat(search.pageSize, "-").concat(search.searchText)]); //eslint-disable-line
-
-  // user counts
-  (0, _react.useEffect)(() => {
+  const getUserCounts = () => {
     api.getUsersCountPerRole().then(res => {
       setUserCounts(res.counts || []);
     }).catch(err => {
       _toast.default.error(err.message);
     });
-  }, []); //eslint-disable-line
-
-  useSubscription(_constant.EVENTS.USER_UPDATED, data => {
+  };
+  const handleUserChange = data => {
     if (data.teamDid === teamDid) {
       getUsers();
+      getUserCounts();
     }
-  }, [search]);
+  };
+  (0, _react.useEffect)(() => {
+    getUsers();
+  }, ["".concat(search.hideBlocked, "-").concat(search.role, "-").concat(search.page, "-").concat(search.pageSize, "-").concat(search.searchText)]); //eslint-disable-line
+
+  // user counts
+  (0, _react.useEffect)(() => {
+    getUserCounts();
+  }, []); //eslint-disable-line
+
+  useSubscription(_constant.EVENTS.USER_UPDATED, handleUserChange, [search]);
+  useSubscription(_constant.EVENTS.USER_ADDED, handleUserChange, [search]);
   const isInvitationEnabled = enablePassportIssuance;
   const columns = [{
     label: t('common.name'),

package/lib/team/passports/color.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PassportColorWithPermission;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+var _reactColor = require("react-color");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _createPassportSvg = _interopRequireDefault(require("@abtnode/auth/lib/util/create-passport-svg"));
+var _util = require("@blocklet/meta/lib/util");
+var _passportColor = require("@abtnode/auth/lib/util/passport-color");
+var _constant = require("@blocklet/constant");
+var _toast = _interopRequireDefault(require("../../toast"));
+var _node = require("../../contexts/node");
+var _blocklet = require("../../contexts/blocklet");
+var _util2 = require("../../util");
+var _permission = require("../../permission");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function PassportColor(_ref) {
+  let {
+    onCancel,
+    onSuccess
+  } = _ref;
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const curColor = (blocklet.environments.find(x => x.key === 'BLOCKLET_PASSPORT_COLOR') || {}).value || 'auto';
+  const defaultColor = curColor === 'auto' ? (0, _passportColor.getPassportColorFromDid)(blocklet.appDid) : curColor;
+  const [color, setColor] = (0, _react.useState)(defaultColor);
+  const onSubmit = async () => {
+    const params = [{
+      key: _constant.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_PASSPORT_COLOR,
+      value: color,
+      custom: true
+    }];
+    try {
+      setLoading(true);
+      await api.configBlocklet({
+        input: {
+          did: blocklet.meta.did,
+          configs: params
+        }
+      });
+      onSuccess();
+    } catch (err) {
+      _toast.default.error(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+    title: t('team.passport.color'),
+    onClose: onCancel,
+    open: true,
+    fullWidth: true,
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onCancel,
+        color: "inherit",
+        children: t('common.cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: onSubmit,
+        color: "primary",
+        disabled: loading,
+        variant: "contained",
+        autoFocus: true,
+        "data-cy": "bind-permission-btn-confirm",
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+          size: [16, 10]
+        }), t('common.save')]
+      })]
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      className: "dialog-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactColor.ChromePicker, {
+        color: color,
+        onChange: c => setColor(c.hex)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        style: {
+          width: 96,
+          marginLeft: 48
+        },
+        alt: "",
+        src: (0, _createPassportSvg.default)({
+          title: 'Owner',
+          issuer: (0, _util.getDisplayName)(blocklet),
+          issuerDid: blocklet.appDid,
+          ownerName: 'Your Name',
+          isDataUrl: true,
+          preferredColor: color
+        })
+      })]
+    })
+  });
+}
+const PassportColorInDaemon = (0, _permission.withPermission)(PassportColor, 'mutate_team');
+const PassportColorInService = (0, _permission.withPermission)(PassportColor, '', _util2.BlockletAdminRoles);
+function PassportColorWithPermission(props) {
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  if (inService) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(PassportColorInService, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PassportColorInDaemon, _objectSpread({}, props));
+}
+PassportColor.propTypes = {
+  onCancel: _propTypes.default.func.isRequired,
+  onSuccess: _propTypes.default.func.isRequired
+};
+PassportColor.defaultProps = {};

package/lib/team/passports/index.js

@@ -24,6 +24,7 @@ var _permission = _interopRequireDefault(require("../../permission"));
 var _searchInput = _interopRequireDefault(require("../search-input"));
 var _listHeader = _interopRequireDefault(require("../styles/list-header"));
 var _detail = _interopRequireDefault(require("./detail"));
+var _color = _interopRequireDefault(require("./color"));
 var _mutateRole = _interopRequireDefault(require("./mutate-role"));
 var _trustedIssuers = _interopRequireDefault(require("./trusted-issuers"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -50,6 +51,7 @@ function PassportList() {
   } = (0, _team.useTeamContext)();
   const [showCreate, setShowCreate] = (0, _react.useState)(false);
   const [updateForm, setUpdateForm] = (0, _react.useState)(false);
+  const [showColor, setShowColor] = (0, _react.useState)(false);
   const [showTrustedIssuers, setShowTrustedIssuers] = (0, _react.useState)(null);
   const [search, setSearch] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
@@ -94,27 +96,34 @@ function PassportList() {
             menuButtonProps: {
               'data-cy': 'trusted-issuers-more'
             },
-            menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitButton.default.Item, {
-              "data-cy": "config-show-issue-passport",
-              onClick: () => {
-                toggleShowIssue();
-              },
-              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-                display: "flex",
-                alignItems: "center",
-                children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-                  size: [16, 10],
-                  style: {
-                    marginRight: 8
-                  }
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-                  children: [enablePassportIssuance ? t('team.passport.disableIssuance') : t('team.passport.enableIssuance'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                    fontSize: 12,
-                    color: "#888",
-                    children: enablePassportIssuance ? t('team.passport.disableIssuanceTip') : t('team.passport.enableIssuanceTip')
+            menu: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitButton.default.Item, {
+                "data-cy": "config-show-issue-passport",
+                onClick: () => {
+                  toggleShowIssue();
+                },
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+                  display: "flex",
+                  alignItems: "center",
+                  children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
+                    size: [16, 10],
+                    style: {
+                      marginRight: 8
+                    }
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+                    children: [enablePassportIssuance ? t('team.passport.disableIssuance') : t('team.passport.enableIssuance'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                      fontSize: 12,
+                      color: "#888",
+                      children: enablePassportIssuance ? t('team.passport.disableIssuanceTip') : t('team.passport.enableIssuanceTip')
+                    })]
                   })]
-                })]
-              })
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitButton.default.Item, {
+                onClick: () => setShowColor(true),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                  children: t('team.passport.configColor')
+                })
+              })]
             }),
             children: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
               variant: "outlined",
@@ -212,6 +221,9 @@ function PassportList() {
       item: updateForm
     }), showTrustedIssuers && /*#__PURE__*/(0, _jsxRuntime.jsx)(_trustedIssuers.default, {
       onCancel: () => setShowTrustedIssuers(false)
+    }), showColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_color.default, {
+      onCancel: () => setShowColor(null),
+      onSuccess: () => setShowColor(null)
     })]
   });
 }

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.34",
+  "version": "1.8.36",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,17 +21,17 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.34",
-    "@abtnode/constant": "1.8.34",
-    "@abtnode/util": "1.8.34",
-    "@arcblock/did-connect": "^2.4.49",
+    "@abtnode/auth": "1.8.36",
+    "@abtnode/constant": "1.8.36",
+    "@abtnode/util": "1.8.36",
+    "@arcblock/did-connect": "^2.4.52",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.4.49",
-    "@arcblock/terminal": "^2.4.49",
-    "@arcblock/ux": "^2.4.49",
-    "@blocklet/constant": "1.8.34",
-    "@blocklet/launcher-layout": "^1.9.9",
-    "@blocklet/meta": "1.8.34",
+    "@arcblock/icons": "^2.4.52",
+    "@arcblock/terminal": "^2.4.52",
+    "@arcblock/ux": "^2.4.52",
+    "@blocklet/constant": "1.8.36",
+    "@blocklet/launcher-layout": "^1.9.10",
+    "@blocklet/meta": "1.8.36",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@material-table/core": "^0.2.48",
@@ -73,5 +73,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "c5fbb8e57493db62f212217cfde1980c82f00297"
+  "gitHead": "507e974ce88bad1aa002c593130b32982207f803"
 }