cozy-sharing 33.2.0 → 33.2.2

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

@@ -15,10 +15,12 @@ import { getOrCreateFromArray } from '../../helpers/contacts';
 import { usePendingRecipients } from '../../hooks/usePendingRecipients';
 import AppLike from '../SharingBanner/test/AppLike';
 var mockShare = jest.fn();
+var mockShareByLink = jest.fn();
 var mockRevoke = jest.fn();
 var mockGetSharingLink = jest.fn();
 var mockGetFederatedShareLink = jest.fn();
 var mockGetRecipients = jest.fn().mockReturnValue([]);
+var mockGetSharingById = jest.fn();
 var mockHasSharedChild = jest.fn();
 var mockHasSharedParent = jest.fn();
 var mockShowAlert = jest.fn();
@@ -28,11 +30,14 @@ jest.mock('../../hooks/useSharingContext', function () {
     useSharingContext: function useSharingContext() {
       return {
         share: mockShare,
+        shareByLink: mockShareByLink,
         revoke: mockRevoke,
         getSharingLink: mockGetSharingLink,
         getFederatedShareLink: mockGetFederatedShareLink,
         getDocumentPermissions: jest.fn().mockReturnValue([]),
+        getOwner: jest.fn(),
         getRecipients: mockGetRecipients,
+        getSharingById: mockGetSharingById,
         hasSharedChild: mockHasSharedChild,
         hasSharedParent: mockHasSharedParent
       };
@@ -63,6 +68,11 @@ jest.mock('../../hooks/usePendingRecipients', function () {
     usePendingRecipients: jest.fn()
   };
 });
+jest.mock('../ShareByLink', function () {
+  return function () {
+    return /*#__PURE__*/React.createElement("button", null, "Copy link");
+  };
+});
 var mockDocument = {
   _id: 'folder-123',
   name: 'My Test Folder',
@@ -109,10 +119,26 @@ describe('FederatedFolderModal', function () {
   beforeEach(function () {
     jest.clearAllMocks();
     mockGetSharingLink.mockReturnValue('https://example.com/share/abc123');
-    mockGetFederatedShareLink.mockResolvedValue('https://example.com/share/federated-abc123');
+    mockGetFederatedShareLink.mockReturnValue('https://example.com/share/federated-abc123');
     mockGetRecipients.mockReturnValue([]);
+    mockGetSharingById.mockReturnValue(null);
     mockHasSharedChild.mockReturnValue(false);
     mockHasSharedParent.mockReturnValue(false);
+    mockShareByLink.mockResolvedValue({
+      data: {
+        _id: 'permission-id',
+        attributes: {
+          shortcodes: {
+            code: 'abc123'
+          }
+        }
+      }
+    });
+    Object.assign(navigator, {
+      clipboard: {
+        writeText: jest.fn()
+      }
+    });
     client = createTestClient();
     sharingContextValue = createSharingContextValue();
     usePendingRecipients.mockReturnValue({
@@ -190,18 +216,44 @@ describe('FederatedFolderModal', function () {
         }
       }, _callee3);
     })));
-    it('should hide share by email when document is in federated shared folder received by current user', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var _setup4, findByText, queryByText;
+    it('should show link access as soon as a link is generated', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _setup4, findByText, queryByText, rerender;
 
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _setup4 = setup({
+            mockGetSharingLink.mockReturnValue(null);
+            _setup4 = setup(), findByText = _setup4.findByText, queryByText = _setup4.queryByText, rerender = _setup4.rerender;
+            expect(queryByText('Anyone with the link')).toBe(null);
+            mockGetSharingLink.mockReturnValue('https://example.com/share/abc123');
+            rerender( /*#__PURE__*/React.createElement(AppLike, {
+              client: client,
+              sharingContextValue: sharingContextValue
+            }, /*#__PURE__*/React.createElement(FederatedFolderModal, {
+              document: mockDocument,
+              onClose: mockOnClose
+            })));
+            _context4.next = 7;
+            return findByText('Anyone with the link');
+
+          case 7:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    })));
+    it('should hide share by email when document is in federated shared folder received by current user', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _setup5, findByText, queryByText;
+
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _setup5 = setup({
               document: _objectSpread(_objectSpread({}, mockDocument), {}, {
                 driveId: 'federated-folder-id'
               })
-            }), findByText = _setup4.findByText, queryByText = _setup4.queryByText;
-            _context4.next = 3;
+            }), findByText = _setup5.findByText, queryByText = _setup5.queryByText;
+            _context5.next = 3;
             return findByText('Copy link');
 
           case 3:
@@ -210,34 +262,68 @@ describe('FederatedFolderModal', function () {
 
           case 5:
           case "end":
-            return _context4.stop();
+            return _context5.stop();
         }
-      }, _callee4);
+      }, _callee5);
     })));
-    it('should show only by link message when document is in federated shared folder received by current user', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      var _setup5, findByText;
+    it('should show only by link message when document is in federated shared folder received by current user', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      var _setup6, findByText;
 
-      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            _setup5 = setup({
+            _setup6 = setup({
               document: _objectSpread(_objectSpread({}, mockDocument), {}, {
                 driveId: 'federated-folder-id',
                 type: 'directory'
               })
-            }), findByText = _setup5.findByText;
-            _context5.next = 3;
+            }), findByText = _setup6.findByText;
+            _context6.next = 3;
             return findByText('This folder can only be shared by link, because');
 
           case 3:
-            _context5.next = 5;
+            _context6.next = 5;
             return findByText('it has a shared parent');
 
           case 5:
           case "end":
-            return _context5.stop();
+            return _context6.stop();
         }
-      }, _callee5);
+      }, _callee6);
+    })));
+    it('should allow share by email when document is the federated shared folder root', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var _setup7, findByText, queryByText;
+
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            mockGetSharingById.mockReturnValue({
+              attributes: {
+                rules: [{
+                  values: ['another-folder-id']
+                }, {
+                  values: ['yet-another-folder-id', mockDocument._id]
+                }]
+              }
+            });
+            _setup7 = setup({
+              document: _objectSpread(_objectSpread({}, mockDocument), {}, {
+                driveId: 'federated-folder-id',
+                type: 'directory'
+              })
+            }), findByText = _setup7.findByText, queryByText = _setup7.queryByText;
+            _context7.next = 4;
+            return findByText('Add users');
+
+          case 4:
+            expect(queryByText('This folder can only be shared by link, because')).toBe(null);
+            expect(queryByText('it has a shared parent')).toBe(null);
+
+          case 6:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
     })));
   });
   describe('onSend callback', function () {
@@ -245,21 +331,21 @@ describe('FederatedFolderModal', function () {
       name: 'Alice',
       email: 'alice@example.com'
     };
-    it('should call onClose and skip share when there are no pending recipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-      var _setup6, findByText, sendButton;
+    it('should call onClose and skip share when there are no pending recipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+      var _setup8, findByText, sendButton;
 
-      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             // pendingRecipients defaults to [] via beforeEach
-            _setup6 = setup(), findByText = _setup6.findByText;
-            _context6.next = 3;
+            _setup8 = setup(), findByText = _setup8.findByText;
+            _context8.next = 3;
             return findByText('Done');
 
           case 3:
-            sendButton = _context6.sent;
+            sendButton = _context8.sent;
             fireEvent.click(sendButton);
-            _context6.next = 7;
+            _context8.next = 7;
             return waitFor(function () {
               expect(mockOnClose).toHaveBeenCalled();
               expect(mockShare).not.toHaveBeenCalled();
@@ -267,15 +353,15 @@ describe('FederatedFolderModal', function () {
 
           case 7:
           case "end":
-            return _context6.stop();
+            return _context8.stop();
         }
-      }, _callee6);
+      }, _callee8);
     })));
-    it('should call share with correct parameters', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-      var _setup7, findByText, sendButton;
+    it('should call share with correct parameters', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+      var _setup9, findByText, sendButton;
 
-      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [pendingRecipient],
@@ -285,14 +371,14 @@ describe('FederatedFolderModal', function () {
             });
             getOrCreateFromArray.mockResolvedValue([pendingRecipient]);
             mockShare.mockResolvedValueOnce({});
-            _setup7 = setup(), findByText = _setup7.findByText;
-            _context7.next = 6;
+            _setup9 = setup(), findByText = _setup9.findByText;
+            _context9.next = 6;
             return findByText('Done');
 
           case 6:
-            sendButton = _context7.sent;
+            sendButton = _context9.sent;
             fireEvent.click(sendButton);
-            _context7.next = 10;
+            _context9.next = 10;
             return waitFor(function () {
               expect(mockShare).toHaveBeenCalledWith({
                 description: 'My Test Folder',
@@ -306,15 +392,15 @@ describe('FederatedFolderModal', function () {
 
           case 10:
           case "end":
-            return _context7.stop();
+            return _context9.stop();
         }
-      }, _callee7);
+      }, _callee9);
     })));
-    it('should show success alert and close modal on successful share', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-      var _setup8, findByText, sendButton;
+    it('should show success alert and close modal on successful share', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+      var _setup10, findByText, sendButton;
 
-      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [pendingRecipient],
@@ -324,14 +410,14 @@ describe('FederatedFolderModal', function () {
             });
             getOrCreateFromArray.mockResolvedValue([pendingRecipient]);
             mockShare.mockResolvedValueOnce({});
-            _setup8 = setup(), findByText = _setup8.findByText;
-            _context8.next = 6;
+            _setup10 = setup(), findByText = _setup10.findByText;
+            _context10.next = 6;
             return findByText('Done');
 
           case 6:
-            sendButton = _context8.sent;
+            sendButton = _context10.sent;
             fireEvent.click(sendButton);
-            _context8.next = 10;
+            _context10.next = 10;
             return waitFor(function () {
               expect(mockShowAlert).toHaveBeenCalledWith({
                 message: 'Folder has been shared',
@@ -343,15 +429,15 @@ describe('FederatedFolderModal', function () {
 
           case 10:
           case "end":
-            return _context8.stop();
+            return _context10.stop();
         }
-      }, _callee8);
+      }, _callee10);
     })));
-    it('should show error alert when share fails', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-      var _setup9, findByText, sendButton;
+    it('should show error alert when share fails', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+      var _setup11, findByText, sendButton;
 
-      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [pendingRecipient],
@@ -361,14 +447,14 @@ describe('FederatedFolderModal', function () {
             });
             getOrCreateFromArray.mockResolvedValue([pendingRecipient]);
             mockShare.mockRejectedValueOnce(new Error('Share failed'));
-            _setup9 = setup(), findByText = _setup9.findByText;
-            _context9.next = 6;
+            _setup11 = setup(), findByText = _setup11.findByText;
+            _context11.next = 6;
             return findByText('Done');
 
           case 6:
-            sendButton = _context9.sent;
+            sendButton = _context11.sent;
             fireEvent.click(sendButton);
-            _context9.next = 10;
+            _context11.next = 10;
             return waitFor(function () {
               expect(mockShowAlert).toHaveBeenCalledWith({
                 message: 'Error while sharing folder',
@@ -380,15 +466,15 @@ describe('FederatedFolderModal', function () {
 
           case 10:
           case "end":
-            return _context9.stop();
+            return _context11.stop();
         }
-      }, _callee9);
+      }, _callee11);
     })));
-    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;
+    it('should show progress icon on Done button while share is in progress', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      var resolveShare, _setup12, findByText, getByRole, queryByRole, sendButton;
 
-      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: [pendingRecipient],
@@ -400,14 +486,14 @@ describe('FederatedFolderModal', function () {
             mockShare.mockReturnValueOnce(new Promise(function (resolve) {
               resolveShare = resolve;
             }));
-            _setup10 = setup(), findByText = _setup10.findByText, getByRole = _setup10.getByRole, queryByRole = _setup10.queryByRole;
-            _context11.next = 6;
+            _setup12 = setup(), findByText = _setup12.findByText, getByRole = _setup12.getByRole, queryByRole = _setup12.queryByRole;
+            _context13.next = 6;
             return findByText('Done');
 
           case 6:
-            sendButton = _context11.sent;
+            sendButton = _context13.sent;
             fireEvent.click(sendButton);
-            _context11.next = 10;
+            _context13.next = 10;
             return waitFor(function () {
               expect(getByRole('button', {
                 name: 'Done'
@@ -416,56 +502,56 @@ describe('FederatedFolderModal', function () {
             });
 
           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) {
+            _context13.next = 12;
+            return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+              return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+                while (1) switch (_context12.prev = _context12.next) {
                   case 0:
                     resolveShare({});
 
                   case 1:
                   case "end":
-                    return _context10.stop();
+                    return _context12.stop();
                 }
-              }, _callee10);
+              }, _callee12);
             })));
 
           case 12:
           case "end":
-            return _context11.stop();
+            return _context13.stop();
         }
-      }, _callee11);
+      }, _callee13);
     })));
   });
   describe('onClose callback', function () {
-    it('should call onClose when close button is clicked', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-      var _setup11, findByRole, closeButton;
+    it('should call onClose when close button is clicked', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+      var _setup13, findByRole, 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:
-            _setup11 = setup(), findByRole = _setup11.findByRole;
-            _context12.next = 3;
+            _setup13 = setup(), findByRole = _setup13.findByRole;
+            _context14.next = 3;
             return findByRole('button', {
               name: /close/i
             });
 
           case 3:
-            closeButton = _context12.sent;
+            closeButton = _context14.sent;
             fireEvent.click(closeButton);
             expect(mockOnClose).toHaveBeenCalled();
 
           case 6:
           case "end":
-            return _context12.stop();
+            return _context14.stop();
         }
-      }, _callee12);
+      }, _callee14);
     })));
-    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;
+    it('should ask confirmation when close button is clicked with pending recipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
+      var _setup14, getByRole, findByRole, getByText, closeButton;
 
-      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
-        while (1) switch (_context13.prev = _context13.next) {
+      return _regeneratorRuntime.wrap(function _callee15$(_context15) {
+        while (1) switch (_context15.prev = _context15.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [{
@@ -476,14 +562,14 @@ describe('FederatedFolderModal', function () {
               selectedOption: 'readWrite',
               setSelectedOption: jest.fn()
             });
-            _setup12 = setup(), getByRole = _setup12.getByRole, findByRole = _setup12.findByRole, getByText = _setup12.getByText;
-            _context13.next = 4;
+            _setup14 = setup(), getByRole = _setup14.getByRole, findByRole = _setup14.findByRole, getByText = _setup14.getByText;
+            _context15.next = 4;
             return findByRole('button', {
               name: /close/i
             });
 
           case 4:
-            closeButton = _context13.sent;
+            closeButton = _context15.sent;
             fireEvent.click(closeButton);
             expect(getByText("Discard the changes you haven't saved?")).toBeTruthy();
             expect(mockOnClose).not.toHaveBeenCalled();
@@ -494,15 +580,15 @@ describe('FederatedFolderModal', function () {
 
           case 10:
           case "end":
-            return _context13.stop();
+            return _context15.stop();
         }
-      }, _callee13);
+      }, _callee15);
     })));
-    it('should close after discard confirmation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
-      var _setup13, getByRole, findByRole, getByText, closeButton;
+    it('should close after discard confirmation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee16() {
+      var _setup15, getByRole, findByRole, getByText, closeButton;
 
-      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
+      return _regeneratorRuntime.wrap(function _callee16$(_context16) {
+        while (1) switch (_context16.prev = _context16.next) {
           case 0:
             usePendingRecipients.mockReturnValue({
               pendingRecipients: [{
@@ -513,14 +599,14 @@ describe('FederatedFolderModal', function () {
               selectedOption: 'readWrite',
               setSelectedOption: jest.fn()
             });
-            _setup13 = setup(), getByRole = _setup13.getByRole, findByRole = _setup13.findByRole, getByText = _setup13.getByText;
-            _context14.next = 4;
+            _setup15 = setup(), getByRole = _setup15.getByRole, findByRole = _setup15.findByRole, getByText = _setup15.getByText;
+            _context16.next = 4;
             return findByRole('button', {
               name: /close/i
             });
 
           case 4:
-            closeButton = _context14.sent;
+            closeButton = _context16.sent;
             fireEvent.click(closeButton);
             expect(getByText("Discard the changes you haven't saved?")).toBeTruthy();
             fireEvent.click(getByRole('button', {
@@ -530,9 +616,9 @@ describe('FederatedFolderModal', function () {
 
           case 9:
           case "end":
-            return _context14.stop();
+            return _context16.stop();
         }
-      }, _callee14);
+      }, _callee16);
     })));
   });
 });

package/dist/components/ShareDialogCozyToCozy.js

@@ -24,6 +24,7 @@ import { getOrCreateFromArray } from '../helpers/contacts';
 import { hasReachRecipientsLimit } from '../helpers/recipients';
 import { getErrorMessage, getSuccessMessage } from '../helpers/share';
 import { usePendingRecipients } from '../hooks/usePendingRecipients';
+import { useSharingContext } from '../hooks/useSharingContext';
 var styles = {
   "share-modal-content": "share__share-modal-content___1iqEq",
   "coz-form": "share__coz-form___1ICST",
@@ -144,6 +145,9 @@ var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
   var _useAlert = useAlert(),
       showAlert = _useAlert.showAlert;
 
+  var _useSharingContext = useSharingContext(),
+      getSharingLink = _useSharingContext.getSharingLink;
+
   var _usePendingRecipients = usePendingRecipients(),
       pendingRecipients = _usePendingRecipients.pendingRecipients,
       setPendingRecipients = _usePendingRecipients.setPendingRecipients,
@@ -160,6 +164,7 @@ var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
       showRecipientsLimit = _useState4[0],
       setShowRecipientsLimit = _useState4[1];
 
+  var displayedLink = getSharingLink(document._id || document.id);
   var handleShare = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var contacts, readWriteRecipients, readOnlyRecipients;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -254,6 +259,7 @@ var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
     return Actions;
   }, [handleShare, submitting, t, documentType, showShareByLink, showGenerateLinkButton, autoOpenShareRestriction]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ShareDialogTwoStepsConfirmationContainer, _extends({}, props, {
+    link: displayedLink,
     documentType: documentType,
     document: document,
     recipients: recipients,

package/dist/components/ShareDialogCozyToCozy.spec.js

@@ -33,6 +33,9 @@ jest.mock('../hooks/useSharingContext', function () {
   return {
     useSharingContext: function useSharingContext() {
       return {
+        getSharingLink: jest.fn(function () {
+          return null;
+        }),
         updateSharingMemberType: jest.fn()
       };
     }

package/dist/components/ShareDialogOnlyByLink.js

@@ -7,6 +7,7 @@ import { useI18n } from 'twake-i18n';
 import AntivirusAlert from './AntivirusAlert';
 import { default as DumbShareByLink } from './ShareByLink';
 import WhoHasAccess from './WhoHasAccess';
+import { useSharingContext } from '../hooks/useSharingContext';
 
 var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
   var isOwner = _ref.isOwner,
@@ -15,7 +16,6 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       recipients = _ref.recipients,
       document = _ref.document,
       documentType = _ref.documentType,
-      link = _ref.link,
       onClose = _ref.onClose,
       permissions = _ref.permissions,
       showGenerateLinkButton = _ref.showGenerateLinkButton,
@@ -27,6 +27,10 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;
 
+  var _useSharingContext = useSharingContext(),
+      getSharingLink = _useSharingContext.getSharingLink;
+
+  var displayedLink = getSharingLink(document._id || document.id);
   return /*#__PURE__*/React.createElement(Dialog, {
     disableGutters: true,
     disableEnforceFocus: true,
@@ -47,12 +51,12 @@ var ShareDialogOnlyByLink = function ShareDialogOnlyByLink(_ref) {
       onRevoke: onRevoke,
       onRevokeSelf: onRevokeSelf,
       recipients: recipients,
-      link: link,
+      link: displayedLink,
       permissions: permissions
     }), /*#__PURE__*/React.createElement("div", {
       className: cx('u-mt-half', isMobile ? 'u-ph-1 u-mb-1' : 'u-ph-2 u-mb-1-half')
     }, /*#__PURE__*/React.createElement(DumbShareByLink, {
-      link: link,
+      link: displayedLink,
       document: document,
       documentType: documentType,
       showGenerateLinkButton: showGenerateLinkButton,