cozy-sharing 37.5.4 → 37.6.0

package/dist/components/ShareModal/EditableSharingModal.js

@@ -1,24 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["document"];
+var _excluded = ["document", "recipients"],
+    _excluded2 = ["document"];
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { useEffect } from 'react';
 import { useClient } from 'cozy-client';
+import flag from 'cozy-flags';
+import minilog from 'cozy-minilog';
 import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath';
 import { useSharingContext } from '../../hooks/useSharingContext';
 import { Contact } from '../../models';
 import { ShareModal } from '../ShareModal';
 export var EditableSharingModal = function EditableSharingModal(_ref) {
   var document = _ref.document,
+      recipients = _ref.recipients,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var client = useClient();
+  var isFederatedMode = flag('drive.federated-shared-folder.enabled');
   var documentPath = useFetchDocumentPath(client, document);
 
   var _useSharingContext = useSharingContext(),
       documentType = _useSharingContext.documentType,
       getDocumentPermissions = _useSharingContext.getDocumentPermissions,
-      getRecipients = _useSharingContext.getRecipients,
       getSharingForSelf = _useSharingContext.getSharingForSelf,
       getSharingLink = _useSharingContext.getSharingLink,
       hasSharedChild = _useSharingContext.hasSharedChild,
@@ -34,19 +38,51 @@ export var EditableSharingModal = function EditableSharingModal(_ref) {
     },
     document: document,
     documentType: documentType,
-    hasSharedChild: documentPath && hasSharedChild(documentPath),
-    hasSharedParent: documentPath && hasSharedParent(documentPath),
+    hasSharedChild: isFederatedMode ? undefined : documentPath && hasSharedChild(documentPath),
+    hasSharedParent: isFederatedMode ? undefined : documentPath && hasSharedParent(documentPath),
     isOwner: isOwner(document._id),
     link: getSharingLink(document._id),
     onRevoke: revoke,
     onRevokeSelf: revokeSelf,
     onShare: share,
     permissions: getDocumentPermissions(document._id),
-    recipients: getRecipients(document._id),
+    recipients: recipients,
     sharing: getSharingForSelf(document._id)
   }, rest));
 };
 EditableSharingModal.propTypes = {
-  document: PropTypes.object
+  document: PropTypes.object,
+  recipients: PropTypes.array
 };
-export default EditableSharingModal;
+export var EditableSharingModalWrapper = function EditableSharingModalWrapper(_ref2) {
+  var document = _ref2.document,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+
+  var log = minilog('EditableSharingModal');
+  var isFederatedMode = flag('drive.federated-shared-folder.enabled');
+
+  var _useSharingContext2 = useSharingContext(),
+      getRecipients = _useSharingContext2.getRecipients,
+      getEffectiveRecipients = _useSharingContext2.getEffectiveRecipients,
+      fetchEffectiveRecipients = _useSharingContext2.fetchEffectiveRecipients,
+      invalidateEffectiveRecipients = _useSharingContext2.invalidateEffectiveRecipients;
+
+  var fileId = document._id || document.id;
+  useEffect(function () {
+    if (isFederatedMode && fileId) {
+      fetchEffectiveRecipients(fileId, document.driveId).catch(log.error);
+    }
+
+    return function () {
+      if (fileId) {
+        invalidateEffectiveRecipients(fileId);
+      }
+    };
+  }, [fileId, document.driveId, isFederatedMode, fetchEffectiveRecipients, invalidateEffectiveRecipients]);
+  var recipients = isFederatedMode ? getEffectiveRecipients(fileId) : getRecipients(fileId);
+  return /*#__PURE__*/React.createElement(EditableSharingModal, _extends({
+    document: document,
+    recipients: recipients
+  }, rest));
+};
+export default EditableSharingModalWrapper;

package/dist/components/ShareModal/ShareModal.js

@@ -9,10 +9,10 @@ import React from 'react';
 import { useLocation } from 'react-router';
 import flag from 'cozy-flags';
 import EditableSharingModal from './EditableSharingModal';
-import { SharingDetailsModal } from './SharingDetailsModal';
+import SharingDetailsModal from './SharingDetailsModal';
 import withLocales from '../../hoc/withLocales';
 import { useSharingContext } from '../../hooks/useSharingContext';
-import { FederatedFolderModal } from '../FederatedFolder/FederatedFolderModal';
+import FederatedFolderModal from '../FederatedFolder/FederatedFolderModal';
 export var ShareModal = withLocales(function (props) {
   var _location$state;
 

package/dist/components/ShareModal.js

@@ -64,7 +64,6 @@ export var ShareModal = function ShareModal(_ref) {
     twoStepsConfirmationMethods: twoStepsConfirmationMethods
   });
 };
-export default ShareModal;
 ShareModal.propTypes = {
   autoOpenShareRestriction: PropTypes.bool,
   createContact: PropTypes.func.isRequired,
@@ -87,4 +86,5 @@ ShareModal.propTypes = {
     rejectRecipient: PropTypes.func,
     recipientConfirmationDialogContent: PropTypes.func
   })
-};
+};
+export default ShareModal;

package/dist/components/SharingContent.js

@@ -0,0 +1,92 @@
+import cx from 'classnames';
+import React from 'react';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
+import { useI18n } from 'twake-i18n';
+import AntivirusAlert from './AntivirusAlert';
+import { default as DumbShareByEmail } from './ShareByEmail';
+import WhoHasAccess from './WhoHasAccess';
+var styles = {
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "error": "share__error___pwqPO",
+  "share-dialog-scrollable-content": "share__share-dialog-scrollable-content___2Xyoq",
+  "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
+  "share-dialog-members": "share__share-dialog-members___CNHKJ",
+  "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
+};
+
+var SharingContent = function SharingContent(_ref) {
+  var document = _ref.document,
+      documentType = _ref.documentType,
+      hasSharedParent = _ref.hasSharedParent,
+      isOwner = _ref.isOwner,
+      onRevoke = _ref.onRevoke,
+      onRevokeSelf = _ref.onRevokeSelf,
+      recipients = _ref.recipients,
+      sharing = _ref.sharing,
+      showShareByEmail = _ref.showShareByEmail,
+      showShareOnlyByLink = _ref.showShareOnlyByLink,
+      showWhoHasAccess = _ref.showWhoHasAccess,
+      recipientsToBeConfirmed = _ref.recipientsToBeConfirmed,
+      verifyRecipient = _ref.verifyRecipient,
+      link = _ref.link,
+      permissions = _ref.permissions,
+      pendingRecipients = _ref.pendingRecipients,
+      onPendingRecipientsChange = _ref.onPendingRecipientsChange,
+      selectedOption = _ref.selectedOption,
+      onSelectedOptionChange = _ref.onSelectedOptionChange;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useBreakpoints = useBreakpoints(),
+      isMobile = _useBreakpoints.isMobile;
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(styles['share-modal-content'])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx('u-pt-1-half', isMobile ? 'u-ph-1' : 'u-ph-2')
+  }, /*#__PURE__*/React.createElement(AntivirusAlert, {
+    document: document
+  }), showShareOnlyByLink && /*#__PURE__*/React.createElement("div", {
+    className: styles['share-byemail-onlybylink']
+  }, t("".concat(documentType, ".share.shareByEmail.onlyByLink"), {
+    type: t("".concat(documentType, ".share.shareByEmail.type.").concat(document.type === 'directory' ? 'folder' : 'file'))
+  }), ' ', /*#__PURE__*/React.createElement("strong", null, t("".concat(documentType, ".share.shareByEmail.").concat(hasSharedParent ? 'hasSharedParent' : 'hasSharedChild')))), /*#__PURE__*/React.createElement(Typography, {
+    variant: "h6",
+    className: "u-mb-half"
+  }, t('Share.contacts.addUsers')), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
+    currentRecipients: recipients,
+    document: document,
+    documentType: documentType,
+    sharing: sharing,
+    pendingRecipients: pendingRecipients,
+    onPendingRecipientsChange: onPendingRecipientsChange,
+    selectedOption: selectedOption,
+    onSelectedOptionChange: onSelectedOptionChange,
+    enableCreateContact: true
+  })), showWhoHasAccess && /*#__PURE__*/React.createElement(WhoHasAccess, {
+    document: document,
+    documentType: documentType,
+    isOwner: isOwner,
+    onRevoke: onRevoke,
+    onRevokeSelf: onRevokeSelf,
+    recipients: recipients,
+    recipientsToBeConfirmed: recipientsToBeConfirmed,
+    verifyRecipient: verifyRecipient,
+    link: link,
+    permissions: permissions
+  }));
+};
+
+export default SharingContent;

package/dist/helpers/effectiveRecipients.js

@@ -0,0 +1,40 @@
+/**
+ * Pick the most relevant source for a recipient: prefer the target's own
+ * share ("self"), fall back to the first ancestor source.
+ * Needed because revoke/RO-RW actions target a specific sharing+member index.
+ */
+var getBestSource = function getBestSource(effectiveRecipient) {
+  var sources = effectiveRecipient.sources || [];
+  return sources.find(function (s) {
+    return s.kind === 'self';
+  }) || sources[0];
+};
+/**
+ * Build a view object for MemberRecipient/MemberRecipientPermissions.
+ * Extracts sharingId/memberIndex/avatarPath/type from the source so
+ * existing components work without reading sources[] directly.
+ * Does not spread the backend data — only the fields needed for rendering.
+ */
+
+
+var mapToRecipient = function mapToRecipient(effectiveRecipient, source) {
+  return {
+    name: effectiveRecipient.name,
+    email: effectiveRecipient.email,
+    instance: effectiveRecipient.instance,
+    status: effectiveRecipient.status,
+    read_only: effectiveRecipient.read_only,
+    index: "effective-".concat(source.sharing_id, "-").concat(source.member_index),
+    sharingId: source.sharing_id,
+    memberIndex: source.member_index,
+    avatarPath: "/sharings/".concat(source.sharing_id, "/recipients/").concat(source.member_index, "/avatar"),
+    type: effectiveRecipient.read_only ? 'one-way' : 'two-way'
+  };
+};
+
+export var mapEffectiveRecipients = function mapEffectiveRecipients(effectiveRecipients) {
+  return (effectiveRecipients || []).map(function (recipient) {
+    var source = getBestSource(recipient);
+    return source ? mapToRecipient(recipient, source) : recipient;
+  });
+};

package/dist/helpers/effectiveRecipients.spec.js

@@ -0,0 +1,134 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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; }
+
+import { mapEffectiveRecipients } from './effectiveRecipients';
+
+var makeAncestorSource = function makeAncestorSource() {
+  var rootName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Parent Folder';
+  return {
+    sharing_id: 'sharing-1',
+    root_id: 'root-1',
+    root_name: rootName,
+    kind: 'ancestor',
+    member_index: 1,
+    read_only: false,
+    manageable: false
+  };
+};
+
+var makeSelfSource = function makeSelfSource() {
+  var _opts$memberIndex, _opts$readOnly, _opts$manageable;
+
+  var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return {
+    sharing_id: opts.sharing_id || 'sharing-2',
+    root_id: 'root-2',
+    root_name: 'Child Folder',
+    kind: 'self',
+    member_index: (_opts$memberIndex = opts.memberIndex) !== null && _opts$memberIndex !== void 0 ? _opts$memberIndex : 1,
+    read_only: (_opts$readOnly = opts.readOnly) !== null && _opts$readOnly !== void 0 ? _opts$readOnly : false,
+    manageable: (_opts$manageable = opts.manageable) !== null && _opts$manageable !== void 0 ? _opts$manageable : true
+  };
+};
+
+var makeRecipient = function makeRecipient() {
+  var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return _objectSpread({
+    id: 'recip-1',
+    name: 'Alice',
+    email: 'alice@example.com',
+    instance: 'https://alice.mycozy.cloud',
+    status: 'ready',
+    read_only: false,
+    can_edit_here: false,
+    sources: overrides.sources || []
+  }, overrides);
+};
+
+describe('mapEffectiveRecipients', function () {
+  it('returns empty array for empty input', function () {
+    expect(mapEffectiveRecipients([])).toEqual([]);
+  });
+  it('returns empty array for null or undefined', function () {
+    expect(mapEffectiveRecipients(null)).toEqual([]);
+    expect(mapEffectiveRecipients(undefined)).toEqual([]);
+  });
+  it('maps a recipient with a self source using the self source', function () {
+    var recipient = makeRecipient({
+      sources: [makeSelfSource()]
+    });
+    var result = mapEffectiveRecipients([recipient]);
+    expect(result).toHaveLength(1);
+    expect(result[0].sharingId).toBe('sharing-2');
+    expect(result[0].memberIndex).toBe(1);
+    expect(result[0].avatarPath).toBe('/sharings/sharing-2/recipients/1/avatar');
+    expect(result[0].type).toBe('two-way');
+  });
+  it('maps a recipient with only ancestor sources using the ancestor source', function () {
+    var recipient = makeRecipient({
+      sources: [makeAncestorSource('Shared Parent')]
+    });
+    var result = mapEffectiveRecipients([recipient]);
+    expect(result).toHaveLength(1);
+    expect(result[0].sharingId).toBe('sharing-1');
+    expect(result[0].memberIndex).toBe(1);
+    expect(result[0].name).toBe('Alice');
+    expect(result[0].email).toBe('alice@example.com');
+  });
+  it('maps an owner (self source, index 0) correctly', function () {
+    var recipient = makeRecipient({
+      status: 'owner',
+      read_only: true,
+      sources: [makeSelfSource({
+        memberIndex: 0,
+        manageable: false
+      })]
+    });
+    var result = mapEffectiveRecipients([recipient]);
+    expect(result).toHaveLength(1);
+    expect(result[0].status).toBe('owner');
+    expect(result[0].type).toBe('one-way');
+  });
+  it('maps an owner with only ancestor sources correctly', function () {
+    var recipient = makeRecipient({
+      status: 'owner',
+      sources: [makeAncestorSource('Parent Folder')]
+    });
+    var result = mapEffectiveRecipients([recipient]);
+    expect(result).toHaveLength(1);
+    expect(result[0].status).toBe('owner');
+    expect(result[0].sharingId).toBe('sharing-1');
+    expect(result[0].memberIndex).toBe(1);
+  });
+  it('sets type to one-way for read_only recipients', function () {
+    var recipient = makeRecipient({
+      read_only: true,
+      sources: [makeSelfSource({
+        readOnly: true
+      })]
+    });
+    var result = mapEffectiveRecipients([recipient]);
+    expect(result[0].type).toBe('one-way');
+  });
+  it('handles all recipients in the same array regardless of source kind', function () {
+    var selfRecipient = makeRecipient({
+      id: 'self-1',
+      name: 'Bob',
+      email: 'bob@example.com',
+      sources: [makeSelfSource()]
+    });
+    var ancestorRecipient = makeRecipient({
+      id: 'ancestor-1',
+      name: 'Carol',
+      email: 'carol@example.com',
+      sources: [makeAncestorSource('Root Folder')]
+    });
+    var result = mapEffectiveRecipients([selfRecipient, ancestorRecipient]);
+    expect(result).toHaveLength(2);
+    expect(result[0].sharingId).toBe('sharing-2');
+    expect(result[1].sharingId).toBe('sharing-1');
+  });
+});

package/dist/state.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -23,6 +24,9 @@ var ADD_SHARING_LINK = 'ADD_SHARING_LINK';
 var UPDATE_SHARING_LINK = 'UPDATE_SHARING_LINK';
 var REVOKE_SHARING_LINK = 'REVOKE_SHARING_LINK';
 var RECEIVE_PATHS = 'RECEIVE_PATHS';
+var RECEIVE_EFFECTIVE_RECIPIENTS = 'RECEIVE_EFFECTIVE_RECIPIENTS';
+var UPDATE_EFFECTIVE_RECIPIENT = 'UPDATE_EFFECTIVE_RECIPIENT';
+var INVALIDATE_EFFECTIVE_RECIPIENTS = 'INVALIDATE_EFFECTIVE_RECIPIENTS';
 export var SHARING_TYPE = {
   TWO_WAY: 'two-way',
   ONE_WAY: 'one-way'
@@ -136,6 +140,27 @@ export var receivePaths = function receivePaths(paths) {
     paths: paths
   };
 };
+export var receiveEffectiveRecipients = function receiveEffectiveRecipients(docId, recipients) {
+  return {
+    type: RECEIVE_EFFECTIVE_RECIPIENTS,
+    docId: docId,
+    recipients: recipients
+  };
+};
+export var updateEffectiveRecipient = function updateEffectiveRecipient(sharingId, memberIndex, readOnly) {
+  return {
+    type: UPDATE_EFFECTIVE_RECIPIENT,
+    sharingId: sharingId,
+    memberIndex: memberIndex,
+    readOnly: readOnly
+  };
+};
+export var invalidateEffectiveRecipients = function invalidateEffectiveRecipients(docId) {
+  return {
+    type: INVALIDATE_EFFECTIVE_RECIPIENTS,
+    docId: docId
+  };
+};
 export var matchingInstanceName = function matchingInstanceName() {
   var instanceUri = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return function (shareMember) {
@@ -373,6 +398,42 @@ var sharedPaths = function sharedPaths() {
   }
 };
 
+var effectiveRecipients = function effectiveRecipients() {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+
+  switch (action.type) {
+    case RECEIVE_EFFECTIVE_RECIPIENTS:
+      return _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, action.docId, action.recipients));
+
+    case UPDATE_EFFECTIVE_RECIPIENT:
+      return Object.fromEntries(Object.entries(state).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+            docId = _ref3[0],
+            recipients = _ref3[1];
+
+        return [docId, recipients.map(function (r) {
+          return r.sharingId === action.sharingId && r.memberIndex === action.memberIndex ? _objectSpread(_objectSpread({}, r), {}, {
+            read_only: action.readOnly,
+            type: action.readOnly ? 'one-way' : 'two-way'
+          }) : r;
+        })];
+      }));
+
+    case INVALIDATE_EFFECTIVE_RECIPIENTS:
+      {
+        var _action$docId2 = action.docId,
+            _ = state[_action$docId2],
+            rest = _objectWithoutProperties(state, [_action$docId2].map(_toPropertyKey));
+
+        return rest;
+      }
+
+    default:
+      return state;
+  }
+};
+
 var reducer = function reducer() {
   var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -380,7 +441,8 @@ var reducer = function reducer() {
     byDocId: byDocId(state.byDocId, action),
     sharings: sharings(state.sharings, action),
     permissions: permissions(state.permissions, action),
-    sharedPaths: sharedPaths(state.sharedPaths, action)
+    sharedPaths: sharedPaths(state.sharedPaths, action),
+    effectiveRecipients: effectiveRecipients(state.effectiveRecipients, action)
   };
 };
 
@@ -643,6 +705,11 @@ export var getSharedParentPath = function getSharedParentPath(state, documentPat
   }
 
   return null;
+};
+export var getEffectiveRecipients = function getEffectiveRecipients(state, docId) {
+  var _state$effectiveRecip;
+
+  return ((_state$effectiveRecip = state.effectiveRecipients) === null || _state$effectiveRecip === void 0 ? void 0 : _state$effectiveRecip[docId]) || [];
 }; // helpers
 
 export var getSharedDocIds = function getSharedDocIds(doc) {

package/dist/state.spec.js

@@ -13,7 +13,8 @@ describe('Sharing state', function () {
       byDocId: {},
       sharings: [],
       permissions: [],
-      sharedPaths: []
+      sharedPaths: [],
+      effectiveRecipients: {}
     });
   });
   it('should index received sharings', function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "37.5.4",
+  "version": "37.6.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -59,7 +59,7 @@
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^140.5.0",
-    "cozy-ui-plus": "^12.3.13",
+    "cozy-ui-plus": "^12.3.15",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
@@ -85,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "0257cf0ecb129fec4b9d3f99e3a3fbb318429112"
+  "gitHead": "aa6c91c03a8b734177fddb3075aa26110516c218"
 }

package/src/SharingProvider.jsx

@@ -9,6 +9,7 @@ import {
 } from './components/ShareRestrictionModal/helpers'
 import SharingContext from './context'
 import { fetchNextPermissions } from './fetchNextPermissions'
+import { mapEffectiveRecipients } from './helpers/effectiveRecipients'
 import { fetchFilesPaths } from './helpers/files'
 import {
   getSharingObject,
@@ -28,6 +29,10 @@ import reducer, {
   revokeGroup as revokeGroupFromState,
   revokeSelf,
   receivePaths,
+  receiveEffectiveRecipients,
+  updateEffectiveRecipient,
+  invalidateEffectiveRecipients,
+  getEffectiveRecipients,
   isOwner,
   isSharedDrive,
   isOrgSharedDrive,
@@ -109,7 +114,11 @@ export class SharingProvider extends Component {
       refresh: this.fetchAllSharings,
       hasWriteAccess: this.hasWriteAccess,
       renameSharedDrive: this.renameSharedDrive,
-      updateSharingMemberType: this.updateSharingMemberType
+      updateSharingMemberType: this.updateSharingMemberType,
+      getEffectiveRecipients: docId =>
+        getEffectiveRecipients(this.state, docId),
+      fetchEffectiveRecipients: this.fetchEffectiveRecipients,
+      invalidateEffectiveRecipients: this.invalidateEffectiveRecipients
     }
     this.isPublic = props.isPublic ?? false
     this.realtime = null
@@ -261,6 +270,11 @@ export class SharingProvider extends Component {
 
       await this.state.onShared({ document, recipients, readOnlyRecipients })
 
+      await this.fetchEffectiveRecipients(
+        getDocumentId(document),
+        document.driveId
+      )
+
       return sharingResult
     }
 
@@ -284,6 +298,10 @@ export class SharingProvider extends Component {
     )
 
     await this.state.onShared({ document, recipients, readOnlyRecipients })
+    await this.fetchEffectiveRecipients(
+      getDocumentId(document),
+      document.driveId
+    )
     return data
   }
 
@@ -318,6 +336,10 @@ export class SharingProvider extends Component {
         )
       )
     })
+    await this.fetchEffectiveRecipients(
+      getDocumentId(document),
+      document.driveId
+    )
   }
 
   revoke = async (document, sharingId, recipientIndex) => {
@@ -331,6 +353,10 @@ export class SharingProvider extends Component {
         document.path || (await fetchFilesPaths(client, doctype, [document]))
       )
     )
+    await this.fetchEffectiveRecipients(
+      getDocumentId(document),
+      document.driveId
+    )
   }
 
   revokeGroup = async (document, sharingId, recipientIndex) => {
@@ -350,6 +376,10 @@ export class SharingProvider extends Component {
     const sharing = getSharingForSelf(this.state, document.id)
     await this.sharingCol.revokeSelf(sharing)
     this.dispatch(revokeSelf(sharing))
+    await this.fetchEffectiveRecipients(
+      getDocumentId(document),
+      document.driveId
+    )
   }
 
   /**
@@ -386,6 +416,9 @@ export class SharingProvider extends Component {
     }
 
     this.dispatch(updateSharing(optimisticSharing))
+    this.dispatch(
+      updateEffectiveRecipient(sharingId, memberIndex, makeReadOnly)
+    )
 
     try {
       if (makeReadOnly) {
@@ -411,12 +444,39 @@ export class SharingProvider extends Component {
       }
 
       this.dispatch(updateSharing(rollbackSharing))
+      this.dispatch(
+        updateEffectiveRecipient(sharingId, memberIndex, !makeReadOnly)
+      )
       log.error(
         `Failed to change member ${member.email} permission type to ${newType}`,
         error
       )
       throw error
     }
+
+    const docId = Object.keys(this.state.byDocId).find(id =>
+      this.state.byDocId[id].sharings?.includes(sharingId)
+    )
+    if (docId) {
+      const driveId = this.state.byDocId[docId].driveId
+      await this.fetchEffectiveRecipients(docId, driveId)
+    }
+  }
+
+  fetchEffectiveRecipients = async (fileId, driveId) => {
+    const resp = await this.sharingCol.fetchEffectiveRecipients(fileId, {
+      driveId
+    })
+    this.dispatch(
+      receiveEffectiveRecipients(
+        fileId,
+        mapEffectiveRecipients(resp?.data || [])
+      )
+    )
+  }
+
+  invalidateEffectiveRecipients = docId => {
+    this.dispatch(invalidateEffectiveRecipients(docId))
   }
 
   shareByLink = async (document, options) => {