cozy-sharing 31.0.2 → 31.2.0

package/dist/components/SharedDrive/SharedDriveForm.js

@@ -6,7 +6,6 @@ import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useI18n } from 'twake-i18n';
 import withLocales from '../../hoc/withLocales';
 import { default as DumbShareByEmail } from '../ShareByEmail';
-import WhoHasAccess from '../WhoHasAccess';
 import { useSharedDrive } from './useSharedDrive';
 export var SharedDriveForm = withLocales(function (_ref) {
   var onSuccess = _ref.onSuccess,
@@ -19,13 +18,12 @@ export var SharedDriveForm = withLocales(function (_ref) {
     onSuccess: onSuccess
   }),
       sharedDriveName = _useSharedDrive.sharedDriveName,
-      recipients = _useSharedDrive.recipients,
       handleSharedDriveNameChange = _useSharedDrive.handleSharedDriveNameChange,
-      onShare = _useSharedDrive.onShare,
-      onCreate = _useSharedDrive.onCreate,
-      onSetType = _useSharedDrive.onSetType,
-      onRevoke = _useSharedDrive.onRevoke,
-      createContact = _useSharedDrive.createContact;
+      pendingRecipients = _useSharedDrive.pendingRecipients,
+      setPendingRecipients = _useSharedDrive.setPendingRecipients,
+      selectedOption = _useSharedDrive.selectedOption,
+      setSelectedOption = _useSharedDrive.setSelectedOption,
+      onCreate = _useSharedDrive.onCreate;
 
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "u-ph-2"
@@ -41,31 +39,25 @@ export var SharedDriveForm = withLocales(function (_ref) {
     variant: "h6",
     className: "u-mt-1-half u-mb-half"
   }, t('SharedDrive.sharedDriveModal.addPeople')), /*#__PURE__*/React.createElement(DumbShareByEmail, {
-    createContact: createContact,
-    currentRecipients: recipients,
+    currentRecipients: [],
     documentType: "Files",
-    sharedDrive: true,
-    onShare: onShare,
-    submitLabel: t('SharedDrive.sharedDriveModal.add'),
-    showNotifications: false,
-    sharingDesc: ""
-  })), /*#__PURE__*/React.createElement(WhoHasAccess, {
-    isOwner: true,
-    isSharedDrive: true,
-    recipients: recipients,
-    documentType: "Files",
-    className: "u-w-100",
-    onRevoke: onRevoke,
-    onSetType: onSetType
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "u-flex u-flex-justify-end u-ph-2 u-pv-1 u-column-gap-half"
+    pendingRecipients: pendingRecipients,
+    onPendingRecipientsChange: setPendingRecipients,
+    selectedOption: selectedOption,
+    onSelectedOptionChange: setSelectedOption
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "u-flex u-ph-2 u-pv-1"
   }, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
+    variant: "text",
     label: t('SharedDrive.sharedDriveModal.cancel'),
+    className: "u-w-100 u-m-1",
+    size: "large",
     onClick: onCancel
   }), /*#__PURE__*/React.createElement(Button, {
     variant: "primary",
     label: t('SharedDrive.sharedDriveModal.create'),
+    className: "u-w-100 u-m-1",
+    size: "large",
     onClick: onCreate
   })));
 });

package/dist/components/SharedDrive/SharedDriveModal.js

@@ -2,8 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import { useI18n } from 'twake-i18n';
-import withLocales from '../../hoc/withLocales';
 import { SharedDriveForm } from './SharedDriveForm';
+import withLocales from '../../hoc/withLocales';
 export var SharedDriveModal = withLocales(function (_ref) {
   var onClose = _ref.onClose;
 

package/dist/components/SharedDrive/SharedDriveRecipientPermissions.js

@@ -2,12 +2,13 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useState, useRef } from 'react';
-import { useClient } from 'cozy-client';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
-import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import IconButton from 'cozy-ui/transpiled/react/IconButton';
+import CrossCircleOutlineIcon from 'cozy-ui/transpiled/react/Icons/CrossCircleOutline';
 import { useI18n } from 'twake-i18n';
-import { revokeSharedDriveMember } from '../Recipient/actions/revokeSharedDriveMember';
 import { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission';
 import { setReadWriteSharedPermission } from '../Recipient/actions/setReadWriteSharedPermission';
 
@@ -21,7 +22,6 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
       t = _useI18n.t;
 
   var buttonRef = useRef();
-  var client = useClient();
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -79,12 +79,10 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
     };
   }();
 
-  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission, divider, revokeSharedDriveMember], {
+  var actions = makeActions([setReadOnlySharedPermission, setReadWriteSharedPermission], {
     t: t,
-    client: client,
     type: type,
-    setType: setType,
-    handleRevocation: handleRevocation
+    setType: setType
   });
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
@@ -92,13 +90,20 @@ var ShareDriveRecipientPermissions = function ShareDriveRecipientPermissions(_re
     "aria-haspopup": "true",
     onClick: toggleMenu,
     textVariant: "body2"
-  }, t("Share.type.".concat(type)).toLowerCase()), /*#__PURE__*/React.createElement(ActionsMenu, {
+  }, t("Share.type.".concat(type))), /*#__PURE__*/React.createElement(ActionsMenu, {
     ref: buttonRef,
     open: isMenuDisplayed,
     actions: actions,
     autoClose: true,
     onClose: hideMenu
-  }));
+  }), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: handleRevocation,
+    size: "small",
+    className: "u-ml-half",
+    "aria-label": t('Share.members.revoke')
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: CrossCircleOutlineIcon
+  })));
 };
 
 export default ShareDriveRecipientPermissions;

package/dist/components/SharedDrive/useSharedDrive.js

@@ -5,7 +5,8 @@ import { useState } from 'react';
 import { useClient } from 'cozy-client';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import { useI18n } from 'twake-i18n';
-import { RECIPIENT_INDEX_PREFIX, formatRecipients, mergeAndDeduplicateRecipients, moveRecipientToReadOnly, moveRecipientToReadWrite } from './helpers';
+import { getOrCreateFromArray } from '../../helpers/contacts';
+import { usePendingRecipients } from '../../hooks/usePendingRecipients';
 import { Contact } from '../../models';
 export var useSharedDrive = function useSharedDrive(_ref) {
   var onSuccess = _ref.onSuccess;
@@ -17,58 +18,59 @@ export var useSharedDrive = function useSharedDrive(_ref) {
   var _useAlert = useAlert(),
       showAlert = _useAlert.showAlert;
 
-  var _useState = useState({
-    recipients: [],
-    readOnlyRecipients: []
-  }),
+  var _useState = useState(''),
       _useState2 = _slicedToArray(_useState, 2),
-      sharedDriveRecipients = _useState2[0],
-      setSharedDriveRecipients = _useState2[1];
+      sharedDriveName = _useState2[0],
+      setSharedDriveName = _useState2[1];
 
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sharedDriveName = _useState4[0],
-      setSharedDriveName = _useState4[1];
+  var _usePendingRecipients = usePendingRecipients(),
+      pendingRecipients = _usePendingRecipients.pendingRecipients,
+      setPendingRecipients = _usePendingRecipients.setPendingRecipients,
+      selectedOption = _usePendingRecipients.selectedOption,
+      setSelectedOption = _usePendingRecipients.setSelectedOption;
 
   var handleSharedDriveNameChange = function handleSharedDriveNameChange(event) {
     setSharedDriveName(event.target.value);
   };
 
-  var onShare = function onShare(params) {
-    setSharedDriveRecipients(function (prev) {
-      return {
-        recipients: mergeAndDeduplicateRecipients([prev.recipients, params.recipients]),
-        readOnlyRecipients: mergeAndDeduplicateRecipients([prev.readOnlyRecipients, params.readOnlyRecipients])
-      };
-    });
+  var createContact = function createContact(contact) {
+    return client.create(Contact.doctype, contact);
   };
 
   var onCreate = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var contacts, readWriteRecipients, readOnlyRecipients;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
             _context.next = 3;
+            return getOrCreateFromArray(client, pendingRecipients, createContact);
+
+          case 3:
+            contacts = _context.sent;
+            readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts;
+            readOnlyRecipients = selectedOption === 'readOnly' ? contacts : [];
+            _context.next = 8;
             return client.collection('io.cozy.sharings').createSharedDrive({
               name: sharedDriveName,
               description: sharedDriveName,
-              recipients: sharedDriveRecipients.recipients,
-              readOnlyRecipients: sharedDriveRecipients.readOnlyRecipients
+              recipients: readWriteRecipients,
+              readOnlyRecipients: readOnlyRecipients
             });
 
-          case 3:
+          case 8:
             showAlert({
               message: t('SharedDrive.sharedDriveModal.successNotification'),
               severity: 'success',
               variant: 'filled'
             });
             onSuccess();
-            _context.next = 10;
+            _context.next = 15;
             break;
 
-          case 7:
-            _context.prev = 7;
+          case 12:
+            _context.prev = 12;
             _context.t0 = _context["catch"](0);
             showAlert({
               message: t('SharedDrive.sharedDriveModal.errorNotification'),
@@ -76,11 +78,11 @@ export var useSharedDrive = function useSharedDrive(_ref) {
               variant: 'filled'
             });
 
-          case 10:
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 7]]);
+      }, _callee, null, [[0, 12]]);
     }));
 
     return function onCreate() {
@@ -88,39 +90,13 @@ export var useSharedDrive = function useSharedDrive(_ref) {
     };
   }();
 
-  var onSetType = function onSetType(index, newType) {
-    var _id = index.split(RECIPIENT_INDEX_PREFIX)[1];
-    setSharedDriveRecipients(function (prev) {
-      return newType === 'two-way' ? moveRecipientToReadWrite(prev, _id) : moveRecipientToReadOnly(prev, _id);
-    });
-  };
-
-  var onRevoke = function onRevoke(index) {
-    var _id = index.split(RECIPIENT_INDEX_PREFIX)[1];
-    setSharedDriveRecipients(function (prev) {
-      return {
-        recipients: prev.recipients.filter(function (r) {
-          return r._id !== _id;
-        }),
-        readOnlyRecipients: prev.readOnlyRecipients.filter(function (r) {
-          return r._id !== _id;
-        })
-      };
-    });
-  };
-
-  var createContact = function createContact(contact) {
-    return client.create(Contact.doctype, contact);
-  };
-
   return {
     sharedDriveName: sharedDriveName,
-    recipients: formatRecipients(sharedDriveRecipients),
     handleSharedDriveNameChange: handleSharedDriveNameChange,
-    onShare: onShare,
-    onCreate: onCreate,
-    onSetType: onSetType,
-    onRevoke: onRevoke,
-    createContact: createContact
+    pendingRecipients: pendingRecipients,
+    setPendingRecipients: setPendingRecipients,
+    selectedOption: selectedOption,
+    setSelectedOption: setSelectedOption,
+    onCreate: onCreate
   };
 };

package/dist/components/SharedDrive/useSharedDrive.spec.js

@@ -16,19 +16,10 @@ jest.mock('cozy-client', function () {
   return {
     useClient: jest.fn(function () {
       return {
-        collection: mockCollection
+        collection: mockCollection,
+        create: jest.fn()
       };
-    }),
-    models: {
-      contact: {
-        getPrimaryEmail: jest.fn(function (r) {
-          return Array.isArray(r.email) && r.email[0] ? r.email[0].address : '';
-        }),
-        getDisplayName: jest.fn(function (r) {
-          return r.displayName || r.name || '';
-        })
-      }
-    }
+    })
   };
 });
 jest.mock('cozy-ui/transpiled/react/providers/Alert', function () {
@@ -56,6 +47,13 @@ jest.mock('../../models', function () {
     }
   };
 });
+jest.mock('../../helpers/contacts', function () {
+  return {
+    getOrCreateFromArray: jest.fn(function (client, recipients) {
+      return Promise.resolve(recipients);
+    })
+  };
+});
 describe('useSharedDrive', function () {
   beforeEach(function () {
     jest.clearAllMocks();
@@ -69,7 +67,8 @@ describe('useSharedDrive', function () {
         result = _renderHook.result;
 
     expect(result.current.sharedDriveName).toBe('');
-    expect(result.current.recipients).toEqual([]);
+    expect(result.current.pendingRecipients).toEqual([]);
+    expect(result.current.selectedOption).toBe('readWrite');
   });
   it('handleSharedDriveNameChange updates the name', function () {
     var _renderHook2 = renderHook(function () {
@@ -88,95 +87,28 @@ describe('useSharedDrive', function () {
     });
     expect(result.current.sharedDriveName).toBe('My Drive');
   });
-  it('onRevoke removes a recipient from both lists', function () {
-    var _renderHook3 = renderHook(function () {
-      return useSharedDrive({
-        onSuccess: jest.fn()
-      });
-    }),
-        result = _renderHook3.result;
-
-    act(function () {
-      result.current.onShare({
-        recipients: [{
-          _id: 'abc',
-          displayName: 'Alice',
-          email: []
-        }],
-        readOnlyRecipients: []
-      });
-    });
-    act(function () {
-      result.current.onRevoke("virtual-shared-drive-sharing-abc");
-    });
-    expect(result.current.recipients).toHaveLength(0);
-  });
-  it('onSetType moves a recipient to read-only', function () {
-    var _renderHook4 = renderHook(function () {
-      return useSharedDrive({
-        onSuccess: jest.fn()
-      });
-    }),
-        result = _renderHook4.result;
-
-    act(function () {
-      result.current.onShare({
-        recipients: [{
-          _id: 'abc',
-          displayName: 'Alice',
-          email: []
-        }],
-        readOnlyRecipients: []
-      });
-    });
-    act(function () {
-      result.current.onSetType("virtual-shared-drive-sharing-abc", 'one-way');
-    });
-    expect(result.current.recipients[0].type).toBe('one-way');
-  });
-  it('onSetType moves a recipient to read-write', function () {
-    var _renderHook5 = renderHook(function () {
-      return useSharedDrive({
-        onSuccess: jest.fn()
-      });
-    }),
-        result = _renderHook5.result;
-
-    act(function () {
-      result.current.onShare({
-        recipients: [],
-        readOnlyRecipients: [{
-          _id: 'xyz',
-          displayName: 'Bob',
-          email: []
-        }]
-      });
-    });
-    act(function () {
-      result.current.onSetType("virtual-shared-drive-sharing-xyz", 'two-way');
-    });
-    expect(result.current.recipients).toHaveLength(1);
-    expect(result.current.recipients[0].type).toBe('two-way');
-  });
-  it('onCreate calls createSharedDrive, showAlert with success, and onSuccess', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var onSuccess, _renderHook6, result;
+  it('onCreate calls createSharedDrive and onSuccess', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var onSuccess, _renderHook3, result;
 
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           onSuccess = jest.fn();
           mockCreateSharedDrive.mockResolvedValue({});
-          _renderHook6 = renderHook(function () {
+          _renderHook3 = renderHook(function () {
             return useSharedDrive({
               onSuccess: onSuccess
             });
-          }), result = _renderHook6.result;
+          }), result = _renderHook3.result;
           act(function () {
             result.current.handleSharedDriveNameChange({
               target: {
                 value: 'My Drive'
               }
             });
+            result.current.setPendingRecipients([{
+              email: 'a@b.c'
+            }]);
           });
           _context2.next = 6;
           return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -194,10 +126,14 @@ describe('useSharedDrive', function () {
           })));
 
         case 6:
-          expect(mockCreateSharedDrive).toHaveBeenCalledWith(expect.objectContaining({
+          expect(mockCreateSharedDrive).toHaveBeenCalledWith({
             name: 'My Drive',
-            description: 'My Drive'
-          }));
+            description: 'My Drive',
+            recipients: [{
+              email: 'a@b.c'
+            }],
+            readOnlyRecipients: []
+          });
           expect(mockShowAlert).toHaveBeenCalledWith(expect.objectContaining({
             severity: 'success'
           }));
@@ -210,18 +146,18 @@ describe('useSharedDrive', function () {
     }, _callee2);
   })));
   it('onCreate shows error alert and does not call onSuccess on failure', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-    var onSuccess, _renderHook7, result;
+    var onSuccess, _renderHook4, result;
 
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
           onSuccess = jest.fn();
           mockCreateSharedDrive.mockRejectedValue(new Error('network error'));
-          _renderHook7 = renderHook(function () {
+          _renderHook4 = renderHook(function () {
             return useSharedDrive({
               onSuccess: onSuccess
             });
-          }), result = _renderHook7.result;
+          }), result = _renderHook4.result;
           _context4.next = 5;
           return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
             return _regeneratorRuntime.wrap(function _callee3$(_context3) {

package/dist/components/SharedFolder/DumbBatchSharedFolderModal.js

@@ -14,32 +14,30 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       document = _ref.document,
       folderName = _ref.folderName,
       handleFolderNameChange = _ref.handleFolderNameChange,
-      createContact = _ref.createContact,
       recipients = _ref.recipients,
       currentRecipients = _ref.currentRecipients,
       onRevoke = _ref.onRevoke,
-      onSetType = _ref.onSetType,
       onCreate = _ref.onCreate,
       onSend = _ref.onSend,
       onClose = _ref.onClose,
-      _onShare = _ref.onShare,
       onRename = _ref.onRename,
       _ref$showNameField = _ref.showNameField,
       showNameField = _ref$showNameField === void 0 ? false : _ref$showNameField,
       sharingLink = _ref.sharingLink,
       nameLabel = _ref.nameLabel,
       addPeopleLabel = _ref.addPeopleLabel,
-      addButtonLabel = _ref.addButtonLabel,
       cancelLabel = _ref.cancelLabel,
       createLabel = _ref.createLabel,
       shareLabel = _ref.shareLabel,
       saveLabel = _ref.saveLabel,
-      sharingDesc = _ref.sharingDesc,
       _ref$showShareByEmail = _ref.showShareByEmail,
       showShareByEmail = _ref$showShareByEmail === void 0 ? true : _ref$showShareByEmail,
       autoOpenShareRestriction = _ref.autoOpenShareRestriction,
-      showGenerateLinkButton = _ref.showGenerateLinkButton;
-  var hasRecipients = Boolean(recipients === null || recipients === void 0 ? void 0 : recipients.length); // Determine action buttons based on modal mode
+      showGenerateLinkButton = _ref.showGenerateLinkButton,
+      pendingRecipients = _ref.pendingRecipients,
+      onPendingRecipientsChange = _ref.onPendingRecipientsChange,
+      selectedOption = _ref.selectedOption,
+      onSelectedOptionChange = _ref.onSelectedOptionChange;
 
   var actionButtons = function () {
     if (showNameField && onCreate) {
@@ -74,7 +72,7 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       }), /*#__PURE__*/React.createElement(Button, {
         variant: "primary",
         label: shareLabel,
-        disabled: !hasRecipients || !onSend,
+        disabled: !onSend,
         onClick: onSend
       }));
     }
@@ -121,17 +119,13 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       variant: "h6",
       className: "u-mt-1-half u-mb-half"
     }, addPeopleLabel), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
-      createContact: createContact,
       currentRecipients: currentRecipients,
       document: document,
       documentType: "Files",
-      sharedDrive: true,
-      sharingDesc: sharingDesc,
-      onShare: function onShare(params) {
-        _onShare(params);
-      },
-      submitLabel: addButtonLabel,
-      showNotifications: false
+      pendingRecipients: pendingRecipients,
+      onPendingRecipientsChange: onPendingRecipientsChange,
+      selectedOption: selectedOption,
+      onSelectedOptionChange: onSelectedOptionChange
     })), /*#__PURE__*/React.createElement(WhoHasAccess, {
       isOwner: true,
       isSharedDrive: true,
@@ -140,7 +134,6 @@ export var DumbBatchSharedFolderModal = withLocales(function (_ref) {
       documentType: "Files",
       className: "u-w-100",
       onRevoke: onRevoke,
-      onSetType: onSetType,
       link: sharingLink
     })),
     actions: actionButtons
@@ -151,30 +144,26 @@ DumbBatchSharedFolderModal.propTypes = {
   document: PropTypes.object,
   folderName: PropTypes.string,
   handleFolderNameChange: PropTypes.func,
-  createContact: PropTypes.func.isRequired,
   recipients: PropTypes.array,
   currentRecipients: PropTypes.array,
   onRevoke: PropTypes.func.isRequired,
-  onSetType: PropTypes.func.isRequired,
   onCreate: PropTypes.func,
   onSend: PropTypes.func,
   onClose: PropTypes.func.isRequired,
-  onShare: PropTypes.func.isRequired,
   onRename: PropTypes.func,
   showNameField: PropTypes.bool,
   sharingLink: PropTypes.string,
   nameLabel: PropTypes.string,
   addPeopleLabel: PropTypes.string,
-  addButtonLabel: PropTypes.string,
   cancelLabel: PropTypes.string,
   createLabel: PropTypes.string,
   shareLabel: PropTypes.string,
   saveLabel: PropTypes.string,
-  sharingDesc: PropTypes.string,
   showShareByEmail: PropTypes.bool,
   autoOpenShareRestriction: PropTypes.bool,
-  showGenerateLinkButton: PropTypes.bool
-};
-DumbBatchSharedFolderModal.defaultProps = {
-  sharingDesc: ''
+  showGenerateLinkButton: PropTypes.bool,
+  pendingRecipients: PropTypes.array,
+  onPendingRecipientsChange: PropTypes.func,
+  selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']),
+  onSelectedOptionChange: PropTypes.func
 };