cozy-sharing 31.0.2 → 31.2.0

package/dist/components/ShareDialogCozyToCozy.js

@@ -1,16 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["showShareByLink", "showGenerateLinkButton", "autoOpenShareRestriction", "documentType", "document"];
+var _excluded = ["showShareByLink", "showGenerateLinkButton", "autoOpenShareRestriction", "documentType", "document", "onShare", "recipients", "sharingDesc", "createContact", "onClose"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import cx from 'classnames';
-import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import React, { useCallback, useMemo, useState } from 'react';
+import { useClient } from 'cozy-client';
+import Button from 'cozy-ui/transpiled/react/Buttons';
 import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'twake-i18n';
 import AntivirusAlert from './AntivirusAlert';
 import { default as DumbShareByEmail } from './ShareByEmail';
 import { default as DumbShareByLink } from './ShareByLink';
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer';
+import { ShareRecipientsLimitModal } from './ShareRecipientsLimitModal';
 import WhoHasAccess from './WhoHasAccess';
+import { getOrCreateFromArray } from '../helpers/contacts';
+import { hasReachRecipientsLimit } from '../helpers/recipients';
+import { getErrorMessage, getSuccessMessage } from '../helpers/share';
+import { usePendingRecipients } from '../hooks/usePendingRecipients';
 var styles = {
   "share-modal-content": "share__share-modal-content___1iqEq",
   "coz-form": "share__coz-form___1ICST",
@@ -25,38 +38,31 @@ var styles = {
   "error": "share__error___pwqPO",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "share-type-control": "share__share-type-control___1YoRr",
-  "select-wrapper": "share__select-wrapper___3XBKC",
-  "select-option": "share__select-option___3Jp8_",
-  "select-option-label": "share__select-option-label___1BWz_",
-  "select-option-desc": "share__select-option-desc___3jOnr",
   "share-details-created": "share__share-details-created___z3nvO",
   "share-details-perm": "share__share-details-perm___3HjxK",
   "share-details-perm-desc": "share__share-details-perm-desc___3HyHu"
 };
-/**
- * Displays the sharing interface that can be used when ShareDialogCozyToCozy is in sharing state
- */
 
 var SharingContent = function SharingContent(_ref) {
-  var createContact = _ref.createContact,
-      document = _ref.document,
+  var document = _ref.document,
       documentType = _ref.documentType,
       hasSharedParent = _ref.hasSharedParent,
       isOwner = _ref.isOwner,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
-      onShare = _ref.onShare,
       recipients = _ref.recipients,
       sharing = _ref.sharing,
-      sharingDesc = _ref.sharingDesc,
       showShareByEmail = _ref.showShareByEmail,
       showShareOnlyByLink = _ref.showShareOnlyByLink,
       showWhoHasAccess = _ref.showWhoHasAccess,
       recipientsToBeConfirmed = _ref.recipientsToBeConfirmed,
       verifyRecipient = _ref.verifyRecipient,
       link = _ref.link,
-      permissions = _ref.permissions;
+      permissions = _ref.permissions,
+      pendingRecipients = _ref.pendingRecipients,
+      onPendingRecipientsChange = _ref.onPendingRecipientsChange,
+      selectedOption = _ref.selectedOption,
+      onSelectedOptionChange = _ref.onSelectedOptionChange;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -78,13 +84,14 @@ var SharingContent = function SharingContent(_ref) {
     variant: "h6",
     className: "u-mb-1-half"
   }, t('Share.contacts.whoHasAccess')), showShareByEmail && /*#__PURE__*/React.createElement(DumbShareByEmail, {
-    createContact: createContact,
     currentRecipients: recipients,
     document: document,
     documentType: documentType,
-    onShare: onShare,
     sharing: sharing,
-    sharingDesc: sharingDesc
+    pendingRecipients: pendingRecipients,
+    onPendingRecipientsChange: onPendingRecipientsChange,
+    selectedOption: selectedOption,
+    onSelectedOptionChange: onSelectedOptionChange
   })), showWhoHasAccess && /*#__PURE__*/React.createElement(WhoHasAccess, {
     document: document,
     documentType: documentType,
@@ -98,10 +105,6 @@ var SharingContent = function SharingContent(_ref) {
     permissions: permissions
   }));
 };
-/**
- * Displays the dialog's title that can be used when ShareDialogCozyToCozy is in sharing state
- */
-
 
 var SharingTitleFunction = function SharingTitleFunction(_ref2) {
   var documentType = _ref2.documentType,
@@ -118,10 +121,6 @@ var SharingTitleFunction = function SharingTitleFunction(_ref2) {
     return title;
   };
 };
-/**
- * Displays a sharing dialog that allows to share a document between multiple Cozy users
- */
-
 
 var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
   var showShareByLink = _ref3.showShareByLink,
@@ -129,32 +128,167 @@ var ShareDialogCozyToCozy = function ShareDialogCozyToCozy(_ref3) {
       autoOpenShareRestriction = _ref3.autoOpenShareRestriction,
       documentType = _ref3.documentType,
       document = _ref3.document,
+      onShare = _ref3.onShare,
+      recipients = _ref3.recipients,
+      sharingDesc = _ref3.sharingDesc,
+      createContact = _ref3.createContact,
+      onClose = _ref3.onClose,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  var dialogActionsOnShare = useMemo(function () {
-    if (!showShareByLink) return null;
+  var _useI18n3 = useI18n(),
+      t = _useI18n3.t;
+
+  var client = useClient();
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var _usePendingRecipients = usePendingRecipients(),
+      pendingRecipients = _usePendingRecipients.pendingRecipients,
+      setPendingRecipients = _usePendingRecipients.setPendingRecipients,
+      selectedOption = _usePendingRecipients.selectedOption,
+      setSelectedOption = _usePendingRecipients.setSelectedOption;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      submitting = _useState2[0],
+      setSubmitting = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showRecipientsLimit = _useState4[0],
+      setShowRecipientsLimit = _useState4[1];
+
+  var handleShare = useCallback( /*#__PURE__*/_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:
+          if (!(pendingRecipients.length === 0)) {
+            _context.next = 3;
+            break;
+          }
+
+          onClose();
+          return _context.abrupt("return");
 
-    var BoundShareByLink = function BoundShareByLink(dialogActionProps) {
-      return /*#__PURE__*/React.createElement(DumbShareByLink, _extends({}, dialogActionProps, {
+        case 3:
+          if (!hasReachRecipientsLimit(recipients, pendingRecipients)) {
+            _context.next = 6;
+            break;
+          }
+
+          setShowRecipientsLimit(true);
+          return _context.abrupt("return");
+
+        case 6:
+          setSubmitting(true);
+          _context.prev = 7;
+          _context.next = 10;
+          return getOrCreateFromArray(client, pendingRecipients, createContact);
+
+        case 10:
+          contacts = _context.sent;
+          readWriteRecipients = selectedOption === 'readOnly' ? [] : contacts;
+          readOnlyRecipients = selectedOption === 'readOnly' ? contacts : [];
+          _context.next = 15;
+          return onShare({
+            document: document,
+            recipients: readWriteRecipients,
+            readOnlyRecipients: readOnlyRecipients,
+            description: sharingDesc,
+            openSharing: readWriteRecipients.length > 0
+          });
+
+        case 15:
+          showAlert({
+            message: t.apply(void 0, _toConsumableArray(getSuccessMessage(recipients, contacts, documentType))),
+            severity: 'success',
+            variant: 'filled'
+          });
+          onClose();
+          _context.next = 22;
+          break;
+
+        case 19:
+          _context.prev = 19;
+          _context.t0 = _context["catch"](7);
+          showAlert({
+            message: t.apply(void 0, _toConsumableArray(getErrorMessage({
+              t: t,
+              err: _context.t0,
+              documentType: documentType,
+              recipients: pendingRecipients,
+              selectedOption: selectedOption
+            }))),
+            severity: 'error',
+            variant: 'filled'
+          });
+
+        case 22:
+          _context.prev = 22;
+          setSubmitting(false);
+          return _context.finish(22);
+
+        case 25:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[7, 19, 22, 25]]);
+  })), [pendingRecipients, selectedOption, client, showAlert, t, recipients, onShare, onClose, createContact, document, documentType, sharingDesc]);
+  var dialogActionsOnShare = useMemo(function () {
+    var Actions = function Actions(dialogActionProps) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, showShareByLink && /*#__PURE__*/React.createElement(DumbShareByLink, _extends({}, dialogActionProps, {
         showGenerateLinkButton: showGenerateLinkButton,
         autoOpenShareRestriction: autoOpenShareRestriction
+      })), /*#__PURE__*/React.createElement(Button, {
+        variant: "primary",
+        label: t("".concat(documentType, ".share.shareByEmail.send")),
+        busy: submitting,
+        onClick: handleShare
       }));
     };
 
-    BoundShareByLink.displayName = 'BoundShareByLink';
-    return BoundShareByLink;
-  }, [showShareByLink, showGenerateLinkButton, autoOpenShareRestriction]);
-  return /*#__PURE__*/React.createElement(ShareDialogTwoStepsConfirmationContainer, _extends({}, props, {
+    Actions.displayName = 'ShareDialogCozyToCozyActions';
+    return Actions;
+  }, [handleShare, submitting, t, documentType, showShareByLink, showGenerateLinkButton, autoOpenShareRestriction]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ShareDialogTwoStepsConfirmationContainer, _extends({}, props, {
     documentType: documentType,
     document: document,
+    recipients: recipients,
+    sharingDesc: sharingDesc,
+    createContact: createContact,
+    onShare: onShare,
+    onClose: onClose,
     dialogContentOnShare: SharingContent,
     dialogActionsOnShare: dialogActionsOnShare,
     dialogTitleOnShare: SharingTitleFunction({
       documentType: documentType,
       document: document
     }),
-    disableGutters: true
+    disableGutters: true,
+    pendingRecipients: pendingRecipients,
+    onPendingRecipientsChange: setPendingRecipients,
+    selectedOption: selectedOption,
+    onSelectedOptionChange: setSelectedOption
+  })), showRecipientsLimit && /*#__PURE__*/React.createElement(ShareRecipientsLimitModal, {
+    documentName: document === null || document === void 0 ? void 0 : document.name,
+    onConfirm: function onConfirm() {
+      return setShowRecipientsLimit(false);
+    }
   }));
 };
 
+ShareDialogCozyToCozy.propTypes = {
+  showShareByLink: PropTypes.bool,
+  showGenerateLinkButton: PropTypes.bool,
+  autoOpenShareRestriction: PropTypes.bool,
+  documentType: PropTypes.string.isRequired,
+  document: PropTypes.object.isRequired,
+  onShare: PropTypes.func.isRequired,
+  recipients: PropTypes.array.isRequired,
+  sharingDesc: PropTypes.string,
+  createContact: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired
+};
 export default ShareDialogCozyToCozy;

package/dist/components/ShareDialogCozyToCozy.spec.js

@@ -38,6 +38,13 @@ jest.mock('../hooks/useSharingContext', function () {
     }
   };
 });
+jest.mock('../helpers/contacts', function () {
+  return {
+    getOrCreateFromArray: jest.fn(function (client, recipients) {
+      return Promise.resolve(recipients);
+    })
+  };
+});
 describe('ShareDialogCozyToCozy', function () {
   var client = createMockClient({});
   client.options = {
@@ -57,7 +64,7 @@ describe('ShareDialogCozyToCozy', function () {
         getByText = _setup.getByText;
 
     expect(getByText('You')).toBeTruthy();
-    expect(getByText('owner')).toBeTruthy();
+    expect(getByText('Owner')).toBeTruthy();
   });
   it('should show loading while calling getRecipientsToBeConfirmed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _deferablePromise, promise, resolve, props, _setup2, getByText;
@@ -243,11 +250,90 @@ describe('ShareDialogCozyToCozy', function () {
       }
     }, _callee8);
   })));
-  it("should display confirmation of 'contact rejection' when user click on the 'reject' button", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
-    var _deferablePromise5, promise, resolve, rejectRecipient, props, _setup6, getByText, verifyButton, rejectButton, confirmRejectButton;
+  it('main Share button calls onClose when there are no pending chips', function () {
+    var onClose = jest.fn();
+    var onShare = jest.fn();
+
+    var props = _objectSpread(_objectSpread({}, getMockProps()), {}, {
+      onClose: onClose,
+      onShare: onShare
+    });
+
+    var _setup6 = setup(props),
+        getByRole = _setup6.getByRole;
+
+    fireEvent.click(getByRole('button', {
+      name: 'Share'
+    }));
+    expect(onShare).not.toHaveBeenCalled();
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('main Share button calls onShare with chips then closes', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var onClose, onShare, props, _setup7, getByPlaceholderText, getByRole;
+
+    return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+      while (1) switch (_context10.prev = _context10.next) {
+        case 0:
+          onClose = jest.fn();
+          onShare = jest.fn().mockResolvedValue(undefined);
+          props = _objectSpread(_objectSpread({}, getMockProps()), {}, {
+            onClose: onClose,
+            onShare: onShare
+          });
+          _setup7 = setup(props), getByPlaceholderText = _setup7.getByPlaceholderText, getByRole = _setup7.getByRole;
+          act(function () {
+            fireEvent.change(getByPlaceholderText('Enter the email address or name of the recipient'), {
+              target: {
+                value: 'new@cozycloud.cc'
+              }
+            });
+          });
+          act(function () {
+            fireEvent.keyPress(getByPlaceholderText('Enter the email address or name of the recipient'), {
+              key: 'Enter',
+              code: 'Enter',
+              charCode: 13
+            });
+          });
+          _context10.next = 8;
+          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+            return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+              while (1) switch (_context9.prev = _context9.next) {
+                case 0:
+                  fireEvent.click(getByRole('button', {
+                    name: 'Share'
+                  }));
+
+                case 1:
+                case "end":
+                  return _context9.stop();
+              }
+            }, _callee9);
+          })));
+
+        case 8:
+          expect(onShare).toHaveBeenCalledWith(expect.objectContaining({
+            document: props.document,
+            recipients: [{
+              email: 'new@cozycloud.cc'
+            }],
+            readOnlyRecipients: [],
+            description: props.sharingDesc,
+            openSharing: true
+          }));
+          expect(onClose).toHaveBeenCalledTimes(1);
+
+        case 10:
+        case "end":
+          return _context10.stop();
+      }
+    }, _callee10);
+  })));
+  it("should display confirmation of 'contact rejection' when user click on the 'reject' button", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee15() {
+    var _deferablePromise5, promise, resolve, rejectRecipient, props, _setup8, getByText, verifyButton, rejectButton, confirmRejectButton;
 
-    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:
           _deferablePromise5 = deferablePromise(), promise = _deferablePromise5.promise, resolve = _deferablePromise5.resolve;
           rejectRecipient = jest.fn(function () {
@@ -262,11 +348,11 @@ describe('ShareDialogCozyToCozy', function () {
               recipientConfirmationDialogContent: CozyPassFingerprintDialogContent
             }
           });
-          _setup6 = setup(props), getByText = _setup6.getByText;
-          _context13.next = 6;
-          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-            return _regeneratorRuntime.wrap(function _callee9$(_context9) {
-              while (1) switch (_context9.prev = _context9.next) {
+          _setup8 = setup(props), getByText = _setup8.getByText;
+          _context15.next = 6;
+          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+            return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+              while (1) switch (_context11.prev = _context11.next) {
                 case 0:
                   resolve([{
                     name: mockRecipientBob.public_name,
@@ -274,63 +360,63 @@ describe('ShareDialogCozyToCozy', function () {
                     email: mockRecipientBob.email,
                     fingerprintPhrase: 'SOME_FINGERPRINT_PHRASE'
                   }]);
-                  _context9.next = 3;
+                  _context11.next = 3;
                   return promise;
 
                 case 3:
                 case "end":
-                  return _context9.stop();
+                  return _context11.stop();
               }
-            }, _callee9);
+            }, _callee11);
           })));
 
         case 6:
           verifyButton = getByText('Verify');
-          _context13.next = 9;
-          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
-            return _regeneratorRuntime.wrap(function _callee10$(_context10) {
-              while (1) switch (_context10.prev = _context10.next) {
+          _context15.next = 9;
+          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+            return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+              while (1) switch (_context12.prev = _context12.next) {
                 case 0:
-                  return _context10.abrupt("return", fireEvent.click(verifyButton));
+                  return _context12.abrupt("return", fireEvent.click(verifyButton));
 
                 case 1:
                 case "end":
-                  return _context10.stop();
+                  return _context12.stop();
               }
-            }, _callee10);
+            }, _callee12);
           })));
 
         case 9:
           rejectButton = getByText('Reject');
-          _context13.next = 12;
-          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-            return _regeneratorRuntime.wrap(function _callee11$(_context11) {
-              while (1) switch (_context11.prev = _context11.next) {
+          _context15.next = 12;
+          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+            return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+              while (1) switch (_context13.prev = _context13.next) {
                 case 0:
-                  return _context11.abrupt("return", fireEvent.click(rejectButton));
+                  return _context13.abrupt("return", fireEvent.click(rejectButton));
 
                 case 1:
                 case "end":
-                  return _context11.stop();
+                  return _context13.stop();
               }
-            }, _callee11);
+            }, _callee13);
           })));
 
         case 12:
           expect(getByText("Do you really want to reject contact ".concat(mockRecipientBob.public_name, " (").concat(mockRecipientBob.email, ")?"))).toBeTruthy();
           confirmRejectButton = getByText('Reject');
-          _context13.next = 16;
-          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-            return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-              while (1) switch (_context12.prev = _context12.next) {
+          _context15.next = 16;
+          return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+            return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+              while (1) switch (_context14.prev = _context14.next) {
                 case 0:
-                  return _context12.abrupt("return", fireEvent.click(confirmRejectButton));
+                  return _context14.abrupt("return", fireEvent.click(confirmRejectButton));
 
                 case 1:
                 case "end":
-                  return _context12.stop();
+                  return _context14.stop();
               }
-            }, _callee12);
+            }, _callee14);
           })));
 
         case 16:
@@ -338,9 +424,9 @@ describe('ShareDialogCozyToCozy', function () {
 
         case 17:
         case "end":
-          return _context13.stop();
+          return _context15.stop();
       }
-    }, _callee13);
+    }, _callee15);
   })));
 });
 var mockRecipientAlice = {
@@ -484,6 +570,7 @@ var getMockProps = function getMockProps() {
     showWhoHasAccess: true,
     onRevoke: jest.fn(),
     onShare: jest.fn(),
+    onClose: jest.fn(),
     createContact: jest.fn()
   };
 };

package/dist/components/ShareDialogTwoStepsConfirmationContainer.js

@@ -120,7 +120,11 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
       twoStepsConfirmationMethods = _ref4$twoStepsConfirm === void 0 ? {} : _ref4$twoStepsConfirm,
       DialogContentOnShare = _ref4.dialogContentOnShare,
       DialogActionsOnShare = _ref4.dialogActionsOnShare,
-      DialogTitleOnShare = _ref4.dialogTitleOnShare;
+      DialogTitleOnShare = _ref4.dialogTitleOnShare,
+      pendingRecipients = _ref4.pendingRecipients,
+      onPendingRecipientsChange = _ref4.onPendingRecipientsChange,
+      selectedOption = _ref4.selectedOption,
+      onSelectedOptionChange = _ref4.onSelectedOptionChange;
 
   var _useI18n5 = useI18n(),
       t = _useI18n5.t;
@@ -254,12 +258,18 @@ var ShareDialogTwoStepsConfirmationContainer = function ShareDialogTwoStepsConfi
       link: link,
       permissions: permissions,
       onUpdateShareLinkPermissions: onUpdateShareLinkPermissions,
-      onRevokeLink: onRevokeLink
+      onRevokeLink: onRevokeLink,
+      pendingRecipients: pendingRecipients,
+      onPendingRecipientsChange: onPendingRecipientsChange,
+      selectedOption: selectedOption,
+      onSelectedOptionChange: onSelectedOptionChange
     });
     dialogActions = DialogActionsOnShare ? /*#__PURE__*/React.createElement(DialogActionsOnShare, {
       link: link,
       document: document,
-      documentType: documentType
+      documentType: documentType,
+      pendingRecipients: pendingRecipients,
+      selectedOption: selectedOption
     }) : null;
   } else if (status === 'confirmingRecipient') {
     dialogTitle = t("Share.twoStepsConfirmation.title");

package/dist/components/ShareModal/SharingDetailsModal.js

@@ -20,11 +20,6 @@ var styles = {
   "error": "share__error___pwqPO",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "share-type-control": "share__share-type-control___1YoRr",
-  "select-wrapper": "share__select-wrapper___3XBKC",
-  "select-option": "share__select-option___3Jp8_",
-  "select-option-label": "share__select-option-label___1BWz_",
-  "select-option-desc": "share__select-option-desc___3jOnr",
   "share-details-created": "share__share-details-created___z3nvO",
   "share-details-perm": "share__share-details-perm___3HjxK",
   "share-details-perm-desc": "share__share-details-perm-desc___3HyHu"

package/dist/components/ShareRecipientsInput.js

@@ -24,7 +24,8 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
       placeholder = _ref.placeholder,
       onPick = _ref.onPick,
       onRemove = _ref.onRemove,
-      disabled = _ref.disabled;
+      disabled = _ref.disabled,
+      endAdornment = _ref.endAdornment;
   var reachableContactsQuery = buildReachableContactsQuery();
   var reachableContactsResult = useQueryAll(reachableContactsQuery.definition, reachableContactsQuery.options);
   var unreachableContactsWithGroupsQuery = buildUnreachableContactsWithGroupsQuery();
@@ -71,7 +72,8 @@ var ShareRecipientsInput = function ShareRecipientsInput(_ref) {
     recipients: recipients,
     onPick: onPick,
     onRemove: onRemove,
-    placeholder: placeholder
+    placeholder: placeholder,
+    endAdornment: endAdornment
   });
 };
 
@@ -81,7 +83,8 @@ ShareRecipientsInput.propTypes = {
   placeholder: PropTypes.string,
   onPick: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired,
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
+  endAdornment: PropTypes.node
 };
 ShareRecipientsInput.defaultProps = {
   currentRecipients: [],