cozy-sharing 30.1.1 → 30.2.1

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.
 
+## [30.2.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@30.2.0...cozy-sharing@30.2.1) (2026-04-20)
+
+### Bug Fixes
+
+- **cozy-sharing:** Preserve user gesture for Safari clipboard writes ([c3e9069](https://github.com/cozy/cozy-libs/commit/c3e9069e250880b9d6640c8ae7529b987af497dc))
+
+# [30.2.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@30.1.1...cozy-sharing@30.2.0) (2026-04-20)
+
+### Features
+
+- **cozy-sharing:** Add props to tune the link sharing flow ([0bfc1b9](https://github.com/cozy/cozy-libs/commit/0bfc1b9d58c3c8ce709c0ab7057e028f012d6924))
+
 ## [30.1.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@30.1.0...cozy-sharing@30.1.1) (2026-04-07)
 
 **Note:** Version bump only for package cozy-sharing

package/dist/components/FederatedFolder/DumbFederatedFolderModal.js

@@ -16,7 +16,9 @@ export var DumbFederatedFolderModal = withLocales(function (_ref) {
       onClose = _ref.onClose,
       onShare = _ref.onShare,
       sharingLink = _ref.sharingLink,
-      showShareByEmail = _ref.showShareByEmail;
+      showShareByEmail = _ref.showShareByEmail,
+      autoOpenShareRestriction = _ref.autoOpenShareRestriction,
+      showGenerateLinkButton = _ref.showGenerateLinkButton;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -38,7 +40,9 @@ export var DumbFederatedFolderModal = withLocales(function (_ref) {
     addPeopleLabel: t('FederatedFolder.addPeople'),
     addButtonLabel: t('FederatedFolder.add'),
     shareLabel: t('FederatedFolder.share'),
-    showShareByEmail: showShareByEmail
+    showShareByEmail: showShareByEmail,
+    autoOpenShareRestriction: autoOpenShareRestriction,
+    showGenerateLinkButton: showGenerateLinkButton
   });
 });
 DumbFederatedFolderModal.propTypes = {
@@ -54,6 +58,8 @@ DumbFederatedFolderModal.propTypes = {
   onClose: PropTypes.func.isRequired,
   onShare: PropTypes.func.isRequired,
   sharingLink: PropTypes.string,
-  showShareByEmail: PropTypes.bool
+  showShareByEmail: PropTypes.bool,
+  autoOpenShareRestriction: PropTypes.bool,
+  showGenerateLinkButton: PropTypes.bool
 };
 export default DumbFederatedFolderModal;

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -13,7 +13,9 @@ import { useSharingContext } from '../../hooks/useSharingContext';
 import { formatRecipients, mergeAndDeduplicateRecipients, moveRecipientToReadWrite, moveRecipientToReadOnly, RECIPIENT_INDEX_PREFIX } from '../SharedDrive/helpers';
 export var FederatedFolderModal = withLocales(function (_ref) {
   var onClose = _ref.onClose,
-      existingDocument = _ref.document;
+      existingDocument = _ref.document,
+      autoOpenShareRestriction = _ref.autoOpenShareRestriction,
+      showGenerateLinkButton = _ref.showGenerateLinkButton;
   var client = useClient();
 
   var _useI18n = useI18n(),
@@ -230,11 +232,15 @@ export var FederatedFolderModal = withLocales(function (_ref) {
     onClose: onClose,
     onShare: onShare,
     sharingLink: sharingLink,
-    showShareByEmail: !isSharedDrive
+    showShareByEmail: !isSharedDrive,
+    autoOpenShareRestriction: autoOpenShareRestriction,
+    showGenerateLinkButton: showGenerateLinkButton
   });
 });
 FederatedFolderModal.propTypes = {
   onClose: PropTypes.func.isRequired,
-  document: PropTypes.object.isRequired
+  document: PropTypes.object.isRequired,
+  autoOpenShareRestriction: PropTypes.bool,
+  showGenerateLinkButton: PropTypes.bool
 };
 export default FederatedFolderModal;

package/dist/components/ShareByLink.js

@@ -21,7 +21,11 @@ var ShareByLink = function ShareByLink(_ref) {
 
   var link = _ref.link,
       document = _ref.document,
-      documentType = _ref.documentType;
+      documentType = _ref.documentType,
+      _ref$showGenerateLink = _ref.showGenerateLinkButton,
+      showGenerateLinkButton = _ref$showGenerateLink === void 0 ? false : _ref$showGenerateLink,
+      _ref$autoOpenShareRes = _ref.autoOpenShareRestriction,
+      autoOpenShareRestriction = _ref$autoOpenShareRes === void 0 ? false : _ref$autoOpenShareRes;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -45,8 +49,9 @@ var ShareByLink = function ShareByLink(_ref) {
       setIsGenerating = _useState2[1];
 
   var canShare = typeof ((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.share) === 'function';
-  var showCopyAndSendButtons = isMobile && canShare;
-  var showOnlyCopyButton = !isMobile || !canShare;
+  var showGenerateButton = showGenerateLinkButton && !link;
+  var showCopyAndSendButtons = !showGenerateButton && isMobile && canShare;
+  var showOnlyCopyButton = !showGenerateButton && (!isMobile || !canShare);
   var isFederated = flag('drive.federated-shared-folder.enabled');
 
   var _useReducer = useReducer(function (state) {
@@ -56,6 +61,14 @@ var ShareByLink = function ShareByLink(_ref) {
       isEditDialogOpen = _useReducer2[0],
       toggleEditDialogOpen = _useReducer2[1];
 
+  var showGenericError = function showGenericError() {
+    showAlert({
+      message: t("".concat(documentType, ".share.error.generic")),
+      severity: 'error',
+      variant: 'filled'
+    });
+  };
+
   var handleGenerateLink = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -105,45 +118,53 @@ var ShareByLink = function ShareByLink(_ref) {
 
   var generateLinkAndCopyLinkToClipboard = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var linkToCopy;
+      var generatedLink;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            linkToCopy = link;
-
-            if (linkToCopy) {
-              _context2.next = 5;
+            if (!link) {
+              _context2.next = 4;
               break;
             }
 
-            _context2.next = 4;
-            return handleGenerateLink();
+            _context2.next = 3;
+            return copyToClipboard(link, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 3:
+            return _context2.abrupt("return");
 
           case 4:
-            linkToCopy = _context2.sent;
+            // Safari: the clipboard API must be invoked synchronously within the
+            // click handler, so we pass the pending link to `copyToClipboard`.
+            // The resolved URL is captured here so we can branch on success after
+            // the copy has completed, without re-awaiting the promise.
+            generatedLink = null;
+            _context2.next = 7;
+            return copyToClipboard(handleGenerateLink().then(function (generated) {
+              generatedLink = generated;
+              if (!generated) throw new Error('link-generation-failed');
+              return generated;
+            }), {
+              t: t,
+              showAlert: showAlert
+            });
 
-          case 5:
-            if (!linkToCopy) {
+          case 7:
+            if (generatedLink) {
               _context2.next = 10;
               break;
             }
 
-            _context2.next = 8;
-            return copyToClipboard(linkToCopy, {
-              t: t,
-              showAlert: showAlert
-            });
-
-          case 8:
-            _context2.next = 11;
-            break;
+            showGenericError();
+            return _context2.abrupt("return");
 
           case 10:
-            showAlert({
-              message: t("".concat(documentType, ".share.error.generic")),
-              severity: 'error',
-              variant: 'filled'
-            });
+            if (autoOpenShareRestriction) {
+              toggleEditDialogOpen();
+            }
 
           case 11:
           case "end":
@@ -157,75 +178,104 @@ var ShareByLink = function ShareByLink(_ref) {
     };
   }();
 
-  var shareLink = /*#__PURE__*/function () {
+  var generateLinkSilently = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var linkToShare, shareData;
+      var generated;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return handleGenerateLink();
+
+          case 2:
+            generated = _context3.sent;
+
+            if (generated) {
+              _context3.next = 6;
+              break;
+            }
+
+            showGenericError();
+            return _context3.abrupt("return");
+
+          case 6:
+            if (autoOpenShareRestriction) {
+              toggleEditDialogOpen();
+            }
+
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+
+    return function generateLinkSilently() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var shareLink = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var linkToShare, shareData;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
             linkToShare = link;
 
             if (linkToShare) {
-              _context3.next = 5;
+              _context4.next = 5;
               break;
             }
 
-            _context3.next = 4;
+            _context4.next = 4;
             return handleGenerateLink();
 
           case 4:
-            linkToShare = _context3.sent;
+            linkToShare = _context4.sent;
 
           case 5:
             if (linkToShare) {
-              _context3.next = 8;
+              _context4.next = 8;
               break;
             }
 
-            showAlert({
-              message: t("".concat(documentType, ".share.error.generic")),
-              severity: 'error',
-              variant: 'filled'
-            });
-            return _context3.abrupt("return");
+            showGenericError();
+            return _context4.abrupt("return");
 
           case 8:
-            _context3.prev = 8;
+            _context4.prev = 8;
             shareData = {
               text: t("".concat(documentType, ".share.shareByLink.shareDescription"), {
                 name: document.name || ''
               }),
               url: linkToShare
             };
-            _context3.next = 12;
+            _context4.next = 12;
             return navigator.share(shareData);
 
           case 12:
-            _context3.next = 17;
+            _context4.next = 17;
             break;
 
           case 14:
-            _context3.prev = 14;
-            _context3.t0 = _context3["catch"](8);
+            _context4.prev = 14;
+            _context4.t0 = _context4["catch"](8);
 
             // Don't show error when user cancels the share dialog
-            if (_context3.t0.name !== 'AbortError') {
-              showAlert({
-                message: t("".concat(documentType, ".share.error.generic")),
-                severity: 'error',
-                variant: 'filled'
-              });
+            if (_context4.t0.name !== 'AbortError') {
+              showGenericError();
             }
 
           case 17:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3, null, [[8, 14]]);
+      }, _callee4, null, [[8, 14]]);
     }));
 
     return function shareLink() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
 
@@ -257,6 +307,15 @@ var ShareByLink = function ShareByLink(_ref) {
     }),
     onClick: generateLinkAndCopyLinkToClipboard,
     busy: isGenerating
+  }), showGenerateButton && /*#__PURE__*/React.createElement(Button, {
+    label: t("".concat(documentType, ".share.shareByLink.create")),
+    variant: "secondary",
+    size: "medium",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: LinkIcon
+    }),
+    onClick: generateLinkSilently,
+    busy: isGenerating
   }), isEditDialogOpen && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
     file: document,
     onClose: toggleEditDialogOpen
@@ -266,6 +325,8 @@ var ShareByLink = function ShareByLink(_ref) {
 ShareByLink.propTypes = {
   link: PropTypes.string,
   document: PropTypes.object.isRequired,
-  documentType: PropTypes.string.isRequired
+  documentType: PropTypes.string.isRequired,
+  showGenerateLinkButton: PropTypes.bool,
+  autoOpenShareRestriction: PropTypes.bool
 };
 export default ShareByLink;

package/dist/components/ShareDialogCozyToCozy.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["showShareByLink", "documentType", "document"];
+var _excluded = ["showShareByLink", "showGenerateLinkButton", "autoOpenShareRestriction", "documentType", "document"];
 import cx from 'classnames';
-import React from 'react';
+import React, { useMemo } from 'react';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'twake-i18n';
@@ -125,15 +125,30 @@ var SharingTitleFunction = function SharingTitleFunction(_ref2) {
 
 var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
   var showShareByLink = _ref3.showShareByLink,
+      showGenerateLinkButton = _ref3.showGenerateLinkButton,
+      autoOpenShareRestriction = _ref3.autoOpenShareRestriction,
       documentType = _ref3.documentType,
       document = _ref3.document,
       props = _objectWithoutProperties(_ref3, _excluded);
 
+  var dialogActionsOnShare = useMemo(function () {
+    if (!showShareByLink) return null;
+
+    var BoundShareByLink = function BoundShareByLink(dialogActionProps) {
+      return /*#__PURE__*/React.createElement(DumbShareByLink, _extends({}, dialogActionProps, {
+        showGenerateLinkButton: showGenerateLinkButton,
+        autoOpenShareRestriction: autoOpenShareRestriction
+      }));
+    };
+
+    BoundShareByLink.displayName = 'BoundShareByLink';
+    return BoundShareByLink;
+  }, [showShareByLink, showGenerateLinkButton, autoOpenShareRestriction]);
   return /*#__PURE__*/React.createElement(ShareDialogTwoStepsConfirmationContainer, _extends({}, props, {
     documentType: documentType,
     document: document,
     dialogContentOnShare: SharingContent,
-    dialogActionsOnShare: showShareByLink ? DumbShareByLink : null,
+    dialogActionsOnShare: dialogActionsOnShare,
     dialogTitleOnShare: SharingTitleFunction({
       documentType: documentType,
       document: document

package/dist/components/ShareDialogOnlyByLink.js

@@ -17,7 +17,9 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       documentType = _ref.documentType,
       link = _ref.link,
       onClose = _ref.onClose,
-      permissions = _ref.permissions;
+      permissions = _ref.permissions,
+      showGenerateLinkButton = _ref.showGenerateLinkButton,
+      autoOpenShareRestriction = _ref.autoOpenShareRestriction;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -52,7 +54,9 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
     }, /*#__PURE__*/React.createElement(DumbShareByLink, {
       link: link,
       document: document,
-      documentType: documentType
+      documentType: documentType,
+      showGenerateLinkButton: showGenerateLinkButton,
+      autoOpenShareRestriction: autoOpenShareRestriction
     })))
   });
 };

package/dist/components/ShareModal/ShareModal.js

@@ -61,10 +61,9 @@ export var ShareModal = withLocales(function (props) {
   var isFederatedMode = flag('drive.federated-shared-folder.enabled');
 
   if (isFederatedMode && allLoaded) {
-    return /*#__PURE__*/React.createElement(FederatedFolderModal, {
-      document: document,
-      onClose: rest.onClose
-    });
+    return /*#__PURE__*/React.createElement(FederatedFolderModal, _extends({
+      document: document
+    }, rest));
   }
 
   var isEditable = !byDocId[document.id] || isOwner(document.id) || canReshare(document.id);
@@ -86,6 +85,8 @@ export var ShareModal = withLocales(function (props) {
   }, rest));
 });
 ShareModal.propTypes = {
+  autoOpenShareRestriction: PropTypes.bool,
   document: PropTypes.object.isRequired,
-  onRevokeSuccess: PropTypes.func
+  onRevokeSuccess: PropTypes.func,
+  showGenerateLinkButton: PropTypes.bool
 };

package/dist/components/ShareModal.js

@@ -5,7 +5,8 @@ import ShareDialogCozyToCozy from './ShareDialogCozyToCozy';
 import ShareDialogOnlyByLink from './ShareDialogOnlyByLink';
 import { SharedDriveEditModal } from './SharedDrive/SharedDriveEditModal';
 export var ShareModal = function ShareModal(_ref) {
-  var createContact = _ref.createContact,
+  var autoOpenShareRestriction = _ref.autoOpenShareRestriction,
+      createContact = _ref.createContact,
       document = _ref.document,
       _ref$documentType = _ref.documentType,
       documentType = _ref$documentType === void 0 ? 'Document' : _ref$documentType,
@@ -22,6 +23,7 @@ export var ShareModal = function ShareModal(_ref) {
       recipients = _ref.recipients,
       sharing = _ref.sharing,
       sharingDesc = _ref.sharingDesc,
+      showGenerateLinkButton = _ref.showGenerateLinkButton,
       twoStepsConfirmationMethods = _ref.twoStepsConfirmationMethods;
 
   if (isSharedDrive && !flag('drive.federated-shared-folder.enabled')) {
@@ -31,7 +33,9 @@ export var ShareModal = function ShareModal(_ref) {
       recipients: recipients,
       onShare: onShare,
       onRevoke: onRevoke,
-      onClose: onClose
+      onClose: onClose,
+      autoOpenShareRestriction: autoOpenShareRestriction,
+      showGenerateLinkButton: showGenerateLinkButton
     });
   }
 
@@ -49,7 +53,9 @@ export var ShareModal = function ShareModal(_ref) {
     documentType: documentType,
     link: link,
     onClose: onClose,
-    permissions: permissions
+    permissions: permissions,
+    showGenerateLinkButton: showGenerateLinkButton,
+    autoOpenShareRestriction: autoOpenShareRestriction
   }) : /*#__PURE__*/React.createElement(ShareDialogCozyToCozy, {
     createContact: createContact,
     document: document,
@@ -69,11 +75,14 @@ export var ShareModal = function ShareModal(_ref) {
     showShareByLink: showShareByLink,
     showShareOnlyByLink: showShareOnlyByLink,
     showWhoHasAccess: showWhoHasAccess,
+    showGenerateLinkButton: showGenerateLinkButton,
+    autoOpenShareRestriction: autoOpenShareRestriction,
     twoStepsConfirmationMethods: twoStepsConfirmationMethods
   });
 };
 export default ShareModal;
 ShareModal.propTypes = {
+  autoOpenShareRestriction: PropTypes.bool,
   createContact: PropTypes.func.isRequired,
   document: PropTypes.object.isRequired,
   documentType: PropTypes.string,
@@ -87,6 +96,7 @@ ShareModal.propTypes = {
   permissions: PropTypes.array.isRequired,
   recipients: PropTypes.array.isRequired,
   sharingDesc: PropTypes.string,
+  showGenerateLinkButton: PropTypes.bool,
   twoStepsConfirmationMethods: PropTypes.shape({
     getRecipientsToBeConfirmed: PropTypes.func,
     confirmRecipient: PropTypes.func,

package/dist/components/ShareModal.spec.js

@@ -5,12 +5,12 @@ import { ShareModal } from './ShareModal';
 import AppLike from '../../test/AppLike';
 jest.mock('./ShareDialogCozyToCozy', function () {
   return function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, "ShareDialogCozyToCozy");
+    return /*#__PURE__*/React.createElement("div", null, "ShareDialogCozyToCozy");
   };
 });
 jest.mock('./ShareDialogOnlyByLink', function () {
   return function () {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, "ShareDialogOnlyByLink");
+    return /*#__PURE__*/React.createElement("div", null, "ShareDialogOnlyByLink");
   };
 });
 jest.mock('cozy-flags');
@@ -43,8 +43,8 @@ describe('ShareModal component', function () {
     expect(root.getByText('ShareDialogCozyToCozy'));
   });
   it('should render ShareDialogOnlyByLink if flag cozy.hide-sharing-cozy-to-cozy is true', function () {
-    flag.mockImplementation(function () {
-      return true;
+    flag.mockImplementation(function (name) {
+      return name === 'cozy.hide-sharing-cozy-to-cozy';
     });
     var root = setup({
       documentType: 'Document'