cozy-sharing 33.1.1 → 33.2.0

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [33.2.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.1.2...cozy-sharing@33.2.0) (2026-06-09)
+
+### Features
+
+- **cozy-sharing:** Show progress icon on done button during share ([885a715](https://github.com/cozy/cozy-libs/commit/885a71568a96354e3d962296a205efb05881a5d1))
+
+## [33.1.2](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.1.1...cozy-sharing@33.1.2) (2026-06-08)
+
+### Bug Fixes
+
+- **cozy-sharing:** Avoid regex parsing in input matchers ([ecab525](https://github.com/cozy/cozy-libs/commit/ecab525b7559710d693787fb50c6c5fe8abd55ac))
+- **cozy-sharing:** Make matching diacritic-insensitive ([e421a5a](https://github.com/cozy/cozy-libs/commit/e421a5ac5f97f64ef27340a3b87f9f15b3efebd9))
+
 ## [33.1.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.1.0...cozy-sharing@33.1.1) (2026-06-04)
 
 ### Bug Fixes

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -307,7 +307,7 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
     }), canShareByEmail && /*#__PURE__*/React.createElement(Button, {
       variant: "primary",
       label: t('FederatedFolder.share'),
-      disabled: isSending,
+      busy: isSending,
       onClick: onSend
     }))
   });

package/dist/components/FederatedFolder/FederatedFolderModal.spec.js

@@ -7,7 +7,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
-import { fireEvent, render, waitFor } from '@testing-library/react';
+import { act, fireEvent, render, waitFor } from '@testing-library/react';
 import React from 'react';
 import { createMockClient } from 'cozy-client';
 import { FederatedFolderModal } from './FederatedFolderModal';
@@ -384,36 +384,88 @@ describe('FederatedFolderModal', function () {
         }
       }, _callee9);
     })));
+    it('should show progress icon on Done button while share is in progress', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+      var resolveShare, _setup10, findByText, getByRole, queryByRole, sendButton;
+
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
+          case 0:
+            usePendingRecipients.mockReturnValue({
+              pendingRecipients: [pendingRecipient],
+              setPendingRecipients: jest.fn(),
+              selectedOption: 'readWrite',
+              setSelectedOption: jest.fn()
+            });
+            getOrCreateFromArray.mockResolvedValue([pendingRecipient]);
+            mockShare.mockReturnValueOnce(new Promise(function (resolve) {
+              resolveShare = resolve;
+            }));
+            _setup10 = setup(), findByText = _setup10.findByText, getByRole = _setup10.getByRole, queryByRole = _setup10.queryByRole;
+            _context11.next = 6;
+            return findByText('Done');
+
+          case 6:
+            sendButton = _context11.sent;
+            fireEvent.click(sendButton);
+            _context11.next = 10;
+            return waitFor(function () {
+              expect(getByRole('button', {
+                name: 'Done'
+              })).toBeDisabled();
+              expect(queryByRole('progressbar')).not.toBeNull();
+            });
+
+          case 10:
+            _context11.next = 12;
+            return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+              return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+                while (1) switch (_context10.prev = _context10.next) {
+                  case 0:
+                    resolveShare({});
+
+                  case 1:
+                  case "end":
+                    return _context10.stop();
+                }
+              }, _callee10);
+            })));
+
+          case 12:
+          case "end":
+            return _context11.stop();
+        }
+      }, _callee11);
+    })));
   });
   describe('onClose callback', function () {
-    it('should call onClose when close button is clicked', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
-      var _setup10, findByRole, closeButton;
+    it('should call onClose when close button is clicked', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+      var _setup11, findByRole, closeButton;
 
-      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
           case 0:
-            _setup10 = setup(), findByRole = _setup10.findByRole;
-            _context10.next = 3;
+            _setup11 = setup(), findByRole = _setup11.findByRole;
+            _context12.next = 3;
             return findByRole('button', {
               name: /close/i
             });
 
           case 3:
-            closeButton = _context10.sent;
+            closeButton = _context12.sent;
             fireEvent.click(closeButton);
             expect(mockOnClose).toHaveBeenCalled();
 
           case 6:
           case "end":
-            return _context10.stop();
+            return _context12.stop();
         }
-      }, _callee10);
+      }, _callee12);
     })));
-    it('should ask confirmation when close button is clicked with pending recipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-      var _setup11, getByRole, findByRole, getByText, closeButton;
+    it('should ask confirmation when close button is clicked with pending recipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      var _setup12, getByRole, findByRole, getByText, closeButton;
 
-      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-        while (1) switch (_context11.prev = _context11.next) {
+      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [{
@@ -424,14 +476,14 @@ describe('FederatedFolderModal', function () {
               selectedOption: 'readWrite',
               setSelectedOption: jest.fn()
             });
-            _setup11 = setup(), getByRole = _setup11.getByRole, findByRole = _setup11.findByRole, getByText = _setup11.getByText;
-            _context11.next = 4;
+            _setup12 = setup(), getByRole = _setup12.getByRole, findByRole = _setup12.findByRole, getByText = _setup12.getByText;
+            _context13.next = 4;
             return findByRole('button', {
               name: /close/i
             });
 
           case 4:
-            closeButton = _context11.sent;
+            closeButton = _context13.sent;
             fireEvent.click(closeButton);
             expect(getByText("Discard the changes you haven't saved?")).toBeTruthy();
             expect(mockOnClose).not.toHaveBeenCalled();
@@ -442,15 +494,15 @@ describe('FederatedFolderModal', function () {
 
           case 10:
           case "end":
-            return _context11.stop();
+            return _context13.stop();
         }
-      }, _callee11);
+      }, _callee13);
     })));
-    it('should close after discard confirmation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-      var _setup12, getByRole, findByRole, getByText, closeButton;
+    it('should close after discard confirmation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+      var _setup13, getByRole, findByRole, getByText, closeButton;
 
-      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
+      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+        while (1) switch (_context14.prev = _context14.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [{
@@ -461,14 +513,14 @@ describe('FederatedFolderModal', function () {
               selectedOption: 'readWrite',
               setSelectedOption: jest.fn()
             });
-            _setup12 = setup(), getByRole = _setup12.getByRole, findByRole = _setup12.findByRole, getByText = _setup12.getByText;
-            _context12.next = 4;
+            _setup13 = setup(), getByRole = _setup13.getByRole, findByRole = _setup13.findByRole, getByText = _setup13.getByText;
+            _context14.next = 4;
             return findByRole('button', {
               name: /close/i
             });
 
           case 4:
-            closeButton = _context12.sent;
+            closeButton = _context14.sent;
             fireEvent.click(closeButton);
             expect(getByText("Discard the changes you haven't saved?")).toBeTruthy();
             fireEvent.click(getByRole('button', {
@@ -478,9 +530,9 @@ describe('FederatedFolderModal', function () {
 
           case 9:
           case "end":
-            return _context12.stop();
+            return _context14.stop();
         }
-      }, _callee12);
+      }, _callee14);
     })));
   });
 });

package/dist/suggestionMatchers.js

@@ -1,43 +1,64 @@
-import escapeRegExp from 'lodash/escapeRegExp';
-import { Group } from 'cozy-doctypes'; // TODO: sadly we have different versions of contacts' doctype to handle...
+import { Group } from 'cozy-doctypes';
+var removeDiacritics;
+
+try {
+  new RegExp('\\p{Diacritic}', 'gu');
+
+  removeDiacritics = function removeDiacritics(str) {
+    return str.replace(/(?:[\^`\xA8\xAF\xB4\xB7\xB8\u02B0-\u034E\u0350-\u0357\u035D-\u0362\u0374\u0375\u037A\u0384\u0385\u0483-\u0487\u0559\u0591-\u05A1\u05A3-\u05BD\u05BF\u05C1\u05C2\u05C4\u064B-\u0652\u0657\u0658\u06DF\u06E0\u06E5\u06E6\u06EA-\u06EC\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F5\u0818\u0819\u0898-\u089F\u08C9-\u08D2\u08E3-\u08FE\u093C\u094D\u0951-\u0954\u0971\u09BC\u09CD\u0A3C\u0A4D\u0ABC\u0ACD\u0AFD-\u0AFF\u0B3C\u0B4D\u0B55\u0BCD\u0C3C\u0C4D\u0CBC\u0CCD\u0D3B\u0D3C\u0D4D\u0DCA\u0E3A\u0E47-\u0E4C\u0E4E\u0EBA\u0EC8-\u0ECC\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F82-\u0F84\u0F86\u0F87\u0FC6\u1037\u1039\u103A\u1063\u1064\u1069-\u106D\u1087-\u108D\u108F\u109A\u109B\u135D-\u135F\u1714\u1715\u1734\u17C9-\u17D3\u17DD\u1939-\u193B\u1A60\u1A75-\u1A7C\u1A7F\u1AB0-\u1ABE\u1AC1-\u1ACB\u1B34\u1B44\u1B6B-\u1B73\u1BAA\u1BAB\u1BE6\u1BF2\u1BF3\u1C36\u1C37\u1C78-\u1C7D\u1CD0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1D2C-\u1D6A\u1DC4-\u1DCF\u1DF5-\u1DFF\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2CEF-\u2CF1\u2E2F\u302A-\u302F\u3099-\u309C\u30FC\uA66F\uA67C\uA67D\uA67F\uA69C\uA69D\uA6F0\uA6F1\uA700-\uA721\uA788-\uA78A\uA7F8\uA7F9\uA806\uA82C\uA8C4\uA8E0-\uA8F1\uA92B-\uA92E\uA953\uA9B3\uA9C0\uA9E5\uAA7B-\uAA7D\uAABF-\uAAC2\uAAF6\uAB5B-\uAB5F\uAB69-\uAB6B\uABEC\uABED\uFB1E\uFE20-\uFE2F\uFF3E\uFF40\uFF70\uFF9E\uFF9F\uFFE3]|\uD800\uDEE0|\uD801[\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDE38-\uDE3A\uDE3F\uDEE5\uDEE6]|\uD803[\uDD22-\uDD27\uDD4E\uDD69-\uDD6D\uDEFD-\uDEFF\uDF46-\uDF50\uDF82-\uDF85]|\uD804[\uDC46\uDC70\uDCB9\uDCBA\uDD33\uDD34\uDD73\uDDC0\uDDCA-\uDDCC\uDE35\uDE36\uDEE9\uDEEA\uDF3B\uDF3C\uDF4D\uDF66-\uDF6C\uDF70-\uDF74\uDFCE-\uDFD0\uDFD2\uDFD3\uDFE1\uDFE2]|\uD805[\uDC42\uDC46\uDCC2\uDCC3\uDDBF\uDDC0\uDE3F\uDEB6\uDEB7\uDF2B]|\uD806[\uDC39\uDC3A\uDD3D\uDD3E\uDD43\uDDE0\uDE34\uDE47\uDE99]|\uD807[\uDC3F\uDD42\uDD44\uDD45\uDD97\uDF41\uDF42\uDF5A]|\uD80D[\uDC47-\uDC55]|\uD818\uDD2F|\uD81A[\uDEF0-\uDEF4\uDF30-\uDF36]|\uD81B[\uDD6B\uDD6C\uDF8F-\uDF9F\uDFF0\uDFF1]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD67-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD]|\uD838[\uDC30-\uDC6D\uDD30-\uDD36\uDEAE\uDEEC-\uDEEF]|\uD839[\uDDEE\uDDEF]|\uD83A[\uDCD0-\uDCD6\uDD44-\uDD46\uDD48-\uDD4A])/g, '');
+  };
+} catch (_unused) {
+  removeDiacritics = function removeDiacritics(str) {
+    return str.replace(/[̀-ͯ]/g, '');
+  };
+}
+
+var normalize = function normalize(str) {
+  return removeDiacritics(str.normalize('NFD'));
+};
+
+var normalizeLowercase = function normalizeLowercase(str) {
+  return normalize(str).toLowerCase();
+}; // TODO: sadly we have different versions of contacts' doctype to handle...
 // A migration tool on the stack side is needed here
 
+
 var emailMatch = function emailMatch(input, contact) {
   if (!contact.email) return false;
-  var emailInput = new RegExp(escapeRegExp(input), 'i');
+  var normalizedInput = normalizeLowercase(input);
 
   if (Array.isArray(contact.email)) {
     return contact.email.some(function (email) {
-      return emailInput.test(email.address);
+      return normalizeLowercase(email.address).includes(normalizedInput);
     });
   }
 
-  return emailInput.test(contact.email);
+  return normalizeLowercase(contact.email).includes(normalizedInput);
 };
 
 var cozyUrlMatch = function cozyUrlMatch(input, contact) {
   if (!contact.cozy && !contact.url) return false;
-  var urlInput = new RegExp(escapeRegExp(input), 'i');
+  var normalizedInput = normalizeLowercase(input);
 
   if (contact.cozy && Array.isArray(contact.cozy)) {
     return contact.cozy.some(function (cozy) {
-      return urlInput.test(cozy.url);
+      return normalizeLowercase(cozy.url).includes(normalizedInput);
     });
   }
 
-  return urlInput.test(contact.url);
+  return normalizeLowercase(contact.url).includes(normalizedInput);
 };
 
 var groupNameMatch = function groupNameMatch(input, contactOrGroup) {
   if (contactOrGroup._type !== Group.doctype) return false;
-  var nameInput = new RegExp(escapeRegExp(input), 'i');
-  return nameInput.test(contactOrGroup.name);
+  var normalizedInput = normalizeLowercase(input);
+  return normalizeLowercase(contactOrGroup.name).includes(normalizedInput);
 };
 
 var fullnameMatch = function fullnameMatch(input, contact) {
   if (!contact.fullname) return false;
-  var fullnameInput = new RegExp(escapeRegExp(input), 'i');
-  return fullnameInput.test(contact.fullname);
+  var normalizedInput = normalizeLowercase(input);
+  return normalizeLowercase(contact.fullname).includes(normalizedInput);
 };
 
 var contactOrGroupMatch = function contactOrGroupMatch(input, contact) {

package/dist/suggestionMatchers.spec.js

@@ -127,5 +127,108 @@ describe('Suggestion matchers', function () {
       expect(matchers.fullnameMatch('snow', contact)).toBeTruthy();
       expect(matchers.fullnameMatch('MARG', contact)).toBeTruthy();
     });
+    it('should match accented fullname with unaccented input', function () {
+      expect(matchers.fullnameMatch('zoe', {
+        fullname: 'Zoé Dupont'
+      })).toBeTruthy();
+      expect(matchers.fullnameMatch('elodie', {
+        fullname: 'Élodie Martin'
+      })).toBeTruthy();
+      expect(matchers.fullnameMatch('celine', {
+        fullname: 'Céline'
+      })).toBeTruthy();
+    });
+    it('should match unaccented fullname with accented input', function () {
+      expect(matchers.fullnameMatch('zoé', {
+        fullname: 'Zoe Dupont'
+      })).toBeTruthy();
+    });
+    it('should treat regex metacharacters as plain text', function () {
+      expect(function () {
+        return matchers.fullnameMatch('(', {
+          fullname: 'Jon Snow'
+        });
+      }).not.toThrow();
+      expect(matchers.fullnameMatch('(', {
+        fullname: 'Jon Snow'
+      })).toBeFalsy();
+      expect(matchers.fullnameMatch('.', {
+        fullname: 'Jon Snow'
+      })).toBeFalsy();
+      expect(matchers.fullnameMatch('.', {
+        fullname: 'Dr. House'
+      })).toBeTruthy();
+    });
+  });
+  describe('groupNameMatch', function () {
+    it('should match accented group name with unaccented input', function () {
+      var group = {
+        _type: 'io.cozy.contacts.groups',
+        name: 'Équipe'
+      };
+      expect(matchers.groupNameMatch('equipe', group)).toBeTruthy();
+    });
+  });
+  describe('Vietnamese diacritics support', function () {
+    var vietnameseContacts = [{
+      fullname: 'Nguyễn Văn Minh',
+      email: 'minh.nguyen@email.com'
+    }, {
+      fullname: 'Trần Thị Hương',
+      email: 'huong.tran@email.com'
+    }, {
+      fullname: 'Lê Hoàng Nam',
+      email: 'nam.hoang@email.com'
+    }, {
+      fullname: 'Phạm Đức Anh',
+      email: 'anh.pham@email.com',
+      cozy: [{
+        url: 'https://anh.mycozy.cloud'
+      }]
+    }];
+    it('should match Vietnamese accented name with unaccented input', function () {
+      expect(matchers.fullnameMatch('nguyen', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.fullnameMatch('van', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.fullnameMatch('minh', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.fullnameMatch('tran', vietnameseContacts[1])).toBeTruthy();
+      expect(matchers.fullnameMatch('huong', vietnameseContacts[1])).toBeTruthy();
+      expect(matchers.fullnameMatch('le', vietnameseContacts[2])).toBeTruthy();
+      expect(matchers.fullnameMatch('nam', vietnameseContacts[2])).toBeTruthy();
+      expect(matchers.fullnameMatch('pham', vietnameseContacts[3])).toBeTruthy();
+      expect(matchers.fullnameMatch('anh', vietnameseContacts[3])).toBeTruthy();
+    });
+    it('should match unaccented input with Vietnamese accented name', function () {
+      expect(matchers.fullnameMatch('nguyễn', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.fullnameMatch('văn', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.fullnameMatch('trần', vietnameseContacts[1])).toBeTruthy();
+      expect(matchers.fullnameMatch('hương', vietnameseContacts[1])).toBeTruthy();
+      expect(matchers.fullnameMatch('lê', vietnameseContacts[2])).toBeTruthy();
+      expect(matchers.fullnameMatch('phạm', vietnameseContacts[3])).toBeTruthy();
+    });
+    it('should match Vietnamese email with partial unaccented input', function () {
+      expect(matchers.emailMatch('minh', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.emailMatch('nguyen', vietnameseContacts[0])).toBeTruthy();
+      expect(matchers.emailMatch('huong', vietnameseContacts[1])).toBeTruthy();
+      expect(matchers.emailMatch('tran', vietnameseContacts[1])).toBeTruthy();
+    });
+    it('should match Vietnamese cozy URL with unaccented input', function () {
+      var contact = {
+        fullname: 'Đặng Minh Đức',
+        cozy: [{
+          url: 'https://duc.mycozy.cloud'
+        }]
+      };
+      expect(matchers.cozyUrlMatch('duc', contact)).toBeTruthy();
+      expect(matchers.cozyUrlMatch('mycozy', contact)).toBeTruthy();
+    });
+    it('should match Vietnamese group names with diacritics', function () {
+      var vietGroup = {
+        _type: 'io.cozy.contacts.groups',
+        name: 'Nhóm Việt'
+      };
+      expect(matchers.groupNameMatch('nhom', vietGroup)).toBeTruthy();
+      expect(matchers.groupNameMatch('viet', vietGroup)).toBeTruthy();
+      expect(matchers.groupNameMatch('nhóm', vietGroup)).toBeTruthy();
+    });
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.1.1",
+  "version": "33.2.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "a6e1d756c4f41496383878fd9ce59afbb443f5b7"
+  "gitHead": "aeaf0cb5bb862ce8908d78862ca79e8e749982f2"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -269,7 +269,7 @@ const FederatedFolderModalContent = ({
             <Button
               variant="primary"
               label={t('FederatedFolder.share')}
-              disabled={isSending}
+              busy={isSending}
               onClick={onSend}
             />
           )}

package/src/components/FederatedFolder/FederatedFolderModal.spec.jsx

@@ -1,4 +1,4 @@
-import { fireEvent, render, waitFor } from '@testing-library/react'
+import { act, fireEvent, render, waitFor } from '@testing-library/react'
 import React from 'react'
 
 import { createMockClient } from 'cozy-client'
@@ -257,6 +257,36 @@ describe('FederatedFolderModal', () => {
         expect(mockOnClose).not.toHaveBeenCalled()
       })
     })
+
+    it('should show progress icon on Done button while share is in progress', async () => {
+      usePendingRecipients.mockReturnValue({
+        pendingRecipients: [pendingRecipient],
+        setPendingRecipients: jest.fn(),
+        selectedOption: 'readWrite',
+        setSelectedOption: jest.fn()
+      })
+      getOrCreateFromArray.mockResolvedValue([pendingRecipient])
+      let resolveShare
+      mockShare.mockReturnValueOnce(
+        new Promise(resolve => {
+          resolveShare = resolve
+        })
+      )
+      const { findByText, getByRole, queryByRole } = setup()
+
+      const sendButton = await findByText('Done')
+
+      fireEvent.click(sendButton)
+
+      await waitFor(() => {
+        expect(getByRole('button', { name: 'Done' })).toBeDisabled()
+        expect(queryByRole('progressbar')).not.toBeNull()
+      })
+
+      await act(async () => {
+        resolveShare({})
+      })
+    })
   })
 
   describe('onClose callback', () => {

package/src/suggestionMatchers.js

@@ -1,37 +1,50 @@
-import escapeRegExp from 'lodash/escapeRegExp'
-
 import { Group } from 'cozy-doctypes'
 
+let removeDiacritics
+try {
+  new RegExp('\\p{Diacritic}', 'gu')
+  removeDiacritics = str => str.replace(/\p{Diacritic}/gu, '')
+} catch {
+  removeDiacritics = str => str.replace(/[̀-ͯ]/g, '')
+}
+
+const normalize = str => removeDiacritics(str.normalize('NFD'))
+const normalizeLowercase = str => normalize(str).toLowerCase()
+
 // TODO: sadly we have different versions of contacts' doctype to handle...
 // A migration tool on the stack side is needed here
 const emailMatch = (input, contact) => {
   if (!contact.email) return false
-  const emailInput = new RegExp(escapeRegExp(input), 'i')
+  const normalizedInput = normalizeLowercase(input)
   if (Array.isArray(contact.email)) {
-    return contact.email.some(email => emailInput.test(email.address))
+    return contact.email.some(email =>
+      normalizeLowercase(email.address).includes(normalizedInput)
+    )
   }
-  return emailInput.test(contact.email)
+  return normalizeLowercase(contact.email).includes(normalizedInput)
 }
 
 const cozyUrlMatch = (input, contact) => {
   if (!contact.cozy && !contact.url) return false
-  const urlInput = new RegExp(escapeRegExp(input), 'i')
+  const normalizedInput = normalizeLowercase(input)
   if (contact.cozy && Array.isArray(contact.cozy)) {
-    return contact.cozy.some(cozy => urlInput.test(cozy.url))
+    return contact.cozy.some(cozy =>
+      normalizeLowercase(cozy.url).includes(normalizedInput)
+    )
   }
-  return urlInput.test(contact.url)
+  return normalizeLowercase(contact.url).includes(normalizedInput)
 }
 
 const groupNameMatch = (input, contactOrGroup) => {
   if (contactOrGroup._type !== Group.doctype) return false
-  const nameInput = new RegExp(escapeRegExp(input), 'i')
-  return nameInput.test(contactOrGroup.name)
+  const normalizedInput = normalizeLowercase(input)
+  return normalizeLowercase(contactOrGroup.name).includes(normalizedInput)
 }
 
 const fullnameMatch = (input, contact) => {
   if (!contact.fullname) return false
-  const fullnameInput = new RegExp(escapeRegExp(input), 'i')
-  return fullnameInput.test(contact.fullname)
+  const normalizedInput = normalizeLowercase(input)
+  return normalizeLowercase(contact.fullname).includes(normalizedInput)
 }
 
 const contactOrGroupMatch = (input, contact) => {

package/src/suggestionMatchers.spec.js

@@ -146,5 +146,112 @@ describe('Suggestion matchers', () => {
       expect(matchers.fullnameMatch('snow', contact)).toBeTruthy()
       expect(matchers.fullnameMatch('MARG', contact)).toBeTruthy()
     })
+
+    it('should match accented fullname with unaccented input', () => {
+      expect(
+        matchers.fullnameMatch('zoe', { fullname: 'Zoé Dupont' })
+      ).toBeTruthy()
+      expect(
+        matchers.fullnameMatch('elodie', { fullname: 'Élodie Martin' })
+      ).toBeTruthy()
+      expect(
+        matchers.fullnameMatch('celine', { fullname: 'Céline' })
+      ).toBeTruthy()
+    })
+
+    it('should match unaccented fullname with accented input', () => {
+      expect(
+        matchers.fullnameMatch('zoé', { fullname: 'Zoe Dupont' })
+      ).toBeTruthy()
+    })
+
+    it('should treat regex metacharacters as plain text', () => {
+      expect(() =>
+        matchers.fullnameMatch('(', { fullname: 'Jon Snow' })
+      ).not.toThrow()
+      expect(matchers.fullnameMatch('(', { fullname: 'Jon Snow' })).toBeFalsy()
+      expect(matchers.fullnameMatch('.', { fullname: 'Jon Snow' })).toBeFalsy()
+      expect(
+        matchers.fullnameMatch('.', { fullname: 'Dr. House' })
+      ).toBeTruthy()
+    })
+  })
+
+  describe('groupNameMatch', () => {
+    it('should match accented group name with unaccented input', () => {
+      const group = {
+        _type: 'io.cozy.contacts.groups',
+        name: 'Équipe'
+      }
+      expect(matchers.groupNameMatch('equipe', group)).toBeTruthy()
+    })
+  })
+
+  describe('Vietnamese diacritics support', () => {
+    const vietnameseContacts = [
+      { fullname: 'Nguyễn Văn Minh', email: 'minh.nguyen@email.com' },
+      { fullname: 'Trần Thị Hương', email: 'huong.tran@email.com' },
+      { fullname: 'Lê Hoàng Nam', email: 'nam.hoang@email.com' },
+      {
+        fullname: 'Phạm Đức Anh',
+        email: 'anh.pham@email.com',
+        cozy: [{ url: 'https://anh.mycozy.cloud' }]
+      }
+    ]
+
+    it('should match Vietnamese accented name with unaccented input', () => {
+      expect(
+        matchers.fullnameMatch('nguyen', vietnameseContacts[0])
+      ).toBeTruthy()
+      expect(matchers.fullnameMatch('van', vietnameseContacts[0])).toBeTruthy()
+      expect(matchers.fullnameMatch('minh', vietnameseContacts[0])).toBeTruthy()
+      expect(matchers.fullnameMatch('tran', vietnameseContacts[1])).toBeTruthy()
+      expect(
+        matchers.fullnameMatch('huong', vietnameseContacts[1])
+      ).toBeTruthy()
+      expect(matchers.fullnameMatch('le', vietnameseContacts[2])).toBeTruthy()
+      expect(matchers.fullnameMatch('nam', vietnameseContacts[2])).toBeTruthy()
+      expect(matchers.fullnameMatch('pham', vietnameseContacts[3])).toBeTruthy()
+      expect(matchers.fullnameMatch('anh', vietnameseContacts[3])).toBeTruthy()
+    })
+
+    it('should match unaccented input with Vietnamese accented name', () => {
+      expect(
+        matchers.fullnameMatch('nguyễn', vietnameseContacts[0])
+      ).toBeTruthy()
+      expect(matchers.fullnameMatch('văn', vietnameseContacts[0])).toBeTruthy()
+      expect(matchers.fullnameMatch('trần', vietnameseContacts[1])).toBeTruthy()
+      expect(
+        matchers.fullnameMatch('hương', vietnameseContacts[1])
+      ).toBeTruthy()
+      expect(matchers.fullnameMatch('lê', vietnameseContacts[2])).toBeTruthy()
+      expect(matchers.fullnameMatch('phạm', vietnameseContacts[3])).toBeTruthy()
+    })
+
+    it('should match Vietnamese email with partial unaccented input', () => {
+      expect(matchers.emailMatch('minh', vietnameseContacts[0])).toBeTruthy()
+      expect(matchers.emailMatch('nguyen', vietnameseContacts[0])).toBeTruthy()
+      expect(matchers.emailMatch('huong', vietnameseContacts[1])).toBeTruthy()
+      expect(matchers.emailMatch('tran', vietnameseContacts[1])).toBeTruthy()
+    })
+
+    it('should match Vietnamese cozy URL with unaccented input', () => {
+      const contact = {
+        fullname: 'Đặng Minh Đức',
+        cozy: [{ url: 'https://duc.mycozy.cloud' }]
+      }
+      expect(matchers.cozyUrlMatch('duc', contact)).toBeTruthy()
+      expect(matchers.cozyUrlMatch('mycozy', contact)).toBeTruthy()
+    })
+
+    it('should match Vietnamese group names with diacritics', () => {
+      const vietGroup = {
+        _type: 'io.cozy.contacts.groups',
+        name: 'Nhóm Việt'
+      }
+      expect(matchers.groupNameMatch('nhom', vietGroup)).toBeTruthy()
+      expect(matchers.groupNameMatch('viet', vietGroup)).toBeTruthy()
+      expect(matchers.groupNameMatch('nhóm', vietGroup)).toBeTruthy()
+    })
   })
 })