cozy-sharing 33.0.0 → 33.0.2

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [33.0.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.0.1...cozy-sharing@33.0.2) (2026-06-02)
+
+### Bug Fixes
+
+- Avoid suggesting an already added or a pending recipient ([a9f7b19](https://github.com/cozy/cozy-libs/commit/a9f7b1934ef9d666b9515fe1cf28538a466bf1ff))
+
+## [33.0.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.0.0...cozy-sharing@33.0.1) (2026-06-02)
+
+### Bug Fixes
+
+- Disable new contact creation for shared drives forms ([08abf8a](https://github.com/cozy/cozy-libs/commit/08abf8a21a8d37db190866d68a73744b8bcbf0aa))
+
 # [33.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@32.3.2...cozy-sharing@33.0.0) (2026-06-02)
 
 ### Bug Fixes

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -258,7 +258,8 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
       pendingRecipients: pendingRecipients,
       onPendingRecipientsChange: setPendingRecipients,
       selectedOption: selectedOption,
-      onSelectedOptionChange: setSelectedOption
+      onSelectedOptionChange: setSelectedOption,
+      enableCreateContact: true
     })), /*#__PURE__*/React.createElement(WhoHasAccess, {
       isOwner: true,
       isSharedDrive: true,

package/dist/components/ShareAutosuggest.js

@@ -8,6 +8,7 @@ import Chip from 'cozy-ui/transpiled/react/Chips';
 import { Spinner } from 'cozy-ui/transpiled/react/Spinner';
 import { GroupAvatar } from './Avatar/GroupAvatar';
 import ContactSuggestion from './ContactSuggestion';
+import { isContactToBeCreated } from '../helpers/contacts';
 import { extractEmails, validateEmail } from '../helpers/email';
 import { getDisplayName, getInitials, Contact, Group } from '../models';
 var styles = {
@@ -22,15 +23,16 @@ var styles = {
   "recipientChip": "autosuggest__recipientChip___d5I3R",
   "endAdornment": "autosuggest__endAdornment___2EwTN"
 };
-import { cozyUrlMatch, emailMatch, groupNameMatch, fullnameMatch } from '../suggestionMatchers';
+import { contactOrGroupMatch } from '../suggestionMatchers';
 
-var ShareAutocomplete = function ShareAutocomplete(_ref) {
+var ShareAutosuggest = function ShareAutosuggest(_ref) {
   var loading = _ref.loading,
       disabled = _ref.disabled,
       contactsAndGroups = _ref.contactsAndGroups,
       recipients = _ref.recipients,
       onPick = _ref.onPick,
       onRemove = _ref.onRemove,
+      enableCreateContact = _ref.enableCreateContact,
       placeholder = _ref.placeholder,
       endAdornment = _ref.endAdornment;
 
@@ -60,18 +62,24 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
   var computeSuggestions = function computeSuggestions(value) {
     var inputValue = value.trim().toLowerCase();
     return inputValue.length === 0 ? [] : contactsAndGroups.filter(function (contactOrGroup) {
-      return groupNameMatch(inputValue, contactOrGroup) || fullnameMatch(inputValue, contactOrGroup) || emailMatch(inputValue, contactOrGroup) || cozyUrlMatch(inputValue, contactOrGroup);
+      return contactOrGroupMatch(inputValue, contactOrGroup);
     });
   };
 
   var onSuggestionsFetchRequested = function onSuggestionsFetchRequested(_ref2) {
     var value = _ref2.value;
     var computedSuggestions = computeSuggestions(value);
-    var newSuggestions = computedSuggestions.length === 0 && validateEmail(value) ? [{
-      email: value,
-      _type: Contact.doctype
-    }] : computedSuggestions;
-    setSuggestions(newSuggestions);
+
+    if (computedSuggestions.length > 0) {
+      setSuggestions(computedSuggestions);
+    } else if (enableCreateContact && validateEmail(value)) {
+      setSuggestions([{
+        email: value,
+        _type: Contact.doctype
+      }]);
+    } else {
+      setSuggestions([]);
+    }
   };
 
   var onSuggestionsClearRequested = function onSuggestionsClearRequested() {
@@ -142,6 +150,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
   var onAutosuggestPick = function onAutosuggestPick(value) {
     var _autosuggestRef$curre;
 
+    if (isContactToBeCreated(value) && !enableCreateContact) return;
     onPick(value);
     setInputValue('');
     autosuggestRef === null || autosuggestRef === void 0 || (_autosuggestRef$curre = autosuggestRef.current) === null || _autosuggestRef$curre === void 0 || (_autosuggestRef$curre = _autosuggestRef$curre.input) === null || _autosuggestRef$curre === void 0 || _autosuggestRef$curre.focus();
@@ -234,14 +243,15 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
   }));
 };
 
-ShareAutocomplete.propTypes = {
+ShareAutosuggest.propTypes = {
   loading: PropTypes.bool,
   disabled: PropTypes.bool,
   contactsAndGroups: PropTypes.array,
   recipients: PropTypes.array.isRequired,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   placeholder: PropTypes.string,
   endAdornment: PropTypes.node
 };
-export default ShareAutocomplete;
+export default ShareAutosuggest;

package/dist/components/ShareAutosuggest.spec.js

@@ -14,14 +14,17 @@ describe('ShareAutosuggest', function () {
     var onPick = _ref.onPick,
         onRemove = _ref.onRemove,
         _ref$loading = _ref.loading,
-        loading = _ref$loading === void 0 ? false : _ref$loading;
+        loading = _ref$loading === void 0 ? false : _ref$loading,
+        _ref$enableCreateCont = _ref.enableCreateContact,
+        enableCreateContact = _ref$enableCreateCont === void 0 ? true : _ref$enableCreateCont;
     render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(ShareAutosuggest, {
       loading: loading,
       contactsAndGroups: [],
       placeholder: "myPlaceHolder",
       onPick: onPick,
       recipients: [],
-      onRemove: onRemove
+      onRemove: onRemove,
+      enableCreateContact: enableCreateContact
     })));
   };
 
@@ -78,6 +81,27 @@ describe('ShareAutosuggest', function () {
       email: 'quentin.valmori@cozycloud.cc'
     });
   });
+  it('should not call onPick for new contacts when enableCreateContact is false', function () {
+    var onPick = jest.fn();
+    var onRemove = jest.fn();
+    setup({
+      onPick: onPick,
+      onRemove: onRemove,
+      enableCreateContact: false
+    });
+    var inputNode = screen.getByPlaceholderText('myPlaceHolder');
+    fireEvent.change(inputNode, {
+      target: {
+        value: 'new@cozycloud.cc'
+      }
+    });
+    fireEvent.keyPress(inputNode, {
+      key: 'Enter',
+      keyCode: 13,
+      charCode: 13
+    });
+    expect(onPick).not.toHaveBeenCalled();
+  });
   it('should show loading indicator when loading prop is true (autoFocus triggers onFocus on mount)', function () {
     var onPick = jest.fn();
     var onRemove = jest.fn();

package/dist/components/ShareByEmail.js

@@ -33,6 +33,7 @@ export var ShareByEmail = function ShareByEmail(_ref) {
       onPendingRecipientsChange = _ref.onPendingRecipientsChange,
       selectedOption = _ref.selectedOption,
       onSelectedOptionChange = _ref.onSelectedOptionChange,
+      enableCreateContact = _ref.enableCreateContact,
       sharing = _ref.sharing;
 
   var _useI18n = useI18n(),
@@ -71,6 +72,7 @@ export var ShareByEmail = function ShareByEmail(_ref) {
     placeholder: pendingRecipients.length === 0 ? t("".concat(documentType, ".share.shareByEmail.emailPlaceholder")) : '',
     onPick: onRecipientPick,
     onRemove: onRecipientRemove,
+    enableCreateContact: enableCreateContact,
     currentRecipients: currentRecipients,
     recipients: pendingRecipients,
     endAdornment: /*#__PURE__*/React.createElement(ShareTypeSelect, {
@@ -88,6 +90,7 @@ ShareByEmail.propTypes = {
   onPendingRecipientsChange: PropTypes.func.isRequired,
   selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']).isRequired,
   onSelectedOptionChange: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   sharing: PropTypes.object
 };
 export default ShareByEmail;

package/dist/components/ShareByEmail.spec.js

@@ -25,7 +25,8 @@ describe('ShareByEmail (controlled)', function () {
       pendingRecipients: [],
       onPendingRecipientsChange: onPendingRecipientsChange,
       selectedOption: 'readWrite',
-      onSelectedOptionChange: onSelectedOptionChange
+      onSelectedOptionChange: onSelectedOptionChange,
+      enableCreateContact: true
     }, overrides);
 
     var utils = render( /*#__PURE__*/React.createElement(AppLike, null, /*#__PURE__*/React.createElement(ShareByEmail, props)));

package/dist/components/ShareDialogCozyToCozy.js

@@ -91,7 +91,8 @@ var SharingContent = function SharingContent(_ref) {
     pendingRecipients: pendingRecipients,
     onPendingRecipientsChange: onPendingRecipientsChange,
     selectedOption: selectedOption,
-    onSelectedOptionChange: onSelectedOptionChange
+    onSelectedOptionChange: onSelectedOptionChange,
+    enableCreateContact: true
   })), showWhoHasAccess && /*#__PURE__*/React.createElement(WhoHasAccess, {
     document: document,
     documentType: documentType,

package/dist/components/ShareDialogCozyToCozy.spec.js

@@ -39,11 +39,11 @@ jest.mock('../hooks/useSharingContext', function () {
   };
 });
 jest.mock('../helpers/contacts', function () {
-  return {
+  return _objectSpread(_objectSpread({}, jest.requireActual('../helpers/contacts')), {}, {
     getOrCreateFromArray: jest.fn(function (client, recipients) {
       return Promise.resolve(recipients);
     })
-  };
+  });
 });
 describe('ShareDialogCozyToCozy', function () {
   var client = createMockClient({});

package/dist/components/ShareRecipientsInput.js

@@ -8,10 +8,12 @@ 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 { buildReachableContactsQuery, buildContactGroupsQuery, buildUnreachableContactsWithGroupsQuery } from '../queries/queries';
+var ContactModel = models.contact;
 /**
  * ShareRecipientsInput is responsible for fetching contacts and groups.
  * We retrieve all the contacts that are reachable and the groups they belong to.
@@ -28,6 +30,7 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
       placeholder = _ref.placeholder,
       onPick = _ref.onPick,
       onRemove = _ref.onRemove,
+      enableCreateContact = _ref.enableCreateContact,
       disabled = _ref.disabled,
       endAdornment = _ref.endAdornment;
   var reachableContactsQuery = buildReachableContactsQuery();
@@ -40,7 +43,13 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
   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);
+    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);
@@ -82,6 +91,7 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
     recipients: recipients,
     onPick: onPick,
     onRemove: onRemove,
+    enableCreateContact: enableCreateContact,
     placeholder: placeholder,
     endAdornment: endAdornment
   });
@@ -93,6 +103,7 @@ ShareRecipientsInput.propTypes = {
   placeholder: PropTypes.string,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   disabled: PropTypes.bool,
   endAdornment: PropTypes.node
 };

package/dist/components/ShareRecipientsInput.spec.js

@@ -38,6 +38,11 @@ describe('ShareRecipientsInput component', function () {
     var contacts = _ref2.contacts,
         contactGroups = _ref2.contactGroups,
         unreachableContact = _ref2.unreachableContact;
+
+    var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        currentRecipients = _ref3.currentRecipients,
+        recipients = _ref3.recipients;
+
     var mockClient = createMockClient({
       queries: {
         'io.cozy.contacts/reachable': {
@@ -59,7 +64,9 @@ describe('ShareRecipientsInput component', function () {
     }, /*#__PURE__*/React.createElement(ShareRecipientsInput, {
       onPick: function onPick() {},
       onRemove: function onRemove() {},
-      placeholder: "Enter recipients here"
+      placeholder: "Enter recipients here",
+      currentRecipients: currentRecipients,
+      recipients: recipients
     })));
   };
 
@@ -172,10 +179,66 @@ describe('ShareRecipientsInput component', function () {
       }
     }, _callee2);
   })));
-  it('should include unreachable members when flag sharing.show-recipient-groups is activated', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-    var contacts, contactGroups, unreachableContact;
+  it('should exclude already added recipients from suggestions', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var contacts, contactGroups, currentRecipients, recipients;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          contacts = [{
+            id: 'df563cc4-6440',
+            _id: 'df563cc4-6440',
+            _type: 'io.cozy.contacts',
+            name: {
+              givenName: 'Michale',
+              familyName: 'Russel'
+            },
+            email: [{
+              address: 'michale@example.com',
+              primary: true
+            }]
+          }, {
+            id: '5a3b4ccf-c257',
+            _id: '5a3b4ccf-c257',
+            _type: 'io.cozy.contacts',
+            name: {
+              givenName: 'Teagan',
+              familyName: 'Wolf'
+            },
+            email: [{
+              address: 'teagan@example.com',
+              primary: true
+            }]
+          }];
+          contactGroups = [];
+          currentRecipients = [{
+            id: 'recipient-1',
+            email: 'michale@example.com'
+          }];
+          recipients = [{
+            _id: '5a3b4ccf-c257'
+          }];
+          setup({
+            contacts: contacts,
+            contactGroups: contactGroups
+          }, {
+            currentRecipients: currentRecipients,
+            recipients: recipients
+          }); // Michale is in currentRecipients by email, should be filtered out
+
+          expect(screen.queryByText('Michale Russel')).not.toBeInTheDocument(); // Teagan is in recipients by _id, should be filtered out
+
+          expect(screen.queryByText('Teagan Wolf')).not.toBeInTheDocument();
+
+        case 7:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })));
+  it('should include unreachable members when flag sharing.show-recipient-groups is activated', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var contacts, contactGroups, unreachableContact;
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
         case 0:
           flag.mockReturnValue(true);
           contacts = [{
@@ -240,8 +303,8 @@ describe('ShareRecipientsInput component', function () {
 
         case 8:
         case "end":
-          return _context3.stop();
+          return _context4.stop();
       }
-    }, _callee3);
+    }, _callee4);
   })));
 });

package/dist/helpers/contacts.js

@@ -102,4 +102,16 @@ export var getContactsFromGroupId = function getContactsFromGroupId() {
       return group._id === groupId;
     });
   });
+};
+/**
+ * Returns true when a contact does not exist. A contact without
+ * an `_id` is always a placeholder that must be created before sharing.
+ *
+ * Used to decide whether the autosuggest input should allow creating
+ * a new contact on the fly or should block the pick (depending on the
+ * `enableCreateContact` flag).
+ */
+
+export var isContactToBeCreated = function isContactToBeCreated(contact) {
+  return !contact._id;
 };

package/dist/suggestionMatchers.js

@@ -40,4 +40,8 @@ var fullnameMatch = function fullnameMatch(input, contact) {
   return fullnameInput.test(contact.fullname);
 };
 
-export { emailMatch, cozyUrlMatch, groupNameMatch, fullnameMatch };
+var contactOrGroupMatch = function contactOrGroupMatch(input, contact) {
+  return groupNameMatch(input, contact) || fullnameMatch(input, contact) || emailMatch(input, contact) || cozyUrlMatch(input, contact);
+};
+
+export { emailMatch, cozyUrlMatch, groupNameMatch, fullnameMatch, contactOrGroupMatch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.0.0",
+  "version": "33.0.2",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "6276bf5263e77e71944feb505a0aad085e770166"
+  "gitHead": "0a14cfca6a608f4a40d2301c370b176ecbaeee4c"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -206,6 +206,7 @@ const FederatedFolderModalContent = ({
               onPendingRecipientsChange={setPendingRecipients}
               selectedOption={selectedOption}
               onSelectedOptionChange={setSelectedOption}
+              enableCreateContact
             />
           </div>
           <WhoHasAccess

package/src/components/ShareAutosuggest.jsx

@@ -8,23 +8,20 @@ import { Spinner } from 'cozy-ui/transpiled/react/Spinner'
 
 import { GroupAvatar } from './Avatar/GroupAvatar'
 import ContactSuggestion from './ContactSuggestion'
+import { isContactToBeCreated } from '../helpers/contacts'
 import { extractEmails, validateEmail } from '../helpers/email'
 import { getDisplayName, getInitials, Contact, Group } from '../models'
 import styles from '../styles/autosuggest.styl'
-import {
-  cozyUrlMatch,
-  emailMatch,
-  groupNameMatch,
-  fullnameMatch
-} from '../suggestionMatchers'
-
-const ShareAutocomplete = ({
+import { contactOrGroupMatch } from '../suggestionMatchers'
+
+const ShareAutosuggest = ({
   loading,
   disabled,
   contactsAndGroups,
   recipients,
   onPick,
   onRemove,
+  enableCreateContact,
   placeholder,
   endAdornment
 }) => {
@@ -41,29 +38,26 @@ const ShareAutocomplete = ({
 
     return inputValue.length === 0
       ? []
-      : contactsAndGroups.filter(
-          contactOrGroup =>
-            groupNameMatch(inputValue, contactOrGroup) ||
-            fullnameMatch(inputValue, contactOrGroup) ||
-            emailMatch(inputValue, contactOrGroup) ||
-            cozyUrlMatch(inputValue, contactOrGroup)
+      : contactsAndGroups.filter(contactOrGroup =>
+          contactOrGroupMatch(inputValue, contactOrGroup)
         )
   }
 
   const onSuggestionsFetchRequested = ({ value }) => {
     const computedSuggestions = computeSuggestions(value)
 
-    const newSuggestions =
-      computedSuggestions.length === 0 && validateEmail(value)
-        ? [
-            {
-              email: value,
-              _type: Contact.doctype
-            }
-          ]
-        : computedSuggestions
-
-    setSuggestions(newSuggestions)
+    if (computedSuggestions.length > 0) {
+      setSuggestions(computedSuggestions)
+    } else if (enableCreateContact && validateEmail(value)) {
+      setSuggestions([
+        {
+          email: value,
+          _type: Contact.doctype
+        }
+      ])
+    } else {
+      setSuggestions([])
+    }
   }
 
   const onSuggestionsClearRequested = () => {
@@ -130,6 +124,8 @@ const ShareAutocomplete = ({
   }
 
   const onAutosuggestPick = value => {
+    if (isContactToBeCreated(value) && !enableCreateContact) return
+
     onPick(value)
     setInputValue('')
     autosuggestRef?.current?.input?.focus()
@@ -221,15 +217,16 @@ const ShareAutocomplete = ({
   )
 }
 
-ShareAutocomplete.propTypes = {
+ShareAutosuggest.propTypes = {
   loading: PropTypes.bool,
   disabled: PropTypes.bool,
   contactsAndGroups: PropTypes.array,
   recipients: PropTypes.array.isRequired,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   placeholder: PropTypes.string,
   endAdornment: PropTypes.node
 }
 
-export default ShareAutocomplete
+export default ShareAutosuggest

package/src/components/ShareAutosuggest.spec.jsx

@@ -9,7 +9,12 @@ jest.mock('cozy-ui/transpiled/react/Spinner', () => ({
 }))
 
 describe('ShareAutosuggest', () => {
-  const setup = ({ onPick, onRemove, loading = false }) => {
+  const setup = ({
+    onPick,
+    onRemove,
+    loading = false,
+    enableCreateContact = true
+  }) => {
     render(
       <AppLike>
         <ShareAutosuggest
@@ -19,6 +24,7 @@ describe('ShareAutosuggest', () => {
           onPick={onPick}
           recipients={[]}
           onRemove={onRemove}
+          enableCreateContact={enableCreateContact}
         />
       </AppLike>
     )
@@ -51,6 +57,19 @@ describe('ShareAutosuggest', () => {
     })
   })
 
+  it('should not call onPick for new contacts when enableCreateContact is false', () => {
+    const onPick = jest.fn()
+    const onRemove = jest.fn()
+
+    setup({ onPick, onRemove, enableCreateContact: false })
+
+    const inputNode = screen.getByPlaceholderText('myPlaceHolder')
+
+    fireEvent.change(inputNode, { target: { value: 'new@cozycloud.cc' } })
+    fireEvent.keyPress(inputNode, { key: 'Enter', keyCode: 13, charCode: 13 })
+    expect(onPick).not.toHaveBeenCalled()
+  })
+
   it('should show loading indicator when loading prop is true (autoFocus triggers onFocus on mount)', () => {
     const onPick = jest.fn()
     const onRemove = jest.fn()

package/src/components/ShareByEmail.jsx

@@ -21,6 +21,7 @@ export const ShareByEmail = ({
   onPendingRecipientsChange,
   selectedOption,
   onSelectedOptionChange,
+  enableCreateContact,
   sharing
 }) => {
   const { t } = useI18n()
@@ -66,6 +67,7 @@ export const ShareByEmail = ({
           }
           onPick={onRecipientPick}
           onRemove={onRecipientRemove}
+          enableCreateContact={enableCreateContact}
           currentRecipients={currentRecipients}
           recipients={pendingRecipients}
           endAdornment={
@@ -89,6 +91,7 @@ ShareByEmail.propTypes = {
   onPendingRecipientsChange: PropTypes.func.isRequired,
   selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']).isRequired,
   onSelectedOptionChange: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   sharing: PropTypes.object
 }
 

package/src/components/ShareByEmail.spec.jsx

@@ -17,6 +17,7 @@ describe('ShareByEmail (controlled)', () => {
       onPendingRecipientsChange,
       selectedOption: 'readWrite',
       onSelectedOptionChange,
+      enableCreateContact: true,
       ...overrides
     }
     const utils = render(

package/src/components/ShareDialogCozyToCozy.jsx

@@ -79,6 +79,7 @@ const SharingContent = ({
             onPendingRecipientsChange={onPendingRecipientsChange}
             selectedOption={selectedOption}
             onSelectedOptionChange={onSelectedOptionChange}
+            enableCreateContact
           />
         )}
       </div>

package/src/components/ShareDialogCozyToCozy.spec.jsx

@@ -21,6 +21,7 @@ jest.mock('../hooks/useSharingContext', () => ({
 }))
 
 jest.mock('../helpers/contacts', () => ({
+  ...jest.requireActual('../helpers/contacts'),
   getOrCreateFromArray: jest.fn((client, recipients) =>
     Promise.resolve(recipients)
   )

package/src/components/ShareRecipientsInput.jsx

@@ -2,6 +2,7 @@ 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'
@@ -12,6 +13,8 @@ import {
   buildUnreachableContactsWithGroupsQuery
 } from '../queries/queries'
 
+const ContactModel = models.contact
+
 /**
  * ShareRecipientsInput is responsible for fetching contacts and groups.
  * We retrieve all the contacts that are reachable and the groups they belong to.
@@ -25,6 +28,7 @@ const ShareRecipientsInput = ({
   placeholder,
   onPick,
   onRemove,
+  enableCreateContact,
   disabled,
   endAdornment
 }) => {
@@ -60,8 +64,16 @@ const ShareRecipientsInput = ({
         unreachableContactsWithGroupsResult.hasMore))
 
   const reachableContacts = (reachableContactsResult.data || []).filter(
-    contact => !isCurrentUser(contact)
+    contact =>
+      !isCurrentUser(contact) &&
+      // We do not want contact already in the sharing
+      !currentRecipients.find(
+        r => r.email === ContactModel.getPrimaryEmail(contact)
+      ) &&
+      // We do not want contact currently in pending contacts (in chips)
+      !recipients.find(r => r._id === contact._id)
   )
+
   const unreachableContactsWithGroups = (
     unreachableContactsWithGroupsResult.data || []
   ).filter(contact => !isCurrentUser(contact))
@@ -114,6 +126,7 @@ const ShareRecipientsInput = ({
       recipients={recipients}
       onPick={onPick}
       onRemove={onRemove}
+      enableCreateContact={enableCreateContact}
       placeholder={placeholder}
       endAdornment={endAdornment}
     />
@@ -126,6 +139,7 @@ ShareRecipientsInput.propTypes = {
   placeholder: PropTypes.string,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
+  enableCreateContact: PropTypes.bool,
   disabled: PropTypes.bool,
   endAdornment: PropTypes.node
 }

package/src/components/ShareRecipientsInput.spec.jsx

@@ -38,7 +38,10 @@ jest.mock('./ShareAutosuggest', () => ({
 }))
 
 describe('ShareRecipientsInput component', () => {
-  const setup = ({ contacts, contactGroups, unreachableContact }) => {
+  const setup = (
+    { contacts, contactGroups, unreachableContact },
+    { currentRecipients, recipients } = {}
+  ) => {
     const mockClient = createMockClient({
       queries: {
         'io.cozy.contacts/reachable': {
@@ -61,6 +64,8 @@ describe('ShareRecipientsInput component', () => {
           onPick={() => {}}
           onRemove={() => {}}
           placeholder="Enter recipients here"
+          currentRecipients={currentRecipients}
+          recipients={recipients}
         />
       </AppLike>
     )
@@ -175,6 +180,44 @@ describe('ShareRecipientsInput component', () => {
     expect(screen.getByText('Friends - 1 members')).toBeInTheDocument()
   })
 
+  it('should exclude already added recipients from suggestions', async () => {
+    const contacts = [
+      {
+        id: 'df563cc4-6440',
+        _id: 'df563cc4-6440',
+        _type: 'io.cozy.contacts',
+        name: {
+          givenName: 'Michale',
+          familyName: 'Russel'
+        },
+        email: [{ address: 'michale@example.com', primary: true }]
+      },
+      {
+        id: '5a3b4ccf-c257',
+        _id: '5a3b4ccf-c257',
+        _type: 'io.cozy.contacts',
+        name: {
+          givenName: 'Teagan',
+          familyName: 'Wolf'
+        },
+        email: [{ address: 'teagan@example.com', primary: true }]
+      }
+    ]
+
+    const contactGroups = []
+    const currentRecipients = [
+      { id: 'recipient-1', email: 'michale@example.com' }
+    ]
+    const recipients = [{ _id: '5a3b4ccf-c257' }]
+
+    setup({ contacts, contactGroups }, { currentRecipients, recipients })
+
+    // Michale is in currentRecipients by email, should be filtered out
+    expect(screen.queryByText('Michale Russel')).not.toBeInTheDocument()
+    // Teagan is in recipients by _id, should be filtered out
+    expect(screen.queryByText('Teagan Wolf')).not.toBeInTheDocument()
+  })
+
   it('should include unreachable members when flag sharing.show-recipient-groups is activated', async () => {
     flag.mockReturnValue(true)
 

package/src/helpers/contacts.js

@@ -47,3 +47,15 @@ export const getContactsFromGroupId = (contacts = [], groupId) => {
     )
   })
 }
+
+/**
+ * Returns true when a contact does not exist. A contact without
+ * an `_id` is always a placeholder that must be created before sharing.
+ *
+ * Used to decide whether the autosuggest input should allow creating
+ * a new contact on the fly or should block the pick (depending on the
+ * `enableCreateContact` flag).
+ */
+export const isContactToBeCreated = contact => {
+  return !contact._id
+}

package/src/suggestionMatchers.js

@@ -34,4 +34,19 @@ const fullnameMatch = (input, contact) => {
   return fullnameInput.test(contact.fullname)
 }
 
-export { emailMatch, cozyUrlMatch, groupNameMatch, fullnameMatch }
+const contactOrGroupMatch = (input, contact) => {
+  return (
+    groupNameMatch(input, contact) ||
+    fullnameMatch(input, contact) ||
+    emailMatch(input, contact) ||
+    cozyUrlMatch(input, contact)
+  )
+}
+
+export {
+  emailMatch,
+  cozyUrlMatch,
+  groupNameMatch,
+  fullnameMatch,
+  contactOrGroupMatch
+}