cozy-sharing 4.9.0 → 6.0.0

package/dist/components/Recipient/LinkRecipient.js

@@ -0,0 +1,72 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
+import Circle from 'cozy-ui/transpiled/react/Circle';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import Fade from 'cozy-ui/transpiled/react/Fade';
+import { FADE_IN_DURATION } from '../../helpers/recipients';
+import RecipientConfirm from './RecipientConfirm';
+import LinkRecipientPermissions from './LinkRecipientPermissions';
+var styles = {
+  "CozyTheme--inverted": "recipient__CozyTheme--inverted___2Hb9c",
+  "CozyTheme--normal": "recipient__CozyTheme--normal___3WdEw",
+  "recipient": "recipient__recipient___2zWmH",
+  "recipients-list-light": "recipient__recipients-list-light___1-dkI",
+  "recipient-idents": "recipient__recipient-idents___3F3zL",
+  "recipient-status-icon": "recipient__recipient-status-icon___1GvS9",
+  "recipient-user": "recipient__recipient-user___3hOyK",
+  "recipient-details": "recipient__recipient-details___3fmFE",
+  "avatar": "recipient__avatar___2NIEb",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3gmgy",
+  "recipients-avatars": "recipient__recipients-avatars___MXhiL",
+  "--interactive": "recipient__--interactive___1gDjM",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___2s02h",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___WRllr",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___3j3_A",
+  "spin": "recipient__spin___3_Uja",
+  "shake": "recipient__shake___TrWC0"
+};
+
+var LinkRecipient = function LinkRecipient(props) {
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var recipientConfirmationData = props.recipientConfirmationData,
+      verifyRecipient = props.verifyRecipient,
+      link = props.link,
+      fadeIn = props.fadeIn;
+  var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
+    recipientConfirmationData: recipientConfirmationData,
+    verifyRecipient: verifyRecipient
+  }) : /*#__PURE__*/React.createElement(LinkRecipientPermissions, _extends({}, props, {
+    className: "u-flex-shrink-0"
+  }));
+  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(Circle, {
+    size: "small",
+    className: styles['link-recipient-icon-circle']
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: LinkIcon
+  }))), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: /*#__PURE__*/React.createElement(Typography, {
+      className: "u-ellipsis",
+      variant: "body1"
+    }, t('Share.recipients.anyoneWithTheLink')),
+    secondary: link
+  }), RightPart));
+};
+
+LinkRecipient.propTypes = {
+  link: PropTypes.string.isRequired
+};
+export default LinkRecipient;

package/dist/components/Recipient/LinkRecipientPermissions.js

@@ -0,0 +1,159 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useRef } from 'react';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import ActionMenu, { ActionMenuItem, ActionMenuRadio } from 'cozy-ui/transpiled/react/ActionMenu';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
+import Alerter from 'cozy-ui/transpiled/react/Alerter';
+import Spinner from 'cozy-ui/transpiled/react/Spinner';
+import { checkIsReadOnlyPermissions } from '../../helpers/permissions';
+import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link';
+import logger from '../../logger';
+
+var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
+  var className = _ref.className,
+      document = _ref.document,
+      documentType = _ref.documentType,
+      permissions = _ref.permissions,
+      onChangePermissions = _ref.onChangePermissions,
+      onDisable = _ref.onDisable;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var buttonRef = useRef();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      menuIsOpen = _useState2[0],
+      setMenuIsOpen = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions);
+
+  var toggleMenu = function toggleMenu() {
+    setMenuIsOpen(!menuIsOpen);
+  };
+
+  var deleteShareLink = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              setLoading(true);
+              _context.next = 4;
+              return onDisable(document);
+
+            case 4:
+              _context.next = 10;
+              break;
+
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              Alerter.error(t("".concat(documentType, ".share.error.revoke")));
+              logger.log(_context.t0);
+
+            case 10:
+              _context.prev = 10;
+              setLoading(false);
+              return _context.finish(10);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 6, 10, 13]]);
+    }));
+
+    return function deleteShareLink() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var updateLinkPermissions = function updateLinkPermissions(_ref3) {
+    var isReadOnly = _ref3.isReadOnly;
+    var verbs = isReadOnly ? ['GET'] : ['GET', 'POST', 'PUT', 'PATCH'];
+
+    try {
+      onChangePermissions(document, verbs);
+    } catch (err) {
+      Alerter.error(t("".concat(documentType, ".share.shareByLink.permserror")));
+      logger.log(err);
+    }
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: className
+  }, loading && /*#__PURE__*/React.createElement(Spinner, null), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
+    onClick: toggleMenu,
+    ref: buttonRef,
+    textVariant: "body2"
+  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way')).toLowerCase()), menuIsOpen && /*#__PURE__*/React.createElement(ActionMenu, {
+    onClose: toggleMenu,
+    popperOptions: {
+      placement: 'bottom-end',
+      strategy: 'fixed'
+    },
+    anchorElRef: buttonRef
+  }, /*#__PURE__*/React.createElement(ActionMenuItem, {
+    left: /*#__PURE__*/React.createElement(ActionMenuRadio, {
+      name: "permissionLinkMenu",
+      value: "true",
+      checked: isReadOnlyPermissions
+    }),
+    onClick: function onClick() {
+      toggleMenu();
+      updateLinkPermissions({
+        isReadOnly: true
+      });
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === 'directory' ? t("Share.permissionLink.seeFolder") : t("Share.permissionLink.seeFile"), /*#__PURE__*/React.createElement(Typography, {
+    className: "u-mt-half",
+    variant: "caption",
+    color: "textSecondary"
+  }, t('Share.permissionLink.readDescription')))), !isOnlyReadOnlyLinkAllowed({
+    documentType: documentType
+  }) && /*#__PURE__*/React.createElement(ActionMenuItem, {
+    left: /*#__PURE__*/React.createElement(ActionMenuRadio, {
+      name: "permissionLinkMenu",
+      value: "false",
+      checked: !isReadOnlyPermissions
+    }),
+    onClick: function onClick() {
+      toggleMenu();
+      updateLinkPermissions({
+        isReadOnly: false
+      });
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === 'directory' ? t("Share.permissionLink.modifyFolder") : t("Share.permissionLink.modifyFile"), /*#__PURE__*/React.createElement(Typography, {
+    className: "u-mt-half",
+    variant: "caption",
+    color: "textSecondary"
+  }, t('Share.permissionLink.writeDescription')))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement(ActionMenuItem, {
+    left: /*#__PURE__*/React.createElement(Icon, {
+      icon: TrashIcon,
+      color: "var(--errorColor)"
+    }),
+    onClick: function onClick() {
+      toggleMenu();
+      deleteShareLink();
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "u-error",
+    variant: "body1"
+  }, t('Share.permissionLink.deactivate'))))));
+};
+
+export default LinkRecipientPermissions;

package/dist/components/Recipient/OwnerIdentity.js

@@ -0,0 +1,44 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["url", "size"];
+import React from 'react';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+var styles = {
+  "CozyTheme--inverted": "recipient__CozyTheme--inverted___2Hb9c",
+  "CozyTheme--normal": "recipient__CozyTheme--normal___3WdEw",
+  "recipient": "recipient__recipient___2zWmH",
+  "recipients-list-light": "recipient__recipients-list-light___1-dkI",
+  "recipient-idents": "recipient__recipient-idents___3F3zL",
+  "recipient-status-icon": "recipient__recipient-status-icon___1GvS9",
+  "recipient-user": "recipient__recipient-user___3hOyK",
+  "recipient-details": "recipient__recipient-details___3fmFE",
+  "avatar": "recipient__avatar___2NIEb",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3gmgy",
+  "recipients-avatars": "recipient__recipients-avatars___MXhiL",
+  "--interactive": "recipient__--interactive___1gDjM",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___2s02h",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___WRllr",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___3j3_A",
+  "spin": "recipient__spin___3_Uja",
+  "shake": "recipient__shake___TrWC0"
+};
+import { getDisplayName, getInitials } from '../../models';
+import Identity from './Identity';
+
+var OwnerIdentity = function OwnerIdentity(_ref) {
+  var url = _ref.url,
+      size = _ref.size,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['avatar']
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    text: getInitials(rest),
+    size: size,
+    textId: getDisplayName(rest)
+  }), /*#__PURE__*/React.createElement(Identity, {
+    name: getDisplayName(rest),
+    details: url
+  }));
+};
+
+export default OwnerIdentity;

package/dist/components/Recipient/Recipient.js

@@ -0,0 +1,72 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["instance", "isOwner", "status", "recipientConfirmationData", "verifyRecipient", "fadeIn"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClient } from 'cozy-client';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import ListItem from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/MuiCozyTheme/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import Fade from 'cozy-ui/transpiled/react/Fade';
+import { FADE_IN_DURATION } from '../../helpers/recipients';
+import { getDisplayName } from '../../models';
+import RecipientConfirm from './RecipientConfirm';
+import RecipientPermissions from './RecipientPermissions';
+import RecipientAvatar from './RecipientAvatar';
+import RecipientStatus from './RecipientStatus';
+var DEFAULT_DISPLAY_NAME = 'Share.contacts.defaultDisplayName';
+
+var Recipient = function Recipient(props) {
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var client = useClient();
+
+  var instance = props.instance,
+      isOwner = props.isOwner,
+      status = props.status,
+      recipientConfirmationData = props.recipientConfirmationData,
+      verifyRecipient = props.verifyRecipient,
+      fadeIn = props.fadeIn,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var isMe = isOwner && status === 'owner' || instance === client.options.uri;
+  var defaultDisplayName = t(DEFAULT_DISPLAY_NAME);
+  var name = getDisplayName(rest, defaultDisplayName);
+  var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
+    recipientConfirmationData: recipientConfirmationData,
+    verifyRecipient: verifyRecipient
+  }) : /*#__PURE__*/React.createElement(RecipientPermissions, _extends({}, props, {
+    className: "u-flex-shrink-0"
+  }));
+  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(RecipientAvatar, {
+    size: "small",
+    recipient: props
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: /*#__PURE__*/React.createElement(Typography, {
+      className: "u-ellipsis",
+      variant: "body1"
+    }, isMe ? t('Share.recipients.you') : name),
+    secondary: /*#__PURE__*/React.createElement(RecipientStatus, {
+      status: status,
+      isMe: isMe,
+      instance: instance
+    })
+  }), RightPart));
+};
+
+Recipient.propTypes = {
+  instance: PropTypes.string,
+  isOwner: PropTypes.bool,
+  status: PropTypes.string,
+  recipientConfirmationData: PropTypes.object,
+  verifyRecipient: PropTypes.func
+};
+export default Recipient;

package/dist/components/{Recipient.spec.js → Recipient/Recipient.spec.js}

@@ -1,8 +1,8 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
-import Recipient, { excludeMeAsOwnerFromRecipients } from './Recipient';
-import AppLike from '../../test/AppLike';
+import Recipient from './Recipient';
+import AppLike from '../../../test/AppLike';
 import { createMockClient } from 'cozy-client';
 import { render, fireEvent } from '@testing-library/react';
 describe('Recipient component', function () {
@@ -74,7 +74,7 @@ describe('Recipient component', function () {
               onRevoke: onRevoke,
               onRevokeSelf: onRevokeSelf
             }), getByText = _setup3.getByText;
-            fireEvent.click(getByText('Can Change'));
+            fireEvent.click(getByText('can change'));
             fireEvent.click(getByText('Remove me from sharing'));
             expect(onRevoke).not.toBeCalled();
             expect(onRevokeSelf).toBeCalled();
@@ -104,7 +104,7 @@ describe('Recipient component', function () {
               onRevoke: onRevoke,
               onRevokeSelf: onRevokeSelf
             }), getByText = _setup4.getByText;
-            fireEvent.click(getByText('Can Change'));
+            fireEvent.click(getByText('can change'));
             fireEvent.click(getByText('Remove from sharing'));
             expect(onRevoke).toBeCalled();
             expect(onRevokeSelf).not.toBeCalled();
@@ -175,45 +175,4 @@ describe('Recipient component', function () {
       email: 'me@bob.cozy.localhost'
     });
   });
-});
-describe('excludeMeAsOwnerFromRecipients', function () {
-  test('excludeMeAsOwnerFromRecipients behavior', function () {
-    var recipients = [{
-      status: 'owner',
-      instance: 'http://foo1.cozy.bar'
-    }, {
-      status: 'pending',
-      instance: 'http://foo2.cozy.bar'
-    }, {
-      status: 'pending',
-      instance: 'http://foo3.cozy.bar'
-    }];
-    var client = {
-      options: {
-        uri: 'http://foo2.cozy.bar'
-      }
-    };
-    expect(excludeMeAsOwnerFromRecipients({
-      recipients: recipients,
-      isOwner: true,
-      client: client
-    })).toEqual([{
-      status: 'pending',
-      instance: 'http://foo2.cozy.bar'
-    }, {
-      status: 'pending',
-      instance: 'http://foo3.cozy.bar'
-    }]);
-    expect(excludeMeAsOwnerFromRecipients({
-      recipients: recipients,
-      isOwner: false,
-      client: client
-    })).toEqual([{
-      status: 'owner',
-      instance: 'http://foo1.cozy.bar'
-    }, {
-      status: 'pending',
-      instance: 'http://foo3.cozy.bar'
-    }]);
-  });
 });

package/dist/components/Recipient/RecipientAvatar.js

@@ -0,0 +1,33 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["recipient"];
+import React from 'react';
+import { useClient } from 'cozy-client';
+import Avatar from 'cozy-ui/transpiled/react/Avatar';
+import { getDisplayName, getInitials } from '../../models';
+
+var RecipientAvatar = function RecipientAvatar(_ref) {
+  var recipient = _ref.recipient,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var client = useClient();
+  /**
+   * avatarPath is always the same for a recipient, but image
+   * can be different since the stack generate it on the fly.
+   * It can be "gray" during the first load depending of the
+   * status' sharing, but can become active (from the realtime)
+   * so we need a way to "refresh" the image. Passing the
+   * status in the url force the refresh of the image when the
+   * status changes
+   */
+
+  var image = recipient.avatarPath && recipient.status ? "".concat(client.options.uri).concat(recipient.avatarPath, "?v=").concat(recipient.status) : null;
+  return /*#__PURE__*/React.createElement(Avatar, _extends({
+    image: image,
+    text: getInitials(recipient),
+    textId: getDisplayName(recipient),
+    disabled: recipient.status === 'pending' || recipient.status === 'mail-not-send'
+  }, rest));
+};
+
+export default RecipientAvatar;

package/dist/components/Recipient/RecipientConfirm.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import Button from 'cozy-ui/transpiled/react/Button';
+var modalStyles = {
+  "share-modal-content": "share__share-modal-content___XTtaK",
+  "coz-form": "share__coz-form___33NYF",
+  "coz-form-group": "share__coz-form-group___1PLAZ",
+  "coz-form-desc": "share__coz-form-desc___-pmK5",
+  "coz-form-label": "share__coz-form-label___31jb0",
+  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
+  "coz-form-errors": "share__coz-form-errors___1rk2R",
+  "coz-form-controls": "share__coz-form-controls___39Uwg",
+  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
+  "error": "share__error___6Ycal",
+  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
+  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
+  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
+  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
+  "share-type-control": "share__share-type-control___KcpDf",
+  "select-wrapper": "share__select-wrapper___3FfiH",
+  "select-option": "share__select-option___13o6b",
+  "select-option-label": "share__select-option-label___Zj_RU",
+  "select-option-desc": "share__select-option-desc___6uaQq",
+  "share-details-created": "share__share-details-created___13BO0",
+  "share-details-perm": "share__share-details-perm___23_VF",
+  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
+  "spin": "share__spin___1P7nU",
+  "shake": "share__shake___1EeCI"
+};
+/**
+ * Displays the confirmation interface that allows to confirm or reject a recipient
+ */
+
+var RecipientConfirm = function RecipientConfirm(_ref) {
+  var recipientConfirmationData = _ref.recipientConfirmationData,
+      verifyRecipient = _ref.verifyRecipient;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var verify = function verify() {
+    verifyRecipient(recipientConfirmationData);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      position: 'initial'
+    } // fix z-index bug on iOS when under a BottomDrawer due to relative position
+    ,
+    theme: "text",
+    className: modalStyles['aligned-dropdown-button'],
+    onClick: verify,
+    label: t("Share.twoStepsConfirmation.verify")
+  }));
+};
+
+RecipientConfirm.propTypes = {
+  recipientConfirmationData: PropTypes.object.isRequired,
+  verifyRecipient: PropTypes.func.isRequired
+};
+export default RecipientConfirm;

package/dist/components/Recipient/RecipientPermissions.js

@@ -0,0 +1,126 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+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 { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import Spinner from 'cozy-ui/transpiled/react/Spinner';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import ActionMenu, { ActionMenuItem } from 'cozy-ui/transpiled/react/ActionMenu';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import RenameIcon from 'cozy-ui/transpiled/react/Icons/Rename';
+import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
+import EyeIcon from 'cozy-ui/transpiled/react/Icons/Eye';
+
+var RecipientPermissions = function RecipientPermissions(_ref) {
+  var isOwner = _ref.isOwner,
+      status = _ref.status,
+      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;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var buttonRef = useRef();
+  var client = useClient();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      revoking = _useState2[0],
+      setRevoking = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isMenuDisplayed = _useState4[0],
+      setIsMenuDisplayed = _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 hideMenu = function hideMenu() {
+    return setIsMenuDisplayed(false);
+  };
+
+  var onRevokeClick = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            setRevoking(true);
+
+            if (!isOwner) {
+              _context.next = 6;
+              break;
+            }
+
+            _context.next = 4;
+            return onRevoke(document, sharingId, index);
+
+          case 4:
+            _context.next = 8;
+            break;
+
+          case 6:
+            _context.next = 8;
+            return onRevokeSelf(document);
+
+          case 8:
+            setRevoking(false);
+
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), [isOwner, onRevoke, onRevokeSelf, document, sharingId, index]);
+  var PermissionIcon = type === 'two-way' ? RenameIcon : EyeIcon;
+  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,
+    textVariant: "body2"
+  }, t("Share.type.".concat(type)).toLowerCase()), isMenuDisplayed && /*#__PURE__*/React.createElement(ActionMenu, {
+    onClose: hideMenu,
+    popperOptions: {
+      placement: 'bottom-end',
+      strategy: 'fixed'
+    },
+    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")))))));
+};
+
+export default RecipientPermissions;