cozy-sharing 11.0.1 → 11.1.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [11.1.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@11.0.1...cozy-sharing@11.1.0) (2024-03-21)
+
+
+### Features
+
+* Add groups to recipients ([4be590d](https://github.com/cozy/cozy-libs/commit/4be590d8280fe9198fb56d32d2ff55665864e746))
+* Add groups to recipients if flag ([4ac2199](https://github.com/cozy/cozy-libs/commit/4ac21990174d1312ee8d5b452e524db6c53429a9))
+* Extract logic from onRecipientPick to an helper ([2d08da1](https://github.com/cozy/cozy-libs/commit/2d08da1fb5a767819d8d89bd3e59f8d9927cceea))
+* **RecipientList:** Show recipient groups ([60d155c](https://github.com/cozy/cozy-libs/commit/60d155c53702782863a777c649e786deeb64a314))
+
+
+
+
+
 ## [11.0.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@11.0.0...cozy-sharing@11.0.1) (2024-03-12)
 
 

package/dist/components/Avatar/GroupAvatar.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import TeamIcon from 'cozy-ui/transpiled/react/Icons/Team';
+
+var GroupAvatar = function GroupAvatar(_ref) {
+  var size = _ref.size;
+  return /*#__PURE__*/React.createElement(Avatar, {
+    icon: TeamIcon,
+    size: size
+  });
+};
+
+export { GroupAvatar };

package/dist/components/Avatar/GroupAvatar.stories.js

@@ -0,0 +1,10 @@
+import { GroupAvatar } from './GroupAvatar';
+var meta = {
+  component: GroupAvatar,
+  args: {}
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};

package/dist/components/Recipient/GroupRecipient.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useClient } from 'cozy-client';
+import Fade from 'cozy-ui/transpiled/react/Fade';
+import ListItem from 'cozy-ui/transpiled/react/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { GroupRecipientPermissions } from './GroupRecipientPermissions';
+import { FADE_IN_DURATION } from '../../helpers/recipients';
+import { GroupAvatar } from '../Avatar/GroupAvatar';
+
+var GroupRecipient = function GroupRecipient(props) {
+  var name = props.name,
+      members = props.members,
+      fadeIn = props.fadeIn;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+  var nbMember = members.length;
+  var nbMemberReady = members.filter(function (member) {
+    return !['revoked', 'mail-not-sent'].includes(member.status);
+  }).length;
+  var isCurrentInstanceInsideMembers = members.some(function (member) {
+    return member.instance === client.options.uri;
+  });
+  return /*#__PURE__*/React.createElement(Fade, {
+    in: true,
+    timeout: fadeIn ? FADE_IN_DURATION : 0
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    disableGutters: true
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(GroupAvatar, {
+    size: "small"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: /*#__PURE__*/React.createElement(Typography, {
+      className: "u-ellipsis",
+      variant: "body1"
+    }, name),
+    secondary: t('GroupRecipient.secondary', {
+      nbMember: nbMember,
+      nbMemberReady: nbMemberReady
+    }) + (isCurrentInstanceInsideMembers ? " (".concat(t('GroupRecipient.secondary_you'), ")") : '')
+  }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(GroupRecipientPermissions, props))));
+};
+
+export { GroupRecipient };

package/dist/components/Recipient/GroupRecipient.stories.js

@@ -0,0 +1,41 @@
+import { GroupRecipient } from './GroupRecipient';
+var meta = {
+  component: GroupRecipient,
+  args: {
+    name: 'Family',
+    isOwner: true,
+    read_only: false,
+    members: [{
+      status: 'ready'
+    }, {
+      status: 'mail-not-sent'
+    }, {
+      status: 'pending'
+    }, {
+      status: 'revoked'
+    }],
+    groupIndex: 0
+  }
+};
+export default meta;
+export var Default = {
+  name: 'Default',
+  args: {}
+};
+export var InstanceInsideMembers = {
+  name: 'Instance inside members',
+  args: {
+    isOwner: false,
+    instance: 'http://alice.cozy.localhost:8080',
+    members: [{
+      status: 'ready',
+      instance: 'http://alice.cozy.localhost:8080'
+    }, {
+      status: 'mail-not-sent'
+    }, {
+      status: 'pending'
+    }, {
+      status: 'revoked'
+    }]
+  }
+};

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -0,0 +1,71 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useRef } from 'react';
+import { useClient } from 'cozy-client';
+import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
+import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { permission } from './actions/permission';
+import { revokeGroup } from './actions/revokeGroup';
+
+var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
+  var isOwner = _ref.isOwner,
+      instance = _ref.instance,
+      _ref$read_only = _ref.read_only,
+      isReadOnly = _ref$read_only === void 0 ? false : _ref$read_only,
+      className = _ref.className;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var buttonRef = useRef();
+  var client = useClient();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isMenuDisplayed = _useState2[0],
+      setMenuDisplayed = _useState2[1];
+
+  var instanceMatchesClient = instance !== undefined && instance === client.options.uri;
+  var shouldShowMenu = instanceMatchesClient && !isOwner || isOwner;
+
+  var toggleMenu = function toggleMenu() {
+    return setMenuDisplayed(!isMenuDisplayed);
+  };
+
+  var hideMenu = function hideMenu() {
+    return setMenuDisplayed(false);
+  };
+
+  var handleRevocation = function handleRevocation() {// TODO : Need to be implemented
+  };
+
+  var type = isReadOnly ? 'one-way' : 'two-way';
+  var actions = makeActions([permission, divider, revokeGroup], {
+    t: t,
+    type: type,
+    isOwner: isOwner,
+    handleRevocation: handleRevocation
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
+    ref: buttonRef,
+    "aria-controls": "simple-menu",
+    "aria-haspopup": "true",
+    onClick: toggleMenu,
+    textVariant: "body2"
+  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+    ref: buttonRef,
+    open: isMenuDisplayed,
+    actions: actions,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    autoClose: true,
+    onClose: hideMenu
+  })));
+};
+
+export { GroupRecipientPermissions };

package/dist/components/Recipient/GroupRecipientPermissions.stories.js

@@ -0,0 +1,37 @@
+import { GroupRecipientPermissions } from './GroupRecipientPermissions';
+var meta = {
+  component: GroupRecipientPermissions,
+  args: {
+    onRevoke: function onRevoke() {},
+    onRevokeSelf: function onRevokeSelf() {},
+    type: 'two-way',
+    status: 'ready',
+    groupIndex: 0
+  },
+  argTypes: {
+    status: {
+      control: 'select',
+      options: ['ready', 'mail-not-sent', 'pending', 'seen', 'owner'],
+      defaultValue: 'ready'
+    },
+    type: {
+      control: 'select',
+      options: ['one-way', 'two-way'],
+      defaultValue: 'two-way'
+    }
+  }
+};
+export default meta;
+export var Owner = {
+  name: 'Owner',
+  args: {
+    isOwner: true
+  }
+};
+export var Self = {
+  name: 'Self',
+  args: {
+    isOwner: false,
+    instance: 'http://alice.cozy.localhost:8080'
+  }
+};

package/dist/components/Recipient/MemberRecipient.stories.js

@@ -7,7 +7,10 @@ var meta = {
     status: 'ready',
     recipientConfirmationData: null,
     verifyRecipient: function verifyRecipient() {},
-    fadeIn: true
+    fadeIn: true,
+    type: 'two-way',
+    onRevoke: function onRevoke() {},
+    onRevokeSelf: function onRevokeSelf() {}
   },
   argTypes: {
     status: {
@@ -29,6 +32,13 @@ export var Owner = {
     status: 'owner'
   }
 };
+export var SameInstance = {
+  name: 'SameInstance',
+  args: {
+    isOwner: false,
+    instance: 'http://alice.cozy.localhost:8080'
+  }
+};
 export var RecipientConfirm = {
   name: 'RecipientConfirm',
   args: {

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -3,15 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef, useCallback } from 'react';
 import { useClient } from 'cozy-client';
+import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
+import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
-import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
 import Spinner from 'cozy-ui/transpiled/react/Spinner';
 import Typography from 'cozy-ui/transpiled/react/Typography';
-import ActionMenu, { ActionMenuItem } from 'cozy-ui/transpiled/react/deprecated/ActionMenu';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { permission } from './actions/permission';
+import { revokeMember } from './actions/revokeMember';
 
 var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
   var isOwner = _ref.isOwner,
@@ -19,12 +18,11 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
       instance = _ref.instance,
       type = _ref.type,
       document = _ref.document,
-      documentType = _ref.documentType,
       className = _ref.className,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
       sharingId = _ref.sharingId,
-      index = _ref.index;
+      memberIndex = _ref.memberIndex;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -40,21 +38,21 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isMenuDisplayed = _useState4[0],
-      setIsMenuDisplayed = _useState4[1];
+      setMenuDisplayed = _useState4[1];
 
   var instanceMatchesClient = instance !== undefined && instance === client.options.uri;
   var contactIsOwner = status === 'owner';
   var shouldShowMenu = !revoking && !contactIsOwner && (instanceMatchesClient && !isOwner || isOwner);
 
-  var showMenu = function showMenu() {
-    return setIsMenuDisplayed(true);
+  var toggleMenu = function toggleMenu() {
+    return setMenuDisplayed(!isMenuDisplayed);
   };
 
   var hideMenu = function hideMenu() {
-    return setIsMenuDisplayed(false);
+    return setMenuDisplayed(false);
   };
 
-  var onRevokeClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var handleRevocation = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -66,7 +64,7 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
           }
 
           _context.next = 4;
-          return onRevoke(document, sharingId, index);
+          return onRevoke(document, sharingId, memberIndex);
 
         case 4:
           _context.next = 8;
@@ -84,41 +82,34 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
           return _context.stop();
       }
     }, _callee);
-  })), [isOwner, onRevoke, onRevokeSelf, document, sharingId, index]);
-  var PermissionIcon = type === 'two-way' ? RenameIcon : EyeIcon;
+  })), [isOwner, onRevoke, onRevokeSelf, document, sharingId, memberIndex]);
+  var actions = makeActions([permission, divider, revokeMember], {
+    t: t,
+    type: type,
+    isOwner: isOwner,
+    handleRevocation: handleRevocation
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, revoking && /*#__PURE__*/React.createElement(Spinner, null), !shouldShowMenu && !revoking && /*#__PURE__*/React.createElement(Typography, {
     variant: "body2"
   }, t("Share.status.".concat(status)).toLowerCase()), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
-    onClick: showMenu,
     ref: buttonRef,
+    "aria-controls": "simple-menu",
+    "aria-haspopup": "true",
+    onClick: toggleMenu,
     textVariant: "body2"
-  }, t("Share.type.".concat(type)).toLowerCase()), isMenuDisplayed && /*#__PURE__*/React.createElement(ActionMenu, {
-    onClose: hideMenu,
-    popperOptions: {
-      placement: 'bottom-end',
-      strategy: 'fixed'
+  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+    ref: buttonRef,
+    open: isMenuDisplayed,
+    actions: actions,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
     },
-    anchorElRef: buttonRef
-  }, /*#__PURE__*/React.createElement(ActionMenuItem, {
-    left: /*#__PURE__*/React.createElement(Icon, {
-      icon: PermissionIcon,
-      color: "var(--primaryTextColor)"
-    })
-  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement(ActionMenuItem, {
-    onClick: onRevokeClick,
-    left: /*#__PURE__*/React.createElement(Icon, {
-      icon: TrashIcon,
-      color: "var(--errorColor)"
-    })
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "u-error",
-    variant: "body1"
-  }, isOwner ? t("".concat(documentType, ".share.revoke.title")) : t("".concat(documentType, ".share.revokeSelf.title"))), /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
-    color: "textSecondary"
-  }, isOwner ? t("".concat(documentType, ".share.revoke.desc")) : t("".concat(documentType, ".share.revokeSelf.desc")))))));
+    autoClose: true,
+    onClose: hideMenu
+  })));
 };
 
 export default MemberRecipientPermissions;

package/dist/components/Recipient/MemberRecipientPermissions.stories.js

@@ -1,10 +1,36 @@
 import MemberRecipientPermissions from './MemberRecipientPermissions';
 var meta = {
   component: MemberRecipientPermissions,
-  args: {}
+  args: {
+    onRevoke: function onRevoke() {},
+    onRevokeSelf: function onRevokeSelf() {},
+    type: 'two-way',
+    status: 'ready'
+  },
+  argTypes: {
+    status: {
+      control: 'select',
+      options: ['ready', 'mail-not-sent', 'pending', 'seen', 'owner'],
+      defaultValue: 'ready'
+    },
+    type: {
+      control: 'select',
+      options: ['one-way', 'two-way'],
+      defaultValue: 'two-way'
+    }
+  }
 };
 export default meta;
-export var Default = {
-  name: 'Default',
-  args: {}
+export var Owner = {
+  name: 'Owner',
+  args: {
+    isOwner: true
+  }
+};
+export var Self = {
+  name: 'Self',
+  args: {
+    isOwner: false,
+    instance: 'http://alice.cozy.localhost:8080'
+  }
 };

package/dist/components/Recipient/RecipientList.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import { GroupRecipient } from './GroupRecipient';
 import MemberRecipient from './MemberRecipient';
 import { usePrevious } from '../../helpers/hooks';
 import { filterAndReworkRecipients } from '../../helpers/recipients';
@@ -19,8 +20,22 @@ var RecipientList = function RecipientList(_ref) {
     var recipientConfirmationData = recipientsToBeConfirmed.find(function (user) {
       return user.email === recipient.email;
     });
+    var isGroupRecipient = recipient.members;
+
+    if (isGroupRecipient) {
+      return /*#__PURE__*/React.createElement(GroupRecipient, _extends({}, recipient, {
+        isOwner: isOwner,
+        key: recipient.index,
+        document: document,
+        documentType: documentType,
+        onRevoke: onRevoke,
+        onRevokeSelf: onRevokeSelf,
+        fadeIn: recipient.hasBeenJustAdded
+      }));
+    }
+
     return /*#__PURE__*/React.createElement(MemberRecipient, _extends({}, recipient, {
-      key: "key_r_".concat(recipient.index),
+      key: recipient.index,
       isOwner: isOwner,
       document: document,
       documentType: documentType,

package/dist/components/Recipient/RecipientList.stories.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { RecipientList } from './RecipientList';
 import { recipients } from '../../../.storybook/fixtures/recipients';
 var meta = {
@@ -23,4 +24,31 @@ export var Owner = {
   args: {
     isOwner: true
   }
+};
+export var WithGroup = {
+  name: 'With group',
+  args: {
+    recipients: [].concat(_toConsumableArray(recipients), [{
+      id: '2c8d4d5abbec5b4606a1ebe01a021dfd',
+      name: 'Famille',
+      addedBy: 0,
+      read_only: false,
+      index: 0,
+      members: [{
+        status: 'pending',
+        email: 'ben@gmail.com',
+        only_in_groups: true,
+        groups: [0],
+        type: 'two-way',
+        index: 1
+      }, {
+        status: 'pending',
+        email: 'bob@gmail.com',
+        only_in_groups: true,
+        groups: [0],
+        type: 'two-way',
+        index: 2
+      }]
+    }])
+  }
 };

package/dist/components/Recipient/actions/permission.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
+import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+
+var permission = function permission(_ref) {
+  var t = _ref.t,
+      type = _ref.type;
+  var title = t("Share.type.".concat(type));
+  var icon = type === 'two-way' ? RenameIcon : EyeIcon;
+  return {
+    name: 'permission',
+    label: title,
+    icon: icon,
+    action: null,
+    Component: /*#__PURE__*/forwardRef(function RevokeItem(props, ref) {
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+        ref: ref,
+        button: false
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: icon
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: title
+      }));
+    })
+  };
+};
+
+export { permission };

package/dist/components/Recipient/actions/revokeGroup.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+
+var revokeGroup = function revokeGroup(_ref) {
+  var t = _ref.t,
+      isOwner = _ref.isOwner,
+      handleRevocation = _ref.handleRevocation;
+  var revokeType = isOwner ? 'revoke' : 'revokeSelf';
+  var title = t("RevokeGroupItem.".concat(revokeType, ".title"));
+  var desc = t("RevokeGroupItem.".concat(revokeType, ".desc"));
+  var icon = ForbiddenIcon;
+  return {
+    name: 'revokeMember',
+    label: title,
+    icon: icon,
+    action: function action() {
+      handleRevocation();
+    },
+    Component: /*#__PURE__*/forwardRef(function RevokeMemberItem(props, ref) {
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+        ref: ref
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: icon,
+        color: "var(--errorColor)"
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: /*#__PURE__*/React.createElement(Typography, {
+          color: "error"
+        }, title),
+        secondary: desc
+      }));
+    })
+  };
+};
+
+export { revokeGroup };

package/dist/components/Recipient/actions/revokeMember.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+
+var revokeMember = function revokeMember(_ref) {
+  var t = _ref.t,
+      isOwner = _ref.isOwner,
+      handleRevocation = _ref.handleRevocation;
+  var revokeType = isOwner ? 'revoke' : 'revokeSelf';
+  var title = t("RevokeMemberItem.".concat(revokeType, ".title"));
+  var desc = t("RevokeMemberItem.".concat(revokeType, ".desc"));
+  var icon = TrashIcon;
+  return {
+    name: 'revokeMember',
+    label: title,
+    icon: icon,
+    action: function action() {
+      handleRevocation();
+    },
+    Component: /*#__PURE__*/forwardRef(function RevokeMemberItem(props, ref) {
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+        ref: ref
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: icon,
+        color: "var(--errorColor)"
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: /*#__PURE__*/React.createElement(Typography, {
+          color: "error"
+        }, title),
+        secondary: desc
+      }));
+    })
+  };
+};
+
+export { revokeMember };