@abtnode/ux 1.8.26 → 1.8.28

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ColorInput;
-
 var _react = require("react");
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
-
 var _reactColor = require("react-color");
-
 var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ColorInput(_ref) {
   let {
     editing,
@@ -27,32 +19,28 @@ function ColorInput(_ref) {
   } = _ref;
   const [open, setOpen] = (0, _react.useState)(false);
   const colorElm = (0, _react.useRef)();
-  const colorValue = (0, _react.useRef)(value); // auto open color picker when editing, should wait the useRef to be ready
+  const colorValue = (0, _react.useRef)(value);
 
+  // auto open color picker when editing, should wait the useRef to be ready
   (0, _react.useEffect)(() => {
     let timer = null;
-
     if (editing) {
       timer = setTimeout(() => {
         setOpen(true);
       }, 50);
     }
-
     return () => {
       clearTimeout(timer);
     };
   }, [editing]);
-
   const onColorChange = color => {
     colorValue.current = color;
     onChange(color);
   };
-
   const handleEnterKeyDown = () => {
     setOpen(false);
     onChange(colorValue.current);
   };
-
   const ReadView = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     className: "form-item-input slot",
     px: 1,
@@ -114,5 +102,4 @@ function ColorInput(_ref) {
   });
   return editing ? EditView : ReadView;
 }
-
 ColorInput.propTypes = _commonPropTypes.default;

package/lib/schema-form/common-prop-types.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = {
   description: _propTypes.default.string,
   editing: _propTypes.default.bool,

package/lib/schema-form/index.js

@@ -4,49 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SchemaForm;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _colorInput = _interopRequireDefault(require("./color-input"));
-
 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 _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 getComponent(item, _ref) {
   let {
     editing = false
@@ -55,17 +33,16 @@ function getComponent(item, _ref) {
     componentType = 'input',
     render,
     renderFormItem
-  } = item; // if provided renderItem and editing is true, use it
-
+  } = item;
+  // if provided renderItem and editing is true, use it
   if (editing && renderFormItem) {
     return renderFormItem;
-  } // if provided render and editing is false, use it
-
+  }
 
+  // if provided render and editing is false, use it
   if (!editing && render) {
     return render;
   }
-
   const componentMap = {
     input: _textInput.default,
     color: _colorInput.default,
@@ -73,7 +50,6 @@ function getComponent(item, _ref) {
   };
   return componentMap[componentType === null || componentType === void 0 ? void 0 : componentType.toLowerCase()];
 }
-
 function SchemaForm(_ref2) {
   let {
     schema,
@@ -88,7 +64,6 @@ function SchemaForm(_ref2) {
   const [editingItem, setEditingItem] = (0, _react.useState)(null);
   const [formValues, setFormValues] = (0, _react.useState)(isControlled ? value : defaultValue);
   const editingItemInitialValue = (0, _react.useRef)();
-
   function onFormItemChange(item, changeValue, action) {
     const {
       key,
@@ -96,41 +71,36 @@ function SchemaForm(_ref2) {
     } = item;
     const oldValue = formValues[key];
     const isChanged = oldValue !== changeValue;
-
     const newValues = _objectSpread(_objectSpread({}, formValues), {}, {
       [key]: changeValue
     });
-
     if (isChanged) {
       setFormValues(newValues);
     }
-
     onChange({
       [key]: changeValue
     }, {
       allValues: newValues,
       action,
       currentItem: item
-    }); // hide secure text after confirm
+    });
 
+    // hide secure text after confirm
     if (action === 'confirm' && secure) {
       setFormValues(_objectSpread(_objectSpread({}, formValues), {}, {
         [key]: '__encrypted__'
       }));
     }
   }
-
   function onItemEditingStatusChange(item) {
     if (item) {
       editingItemInitialValue.current = formValues[item.key];
       setEditingItem(item);
       return;
     }
-
     editingItemInitialValue.current = null;
     setEditingItem(null);
   }
-
   function getValue(item, _ref3) {
     let {
       editing = false
@@ -139,18 +109,14 @@ function SchemaForm(_ref2) {
       key
     } = item;
     const currentValue = isControlled ? value[key] : formValues[key];
-
     if (currentValue === '__encrypted__') {
       if (!editing) {
         return '******';
       }
-
       return '';
     }
-
     return currentValue;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFormWrapper, {
     className: "form",
     style: style,
@@ -162,16 +128,14 @@ function SchemaForm(_ref2) {
         hidden = false,
         componentProps = {}
       } = x;
-
       if (hidden) {
         return null;
       }
-
       const editing = !!(editingItem && key === editingItem.key);
       const currentValue = getValue(x, {
         editing
-      }); // get component by componentType
-
+      });
+      // get component by componentType
       const CurrentComponent = getComponent(x, {
         editing
       });
@@ -239,7 +203,6 @@ function SchemaForm(_ref2) {
     })
   });
 }
-
 SchemaForm.propTypes = {
   schema: _propTypes.default.array.isRequired,
   loading: _propTypes.default.bool,

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

@@ -4,46 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PassportInput;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _createPassportSvg = _interopRequireDefault(require("@abtnode/auth/lib/util/create-passport-svg"));
-
 var _passportColor = require("@abtnode/auth/lib/util/passport-color");
-
 var _util = require("@blocklet/meta/lib/util");
-
 var _colorInput = _interopRequireDefault(require("./color-input"));
-
 var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["editing", "value", "onChange", "componentProps"];
-
 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 _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 PassportInput(_ref) {
   let {
-    editing,
-    value,
-    onChange,
-    componentProps
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      editing,
+      value,
+      onChange,
+      componentProps
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const {
     blocklet
   } = componentProps;
@@ -73,7 +56,6 @@ function PassportInput(_ref) {
     }))]
   });
 }
-
 PassportInput.propTypes = _objectSpread(_objectSpread({}, _commonPropTypes.default), {}, {
   componentProps: _propTypes.default.shape({
     blocklet: _propTypes.default.object.isRequired

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

@@ -4,57 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TextInput;
-
 var _react = require("react");
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-
 var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["editing", "description", "value", "onChange", "componentProps"];
-
 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 _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 TextInput(_ref) {
   let {
-    editing,
-    description,
-    value,
-    onChange,
-    componentProps
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      editing,
+      description,
+      value,
+      onChange,
+      componentProps
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const {
     placeholder
   } = componentProps;
-  const inputValue = (0, _react.useRef)(value); // enter keydown
+  const inputValue = (0, _react.useRef)(value);
 
+  // enter keydown
   const handleKeydown = e => {
     if (e.key === 'Enter') {
       onChange(inputValue.current);
     }
   };
-
   const onInputChange = changeValue => {
     inputValue.current = changeValue;
     onChange(changeValue);
   };
-
   if (editing) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread({
       style: {
@@ -73,14 +58,12 @@ function TextInput(_ref) {
       onKeyDown: handleKeydown
     }, rest));
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     px: 1,
     className: "form-item-input slot",
     children: value
   });
 }
-
 TextInput.propTypes = _commonPropTypes.default;
 TextInput.defaultProps = {
   componentProps: {}

package/lib/table-icons.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
+var _SaveAlt = _interopRequireDefault(require("@mui/icons-material/SaveAlt"));
+var _Edit = _interopRequireDefault(require("@mui/icons-material/Edit"));
+var _Filter = _interopRequireDefault(require("@mui/icons-material/Filter"));
+var _FirstPage = _interopRequireDefault(require("@mui/icons-material/FirstPage"));
+var _LastPage = _interopRequireDefault(require("@mui/icons-material/LastPage"));
+var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+var _ChevronLeft = _interopRequireDefault(require("@mui/icons-material/ChevronLeft"));
+var _Search = _interopRequireDefault(require("@mui/icons-material/Search"));
+var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
+var _Remove = _interopRequireDefault(require("@mui/icons-material/Remove"));
+var _ViewColumn = _interopRequireDefault(require("@mui/icons-material/ViewColumn"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
+  Add: _Add.default,
+  Check: _Check.default,
+  Delete: _Delete.default,
+  Edit: _Edit.default,
+  Clear: _Clear.default,
+  DetailPanel: _ChevronRight.default,
+  Filter: _Filter.default,
+  FirstPage: _FirstPage.default,
+  LastPage: _LastPage.default,
+  NextPage: _ChevronRight.default,
+  PreviousPage: _ChevronLeft.default,
+  Search: _Search.default,
+  ResetSearch: _Clear.default,
+  SortArrow: _ArrowDropDown.default,
+  Export: _SaveAlt.default,
+  ThirdStateCheck: _Remove.default,
+  ViewColumn: _ViewColumn.default
+};
+exports.default = _default;

package/lib/table.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+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) } })); }
+const TableStyle = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiPaper-root {\n    box-shadow: none !important;\n    border: none !important;\n    border-radius: 0 !important;\n    background: transparent;\n  }\n  .MuiToolbar-root {\n    background: transparent;\n    padding-left: 0;\n    display: none;\n  }\n\n  &.show-pagination {\n    .MuiTablePagination-toolbar {\n      display: flex;\n    }\n  }\n\n  .MuiTableHead-root th {\n    min-width: 100px;\n    background: transparent;\n  }\n\n  .MuiTable-root {\n    overflow-y: hidden;\n  }\n  .MuiTableRow-root {\n    border: none !important;\n  }\n\n  .MuiTableCell-root {\n    padding-right: 16px;\n    &:last-of-type {\n      padding-right: 0;\n    }\n  }\n\n  /* @material-table/core@next \u517C\u5BB9 mui v5, \u4F46 pagination \u6837\u5F0F\u4F3C\u4E4E\u6709\u4E9B\u95EE\u9898, \u6682\u5730\u5B9A\u5236\u4E0B\u9762\u7684\u6837\u5F0F\u4FEE\u590D, \u540E\u9762\u8003\u8651\u5F03\u7528 material-table  */\n  .MuiTablePagination-selectLabel,\n  .MuiTablePagination-displayedRows {\n    display: none;\n  }\n  .MuiTypography-caption {\n    display: inline-block;\n  }\n  .MuiTablePagination-selectLabel + .MuiInputBase-root {\n    margin-right: 8px;\n  }\n"])));
+var _default = TableStyle;
+exports.default = _default;

package/lib/tag.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Wrapped;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children", "style"];
+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 _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 Wrapped(_ref) {
+  let {
+      children,
+      style
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, _objectSpread(_objectSpread({
+    style: style
+  }, rest), {}, {
+    children: children
+  }));
+}
+Wrapped.propTypes = {
+  children: _propTypes.default.any.isRequired,
+  style: _propTypes.default.object
+};
+Wrapped.defaultProps = {
+  style: {}
+};

package/lib/team/members/actions.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = MemberActions;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _ForbidLoginIcon = _interopRequireDefault(require("@arcblock/icons/lib/ForbidLoginIcon"));
+var _AllowLoginIcon = _interopRequireDefault(require("@arcblock/icons/lib/AllowLoginIcon"));
+var _team = require("../../contexts/team");
+var _actions = _interopRequireDefault(require("../../actions"));
+var _issuePassport = _interopRequireDefault(require("./issue-passport"));
+var _toggleUserApproval = _interopRequireDefault(require("./toggle-user-approval"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function MemberActions(_ref) {
+  let {
+    user,
+    onIssuePassport
+  } = _ref;
+  const {
+    teamDid,
+    roles
+  } = (0, _team.useTeamContext)();
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const [enablePassportIssuance, setEnablePassportIssuance] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_actions.default, {
+      "data-cy": "member-actions",
+      actions: [{
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+          fontSize: "small"
+        }),
+        text: t('team.passport.issue'),
+        'data-cy': 'action-issue-passport',
+        onClick: e => {
+          e.stopPropagation();
+          setEnablePassportIssuance(true);
+        }
+      },
+      // eslint-disable-next-line react/no-unstable-nested-components
+      _ref2 => {
+        let {
+          close
+        } = _ref2;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toggleUserApproval.default, {
+          user: user,
+          children: _ref3 => {
+            let {
+              open: o
+            } = _ref3;
+            return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+              dense: true,
+              onClick: e => {
+                e.stopPropagation();
+                close();
+                o(e);
+              },
+              "data-cy": "action-toggle-block",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+                style: {
+                  minWidth: 24,
+                  marginRight: 8
+                },
+                children: user.approved ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ForbidLoginIcon.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_AllowLoginIcon.default, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+                primary: user.approved ? t('team.member.forbidLogin') : t('team.member.allowLogin')
+              })]
+            });
+          }
+        }, "toggle-approval");
+      }]
+    }), enablePassportIssuance && /*#__PURE__*/(0, _jsxRuntime.jsx)(_issuePassport.default, {
+      teamDid: teamDid,
+      ownerDid: user.did,
+      roles: roles,
+      onCancel: () => setEnablePassportIssuance(false),
+      onSuccess: () => {
+        onIssuePassport();
+        setEnablePassportIssuance(false);
+      }
+    })]
+  });
+}
+MemberActions.propTypes = {
+  user: _propTypes.default.object.isRequired,
+  onIssuePassport: _propTypes.default.func
+};
+MemberActions.defaultProps = {
+  onIssuePassport: () => {}
+};