@abtnode/ux 1.8.27 → 1.8.28

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

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PassportIssuances;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _notistack = require("notistack");
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _node = require("../../contexts/node");
-
 var _team = require("../../contexts/team");
-
 var _confirm = _interopRequireDefault(require("../../confirm"));
-
 var _permission = _interopRequireDefault(require("../../permission"));
-
 var _clickToCopy = _interopRequireDefault(require("../../click-to-copy"));
-
 var _passportTag = _interopRequireDefault(require("../../passport-tag"));
-
 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 PassportIssuances(_ref) {
   let {
     issuances,
@@ -60,18 +42,14 @@ function PassportIssuances(_ref) {
   const {
     endpoint
   } = (0, _team.useTeamContext)();
-
   const deleteIssuance = async _ref2 => {
     let {
       id
     } = _ref2;
-
     if (loading) {
       return;
     }
-
     setLoading(true);
-
     try {
       await client.deletePassportIssuance({
         input: {
@@ -90,19 +68,17 @@ function PassportIssuances(_ref) {
       setDelConfirm(null);
     }
   };
-
   const onCancel = () => {
     setLoading(false);
     setDelConfirm(null);
   };
-
   const getLink = column => endpoint ? (0, _util.getIssuePassportLink)({
     id: column.id,
     endpoint
-  }) : ''; // eslint-disable-next-line react/prop-types
-  // eslint-disable-next-line react/no-unstable-nested-components
-
+  }) : '';
 
+  // eslint-disable-next-line react/prop-types
+  // eslint-disable-next-line react/no-unstable-nested-components
   function Issuance(_ref3) {
     let {
       data: d
@@ -152,7 +128,6 @@ function PassportIssuances(_ref) {
       })]
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [issuances.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(Issuance, {
       data: x
@@ -167,9 +142,7 @@ function PassportIssuances(_ref) {
     })]
   });
 }
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiTableHead-root {\n    display: none;\n  }\n  .issuance {\n    padding: 16px 0;\n    border-bottom: 1px solid #f0f0f0;\n    .MuiTypography-root {\n      display: inline-block;\n      width: 100%;\n      background: #f3f3f3;\n      border-radius: 4px;\n      padding-top: 6px;\n      padding-bottom: 6px;\n    }\n  }\n"])));
-
 PassportIssuances.propTypes = {
   teamDid: _propTypes.default.string.isRequired,
   issuances: _propTypes.default.array,

package/lib/team/members/passports.js

@@ -4,73 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Passports;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _notistack = require("notistack");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _upperFirst = _interopRequireDefault(require("lodash/upperFirst"));
-
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _ErrorOutline = _interopRequireDefault(require("@mui/icons-material/ErrorOutline"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _RevokeIcon = _interopRequireDefault(require("@arcblock/icons/lib/RevokeIcon"));
-
 var _ExternalIssuerIcon = _interopRequireDefault(require("@arcblock/icons/lib/ExternalIssuerIcon"));
-
 var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-
 var _constant = require("@abtnode/constant");
-
 var _createPassportSvg = _interopRequireDefault(require("@abtnode/auth/lib/util/create-passport-svg"));
-
 var _node = require("../../contexts/node");
-
 var _session = require("../../contexts/session");
-
 var _team = require("../../contexts/team");
-
 var _util = require("../../util");
-
 var _confirm = _interopRequireDefault(require("../../confirm"));
-
 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 _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 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 ConfirmDescription(_ref) {
   let {
     action,
@@ -96,16 +62,13 @@ function ConfirmDescription(_ref) {
     })]
   });
 }
-
 ConfirmDescription.propTypes = {
   action: _propTypes.default.string.isRequired,
   passport: _propTypes.default.object.isRequired
 };
 ConfirmDescription.defaultProps = {};
-
 function Passports(_ref2) {
   var _blocklet$settings;
-
   let {
     user,
     onCreate
@@ -140,14 +103,11 @@ function Passports(_ref2) {
   const passports = ((0, _get.default)(user, 'passports') || []).map(x => _objectSpread(_objectSpread({}, x), {}, {
     revoked: x.status === _constant.PASSPORT_STATUS.REVOKED
   }));
-
   const togglePassportStatus = async passport => {
     if (loading) {
       return;
     }
-
     setLoading(true);
-
     try {
       const method = passport.status === _constant.PASSPORT_STATUS.REVOKED ? 'enableUserPassport' : 'revokeUserPassport';
       await api[method]({
@@ -168,7 +128,6 @@ function Passports(_ref2) {
       setToggleConfirm(null);
     }
   };
-
   const confirmToggle = item => item.status === _constant.PASSPORT_STATUS.REVOKED ? setToggleConfirm({
     title: t('team.member.enablePassport'),
     description: /*#__PURE__*/(0, _jsxRuntime.jsx)(ConfirmDescription, {
@@ -201,7 +160,6 @@ function Passports(_ref2) {
       setToggleConfirm(null);
     }
   });
-
   const revokeInfo = (hasPermission, passport) => {
     if (user.did === session.user.did && session.user.passportId && session.user.passportId === passport.id) {
       return {
@@ -209,26 +167,22 @@ function Passports(_ref2) {
         message: t('team.passport.shouldNotDeleteCurrent')
       };
     }
-
     if (!hasPermission) {
       return {
         revokable: false,
         message: t('team.passport.noPermission')
       };
     }
-
     if (teamDid === passport.issuer.id && passport.name === 'owner') {
       return {
         revokable: false,
         message: t('team.passport.noPermission')
       };
     }
-
     return {
       revokable: true
     };
   };
-
   const filteredPassports = passports.filter(x => !search || x.title.includes(search) || x.name.includes(search));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_listHeader.default, {
@@ -365,7 +319,6 @@ function Passports(_ref2) {
     })]
   });
 }
-
 Passports.propTypes = {
   user: _propTypes.default.object.isRequired,
   onCreate: _propTypes.default.func
@@ -373,5 +326,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"])));

package/lib/team/members/toggle-user-approval.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ToggleUserApproval;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _toast = _interopRequireDefault(require("../../toast"));
-
 var _confirm = _interopRequireDefault(require("../../confirm"));
-
 var _node = require("../../contexts/node");
-
 var _team = require("../../contexts/team");
-
 var _session = require("../../contexts/session");
-
 var _util = require("../../util");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const isNodeOwner = (nodeInfo, userDid) => nodeInfo.nodeOwner && nodeInfo.nodeOwner.did === userDid;
-
 const isSelf = (sessionUser, userDid) => sessionUser && sessionUser.did === userDid;
-
 function ToggleUserApproval(_ref) {
   let {
     user,
@@ -56,21 +42,16 @@ function ToggleUserApproval(_ref) {
   } = (0, _context.useLocaleContext)();
   const [loading, setLoading] = (0, _react.useState)(false);
   const [show, setShow] = (0, _react.useState)(false);
-
   const open = () => setShow(true);
-
   const updateUserApproval = async d => {
     const {
       did,
       approved
     } = d;
-
     if (loading) {
       return;
     }
-
     setLoading(true);
-
     try {
       await api.updateUserApproval({
         input: {
@@ -86,13 +67,11 @@ function ToggleUserApproval(_ref) {
       refresh();
     } catch (error) {
       _toast.default.error((0, _util.formatError)(error));
-
       onError();
     } finally {
       setLoading(false);
     }
   };
-
   const approveConfirm = {
     title: user.approved ? t('team.member.forbidLogin') : t('team.member.allowLogin'),
     description: user.approved ? t('team.member.forbidLoginDescription') : t('team.member.allowLoginDescription'),
@@ -104,23 +83,19 @@ function ToggleUserApproval(_ref) {
     onCancel: () => {
       setLoading(false);
       setShow(false);
-
       _onCancel();
     },
     color: user.approved ? 'error' : 'primary'
   };
   let can;
-
   if (!inService) {
     can = nodeInfo.nodeOwner && !isNodeOwner(nodeInfo, user.did) && !isSelf(session.user, user.did);
   } else {
     can = !isSelf(session.user, user.did);
   }
-
   if (!can) {
     return null;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [typeof children === 'function' ? children({
       can,
@@ -137,7 +112,6 @@ function ToggleUserApproval(_ref) {
     }) : null]
   });
 }
-
 ToggleUserApproval.propTypes = {
   user: _propTypes.default.object,
   onSuccess: _propTypes.default.func,

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

@@ -4,51 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TransferMember;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
-
 var _clickToCopy = _interopRequireDefault(require("../../click-to-copy"));
-
 var _node = require("../../contexts/node");
-
 var _util = require("../../util");
-
 var _session = require("../../contexts/session");
-
 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 TransferMember(_ref) {
   let {
     teamDid,
@@ -84,12 +61,10 @@ function TransferMember(_ref) {
       } = await api.getDelegationState();
       return state;
     }
-
     return {
       delegated: true
     };
   });
-
   if (delegationState.loading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
       title: t('team.transferNode.inviteDialog.title'),
@@ -105,7 +80,6 @@ function TransferMember(_ref) {
       })
     });
   }
-
   if (delegationState.error) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
       title: t('team.transferNode.inviteDialog.title'),
@@ -119,11 +93,9 @@ function TransferMember(_ref) {
       })
     });
   }
-
   const onCreate = async () => {
     setError(null);
     setLoading(true);
-
     try {
       const {
         inviteInfo: tmpInviteInfo
@@ -144,17 +116,14 @@ function TransferMember(_ref) {
       setLoading(false);
     }
   };
-
   const handleTransferNFT = () => {
     setOpenTransferNFTAuth(true);
     setActiveStep(1);
   };
-
   const handleCancelTransferNFT = () => {
     setOpenTransferNFTAuth(false);
     setActiveStep(0);
   };
-
   const steps = [{
     body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
       component: "div",
@@ -279,7 +248,6 @@ function TransferMember(_ref) {
     })]
   });
 }
-
 TransferMember.propTypes = {
   teamDid: _propTypes.default.string.isRequired,
   onCancel: _propTypes.default.func.isRequired,
@@ -291,5 +259,4 @@ TransferMember.defaultProps = {
   onError: () => {},
   endpoint: ''
 };
-
 const Bold = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: bold;\n"])));

package/lib/team/members/util.js

@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseAvatar = parseAvatar;
-
 var _urlJoin = _interopRequireDefault(require("url-join"));
-
 var _constant = require("@abtnode/constant");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // eslint-disable-next-line import/prefer-default-export
 function parseAvatar(avatar, teamDid, inService) {
   if (avatar && avatar.startsWith(_constant.USER_AVATAR_URL_PREFIX)) {
     const prefix = window.env.apiPrefix || '/';
-
     if (inService) {
-      return (0, _urlJoin.default)(prefix, '/user', avatar.replace(_constant.USER_AVATAR_URL_PREFIX, ''));
+      return (0, _urlJoin.default)(prefix, _constant.USER_AVATAR_PATH_PREFIX, avatar.replace(_constant.USER_AVATAR_URL_PREFIX, ''));
     }
-
-    return (0, _urlJoin.default)(prefix, '/user/avatar', teamDid, avatar.replace(_constant.USER_AVATAR_URL_PREFIX, ''));
+    return (0, _urlJoin.default)(prefix, _constant.USER_AVATAR_PATH_PREFIX, teamDid, avatar.replace(_constant.USER_AVATAR_URL_PREFIX, ''));
   }
-
   return avatar;
 }

package/lib/team/passports/detail.js

@@ -4,61 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PassportDetailWithPermission;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-
 var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
-
 var _DeleteIcon = _interopRequireDefault(require("@arcblock/icons/lib/DeleteIcon"));
-
 var _toast = _interopRequireDefault(require("../../toast"));
-
 var _node = require("../../contexts/node");
-
 var _team = require("../../contexts/team");
-
 var _util = require("../../util");
-
 var _permission = require("../../permission");
-
 var _confirm = _interopRequireDefault(require("../../confirm"));
-
 var _mutateRole = _interopRequireDefault(require("./mutate-role"));
-
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function PassportDetail(_ref) {
   let {
     onCancel,
@@ -86,10 +58,8 @@ function PassportDetail(_ref) {
   const [loading, setLoading] = (0, _react.useState)(false);
   const role = (0, _cloneDeep.default)(roles.find(x => x.name === roleName));
   const isProtected = (0, _util.isProtectedRole)(roleName);
-
   const deletePassport = async name => {
     if (loading) return;
-
     try {
       setLoading(true);
       await api.deleteRole({
@@ -106,7 +76,6 @@ function PassportDetail(_ref) {
       setDelConfirm(null);
     }
   };
-
   const getData = async (team, name) => {
     const res = await api.getPermissionsByRole({
       input: {
@@ -122,11 +91,9 @@ function PassportDetail(_ref) {
     }));
     setBinds(bindList);
   };
-
   const onBind = async () => {
     setLoading(true);
     const grantNames = binds.filter(x => x.bind).map(x => x.name);
-
     try {
       await api.updatePermissionsForRole({
         input: {
@@ -135,9 +102,7 @@ function PassportDetail(_ref) {
           grantNames
         }
       });
-
       _toast.default.success(t('common.saveSuccess'));
-
       onSuccess();
     } catch (err) {
       _toast.default.error((0, _util.formatError)(err));
@@ -145,7 +110,6 @@ function PassportDetail(_ref) {
       setLoading(false);
     }
   };
-
   (0, _react.useEffect)(() => {
     if (teamDid && roleName) {
       getData(teamDid, roleName);
@@ -227,7 +191,8 @@ function PassportDetail(_ref) {
             children: t('common.permission')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "list",
-            children: binds // if readonly, show obtained permissions only
+            children: binds
+            // if readonly, show obtained permissions only
             .filter(x => readPermissionsOnly ? x.bind : true).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               className: "item",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
@@ -239,7 +204,6 @@ function PassportDetail(_ref) {
                       if (y.name === x.name) {
                         y.bind = !y.bind;
                       }
-
                       return y;
                     }));
                   },
@@ -272,22 +236,17 @@ function PassportDetail(_ref) {
     })]
   });
 }
-
 const PassportDetailInDaemon = (0, _permission.withPermission)(PassportDetail, 'mutate_team');
 const PassportDetailInService = (0, _permission.withPermission)(PassportDetail, '', _util.BlockletAdminRoles);
-
 function PassportDetailWithPermission(props) {
   const {
     inService
   } = (0, _node.useNodeContext)();
-
   if (inService) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(PassportDetailInService, _objectSpread({}, props));
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(PassportDetailInDaemon, _objectSpread({}, props));
 }
-
 PassportDetail.propTypes = {
   roleName: _propTypes.default.string.isRequired,
   onCancel: _propTypes.default.func.isRequired,
@@ -298,7 +257,5 @@ PassportDetail.propTypes = {
 PassportDetail.defaultProps = {
   hasPermission: false
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .header {\n    .title {\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 28px;\n      color: #222222;\n    }\n\n    .description {\n      margin-top: 16px;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #999999;\n    }\n  }\n\n  .bind {\n    margin-top: 24px;\n    .title {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #666666;\n      margin-bottom: 24px;\n    }\n    .item {\n      margin-top: 24px;\n    }\n\n    .MuiFormControlLabel-label {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #666;\n    }\n\n    .PrivateSwitchBase-root-45 {\n      padding: 0;\n      padding-right: 12px;\n    }\n  }\n"])));
-
 const Center = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n"])));