cozy-sharing 37.0.2 → 37.2.0

package/dist/components/ShareLinkAccessModal/ShareLinkAccessModal.spec.js

@@ -0,0 +1,372 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import React from 'react';
+import { ShareLinkAccessModal } from './ShareLinkAccessModal';
+import { useSharingContext } from '../../hooks/useSharingContext';
+jest.mock('../../hooks/useSharingContext', function () {
+  return {
+    useSharingContext: jest.fn()
+  };
+});
+jest.mock('../../hoc/withLocales', function () {
+  return function (Component) {
+    return function (props) {
+      return /*#__PURE__*/React.createElement(Component, props);
+    };
+  };
+});
+jest.mock('cozy-ui/transpiled/react/CozyDialogs', function () {
+  return {
+    ConfirmDialog: function ConfirmDialog(_ref) {
+      var title = _ref.title,
+          content = _ref.content,
+          actions = _ref.actions,
+          onBack = _ref.onBack,
+          onClose = _ref.onClose,
+          size = _ref.size;
+      return /*#__PURE__*/React.createElement("div", {
+        role: "dialog",
+        "data-size": size
+      }, onBack && /*#__PURE__*/React.createElement("button", {
+        onClick: onBack
+      }, "Back"), onClose && /*#__PURE__*/React.createElement("button", {
+        onClick: onClose
+      }, "Close"), /*#__PURE__*/React.createElement("div", null, title), /*#__PURE__*/React.createElement("div", null, content), /*#__PURE__*/React.createElement("div", null, actions));
+    }
+  };
+});
+jest.mock('cozy-ui/transpiled/react/DropdownButton', function () {
+  var mockReact = require('react');
+
+  return {
+    __esModule: true,
+    default: mockReact.forwardRef(function (_ref2, ref) {
+      var children = _ref2.children,
+          onClick = _ref2.onClick,
+          disabled = _ref2.disabled,
+          ariaLabel = _ref2['aria-label'];
+      return /*#__PURE__*/React.createElement("button", {
+        ref: ref,
+        "aria-label": ariaLabel,
+        onClick: onClick,
+        disabled: disabled
+      }, children);
+    })
+  };
+});
+jest.mock('cozy-ui/transpiled/react/Menu', function () {
+  return {
+    __esModule: true,
+    default: function _default(_ref3) {
+      var open = _ref3.open,
+          children = _ref3.children;
+      return open ? /*#__PURE__*/React.createElement("div", {
+        role: "menu"
+      }, children) : null;
+    }
+  };
+});
+jest.mock('cozy-ui/transpiled/react/MenuItem', function () {
+  return {
+    __esModule: true,
+    default: function _default(_ref4) {
+      var children = _ref4.children,
+          onClick = _ref4.onClick;
+      return /*#__PURE__*/React.createElement("button", {
+        onClick: onClick
+      }, children);
+    }
+  };
+});
+jest.mock('cozy-ui/transpiled/react/DatePicker', function () {
+  return {
+    __esModule: true,
+    default: function _default(_ref5) {
+      var label = _ref5.label,
+          value = _ref5.value,
+          _onChange = _ref5.onChange,
+          disabled = _ref5.disabled;
+      return /*#__PURE__*/React.createElement("input", {
+        "aria-label": label,
+        type: "date",
+        value: value.toISOString().slice(0, 10),
+        onChange: function onChange(event) {
+          return _onChange(new Date(event.target.value));
+        },
+        disabled: disabled
+      });
+    }
+  };
+});
+jest.mock('cozy-ui/transpiled/react/TextField', function () {
+  return {
+    __esModule: true,
+    default: function _default(_ref6) {
+      var label = _ref6.label,
+          value = _ref6.value,
+          onChange = _ref6.onChange,
+          disabled = _ref6.disabled;
+      return /*#__PURE__*/React.createElement("input", {
+        "aria-label": label,
+        value: value,
+        onChange: onChange,
+        disabled: disabled
+      });
+    }
+  };
+});
+jest.mock('twake-i18n', function () {
+  return {
+    useI18n: function useI18n() {
+      return {
+        t: function t(key) {
+          return {
+            'ShareLinkAccessModal.title': 'Set link access',
+            'ShareLinkAccessModal.introText': 'Choose what recipients can do with these files.',
+            'ShareLinkAccessModal.anyoneWithLink': 'Allow anyone with the link to access',
+            'ShareLinkAccessModal.settings': 'Sharing settings',
+            'ShareLinkAccessModal.accessLevel': 'Access level',
+            'ShareLinkAccessModal.viewer': 'Viewer',
+            'ShareLinkAccessModal.editor': 'Editor',
+            'ShareLinkAccessModal.cancel': 'Cancel',
+            'ShareLinkAccessModal.addLinks': 'Add links',
+            'ShareLinkAccessModal.settingsTitle': 'Sharing settings',
+            'ShareLinkAccessModal.expiry': 'Set an expiration date',
+            'ShareLinkAccessModal.expiryDate': 'Expiration date',
+            'ShareLinkAccessModal.password': 'Require a password',
+            'ShareLinkAccessModal.passwordLabel': 'Password',
+            'ShareLinkAccessModal.passwordTooShort': 'Password must contain at least 4 characters.',
+            'ShareLinkAccessModal.error.persistence': 'Could not save link permissions. Please try again.'
+          }[key] || key;
+        }
+      };
+    }
+  };
+});
+describe('ShareLinkAccessModal', function () {
+  var documents = [{
+    _id: 'file-id',
+    name: 'invoice.pdf'
+  }, {
+    _id: 'folder-id',
+    name: 'Projects'
+  }];
+  var onCancel = jest.fn();
+  var onSuccess = jest.fn();
+  var ensureSharingLink = jest.fn();
+  beforeEach(function () {
+    jest.clearAllMocks();
+    useSharingContext.mockReturnValue({
+      ensureSharingLink: ensureSharingLink
+    });
+  });
+
+  var renderModal = function renderModal() {
+    var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return render( /*#__PURE__*/React.createElement(ShareLinkAccessModal, _extends({
+      documents: documents,
+      onCancel: onCancel,
+      onSuccess: onSuccess
+    }, overrides)));
+  };
+
+  it('shows the selected documents with viewer access by default', function () {
+    renderModal();
+    expect(screen.getByRole('dialog')).toHaveTextContent('invoice.pdf');
+    expect(screen.getByRole('dialog')).toHaveTextContent('Projects');
+    expect(screen.getByText('invoice.pdf').parentElement).toHaveClass('u-maw-100');
+    expect(screen.getByLabelText('Access level')).toHaveTextContent('Viewer');
+    expect(screen.getByRole('dialog')).toHaveAttribute('data-size', 'small');
+  });
+  it('keeps document icons inside their chips', function () {
+    var renderDocumentIcon = jest.fn(function (document) {
+      return /*#__PURE__*/React.createElement("span", {
+        "data-testid": "icon-".concat(document._id)
+      }, "icon");
+    });
+    renderModal({
+      renderDocumentIcon: renderDocumentIcon
+    });
+    expect(renderDocumentIcon).toHaveBeenNthCalledWith(1, documents[0], 18);
+    expect(renderDocumentIcon).toHaveBeenNthCalledWith(2, documents[1], 18);
+    expect(screen.getByTestId('icon-file-id').parentElement).toHaveClass('u-flex', 'u-ov-hidden');
+  });
+  it('calls onCancel from the back button', function () {
+    renderModal();
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Back'
+    }));
+    expect(onCancel).toHaveBeenCalledTimes(1);
+  });
+  it('preserves the access settings after returning from the settings screen', function () {
+    renderModal();
+    fireEvent.click(screen.getByLabelText('Access level'));
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Editor'
+    }));
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Sharing settings'
+    }));
+    fireEvent.click(screen.getByLabelText('Set an expiration date'));
+    fireEvent.click(screen.getByLabelText('Require a password'));
+    fireEvent.change(screen.getByLabelText('Password'), {
+      target: {
+        value: 'secret'
+      }
+    });
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Back'
+    }));
+    expect(screen.getByLabelText('Access level')).toHaveTextContent('Editor');
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Sharing settings'
+    }));
+    expect(screen.getByLabelText('Set an expiration date')).toBeChecked();
+    expect(screen.getByLabelText('Require a password')).toBeChecked();
+    expect(screen.getByLabelText('Password')).toHaveValue('secret');
+  });
+  it('requires a four-character password before adding links', function () {
+    renderModal();
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Sharing settings'
+    }));
+    fireEvent.click(screen.getByLabelText('Require a password'));
+    fireEvent.change(screen.getByLabelText('Password'), {
+      target: {
+        value: 'abc'
+      }
+    });
+    fireEvent.click(screen.getByRole('button', {
+      name: 'Back'
+    }));
+    expect(screen.getByRole('button', {
+      name: 'Add links'
+    })).toBeDisabled();
+  });
+  it('disables every main action while links are being saved', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var resolveSharingLink;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          ensureSharingLink.mockReturnValue(new Promise(function (resolve) {
+            resolveSharingLink = resolve;
+          }));
+          renderModal();
+          fireEvent.click(screen.getByRole('button', {
+            name: 'Add links'
+          }));
+          _context.next = 5;
+          return waitFor(function () {
+            expect(screen.getByRole('button', {
+              name: 'Cancel'
+            })).toBeDisabled();
+            expect(screen.getByRole('button', {
+              name: 'Sharing settings'
+            })).toBeDisabled();
+            expect(screen.getByLabelText('Access level')).toBeDisabled();
+          });
+
+        case 5:
+          resolveSharingLink({
+            documentId: 'file-id',
+            url: 'https://first'
+          });
+          _context.next = 8;
+          return waitFor(function () {
+            return expect(onSuccess).toHaveBeenCalledTimes(1);
+          });
+
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })));
+  it('starts every link concurrently and returns ordered results', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var resolveFirst, resolveSecond;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          ensureSharingLink.mockReturnValueOnce(new Promise(function (resolve) {
+            resolveFirst = resolve;
+          })).mockReturnValueOnce(new Promise(function (resolve) {
+            resolveSecond = resolve;
+          }));
+          renderModal();
+          fireEvent.click(screen.getByRole('button', {
+            name: 'Add links'
+          }));
+          expect(ensureSharingLink).toHaveBeenCalledTimes(2);
+          resolveSecond({
+            documentId: 'folder-id',
+            url: 'https://second'
+          });
+          resolveFirst({
+            documentId: 'file-id',
+            url: 'https://first'
+          });
+          _context2.next = 8;
+          return waitFor(function () {
+            return expect(onSuccess).toHaveBeenCalledWith([{
+              documentId: 'file-id',
+              url: 'https://first'
+            }, {
+              documentId: 'folder-id',
+              url: 'https://second'
+            }]);
+          });
+
+        case 8:
+          expect(ensureSharingLink).toHaveBeenNthCalledWith(1, documents[0], {
+            editingRights: 'readOnly',
+            dateEnabled: false,
+            selectedDate: null,
+            passwordEnabled: false,
+            password: ''
+          });
+
+        case 9:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  })));
+  it('keeps the draft open after a failed save so the user can retry', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          ensureSharingLink.mockRejectedValueOnce(new Error('offline')).mockResolvedValueOnce({
+            documentId: 'file-id',
+            url: 'https://first'
+          }).mockResolvedValueOnce({
+            documentId: 'folder-id',
+            url: 'https://second'
+          });
+          renderModal();
+          fireEvent.click(screen.getByRole('button', {
+            name: 'Add links'
+          }));
+          _context3.next = 5;
+          return waitFor(function () {
+            return expect(screen.getByRole('dialog')).toHaveTextContent('Could not save link permissions. Please try again.');
+          });
+
+        case 5:
+          expect(onSuccess).not.toHaveBeenCalled();
+          fireEvent.click(screen.getByRole('button', {
+            name: 'Add links'
+          }));
+          _context3.next = 9;
+          return waitFor(function () {
+            return expect(onSuccess).toHaveBeenCalledTimes(1);
+          });
+
+        case 9:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })));
+});

package/dist/components/ShareLinkAccessModal/index.js

@@ -0,0 +1 @@
+export { default as ShareLinkAccessModal } from './ShareLinkAccessModal';

package/dist/components/ShareRestrictionModal/BoxDate.js

@@ -1,7 +1,7 @@
-import { Icon, Calendar } from '@linagora/twake-icons';
 import { format } from 'date-fns';
 import PropTypes from 'prop-types';
 import React from 'react';
+import { Icon, Calendar } from '@linagora/twake-icons';
 import Box from 'cozy-ui/transpiled/react/Box';
 import DatePicker from 'cozy-ui/transpiled/react/DatePicker';
 import List from 'cozy-ui/transpiled/react/List';

package/dist/components/ShareRestrictionModal/BoxEditingRights.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { Icon, Bottom, People } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useReducer, useRef } from 'react';
+import { Icon, Bottom, People } from '@linagora/twake-icons';
 import { useClient } from 'cozy-client';
 import { isDirectory as isDir } from 'cozy-client/dist/models/file';
 import flag from 'cozy-flags';

package/dist/components/ShareRestrictionModal/BoxPassword.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { Icon, Copy, Password } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
+import { Icon, Copy, Password } from '@linagora/twake-icons';
 import Box from 'cozy-ui/transpiled/react/Box';
 import IconButton from 'cozy-ui/transpiled/react/IconButton';
 import List from 'cozy-ui/transpiled/react/List';

package/dist/components/ShareRestrictionModal/ShareRestrictionModal.js

@@ -1,10 +1,10 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { Icon, Trash } from '@linagora/twake-icons';
 import { addDays } from 'date-fns';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
+import { Icon, Trash } from '@linagora/twake-icons';
 import { generateWebLink, useClient } from 'cozy-client';
 import flag from 'cozy-flags';
 import Button from 'cozy-ui/transpiled/react/Buttons';

package/dist/components/ShareRestrictionModal/helpers.js

@@ -277,6 +277,20 @@ export var makeTTL = function makeTTL(selectedDate) {
     return;
   }
 };
+export var getLinkAccessOptions = function getLinkAccessOptions(_ref6) {
+  var editingRights = _ref6.editingRights,
+      dateEnabled = _ref6.dateEnabled,
+      selectedDate = _ref6.selectedDate,
+      passwordEnabled = _ref6.passwordEnabled,
+      password = _ref6.password;
+  var expirationDate = dateEnabled && selectedDate ? toExpirationDate(selectedDate) : null;
+  return {
+    verbs: editingRights === 'write' ? WRITE_PERMS : READ_ONLY_PERMS,
+    expiresAt: (expirationDate === null || expirationDate === void 0 ? void 0 : expirationDate.toISOString()) || '',
+    ttl: expirationDate ? makeTTL(expirationDate) : undefined,
+    password: passwordEnabled ? password : ''
+  };
+};
 /**
  * createPermissions - Create the permissions of a file
  * @param {object} options
@@ -291,12 +305,12 @@ export var makeTTL = function makeTTL(selectedDate) {
  */
 
 export var createPermissions = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref6) {
+  var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref7) {
     var file, t, ttl, password, editingRights, documentType, shareByLink, showAlert, verbs;
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
-          file = _ref6.file, t = _ref6.t, ttl = _ref6.ttl, password = _ref6.password, editingRights = _ref6.editingRights, documentType = _ref6.documentType, shareByLink = _ref6.shareByLink, showAlert = _ref6.showAlert;
+          file = _ref7.file, t = _ref7.t, ttl = _ref7.ttl, password = _ref7.password, editingRights = _ref7.editingRights, documentType = _ref7.documentType, shareByLink = _ref7.shareByLink, showAlert = _ref7.showAlert;
           _context3.prev = 1;
           verbs = editingRights === 'readOnly' ? READ_ONLY_PERMS : WRITE_PERMS;
           return _context3.abrupt("return", shareByLink(file, {
@@ -323,7 +337,7 @@ export var createPermissions = /*#__PURE__*/function () {
   }));
 
   return function createPermissions(_x3) {
-    return _ref7.apply(this, arguments);
+    return _ref8.apply(this, arguments);
   };
 }();
 /**
@@ -342,25 +356,29 @@ export var createPermissions = /*#__PURE__*/function () {
  */
 
 export var updatePermissions = /*#__PURE__*/function () {
-  var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref8) {
-    var file, t, dateToggle, selectedDate, passwordToggle, password, editingRights, documentType, updateDocumentPermissions, showAlert, _toExpirationDate, expiresAt, ensurePassword, verbs;
+  var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref9) {
+    var file, t, dateToggle, selectedDate, passwordToggle, password, editingRights, documentType, updateDocumentPermissions, showAlert, _getLinkAccessOptions2, verbs, expiresAt, ensuredPassword;
 
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
-          file = _ref8.file, t = _ref8.t, dateToggle = _ref8.dateToggle, selectedDate = _ref8.selectedDate, passwordToggle = _ref8.passwordToggle, password = _ref8.password, editingRights = _ref8.editingRights, documentType = _ref8.documentType, updateDocumentPermissions = _ref8.updateDocumentPermissions, showAlert = _ref8.showAlert;
+          file = _ref9.file, t = _ref9.t, dateToggle = _ref9.dateToggle, selectedDate = _ref9.selectedDate, passwordToggle = _ref9.passwordToggle, password = _ref9.password, editingRights = _ref9.editingRights, documentType = _ref9.documentType, updateDocumentPermissions = _ref9.updateDocumentPermissions, showAlert = _ref9.showAlert;
           _context4.prev = 1;
-          expiresAt = dateToggle ? ((_toExpirationDate = toExpirationDate(selectedDate)) === null || _toExpirationDate === void 0 ? void 0 : _toExpirationDate.toISOString()) || undefined : '';
-          ensurePassword = passwordToggle ? password || undefined : '';
-          verbs = editingRights === 'readOnly' ? READ_ONLY_PERMS : WRITE_PERMS;
+          _getLinkAccessOptions2 = getLinkAccessOptions({
+            editingRights: editingRights,
+            dateEnabled: dateToggle,
+            selectedDate: selectedDate,
+            passwordEnabled: passwordToggle,
+            password: password
+          }), verbs = _getLinkAccessOptions2.verbs, expiresAt = _getLinkAccessOptions2.expiresAt, ensuredPassword = _getLinkAccessOptions2.password;
           return _context4.abrupt("return", updateDocumentPermissions(file, {
             verbs: verbs,
             expiresAt: expiresAt,
-            password: ensurePassword
+            password: ensuredPassword
           }));
 
-        case 8:
-          _context4.prev = 8;
+        case 6:
+          _context4.prev = 6;
           _context4.t0 = _context4["catch"](1);
           showAlert({
             message: t("".concat(documentType, ".share.shareByLink.permserror")),
@@ -369,15 +387,15 @@ export var updatePermissions = /*#__PURE__*/function () {
           });
           log.error("Error in 'updateDocumentPermissions' function when trying to change permission", _context4.t0);
 
-        case 12:
+        case 10:
         case "end":
           return _context4.stop();
       }
-    }, _callee4, null, [[1, 8]]);
+    }, _callee4, null, [[1, 6]]);
   }));
 
   return function updatePermissions(_x4) {
-    return _ref9.apply(this, arguments);
+    return _ref10.apply(this, arguments);
   };
 }();
 /**
@@ -391,12 +409,12 @@ export var updatePermissions = /*#__PURE__*/function () {
  */
 
 export var revokePermissions = /*#__PURE__*/function () {
-  var _ref11 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref10) {
+  var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(_ref11) {
     var file, t, documentType, revokeSharingLink, showAlert;
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          file = _ref10.file, t = _ref10.t, documentType = _ref10.documentType, revokeSharingLink = _ref10.revokeSharingLink, showAlert = _ref10.showAlert;
+          file = _ref11.file, t = _ref11.t, documentType = _ref11.documentType, revokeSharingLink = _ref11.revokeSharingLink, showAlert = _ref11.showAlert;
           _context5.prev = 1;
           return _context5.abrupt("return", revokeSharingLink(file));
 
@@ -418,6 +436,6 @@ export var revokePermissions = /*#__PURE__*/function () {
   }));
 
   return function revokePermissions(_x5) {
-    return _ref11.apply(this, arguments);
+    return _ref12.apply(this, arguments);
   };
 }();

package/dist/components/ShareRestrictionModal/helpers.spec.js

@@ -154,7 +154,7 @@ describe('ShareRestrictionModal/helpers', function () {
         }
       }, _callee3);
     })));
-    it('should call updateDocumentPermissions with "undefined" date & password if their switches are true but the permission doesn\'t yet have these values', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    it('should call updateDocumentPermissions with empty date & password if enabled without values', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       var updateDocumentPermissions, file;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -179,8 +179,8 @@ describe('ShareRestrictionModal/helpers', function () {
 
           case 4:
             expect(updateDocumentPermissions).toHaveBeenCalledWith(file, {
-              expiresAt: undefined,
-              password: undefined,
+              expiresAt: '',
+              password: '',
               verbs: ['GET']
             });
 

package/dist/components/SharedBadge.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Icon, Share } from '@linagora/twake-icons';
 import classNames from 'classnames';
 import React from 'react';
+import { Icon, Share } from '@linagora/twake-icons';
 var styles = {
   "shared-badge": "badge__shared-badge___2jGsy",
   "--small": "badge__--small___2VMyY",

package/dist/components/SharedDrive/SharedDriveHeader.js

@@ -1,5 +1,5 @@
-import { Icon } from '@linagora/twake-icons';
 import React from 'react';
+import { Icon } from '@linagora/twake-icons';
 import Typography from 'cozy-ui/transpiled/react/Typography';
 
 var SharedDriveIcon = function SharedDriveIcon(props) {

package/dist/index.js

@@ -21,6 +21,7 @@ export { SharedDriveModal } from './components/SharedDrive/SharedDriveModal';
 export { SharedDriveForm } from './components/SharedDrive/SharedDriveForm';
 export { FederatedFolderModal } from './components/FederatedFolder/FederatedFolderModal';
 export { ShareModal } from './components/ShareModal/ShareModal';
+export { ShareLinkAccessModal } from './components/ShareLinkAccessModal';
 export { RefreshableSharings } from './RefreshableSharings';
 export { CozyPassFingerprintDialogContent } from './components/CozyPassFingerprintDialogContent';
 export { SharingBannerPlugin } from './components/SharingBanner';

package/locales/en.json

@@ -391,10 +391,8 @@
     "secondary_you": "including you"
   },
   "GroupRecipientDetail": {
-    "subtitle": "Managed by %{ownerName}",
     "empty": {
-      "content": "Your contact group is empty! Quickly add members to start sharing your valuable documents with them!",
-      "action": "Open Contacts"
+      "content": "This group is empty. To add some members in this group, contact your administrator."
     },
     "withAccess": {
       "title": "Access to item"
@@ -462,5 +460,25 @@
       "successNotification": "Team drive has been modified",
       "errorNotification": "Error during team drive modification"
     }
+  },
+  "ShareLinkAccessModal": {
+    "title": "Set link access",
+    "introText": "Choose what recipients can do with these files.",
+    "anyoneWithLink": "Allow anyone with the link to access",
+    "settings": "Sharing settings",
+    "accessLevel": "Access level",
+    "viewer": "Viewer",
+    "editor": "Editor",
+    "settingsTitle": "Sharing settings",
+    "expiry": "Set an expiration date",
+    "expiryDate": "Expiration date",
+    "password": "Require a password",
+    "passwordLabel": "Password",
+    "passwordTooShort": "Password must contain at least %{count} characters.",
+    "cancel": "Cancel",
+    "addLinks": "Add links",
+    "error": {
+      "persistence": "Could not save link permissions. Please try again."
+    }
   }
 }

package/locales/fr.json

@@ -389,10 +389,8 @@
     "secondary_you": "dont vous"
   },
   "GroupRecipientDetail": {
-    "subtitle": "Géré par %{ownerName}",
     "empty": {
-      "content": "Votre groupe de contacts est vide ! Ajoutez rapidement des membres pour commencer à leur partager vos précieux documents !",
-      "action": "Ouvrir Contacts"
+      "content": "Ce groupe est vide. Pour ajouter des membres à ce groupe, contactez votre administrateur."
     },
     "withAccess": {
       "title": "Accès à l’élément"
@@ -460,5 +458,25 @@
       "successNotification": "Le drive d'équipe a été modifié",
       "errorNotification": "Erreur lors de la modification du drive d'équipe"
     }
+  },
+  "ShareLinkAccessModal": {
+    "title": "Définir l'accès par lien",
+    "introText": "Choisissez ce que les destinataires peuvent faire avec ces fichiers.",
+    "anyoneWithLink": "Autoriser toute personne disposant du lien à accéder",
+    "settings": "Paramètres de partage",
+    "accessLevel": "Niveau d'accès",
+    "viewer": "Lecteur",
+    "editor": "Éditeur",
+    "settingsTitle": "Paramètres de partage",
+    "expiry": "Définir une date d'expiration",
+    "expiryDate": "Date d'expiration",
+    "password": "Exiger un mot de passe",
+    "passwordLabel": "Mot de passe",
+    "passwordTooShort": "Le mot de passe doit contenir au moins %{count} caractères.",
+    "cancel": "Annuler",
+    "addLinks": "Ajouter les liens",
+    "error": {
+      "persistence": "Impossible d'enregistrer les autorisations du lien. Veuillez réessayer."
+    }
   }
-}
+}