cozy-sharing 40.1.6 → 40.1.7

package/dist/hooks/useMemberPermissionType.js

@@ -0,0 +1,191 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+
+import { useCallback } from 'react';
+import { useClient } from 'cozy-client';
+import flag from 'cozy-flags';
+import { useFetchDocumentPath } from './useFetchDocumentPath';
+import { useResolveRecipients } from './useResolveRecipients';
+import { useSharingContext } from './useSharingContext';
+import { getSharingDocIds } from '../state';
+/**
+ * Gives what is needed to change the permission type of the members
+ * of a document's sharing
+ *
+ * @param {object} document - Shared document
+ * @param {object} [options]
+ * @param {boolean} [options.shouldFetchPath] - Whether to fetch the document
+ * path, needed to know the shared parent
+ * @returns {{ isInsideSharedParent: boolean, sharedParentName: string|null, setMemberType: Function }}
+ * `setMemberType({ sharingId, memberIndex, type, recipient }, newType, { withAncestors })`
+ * also downgrades the member on the read-write ancestor sharings when `withAncestors` is set
+ */
+
+export var useMemberPermissionType = function useMemberPermissionType(document) {
+  var _sharedParentPath$spl;
+
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref$shouldFetchPath = _ref.shouldFetchPath,
+      shouldFetchPath = _ref$shouldFetchPath === void 0 ? true : _ref$shouldFetchPath;
+
+  var client = useClient();
+
+  var _useSharingContext = useSharingContext(),
+      hasSharedParent = _useSharingContext.hasSharedParent,
+      getSharedParentPath = _useSharingContext.getSharedParentPath,
+      updateSharingMemberType = _useSharingContext.updateSharingMemberType,
+      getSharingById = _useSharingContext.getSharingById,
+      share = _useSharingContext.share;
+
+  var resolveRecipients = useResolveRecipients();
+  var documentPath = useFetchDocumentPath(client, shouldFetchPath ? document : null);
+  var isInsideSharedParent = Boolean(documentPath) && Boolean(hasSharedParent === null || hasSharedParent === void 0 ? void 0 : hasSharedParent(documentPath));
+  var sharedParentPath = documentPath ? getSharedParentPath === null || getSharedParentPath === void 0 ? void 0 : getSharedParentPath(documentPath) : null;
+  var setMemberType = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2, newType) {
+      var sharingId,
+          memberIndex,
+          type,
+          recipient,
+          _ref4,
+          _ref4$withAncestors,
+          withAncestors,
+          ancestors,
+          _iterator,
+          _step,
+          ancestor,
+          documentId,
+          sourceSharing,
+          _yield$resolveRecipie2,
+          recipients,
+          _args = arguments;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            sharingId = _ref2.sharingId, memberIndex = _ref2.memberIndex, type = _ref2.type, recipient = _ref2.recipient;
+            _ref4 = _args.length > 2 && _args[2] !== undefined ? _args[2] : {}, _ref4$withAncestors = _ref4.withAncestors, withAncestors = _ref4$withAncestors === void 0 ? false : _ref4$withAncestors;
+
+            if (!withAncestors) {
+              _context.next = 21;
+              break;
+            }
+
+            // Ancestors first: only the target's own update refetches its
+            // effective recipients, which must already see them downgraded.
+            ancestors = ((recipient === null || recipient === void 0 ? void 0 : recipient.sources) || []).filter(function (s) {
+              return s.kind === 'ancestor' && !s.read_only;
+            });
+            _iterator = _createForOfIteratorHelper(ancestors);
+            _context.prev = 5;
+
+            _iterator.s();
+
+          case 7:
+            if ((_step = _iterator.n()).done) {
+              _context.next = 13;
+              break;
+            }
+
+            ancestor = _step.value;
+            _context.next = 11;
+            return updateSharingMemberType(ancestor.sharing_id, ancestor.member_index, newType);
+
+          case 11:
+            _context.next = 7;
+            break;
+
+          case 13:
+            _context.next = 18;
+            break;
+
+          case 15:
+            _context.prev = 15;
+            _context.t0 = _context["catch"](5);
+
+            _iterator.e(_context.t0);
+
+          case 18:
+            _context.prev = 18;
+
+            _iterator.f();
+
+            return _context.finish(18);
+
+          case 21:
+            documentId = (document === null || document === void 0 ? void 0 : document._id) || (document === null || document === void 0 ? void 0 : document.id);
+
+            if (!(flag('drive.federated-shared-folder.enabled') && type === 'one-way' && newType === 'two-way' && documentId)) {
+              _context.next = 34;
+              break;
+            }
+
+            sourceSharing = getSharingById(sharingId);
+
+            if (!(sourceSharing && !getSharingDocIds(sourceSharing).includes(documentId))) {
+              _context.next = 34;
+              break;
+            }
+
+            _context.next = 27;
+            return resolveRecipients([recipient]);
+
+          case 27:
+            _yield$resolveRecipie2 = _context.sent;
+            recipients = _yield$resolveRecipie2.recipients;
+
+            if (recipients[0]) {
+              _context.next = 31;
+              break;
+            }
+
+            throw new Error('Recipient contact not found');
+
+          case 31:
+            _context.next = 33;
+            return share({
+              document: _objectSpread(_objectSpread({}, document), {}, {
+                id: documentId
+              }),
+              description: document.name,
+              recipients: recipients,
+              readOnlyRecipients: [],
+              sharedDrive: true,
+              openSharing: false
+            });
+
+          case 33:
+            return _context.abrupt("return");
+
+          case 34:
+            _context.next = 36;
+            return updateSharingMemberType(sharingId, memberIndex, newType, document);
+
+          case 36:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[5, 15, 18, 21]]);
+    }));
+
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [document, getSharingById, resolveRecipients, share, updateSharingMemberType]);
+  return {
+    isInsideSharedParent: isInsideSharedParent,
+    sharedParentName: (_sharedParentPath$spl = sharedParentPath === null || sharedParentPath === void 0 ? void 0 : sharedParentPath.split('/').pop()) !== null && _sharedParentPath$spl !== void 0 ? _sharedParentPath$spl : null,
+    setMemberType: setMemberType
+  };
+};

package/dist/hooks/useResolveRecipients.js

@@ -0,0 +1,53 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { useCallback } from 'react';
+import { useClient } from 'cozy-client';
+import { getOrCreateFromArray } from '../helpers/contacts';
+import { DOCTYPE_CONTACTS } from '../models';
+/**
+ * Turns the recipients picked in a sharing form into contacts, creating the
+ * missing ones, and splits them by the selected sharing right.
+ *
+ * @returns {Function} `resolveRecipients(pendingRecipients, selectedOption, createContact?)`
+ * resolving to `{ recipients, readOnlyRecipients }`, ready to be passed to `share`
+ */
+
+export var useResolveRecipients = function useResolveRecipients() {
+  var client = useClient();
+  return useCallback( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(pendingRecipients) {
+      var selectedOption,
+          createContact,
+          contacts,
+          isReadOnly,
+          _args = arguments;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            selectedOption = _args.length > 1 && _args[1] !== undefined ? _args[1] : 'readWrite';
+            createContact = _args.length > 2 && _args[2] !== undefined ? _args[2] : function (contact) {
+              return client.create(DOCTYPE_CONTACTS, contact);
+            };
+            _context.next = 4;
+            return getOrCreateFromArray(client, pendingRecipients, createContact);
+
+          case 4:
+            contacts = _context.sent;
+            isReadOnly = selectedOption === 'readOnly';
+            return _context.abrupt("return", {
+              recipients: isReadOnly ? [] : contacts,
+              readOnlyRecipients: isReadOnly ? contacts : []
+            });
+
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }(), [client]);
+};

package/dist/hooks/useResolveRecipients.spec.js

@@ -0,0 +1,140 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { renderHook } from '@testing-library/react-hooks';
+import { useResolveRecipients } from './useResolveRecipients';
+import { getOrCreateFromArray } from '../helpers/contacts';
+var mockClient = {
+  create: jest.fn()
+};
+jest.mock('cozy-client', function () {
+  return {
+    useClient: function useClient() {
+      return mockClient;
+    }
+  };
+});
+jest.mock('../helpers/contacts', function () {
+  return {
+    getOrCreateFromArray: jest.fn()
+  };
+});
+var contacts = [{
+  _id: 'alice'
+}, {
+  _id: 'bob'
+}];
+describe('useResolveRecipients', function () {
+  beforeEach(function () {
+    jest.clearAllMocks();
+    getOrCreateFromArray.mockResolvedValue(contacts);
+  });
+  it('gives read-write rights by default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _renderHook, result, resolved;
+
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _renderHook = renderHook(function () {
+            return useResolveRecipients();
+          }), result = _renderHook.result;
+          _context.next = 3;
+          return result.current([{
+            email: 'alice@cozy.cc'
+          }]);
+
+        case 3:
+          resolved = _context.sent;
+          expect(resolved).toEqual({
+            recipients: contacts,
+            readOnlyRecipients: []
+          });
+
+        case 5:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+  it('gives read-only rights when the read-only option is selected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _renderHook2, result, resolved;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _renderHook2 = renderHook(function () {
+            return useResolveRecipients();
+          }), result = _renderHook2.result;
+          _context2.next = 3;
+          return result.current([], 'readOnly');
+
+        case 3:
+          resolved = _context2.sent;
+          expect(resolved).toEqual({
+            recipients: [],
+            readOnlyRecipients: contacts
+          });
+
+        case 5:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })));
+  it('creates missing contacts with the client by default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _renderHook3, result, pendingRecipients, createContact;
+
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _renderHook3 = renderHook(function () {
+            return useResolveRecipients();
+          }), result = _renderHook3.result;
+          pendingRecipients = [{
+            email: 'alice@cozy.cc'
+          }];
+          _context3.next = 4;
+          return result.current(pendingRecipients);
+
+        case 4:
+          createContact = getOrCreateFromArray.mock.calls[0][2];
+          createContact({
+            email: [{
+              address: 'alice@cozy.cc'
+            }]
+          });
+          expect(getOrCreateFromArray).toHaveBeenCalledWith(mockClient, pendingRecipients, expect.any(Function));
+          expect(mockClient.create).toHaveBeenCalledWith('io.cozy.contacts', {
+            email: [{
+              address: 'alice@cozy.cc'
+            }]
+          });
+
+        case 8:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })));
+  it('creates missing contacts with the given function', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _renderHook4, result, createContact;
+
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _renderHook4 = renderHook(function () {
+            return useResolveRecipients();
+          }), result = _renderHook4.result;
+          createContact = jest.fn();
+          _context4.next = 4;
+          return result.current([], 'readWrite', createContact);
+
+        case 4:
+          expect(getOrCreateFromArray).toHaveBeenCalledWith(mockClient, [], createContact);
+
+        case 5:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })));
+});

package/dist/index.js

@@ -32,7 +32,7 @@ export { ShareButtonWithRecipients } from './ShareButtonWithRecipients';
 export { DOCUMENT_TYPE } from './helpers/documentType';
 export { getRecipientsFromSharing } from './state';
 export { default as OpenSharingLinkButton } from './OpenSharingLinkButton';
-export { PermissionTypeMenu } from './components/Recipient/PermissionTypeMenu';
+export { default as PermissionTypeMenu } from './components/Recipient/PermissionTypeMenuWrapper';
 export { default as OpenSharingLinkFabButton } from './OpenSharingLinkFabButton';
 export { NativeFileSharingProvider, useNativeFileSharing } from './providers/NativeFileSharingProvider';
 export { createCozySharingLink } from './actions/createCozySharingLink';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "40.1.6",
+  "version": "40.1.7",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -58,7 +58,7 @@
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^140.5.0",
-    "cozy-ui-plus": "^14.1.1",
+    "cozy-ui-plus": "^14.1.2",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
@@ -84,5 +84,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "d6b5c4b1938d425b6d1d6da2c479d2056db4b171"
+  "gitHead": "ff9d90f0000f5446b91840dbb4237b48336c3997"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -1,7 +1,6 @@
 import PropTypes from 'prop-types'
 import React, { useCallback, useEffect, useState } from 'react'
 
-import { useClient } from 'cozy-client'
 import minilog from 'cozy-minilog'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
@@ -12,15 +11,15 @@ import ConfirmDialogProvider, {
 } from 'cozy-ui/transpiled/react/providers/ConfirmDialog'
 import { useI18n } from 'twake-i18n'
 
-import { getOrCreateFromArray } from '../../helpers/contacts'
 import withLocales from '../../hoc/withLocales'
 import { usePendingRecipients } from '../../hooks/usePendingRecipients'
+import { useResolveRecipients } from '../../hooks/useResolveRecipients'
 import { useSharingContext } from '../../hooks/useSharingContext'
 import styles from '../../styles/share.styl'
 import AntivirusAlert from '../AntivirusAlert'
 import { default as DumbShareByEmail } from '../ShareByEmail'
 import ShareByLink from '../ShareByLink'
-import WhoHasAccess from '../WhoHasAccess'
+import WhoHasAccessWrapper from '../WhoHasAccessWrapper'
 
 const log = minilog('FederatedFolderModal')
 
@@ -38,7 +37,7 @@ const FederatedFolderModalContent = ({
   // we close the popup and we do not want to see briefly the new contacts added
   // in members before the modal closes. That's why when clicking on "Share"
   // we do not use the reactive existingDocument and existingRecipients.
-  const client = useClient()
+  const resolveRecipients = useResolveRecipients()
   const { t } = useI18n()
   const {
     canReshare,
@@ -162,13 +161,8 @@ const FederatedFolderModalContent = ({
     setFrozenRecipients(recipients)
 
     try {
-      const contacts = await getOrCreateFromArray(
-        client,
-        pendingRecipients,
-        contact => client.create('io.cozy.contacts', contact)
-      )
-      const readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts
-      const readOnlyRecipients = selectedOption === 'readOnly' ? contacts : []
+      const { recipients: readWriteRecipients, readOnlyRecipients } =
+        await resolveRecipients(pendingRecipients, selectedOption)
 
       await share({
         description: folderName,
@@ -275,7 +269,7 @@ const FederatedFolderModalContent = ({
               </>
             )}
           </div>
-          <WhoHasAccess
+          <WhoHasAccessWrapper
             isOwner={isCurrentUserOwner}
             canManageSharing={canManageSharing}
             isSharedDrive

package/src/components/Recipient/DowngradePermissionConfirmDialog.jsx

@@ -3,7 +3,6 @@ import React from 'react'
 import snarkdown from 'snarkdown'
 
 import { Icon, FolderOutlined, ArrowUp } from '@linagora/twake-icons'
-import { useClient } from 'cozy-client'
 import Button from 'cozy-ui/transpiled/react/Buttons'
 import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import Timeline from 'cozy-ui/transpiled/react/Timeline'
@@ -17,23 +16,16 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useI18n } from 'twake-i18n'
 
 import { DEFAULT_DISPLAY_NAME } from '../../helpers/recipients'
-import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath'
-import { useSharingContext } from '../../hooks/useSharingContext'
 import { getDisplayName } from '../../models'
 
 const DowngradePermissionConfirmDialog = ({
   document,
   recipient,
+  sharedParentName,
   onCancel,
   onConfirm
 }) => {
   const { t } = useI18n()
-  const client = useClient()
-  const { getSharedParentPath } = useSharingContext()
-
-  const documentPath = useFetchDocumentPath(client, document)
-  const sharedParentPath = documentPath && getSharedParentPath(documentPath)
-  const parentFolderName = sharedParentPath?.split('/').pop()
   const contactName = getDisplayName(recipient, t(DEFAULT_DISPLAY_NAME))
   const [before, afterOpen] = snarkdown(
     t('DowngradePermissionConfirmDialog.content', { contactName })
@@ -68,7 +60,7 @@ const DowngradePermissionConfirmDialog = ({
                 <TimelineConnector />
               </TimelineSeparator>
               <TimelineContent>
-                <Typography variant="body2">{parentFolderName}</Typography>
+                <Typography variant="body2">{sharedParentName}</Typography>
                 <div>
                   <s>
                     <Typography display="inline" variant="caption">
@@ -147,6 +139,7 @@ const DowngradePermissionConfirmDialog = ({
 DowngradePermissionConfirmDialog.propTypes = {
   document: PropTypes.object.isRequired,
   recipient: PropTypes.object.isRequired,
+  sharedParentName: PropTypes.string,
   onCancel: PropTypes.func.isRequired,
   onConfirm: PropTypes.func.isRequired
 }

package/src/components/Recipient/GroupRecipient.jsx

@@ -1,6 +1,5 @@
 import React, { useState } 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'
@@ -21,7 +20,6 @@ import { GroupAvatar } from '../Avatar/GroupAvatar'
 const GroupRecipient = props => {
   const { name, color, members, fadeIn, isOwner } = props
   const { t } = useI18n()
-  const client = useClient()
   const { isMobile } = useBreakpoints()
 
   const [isDetailOpened, setDetailOpened] = useState(false)
@@ -30,9 +28,7 @@ const GroupRecipient = props => {
   const nbMemberReady = members.filter(
     member => !['revoked', 'mail-not-sent'].includes(member.status)
   ).length
-  const isUserInsideMembers = members.some(
-    member => member.instance === client.options.uri
-  )
+  const isUserInsideMembers = members.some(member => member.isCurrentUser)
 
   const toogleDetailOpened = () => {
     setDetailOpened(!isDetailOpened)

package/src/components/Recipient/GroupRecipient.stories.jsx

@@ -13,7 +13,9 @@ const meta = {
       { status: 'pending' },
       { status: 'revoked' }
     ],
-    groupIndex: 0
+    groupIndex: 0,
+    onRevokeGroup: () => {},
+    onLeaveGroup: () => {}
   }
 }
 

package/src/components/Recipient/GroupRecipientDetailWithAccess.jsx

@@ -1,6 +1,5 @@
 import React from 'react'
 
-import { useClient } from 'cozy-client'
 import Avatar from 'cozy-ui/transpiled/react/Avatar'
 import List from 'cozy-ui/transpiled/react/List'
 import ListItem from 'cozy-ui/transpiled/react/ListItem'
@@ -14,7 +13,6 @@ import { getInitials, getDisplayName } from '../../models'
 
 const GroupRecipientDetailWithAccess = ({ withAccess }) => {
   const { t } = useI18n()
-  const client = useClient()
 
   return (
     <div>
@@ -24,7 +22,6 @@ const GroupRecipientDetailWithAccess = ({ withAccess }) => {
       <List>
         {withAccess.map(recipient => {
           const name = getDisplayName(recipient)
-          const isMe = recipient.instance === client.options.uri
 
           return (
             <ListItem disableGutters key={recipient.index} size="small">
@@ -36,7 +33,7 @@ const GroupRecipientDetailWithAccess = ({ withAccess }) => {
                 secondary={
                   <MemberRecipientStatus
                     status={recipient.status}
-                    isMe={isMe}
+                    isMe={Boolean(recipient.isCurrentUser)}
                     instance={recipient.instance}
                     email={recipient.email}
                     name={recipient.name || recipient.public_name}

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -13,7 +13,6 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useI18n } from 'twake-i18n'
 
 import { permission } from './actions/permission'
-import { useSharingContext } from '../../hooks/useSharingContext'
 import { GroupAvatar } from '../Avatar/GroupAvatar'
 
 const GroupRecipientPermissions = ({
@@ -26,11 +25,12 @@ const GroupRecipientPermissions = ({
   read_only = false,
   className,
   isUserInsideMembers,
-  document
+  document,
+  onRevokeGroup,
+  onLeaveGroup
 }) => {
   const { t } = useI18n()
   const buttonRef = useRef()
-  const { revokeGroup, revokeSelf } = useSharingContext()
 
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
   const [revoking, setRevoking] = useState(false)
@@ -44,9 +44,9 @@ const GroupRecipientPermissions = ({
   const handleRevocation = async () => {
     setRevoking(true)
     if (isOwner) {
-      await revokeGroup(document, sharingId, groupIndex)
+      await onRevokeGroup(document, sharingId, groupIndex)
     } else {
-      await revokeSelf(document)
+      await onLeaveGroup(document)
     }
     setRevoking(false)
   }

package/src/components/Recipient/GroupRecipientPermissions.stories.jsx

@@ -5,6 +5,8 @@ const meta = {
   args: {
     onRevoke: () => {},
     onRevokeSelf: () => {},
+    onRevokeGroup: () => {},
+    onLeaveGroup: () => {},
     type: 'two-way',
     status: 'ready',
     groupIndex: 0

package/src/components/Recipient/LinkRecipient.jsx

@@ -19,7 +19,6 @@ import {
   getPermissionExpiresDate
 } from '../../helpers/permissions'
 import { FADE_IN_DURATION } from '../../helpers/recipients'
-import { useSharingContext } from '../../hooks/useSharingContext'
 import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal'
 
 const LinkRecipientTextReadOnly = ({ textPrimary, textSecondary }) => {
@@ -55,19 +54,18 @@ const LinkRecipientText = ({ onClick, textPrimary, textSecondary }) => {
 const LinkRecipient = props => {
   const { t, f, lang } = useI18n()
   const { isMobile } = useBreakpoints()
-  const { getDocumentPermissions } = useSharingContext()
 
   const {
     recipientConfirmationData,
     verifyRecipient,
     fadeIn,
     document,
-    isReadOnly
+    isReadOnly,
+    permissions
   } = props
 
   const [openShareRestrictionModal, setOpenShareRestrictionModal] =
     useState(false)
-  const permissions = getDocumentPermissions(document?._id)
   const hasPassword = checkIsPermissionHasPassword(permissions)
   const expiresDate = getPermissionExpiresDate(permissions)
   const dateFormatted = expiresDate