@abtnode/ux 1.8.27 → 1.8.28

package/lib/team/members/index.js

@@ -4,105 +4,59 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = MemberList;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
-
 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"));
-
 var _PersonIcon = _interopRequireDefault(require("@arcblock/icons/lib/PersonIcon"));
-
 var _ExternalIssuerIcon = _interopRequireDefault(require("@arcblock/icons/lib/ExternalIssuerIcon"));
-
 var _Datatable = _interopRequireWildcard(require("@arcblock/ux/lib/Datatable"));
-
 var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
-
 var _constant = require("@abtnode/constant");
-
 var _toast = _interopRequireDefault(require("../../toast"));
-
 var _node = require("../../contexts/node");
-
 var _team = require("../../contexts/team");
-
 var _permission = _interopRequireDefault(require("../../permission"));
-
 var _util = require("../../util");
-
 var _inviteMember = _interopRequireDefault(require("./invite-member"));
-
 var _transferNode = _interopRequireDefault(require("./transfer-node"));
-
 var _member = _interopRequireDefault(require("./member"));
-
 var _invitations = _interopRequireDefault(require("./invitations"));
-
 var _actions = _interopRequireDefault(require("./actions"));
-
 var _util2 = require("./util");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 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 _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; }
-
 const ROLE_ALL = '$all';
 const ROLE_NONE = '$none';
-
 const getCount = (counts, name) => {
   const item = counts.find(x => x.key === name);
   return (item === null || item === void 0 ? void 0 : item.value) || 0;
 };
-
 const isFromExternal = (user, teamIssuerDid) => {
   const list = user.passports || [];
-
   if (!list.length) {
     return false;
   }
-
   return !list.some(z => z.issuer.id === teamIssuerDid);
 };
-
 function SimpleInfo(_ref) {
   let {
     user
@@ -147,11 +101,9 @@ function SimpleInfo(_ref) {
     })
   });
 }
-
 SimpleInfo.propTypes = {
   user: _propTypes.default.object.isRequired
 };
-
 function MemberList(_ref2) {
   let {
     type
@@ -180,7 +132,6 @@ function MemberList(_ref2) {
   const [showTransferMember, setShowTransferMember] = (0, _react.useState)(false);
   const [showInviting, setShowInviting] = (0, _react.useState)(false);
   const [memberDialog, setMemberDialog] = (0, _react.useState)(false); // member, inviting
-
   const [loading, setLoading] = (0, _react.useState)(false);
   const [users, setUsers] = (0, _react.useState)([]);
   const [rowCount, setRowCount] = (0, _react.useState)();
@@ -209,20 +160,15 @@ function MemberList(_ref2) {
     title: 'Other',
     num: getCount(userCounts, ROLE_NONE)
   });
-
   const getUsers = () => {
     const query = {};
-
     if (search.hideBlocked) {
       query.approved = true;
     }
-
     query.role = search.role;
-
     if (search.searchText) {
       query.search = search.searchText;
     }
-
     setLoading(true);
     api.getUsers({
       query,
@@ -240,16 +186,14 @@ function MemberList(_ref2) {
       setRowCount(res.paging.total);
     }).catch(err => {
       setLoading(false);
-
       _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
 
+  // user counts
   (0, _react.useEffect)(() => {
     api.getUsersCountPerRole().then(res => {
       setUserCounts(res.counts || []);
@@ -324,7 +268,6 @@ function MemberList(_ref2) {
     }
   }];
   const customButtons = [];
-
   if (isInvitationEnabled) {
     customButtons.push( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
       variant: "outlined",
@@ -365,7 +308,6 @@ function MemberList(_ref2) {
         }), t('team.invite')]
       })
     }));
-
     if (type === 'server') {
       customButtons.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
         role: "owner",
@@ -389,12 +331,10 @@ function MemberList(_ref2) {
       }));
     }
   }
-
   const onRoleChange = role => {
     if (loading) {
       return;
     }
-
     setSearch(x => _objectSpread(_objectSpread({}, x), {}, {
       role,
       hideBlocked: false,
@@ -402,21 +342,18 @@ function MemberList(_ref2) {
       page: 1
     }));
   };
-
   const onHideBlockedChange = value => {
     setSearch(x => _objectSpread(_objectSpread({}, x), {}, {
       hideBlocked: value,
       page: 1
     }));
   };
-
   const onTableChange = _ref3 => {
     let {
       page,
       rowsPerPage,
       searchText
     } = _ref3;
-
     if (search.pageSize !== rowsPerPage) {
       setSearch(x => _objectSpread(_objectSpread({}, x), {}, {
         pageSize: rowsPerPage,
@@ -433,14 +370,12 @@ function MemberList(_ref2) {
       }));
     }
   };
-
   const tableOptions = {
     sort: false,
     download: false,
     filter: false,
     print: false,
     expandableRowsOnClick: true,
-
     onRowClick(e, _ref4) {
       let {
         dataIndex
@@ -448,7 +383,6 @@ function MemberList(_ref2) {
       const x = users[dataIndex];
       setMemberDialog(x);
     },
-
     page: search.page - 1,
     rowsPerPage: search.pageSize,
     count: rowCount,
@@ -536,9 +470,7 @@ 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);
-
 MemberList.propTypes = {
   type: _propTypes.default.oneOf(['server', 'blocklet']).isRequired
 };

package/lib/team/members/invitations.js

@@ -4,45 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Invitations;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-
 var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
-
 var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
-
 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 _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 Invitations() {
   const {
     api: client,
@@ -60,18 +40,14 @@ function Invitations() {
   } = (0, _team.useTeamContext)();
   const [delConfirm, setDelConfirm] = (0, _react.useState)(null);
   const [loading, setLoading] = (0, _react.useState)(false);
-
   const deleteInvitation = async _ref => {
     let {
       inviteId
     } = _ref;
-
     if (loading) {
       return;
     }
-
     setLoading(true);
-
     try {
       await client.deleteInvitation({
         input: {
@@ -88,23 +64,19 @@ function Invitations() {
       setDelConfirm(null);
     }
   };
-
   const onCancel = () => {
     setLoading(false);
     setDelConfirm(null);
   };
-
   const getLink = column => {
     if (!endpoint) {
       return '';
     }
-
     return (0, _util.getInviteLink)({
       inviteId: column.inviteId,
       endpoint
     });
   };
-
   const columns = [{
     label: t('team.inviting.link'),
     name: 'inviteId',
@@ -112,13 +84,11 @@ function Invitations() {
       sort: false,
       customBodyRenderLite: rawIndex => {
         const d = invitations[rawIndex];
-
         if (!endpoint) {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
             size: 16
           });
         }
-
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_clickToCopy.default, {
           children: getLink(d)
         });
@@ -143,7 +113,6 @@ function Invitations() {
       sort: false,
       customBodyRender: (e, _ref2) => {
         var _d$inviter;
-
         let {
           rowIndex
         } = _ref2;
@@ -222,8 +191,6 @@ function Invitations() {
     })]
   });
 }
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: -20px;\n"])));
-
 Invitations.propTypes = {};
 Invitations.defaultProps = {};

package/lib/team/members/invite-member.js

@@ -4,51 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InviteMember;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 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 _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-
 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 _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 InviteMember(_ref) {
   let {
     teamDid,
@@ -70,17 +47,14 @@ function InviteMember(_ref) {
   const [inviteInfo, setInviteInfo] = (0, _react.useState)('');
   const [role, setRole] = (0, _react.useState)('');
   const [remark, setRemark] = (0, _react.useState)('');
-
   const onCreate = async () => {
     if (!role) {
       setError(t('team.member.error.passportEmpty'));
       return;
     }
-
     const trimRemark = remark.trim();
     setError(null);
     setLoading(true);
-
     try {
       const {
         inviteInfo: info
@@ -101,7 +75,6 @@ function InviteMember(_ref) {
       setLoading(false);
     }
   };
-
   const steps = [{
     body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
       component: "div",
@@ -223,7 +196,6 @@ function InviteMember(_ref) {
     })]
   });
 }
-
 InviteMember.propTypes = {
   teamDid: _propTypes.default.string.isRequired,
   onCancel: _propTypes.default.func.isRequired,
@@ -237,5 +209,4 @@ InviteMember.defaultProps = {
   roles: [],
   endpoint: ''
 };
-
 const Bold = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: bold;\n"])));

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

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = IssuePassport;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
-
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-
 var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-
 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 _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 IssuePassport(_ref) {
   let {
     teamDid,
@@ -58,16 +40,13 @@ function IssuePassport(_ref) {
     t
   } = (0, _context.useLocaleContext)();
   const [role, setRole] = (0, _react.useState)('');
-
   const onCreate = async () => {
     if (!role) {
       setError(t('team.member.error.passportEmpty'));
       return;
     }
-
     setError(null);
     setLoading(true);
-
     try {
       await api.createPassportIssuance({
         input: {
@@ -85,7 +64,6 @@ function IssuePassport(_ref) {
       setLoading(false);
     }
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
     title: t('team.passport.issue'),
     fullWidth: true,
@@ -161,7 +139,6 @@ function IssuePassport(_ref) {
     })]
   });
 }
-
 IssuePassport.propTypes = {
   teamDid: _propTypes.default.string.isRequired,
   ownerDid: _propTypes.default.string.isRequired,

package/lib/team/members/member.js

@@ -4,61 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Member;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _notistack = require("notistack");
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-
 var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
-
 var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
-
 var _ForbidLoginIcon = _interopRequireDefault(require("@arcblock/icons/lib/ForbidLoginIcon"));
-
 var _AllowLoginIcon = _interopRequireDefault(require("@arcblock/icons/lib/AllowLoginIcon"));
-
 var _constant = require("@abtnode/constant");
-
 var _permission = _interopRequireDefault(require("../../permission"));
-
 var _node = require("../../contexts/node");
-
 var _team = require("../../contexts/team");
-
 var _util = require("../../util");
-
 var _passportIssuances = _interopRequireDefault(require("./passport-issuances"));
-
 var _passports = _interopRequireDefault(require("./passports"));
-
 var _toggleUserApproval = _interopRequireDefault(require("./toggle-user-approval"));
-
 var _util2 = require("./util");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 Member(_ref) {
   let {
     userDid,
@@ -86,7 +58,6 @@ function Member(_ref) {
     enqueueSnackbar
   } = (0, _notistack.useSnackbar)();
   const [tab, setTab] = (0, _react.useState)(initTab || 'info');
-
   const getData = async () => {
     try {
       const res = await api.doBatchQuery({
@@ -105,11 +76,9 @@ function Member(_ref) {
           }
         }
       });
-
       if (res.getUser.user) {
         res.getUser.user.avatar = (0, _util2.parseAvatar)(res.getUser.user.avatar, teamDid, inService);
       }
-
       setUser(res.getUser.user || {});
       setIssuances(res.getPassportIssuances.list || []);
     } catch (err) {
@@ -119,7 +88,6 @@ function Member(_ref) {
       });
     }
   };
-
   (0, _react.useEffect)(() => {
     if (teamDid) {
       getData();
@@ -131,15 +99,14 @@ function Member(_ref) {
       getData();
     }
   };
-
   useSubscription(_constant.EVENTS.USER_UPDATED, onUserEvent, [userDid, teamDid]);
   (0, _react.useEffect)(() => {
     if (issuances && !issuances.length && tab === 'issuances') {
       setTab('info');
     }
   }, [issuances]); // eslint-disable-line
-  // tab
 
+  // tab
   const Info = () => {
     const rows = user ? [{
       name: t('team.member.name'),
@@ -170,7 +137,6 @@ function Member(_ref) {
           children: row.value
         }, row.name);
       }
-
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
         style: {
           alignItems: 'flex-start'
@@ -182,7 +148,6 @@ function Member(_ref) {
       }, row.name);
     });
   };
-
   const tabConfigs = {
     info: {
       label: t('common.basicInfo'),
@@ -228,15 +193,12 @@ function Member(_ref) {
     if (x.value === 'issuances') {
       return enablePassportIssuance && issuances && !!issuances.length;
     }
-
     return true;
   });
   const tabConfig = tabConfigs[tab] || tabConfigs.info;
-
   const onTabChange = newTab => {
     setTab(newTab);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
     title: t('common.member'),
     onClose: onCancel,
@@ -319,7 +281,6 @@ function Member(_ref) {
     })
   });
 }
-
 Member.propTypes = {
   userDid: _propTypes.default.string.isRequired,
   onCancel: _propTypes.default.func.isRequired,
@@ -328,9 +289,6 @@ Member.propTypes = {
 Member.defaultProps = {
   initTab: 'info'
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .info {\n    .name {\n      font-weight: 400;\n      font-size: 18px;\n      line-height: 25px;\n      color: #222222;\n    }\n  }\n\n  .tabs {\n    margin-top: 24px;\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .body {\n    margin-top: 24px;\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"])));
-
 const BlockButton = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  flex-shrink: 0;\n  width: 100%;\n  height: 64px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  color: #999;\n  fill: #999;\n  font-size: 16px;\n  border-top: 1px solid #f0f0f0;\n  position: sticky;\n  bottom: 0;\n  background: #fff;\n  z-index: 10;\n"])));