cozy-sharing 40.1.6 → 40.1.8

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

@@ -4,17 +4,7 @@ import React from 'react';
 import { createMockClient } from 'cozy-client';
 import MemberRecipientPermissions from './MemberRecipientPermissions';
 import AppLike from '../../../test/AppLike';
-var mockUpdateSharingMemberType = jest.fn();
 var mockShowAlert = jest.fn();
-jest.mock('../../hooks/useSharingContext', function () {
-  return {
-    useSharingContext: function useSharingContext() {
-      return {
-        updateSharingMemberType: mockUpdateSharingMemberType
-      };
-    }
-  };
-});
 jest.mock('cozy-ui/transpiled/react/providers/Alert', function () {
   return {
     __esModule: true,
@@ -38,7 +28,7 @@ describe('MemberRecipientPermissions component', function () {
     isOwner: true,
     isSharedDrive: false,
     status: 'ready',
-    instance: 'http://cozy.local:8080',
+    isCurrentUser: true,
     type: 'two-way',
     document: {
       id: 'doc-123',
@@ -48,7 +38,8 @@ describe('MemberRecipientPermissions component', function () {
     sharingId: 'sharing-123',
     memberIndex: 1,
     onRevoke: jest.fn(),
-    onRevokeSelf: jest.fn()
+    onRevokeSelf: jest.fn(),
+    onSetMemberType: jest.fn()
   };
   beforeEach(function () {
     jest.clearAllMocks();
@@ -80,7 +71,7 @@ describe('MemberRecipientPermissions component', function () {
   it('should not render menu when user is not owner and not the shared drive contact', function () {
     var _setup = setup({
       isOwner: false,
-      instance: 'http://other-cozy.local:8080'
+      isCurrentUser: false
     }),
         queryByRole = _setup.queryByRole;
 
@@ -104,7 +95,7 @@ describe('MemberRecipientPermissions component', function () {
   it('should render menu for the user themselves', function () {
     var _setup3 = setup({
       isOwner: false,
-      instance: 'http://cozy.local:8080'
+      isCurrentUser: true
     }),
         getByRole = _setup3.getByRole;
 

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

@@ -4,6 +4,7 @@ var meta = {
   args: {
     onRevoke: function onRevoke() {},
     onRevokeSelf: function onRevokeSelf() {},
+    onSetMemberType: function onSetMemberType() {},
     type: 'two-way',
     status: 'ready'
   },
@@ -31,6 +32,6 @@ export var Self = {
   name: 'Self',
   args: {
     isOwner: false,
-    instance: 'http://alice.cozy.localhost:8080'
+    isCurrentUser: true
   }
 };

package/dist/components/Recipient/OwnerRecipient.js

@@ -1,27 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import React from 'react';
 import MemberRecipient from './MemberRecipient';
-import OwnerRecipientDefault from './OwnerRecipientDefault';
 
 var OwnerRecipient = function OwnerRecipient(_ref) {
-  var recipients = _ref.recipients,
-      isOrgSharedDrive = _ref.isOrgSharedDrive;
-  var ownerRecipient = recipients.find(function (recipient) {
-    return recipient.status === 'owner';
-  });
-
-  if (ownerRecipient) {
-    return /*#__PURE__*/React.createElement(MemberRecipient, _extends({}, ownerRecipient, {
-      isOrgSharedDrive: isOrgSharedDrive
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(OwnerRecipientDefault, null);
+  var owner = _ref.owner;
+  if (!owner) return null;
+  return /*#__PURE__*/React.createElement(MemberRecipient, owner);
 };
 
 OwnerRecipient.propTypes = {
-  recipients: PropTypes.array.isRequired,
-  isOrgSharedDrive: PropTypes.bool
+  owner: PropTypes.object
 };
 export default OwnerRecipient;

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

@@ -3,7 +3,9 @@ import { recipients } from '../../../.storybook/fixtures/recipients';
 var meta = {
   component: OwnerRecipient,
   args: {
-    recipients: recipients
+    owner: recipients.find(function (recipient) {
+      return recipient.status === 'owner';
+    })
   }
 };
 export default meta;

package/dist/components/Recipient/OwnerRecipientDefaultLite.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { useClient, useQuery, hasQueryBeenLoaded } from 'cozy-client';
 import MemberRecipientLite from './MemberRecipientLite';
 import withLocales from '../../hoc/withLocales';
-import { buildInstanceSettingsQuery } from '../../queries/queries'; // See OwnerRecipientDefault: show the instance public avatar (with an initials
+import { buildInstanceSettingsQuery } from '../../queries/queries'; // See containers/WhoHasAccess: show the instance public avatar (with an initials
 // fallback) when the owner has no per-sharing avatar to reference.
 
 var OWNER_PUBLIC_AVATAR_PATH = '/public/avatar?fallback=initials';

package/dist/components/Recipient/PermissionTypeMenu.js

@@ -1,21 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 PropTypes from 'prop-types';
 import React, { useCallback, useRef, useState } from 'react';
-import { useClient } from 'cozy-client';
-import flag from 'cozy-flags';
 import minilog from 'cozy-minilog';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
@@ -25,32 +12,21 @@ import { useI18n } from 'twake-i18n';
 import DowngradePermissionConfirmDialog from './DowngradePermissionConfirmDialog';
 import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission';
 import { setReadWriteSharedPermission } from './actions/setReadWriteSharedPermission';
-import { getOrCreateFromArray } from '../../helpers/contacts';
-import withLocales from '../../hoc/withLocales';
-import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath';
-import { useSharingContext } from '../../hooks/useSharingContext';
-import { getSharingDocIds } from '../../state';
 var log = minilog('PermissionTypeMenu');
 
-var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
-  var sharingId = _ref.sharingId,
-      memberIndex = _ref.memberIndex,
-      type = _ref.type,
+var PermissionTypeMenu = function PermissionTypeMenu(_ref) {
+  var type = _ref.type,
       document = _ref.document,
-      recipient = _ref.recipient;
+      recipient = _ref.recipient,
+      isInsideSharedParent = _ref.isInsideSharedParent,
+      sharedParentName = _ref.sharedParentName,
+      onSetType = _ref.onSetType;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
-  var client = useClient();
   var buttonRef = useRef();
 
-  var _useSharingContext = useSharingContext(),
-      hasSharedParent = _useSharingContext.hasSharedParent,
-      updateSharingMemberType = _useSharingContext.updateSharingMemberType,
-      getSharingById = _useSharingContext.getSharingById,
-      share = _useSharingContext.share;
-
   var _useAlert = useAlert(),
       showAlert = _useAlert.showAlert;
 
@@ -64,154 +40,46 @@ var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
       pendingType = _useState4[0],
       setPendingType = _useState4[1];
 
-  var documentPath = useFetchDocumentPath(client, document);
   var hideMenu = useCallback(function () {
     setMenuDisplayed(false);
   }, []);
   var applyType = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newType) {
-      var _ref3,
-          _ref3$withAncestors,
-          withAncestors,
-          ancestors,
-          _iterator,
-          _step,
-          ancestor,
-          documentId,
-          sourceSharing,
-          contacts,
-          _args = arguments;
-
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(newType, options) {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _ref3 = _args.length > 1 && _args[1] !== undefined ? _args[1] : {}, _ref3$withAncestors = _ref3.withAncestors, withAncestors = _ref3$withAncestors === void 0 ? false : _ref3$withAncestors;
-            _context.prev = 1;
-
-            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);
+            _context.prev = 0;
+            _context.next = 3;
+            return onSetType(newType, options);
 
-          case 11:
-            _context.next = 7;
+          case 3:
+            _context.next = 9;
             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 = 33;
-              break;
-            }
-
-            sourceSharing = getSharingById(sharingId);
-
-            if (!(sourceSharing && !getSharingDocIds(sourceSharing).includes(documentId))) {
-              _context.next = 33;
-              break;
-            }
-
-            _context.next = 27;
-            return getOrCreateFromArray(client, [recipient], function (contact) {
-              return client.create('io.cozy.contacts', contact);
-            });
-
-          case 27:
-            contacts = _context.sent;
-
-            if (contacts[0]) {
-              _context.next = 30;
-              break;
-            }
-
-            throw new Error('Recipient contact not found');
-
-          case 30:
-            _context.next = 32;
-            return share({
-              document: _objectSpread(_objectSpread({}, document), {}, {
-                id: documentId
-              }),
-              description: document.name,
-              recipients: contacts,
-              readOnlyRecipients: [],
-              sharedDrive: true,
-              openSharing: false
-            });
-
-          case 32:
-            return _context.abrupt("return");
-
-          case 33:
-            _context.next = 35;
-            return updateSharingMemberType(sharingId, memberIndex, newType, document);
-
-          case 35:
-            _context.next = 41;
-            break;
-
-          case 37:
-            _context.prev = 37;
-            _context.t1 = _context["catch"](1);
-            log.error('Failed to change member permission type', _context.t1);
+          case 5:
+            _context.prev = 5;
+            _context.t0 = _context["catch"](0);
+            log.error('Failed to change member permission type', _context.t0);
             showAlert({
               message: t('Share.members.error.changePermission'),
               severity: 'error',
               variant: 'filled'
             });
 
-          case 41:
+          case 9:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 37], [5, 15, 18, 21]]);
+      }, _callee, null, [[0, 5]]);
     }));
 
-    return function (_x) {
+    return function (_x, _x2) {
       return _ref2.apply(this, arguments);
     };
-  }(), [client, document, getSharingById, memberIndex, recipient, share, sharingId, showAlert, t, type, updateSharingMemberType]); // Downgrading to viewer on a folder inside a shared parent also reduces
+  }(), [onSetType, showAlert, t]); // Downgrading to viewer on a folder inside a shared parent also reduces
   // the member's rights on the parent: require explicit confirmation first.
 
-  var shouldConfirmDowngrade = type === 'two-way' && Boolean(documentPath) && (hasSharedParent === null || hasSharedParent === void 0 ? void 0 : hasSharedParent(documentPath));
+  var shouldConfirmDowngrade = type === 'two-way' && isInsideSharedParent;
   var setType = useCallback(function (newType) {
     hideMenu();
     if (newType === type) return;
@@ -255,9 +123,18 @@ var PermissionTypeMenuComponent = function PermissionTypeMenuComponent(_ref) {
   }), pendingType && /*#__PURE__*/React.createElement(DowngradePermissionConfirmDialog, {
     document: document,
     recipient: recipient,
+    sharedParentName: sharedParentName,
     onCancel: handleCancelDowngrade,
     onConfirm: handleConfirmDowngrade
   }));
 };
 
-export var PermissionTypeMenu = withLocales(PermissionTypeMenuComponent);
+PermissionTypeMenu.propTypes = {
+  type: PropTypes.oneOf(['one-way', 'two-way']),
+  document: PropTypes.object,
+  recipient: PropTypes.object,
+  isInsideSharedParent: PropTypes.bool,
+  sharedParentName: PropTypes.string,
+  onSetType: PropTypes.func.isRequired
+};
+export default PermissionTypeMenu;

package/dist/components/Recipient/PermissionTypeMenuWrapper.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import PermissionTypeMenu from './PermissionTypeMenu';
+import withLocales from '../../hoc/withLocales';
+import { useMemberPermissionType } from '../../hooks/useMemberPermissionType';
+
+var PermissionTypeMenuWrapper = function PermissionTypeMenuWrapper(_ref) {
+  var sharingId = _ref.sharingId,
+      memberIndex = _ref.memberIndex,
+      type = _ref.type,
+      document = _ref.document,
+      recipient = _ref.recipient;
+
+  var _useMemberPermissionT = useMemberPermissionType(document),
+      isInsideSharedParent = _useMemberPermissionT.isInsideSharedParent,
+      sharedParentName = _useMemberPermissionT.sharedParentName,
+      setMemberType = _useMemberPermissionT.setMemberType;
+
+  var handleSetType = function handleSetType(newType, options) {
+    return setMemberType({
+      sharingId: sharingId,
+      memberIndex: memberIndex,
+      type: type,
+      recipient: recipient
+    }, newType, options);
+  };
+
+  return /*#__PURE__*/React.createElement(PermissionTypeMenu, {
+    type: type,
+    document: document,
+    recipient: recipient,
+    isInsideSharedParent: isInsideSharedParent,
+    sharedParentName: sharedParentName,
+    onSetType: handleSetType
+  });
+};
+
+export default withLocales(PermissionTypeMenuWrapper);

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

@@ -5,7 +5,7 @@ import { render, fireEvent, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
 import flag from 'cozy-flags';
-import { PermissionTypeMenu } from './PermissionTypeMenu';
+import PermissionTypeMenuWrapper from './PermissionTypeMenuWrapper';
 import AppLike from '../../../test/AppLike';
 var mockUpdateSharingMemberType = jest.fn();
 var mockHasSharedParent = jest.fn();
@@ -63,7 +63,7 @@ describe('PermissionTypeMenu component', function () {
   var setup = function setup(props) {
     return render( /*#__PURE__*/React.createElement(AppLike, {
       client: client
-    }, /*#__PURE__*/React.createElement(PermissionTypeMenu, _extends({}, defaultProps, props))));
+    }, /*#__PURE__*/React.createElement(PermissionTypeMenuWrapper, _extends({}, defaultProps, props))));
   };
 
   var createRangeBackup;

package/dist/components/Recipient/RecipientList.js

@@ -14,8 +14,13 @@ var RecipientList = function RecipientList(_ref) {
       isSharedDrive = _ref.isSharedDrive,
       document = _ref.document,
       documentType = _ref.documentType,
+      isInsideSharedParent = _ref.isInsideSharedParent,
+      sharedParentName = _ref.sharedParentName,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
+      onRevokeGroup = _ref.onRevokeGroup,
+      onLeaveGroup = _ref.onLeaveGroup,
+      onSetMemberType = _ref.onSetMemberType,
       verifyRecipient = _ref.verifyRecipient;
   var previousRecipients = usePrevious(recipients);
   var recipientsToDisplay = filterAndReworkRecipients(recipients, previousRecipients);
@@ -34,6 +39,8 @@ var RecipientList = function RecipientList(_ref) {
         documentType: documentType,
         onRevoke: onRevoke,
         onRevokeSelf: onRevokeSelf,
+        onRevokeGroup: onRevokeGroup,
+        onLeaveGroup: onLeaveGroup,
         fadeIn: recipient.hasBeenJustAdded
       }));
     }
@@ -46,8 +53,11 @@ var RecipientList = function RecipientList(_ref) {
       isSharedDrive: isSharedDrive,
       document: document,
       documentType: documentType,
+      isInsideSharedParent: isInsideSharedParent,
+      sharedParentName: sharedParentName,
       onRevoke: onRevoke,
       onRevokeSelf: onRevokeSelf,
+      onSetMemberType: onSetMemberType,
       recipientConfirmationData: recipientConfirmationData,
       verifyRecipient: verifyRecipient,
       fadeIn: recipient.hasBeenJustAdded

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

@@ -9,6 +9,9 @@ var meta = {
     isOwner: false,
     onRevoke: function onRevoke() {},
     onRevokeSelf: function onRevokeSelf() {},
+    onRevokeGroup: function onRevokeGroup() {},
+    onLeaveGroup: function onLeaveGroup() {},
+    onSetMemberType: function onSetMemberType() {},
     verifyRecipient: function verifyRecipient() {
       return true;
     }

package/dist/components/{ShareRecipientsInput.js → ShareAutosuggestWrapper.js}

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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; }
@@ -8,23 +7,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import PropTypes from 'prop-types';
 import React from 'react';
 import { useQueryAll, isQueryLoading } from 'cozy-client';
-import { models } from 'cozy-client';
 import flag from 'cozy-flags';
 import ShareAutosuggest from './ShareAutosuggest';
-import { getContactsFromGroupId } from '../helpers/contacts';
+import { computeContactsAndGroups } from '../helpers/contacts';
 import { buildReachableContactsQuery, buildContactGroupsQuery, buildUnreachableContactsWithGroupsQuery } from '../queries/queries';
-var ContactModel = models.contact;
 /**
- * ShareRecipientsInput is responsible for fetching contacts and groups.
+ * ShareAutosuggestWrapper is responsible for fetching contacts and groups.
  * We retrieve all the contacts that are reachable and the groups they belong to.
  * In order to display the total number of members in each group, we also retrieve the contacts that are not reachable.
  */
 
-var isCurrentUser = function isCurrentUser(contact) {
-  return contact.me === true;
-};
-
-var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
+var ShareAutosuggestWrapper = function ShareAutosuggestWrapper(_ref) {
   var currentRecipients = _ref.currentRecipients,
       recipients = _ref.recipients,
       placeholder = _ref.placeholder,
@@ -43,48 +36,13 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
   var contactGroupsQuery = buildContactGroupsQuery();
   var contactGroupsResult = useQueryAll(contactGroupsQuery.definition, contactGroupsQuery.options);
   var isLoading = isQueryLoading(reachableContactsResult) || reachableContactsResult.hasMore || isQueryLoading(contactGroupsResult) || contactGroupsResult.hasMore || flag('sharing.show-recipient-groups') && (isQueryLoading(unreachableContactsWithGroupsResult) || unreachableContactsWithGroupsResult.hasMore);
-  var reachableContacts = (reachableContactsResult.data || []).filter(function (contact) {
-    return !isCurrentUser(contact) && // We do not want contact already in the sharing
-    !currentRecipients.find(function (r) {
-      return r.email === ContactModel.getPrimaryEmail(contact);
-    }) && // We do not want contact currently in pending contacts (in chips)
-    !recipients.find(function (r) {
-      return r._id === contact._id;
-    });
-  });
-  var unreachableContactsWithGroups = (unreachableContactsWithGroupsResult.data || []).filter(function (contact) {
-    return !isCurrentUser(contact);
-  });
-  var currentRecipientGroups = currentRecipients.map(function (_ref2) {
-    var id = _ref2.id;
-    return id;
-  }).filter(Boolean);
-  var contactGroups = (contactGroupsResult.data || []).filter(function (_ref3) {
-    var _id = _ref3._id;
-    return !flag('sharing.show-recipient-groups') || !currentRecipientGroups.includes(_id);
-  }).map(function (contactGroup) {
-    var reachableMembers = getContactsFromGroupId(reachableContacts, contactGroup.id).map(function (contact) {
-      return _objectSpread(_objectSpread({}, contact), {}, {
-        isReachable: true
-      });
-    });
-
-    if (flag('sharing.show-recipient-groups') !== true) {
-      return _objectSpread(_objectSpread({}, contactGroup), {}, {
-        members: reachableMembers
-      });
-    }
-
-    var unreachableMembers = getContactsFromGroupId(unreachableContactsWithGroups, contactGroup.id).map(function (contact) {
-      return _objectSpread(_objectSpread({}, contact), {}, {
-        isReachable: false
-      });
-    });
-    return _objectSpread(_objectSpread({}, contactGroup), {}, {
-      members: [].concat(_toConsumableArray(reachableMembers), _toConsumableArray(unreachableMembers))
-    });
+  var contactsAndGroups = computeContactsAndGroups({
+    reachableContacts: reachableContactsResult.data || [],
+    unreachableContactsWithGroups: unreachableContactsWithGroupsResult.data || [],
+    contactGroups: contactGroupsResult.data || [],
+    currentRecipients: currentRecipients,
+    pendingRecipients: recipients
   });
-  var contactsAndGroups = [].concat(_toConsumableArray(reachableContacts), _toConsumableArray(contactGroups));
   return /*#__PURE__*/React.createElement(ShareAutosuggest, {
     loading: isLoading,
     disabled: disabled,
@@ -99,7 +57,7 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
   });
 };
 
-ShareRecipientsInput.propTypes = {
+ShareAutosuggestWrapper.propTypes = {
   currentRecipients: PropTypes.array,
   recipients: PropTypes.array,
   placeholder: PropTypes.string,
@@ -110,8 +68,8 @@ ShareRecipientsInput.propTypes = {
   autoFocus: PropTypes.bool,
   endAdornment: PropTypes.node
 };
-ShareRecipientsInput.defaultProps = {
+ShareAutosuggestWrapper.defaultProps = {
   currentRecipients: [],
   recipients: []
 };
-export default ShareRecipientsInput;
+export default ShareAutosuggestWrapper;

package/dist/components/{ShareRecipientsInput.spec.js → ShareAutosuggestWrapper.spec.js}

@@ -4,7 +4,7 @@ import { render, screen } from '@testing-library/react';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
 import flag from 'cozy-flags';
-import ShareRecipientsInput from './ShareRecipientsInput';
+import ShareAutosuggestWrapper from './ShareAutosuggestWrapper';
 import AppLike from './SharingBanner/test/AppLike';
 jest.mock('cozy-flags', function () {
   return {
@@ -33,7 +33,7 @@ jest.mock('./ShareAutosuggest', function () {
     }
   };
 });
-describe('ShareRecipientsInput component', function () {
+describe('ShareAutosuggestWrapper component', function () {
   var setup = function setup(_ref2) {
     var contacts = _ref2.contacts,
         contactGroups = _ref2.contactGroups,
@@ -61,7 +61,7 @@ describe('ShareRecipientsInput component', function () {
     });
     render( /*#__PURE__*/React.createElement(AppLike, {
       client: mockClient
-    }, /*#__PURE__*/React.createElement(ShareRecipientsInput, {
+    }, /*#__PURE__*/React.createElement(ShareAutosuggestWrapper, {
       onPick: function onPick() {},
       onRemove: function onRemove() {},
       placeholder: "Enter recipients here",

package/dist/components/ShareByEmail.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import flag from 'cozy-flags';
 import { useI18n } from 'twake-i18n';
-import ShareRecipientsInput from './ShareRecipientsInput';
+import ShareAutosuggestWrapper from './ShareAutosuggestWrapper';
 import ShareTypeSelect from './Sharetypeselect';
 import { mergeRecipients, spreadGroupAndMergeRecipients } from '../helpers/recipients';
 import { isReadOnlySharing } from '../state';
@@ -69,7 +69,7 @@ export var ShareByEmail = function ShareByEmail(_ref) {
     className: styles['coz-form-group']
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['coz-form']
-  }, /*#__PURE__*/React.createElement(ShareRecipientsInput, {
+  }, /*#__PURE__*/React.createElement(ShareAutosuggestWrapper, {
     placeholder: pendingRecipients.length === 0 ? t("".concat(documentType, ".share.shareByEmail.emailPlaceholder")) : '',
     onPick: onRecipientPick,
     onRemove: onRecipientRemove,