cozy-sharing 28.3.4 → 28.4.0

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

@@ -0,0 +1,543 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { fireEvent, render, waitFor } from '@testing-library/react';
+import React from 'react';
+import { createMockClient } from 'cozy-client';
+import { FederatedFolderModal } from './FederatedFolderModal';
+import AppLike from '../SharingBanner/test/AppLike';
+var mockShare = jest.fn();
+var mockGetSharingLink = jest.fn();
+var mockShowAlert = jest.fn();
+var mockOnClose = jest.fn();
+jest.mock('../../hooks/useSharingContext', function () {
+  return {
+    useSharingContext: function useSharingContext() {
+      return {
+        share: mockShare,
+        getSharingLink: mockGetSharingLink,
+        getDocumentPermissions: jest.fn().mockReturnValue([])
+      };
+    }
+  };
+});
+jest.mock('cozy-ui/transpiled/react/providers/Alert', function () {
+  return {
+    useAlert: function useAlert() {
+      return {
+        showAlert: mockShowAlert
+      };
+    }
+  };
+});
+jest.mock('../../hoc/withLocales', function () {
+  return function (Component) {
+    return Component;
+  };
+});
+jest.mock('./DumbFederatedFolderModal', function () {
+  return {
+    DumbFederatedFolderModal: function DumbFederatedFolderModal(_ref) {
+      var title = _ref.title,
+          createContact = _ref.createContact,
+          recipients = _ref.recipients,
+          readOnlyRecipients = _ref.readOnlyRecipients,
+          onRevoke = _ref.onRevoke,
+          onSetType = _ref.onSetType,
+          onSend = _ref.onSend,
+          onClose = _ref.onClose,
+          onShare = _ref.onShare,
+          sharingLink = _ref.sharingLink;
+      return /*#__PURE__*/React.createElement("div", {
+        "data-testid": "dumb-modal"
+      }, /*#__PURE__*/React.createElement("span", {
+        "data-testid": "title"
+      }, title), /*#__PURE__*/React.createElement("span", {
+        "data-testid": "sharing-link"
+      }, sharingLink), /*#__PURE__*/React.createElement("span", {
+        "data-testid": "recipients-count"
+      }, recipients.length), /*#__PURE__*/React.createElement("span", {
+        "data-testid": "readOnly-recipients-count"
+      }, readOnlyRecipients ? readOnlyRecipients.length : 0), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-share",
+        onClick: function onClick() {
+          return onShare({
+            recipients: [{
+              _id: 'r1',
+              displayName: 'Alice'
+            }],
+            readOnlyRecipients: [{
+              _id: 'r2',
+              displayName: 'Bob'
+            }]
+          });
+        }
+      }, "Share"), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-send",
+        onClick: onSend
+      }, "Send"), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-set-type-two-way",
+        onClick: function onClick() {
+          return onSetType('virtual-shared-drive-sharing-r2', 'two-way');
+        }
+      }, "Set Two-Way"), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-set-type-one-way",
+        onClick: function onClick() {
+          return onSetType('virtual-shared-drive-sharing-r1', 'one-way');
+        }
+      }, "Set One-Way"), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-revoke",
+        onClick: function onClick() {
+          return onRevoke('virtual-shared-drive-sharing-r1');
+        }
+      }, "Revoke"), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-close",
+        onClick: onClose
+      }, "Close"), /*#__PURE__*/React.createElement("button", {
+        "data-testid": "btn-create-contact",
+        onClick: function onClick() {
+          return createContact({
+            email: 'test@example.com'
+          });
+        }
+      }, "Create Contact"));
+    }
+  };
+});
+var mockDocument = {
+  _id: 'folder-123',
+  name: 'My Test Folder',
+  path: '/test/folder'
+};
+
+var createSharingContextValue = function createSharingContextValue() {
+  return {
+    refresh: jest.fn(),
+    hasWriteAccess: jest.fn(),
+    getRecipients: jest.fn(),
+    getSharingLink: mockGetSharingLink,
+    getDocumentPermissions: jest.fn().mockReturnValue([]),
+    share: mockShare
+  };
+};
+
+var createTestClient = function createTestClient() {
+  var client = createMockClient({
+    queries: {
+      'io.cozy.contacts/reachable': {
+        doctype: 'io.cozy.contacts',
+        data: []
+      },
+      'io.cozy.contacts/groups': {
+        doctype: 'io.cozy.contacts.groups',
+        data: []
+      },
+      'io.cozy.contacts/unreachable-with-groups': {
+        doctype: 'io.cozy.contacts',
+        data: []
+      }
+    }
+  });
+  client.create = jest.fn().mockResolvedValue({
+    data: {}
+  });
+  return client;
+};
+
+describe('FederatedFolderModal', function () {
+  var client;
+  var sharingContextValue;
+  beforeEach(function () {
+    jest.clearAllMocks();
+    mockGetSharingLink.mockReturnValue('https://example.com/share/abc123');
+    client = createTestClient();
+    sharingContextValue = createSharingContextValue();
+  });
+
+  var setup = function setup() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return render( /*#__PURE__*/React.createElement(AppLike, {
+      client: client,
+      sharingContextValue: sharingContextValue
+    }, /*#__PURE__*/React.createElement(FederatedFolderModal, _extends({
+      document: mockDocument,
+      onClose: mockOnClose
+    }, props))));
+  };
+
+  describe('initialization', function () {
+    it('should pass document name as title', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var _setup, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _setup = setup(), getByTestId = _setup.getByTestId;
+            _context.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('title').textContent).toBe('Share "My Test Folder"');
+            });
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    it('should pass default title when document has no name', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var documentWithoutName, _setup2, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            documentWithoutName = {
+              _id: 'folder-456',
+              path: '/test'
+            };
+            _setup2 = setup({
+              document: documentWithoutName
+            }), getByTestId = _setup2.getByTestId;
+            _context2.next = 4;
+            return waitFor(function () {
+              expect(getByTestId('title').textContent).toBe('Share ""');
+            });
+
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    it('should pass sharing link to DumbFederatedFolderModal', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _setup3, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _setup3 = setup(), getByTestId = _setup3.getByTestId;
+            _context3.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('sharing-link').textContent).toBe('https://example.com/share/abc123');
+            });
+
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    })));
+    it('should pass null sharing link when document is undefined', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _setup4, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _setup4 = setup({
+              document: undefined
+            }), getByTestId = _setup4.getByTestId;
+            _context4.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('sharing-link').textContent).toBe('');
+            });
+
+          case 3:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4);
+    })));
+  });
+  describe('onShare callback', function () {
+    it('should update recipients when onShare is called', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _setup5, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _setup5 = setup(), getByTestId = _setup5.getByTestId;
+            _context5.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('0');
+            });
+
+          case 3:
+            fireEvent.click(getByTestId('btn-share'));
+            _context5.next = 6;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('2');
+            });
+
+          case 6:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    })));
+  });
+  describe('onSend callback', function () {
+    it('should call share with correct parameters', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+      var _setup6, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
+          case 0:
+            mockShare.mockResolvedValueOnce({});
+            _setup6 = setup(), getByTestId = _setup6.getByTestId;
+            _context6.next = 4;
+            return waitFor(function () {
+              expect(getByTestId('btn-send')).toBeTruthy();
+            });
+
+          case 4:
+            fireEvent.click(getByTestId('btn-share'));
+            fireEvent.click(getByTestId('btn-send'));
+            _context6.next = 8;
+            return waitFor(function () {
+              expect(mockShare).toHaveBeenCalledWith({
+                description: 'My Test Folder',
+                document: mockDocument,
+                recipients: [{
+                  _id: 'r1',
+                  displayName: 'Alice'
+                }],
+                readOnlyRecipients: [{
+                  _id: 'r2',
+                  displayName: 'Bob'
+                }],
+                sharedDrive: true,
+                openSharing: false
+              });
+            });
+
+          case 8:
+          case "end":
+            return _context6.stop();
+        }
+      }, _callee6);
+    })));
+    it('should show success alert and close modal on successful share', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+      var _setup7, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            mockShare.mockResolvedValueOnce({});
+            _setup7 = setup(), getByTestId = _setup7.getByTestId;
+            _context7.next = 4;
+            return waitFor(function () {
+              expect(getByTestId('btn-send')).toBeTruthy();
+            });
+
+          case 4:
+            fireEvent.click(getByTestId('btn-send'));
+            _context7.next = 7;
+            return waitFor(function () {
+              expect(mockShowAlert).toHaveBeenCalledWith({
+                message: 'Folder has been shared',
+                severity: 'success',
+                variant: 'filled'
+              });
+              expect(mockOnClose).toHaveBeenCalled();
+            });
+
+          case 7:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee7);
+    })));
+    it('should show error alert when share fails', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+      var _setup8, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            mockShare.mockRejectedValueOnce(new Error('Share failed'));
+            _setup8 = setup(), getByTestId = _setup8.getByTestId;
+            _context8.next = 4;
+            return waitFor(function () {
+              expect(getByTestId('btn-send')).toBeTruthy();
+            });
+
+          case 4:
+            fireEvent.click(getByTestId('btn-send'));
+            _context8.next = 7;
+            return waitFor(function () {
+              expect(mockShowAlert).toHaveBeenCalledWith({
+                message: 'Error while sharing folder',
+                severity: 'error',
+                variant: 'filled'
+              });
+              expect(mockOnClose).not.toHaveBeenCalled();
+            });
+
+          case 7:
+          case "end":
+            return _context8.stop();
+        }
+      }, _callee8);
+    })));
+  });
+  describe('onSetType callback', function () {
+    it('should move recipient from readOnlyRecipients to recipients when setting two-way', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+      var _setup9, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            _setup9 = setup(), getByTestId = _setup9.getByTestId;
+            _context9.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('btn-share')).toBeTruthy();
+            });
+
+          case 3:
+            fireEvent.click(getByTestId('btn-share')); // After btn-share: combined recipients = 2 (1 readWrite + 1 readOnly)
+
+            _context9.next = 6;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('2');
+              expect(getByTestId('readOnly-recipients-count').textContent).toBe('1');
+            });
+
+          case 6:
+            fireEvent.click(getByTestId('btn-set-type-two-way')); // After setting two-way: Bob moves from readOnlyRecipients to recipients
+
+            _context9.next = 9;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('2');
+              expect(getByTestId('readOnly-recipients-count').textContent).toBe('0');
+            });
+
+          case 9:
+          case "end":
+            return _context9.stop();
+        }
+      }, _callee9);
+    })));
+    it('should move recipient from recipients to readOnlyRecipients when setting one-way', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+      var _setup10, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
+          case 0:
+            _setup10 = setup(), getByTestId = _setup10.getByTestId;
+            _context10.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('btn-share')).toBeTruthy();
+            });
+
+          case 3:
+            fireEvent.click(getByTestId('btn-share')); // After btn-share: combined recipients = 2 (1 readWrite + 1 readOnly)
+
+            _context10.next = 6;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('2');
+              expect(getByTestId('readOnly-recipients-count').textContent).toBe('1');
+            });
+
+          case 6:
+            fireEvent.click(getByTestId('btn-set-type-one-way')); // After setting one-way: Alice moves from recipients to readOnlyRecipients
+            // Combined count stays at 2, but readOnlyRecipients increases from 1 to 2
+
+            _context10.next = 9;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('2');
+              expect(getByTestId('readOnly-recipients-count').textContent).toBe('2');
+            });
+
+          case 9:
+          case "end":
+            return _context10.stop();
+        }
+      }, _callee10);
+    })));
+  });
+  describe('onRevoke callback', function () {
+    it('should remove recipient from both lists', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+      var _setup11, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
+          case 0:
+            _setup11 = setup(), getByTestId = _setup11.getByTestId;
+            _context11.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('btn-share')).toBeTruthy();
+            });
+
+          case 3:
+            fireEvent.click(getByTestId('btn-share'));
+            _context11.next = 6;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('2');
+            });
+
+          case 6:
+            fireEvent.click(getByTestId('btn-revoke'));
+            _context11.next = 9;
+            return waitFor(function () {
+              expect(getByTestId('recipients-count').textContent).toBe('1');
+            });
+
+          case 9:
+          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 _callee12() {
+      var _setup12, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            _setup12 = setup(), getByTestId = _setup12.getByTestId;
+            _context12.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('btn-close')).toBeTruthy();
+            });
+
+          case 3:
+            fireEvent.click(getByTestId('btn-close'));
+            expect(mockOnClose).toHaveBeenCalled();
+
+          case 5:
+          case "end":
+            return _context12.stop();
+        }
+      }, _callee12);
+    })));
+  });
+  describe('createContact callback', function () {
+    it('should call client.create when creating a contact', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      var _setup13, getByTestId;
+
+      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
+          case 0:
+            _setup13 = setup(), getByTestId = _setup13.getByTestId;
+            _context13.next = 3;
+            return waitFor(function () {
+              expect(getByTestId('btn-create-contact')).toBeTruthy();
+            });
+
+          case 3:
+            fireEvent.click(getByTestId('btn-create-contact'));
+            _context13.next = 6;
+            return waitFor(function () {
+              expect(client.create).toHaveBeenCalledWith('io.cozy.contacts', {
+                email: 'test@example.com'
+              });
+            });
+
+          case 6:
+          case "end":
+            return _context13.stop();
+        }
+      }, _callee13);
+    })));
+  });
+});

package/dist/components/Recipient/LinkRecipient.js

@@ -34,7 +34,7 @@ var LinkRecipient = function LinkRecipient(props) {
       link = props.link,
       fadeIn = props.fadeIn,
       document = props.document;
-  var permissions = getDocumentPermissions(document._id);
+  var permissions = getDocumentPermissions(document === null || document === void 0 ? void 0 : document._id);
   var hasPassword = checkIsPermissionHasPassword(permissions);
   var expiresDate = getPermissionExpiresDate(permissions);
   var dateFormatted = expiresDate ? f(expiresDate, lang === 'fr' ? 'dd/LL/yyyy' : 'LL/dd/yyyy') : null;

package/dist/components/ShareAutosuggest.js

@@ -25,6 +25,7 @@ import { cozyUrlMatch, emailMatch, groupNameMatch, fullnameMatch } from '../sugg
 
 var ShareAutocomplete = function ShareAutocomplete(_ref) {
   var loading = _ref.loading,
+      disabled = _ref.disabled,
       contactsAndGroups = _ref.contactsAndGroups,
       recipients = _ref.recipients,
       onPick = _ref.onPick,
@@ -205,13 +206,15 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
       value: inputValue,
       type: 'email',
       placeholder: placeholder,
-      className: styles['suggestionInput']
+      className: styles['suggestionInput'],
+      disabled: disabled
     }
   });
 };
 
 ShareAutocomplete.propTypes = {
   loading: PropTypes.bool,
+  disabled: PropTypes.bool,
   contactsAndGroups: PropTypes.array,
   recipients: PropTypes.array.isRequired,
   onPick: PropTypes.func.isRequired,