cozy-sharing 32.1.1 → 32.3.1

package/dist/components/FederatedFolder/FederatedFolderModal.jsx.tmp.179197.1773939270471

@@ -0,0 +1,172 @@
+import PropTypes from 'prop-types'
+import React, { useState, useEffect } from 'react'
+
+import { useClient } from 'cozy-client'
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
+import { useI18n } from 'twake-i18n'
+
+import { DumbFederatedFolderModal } from './DumbFederatedFolderModal'
+import withLocales from '../../hoc/withLocales'
+import { useSharingContext } from '../../hooks/useSharingContext'
+import {
+  formatRecipients,
+  mergeAndDeduplicateRecipients,
+  moveRecipientToReadWrite,
+  moveRecipientToReadOnly,
+  RECIPIENT_INDEX_PREFIX
+} from '../SharedDrive/helpers'
+
+export const FederatedFolderModal = withLocales(
+  ({ onClose, document: existingDocument }) => {
+    const client = useClient()
+    const { t } = useI18n()
+    const {
+      share,
+      getSharingLink,
+      getFederatedShareLink,
+      getDocumentPermissions,
+      getOwner,
+      getSharingById,
+      getRecipients,
+      revoke
+    } = useSharingContext()
+    const { showAlert } = useAlert()
+
+    const [sharingLink, setSharingLink] = useState(null)
+
+    const documentPermissions = existingDocument
+      ? getDocumentPermissions(existingDocument._id)
+      : []
+
+    useEffect(() => {
+      const fetchSharingLink = async () => {
+        if (!existingDocument) return
+
+        if (existingDocument.driveId) {
+          const link = await getFederatedShareLink(existingDocument)
+          setSharingLink(link)
+        } else {
+          setSharingLink(getSharingLink(existingDocument._id))
+        }
+      }
+
+      fetchSharingLink()
+    }, [
+      existingDocument,
+      documentPermissions,
+      getFederatedShareLink,
+      getSharingLink,
+      getOwner,
+      getSharingById
+    ])
+
+    const [federatedRecipients, setFederatedRecipients] = useState({
+      recipients: [],
+      readOnlyRecipients: []
+    })
+    const [folderName] = useState(existingDocument?.name || '')
+
+    const onShare = params => {
+      setFederatedRecipients(prev => ({
+        recipients: mergeAndDeduplicateRecipients([
+          prev.recipients,
+          params.recipients || []
+        ]),
+        readOnlyRecipients: mergeAndDeduplicateRecipients([
+          prev.readOnlyRecipients,
+          params.readOnlyRecipients || []
+        ])
+      }))
+    }
+
+    const onSend = async () => {
+      try {
+        await share({
+          description: folderName,
+          document: existingDocument,
+          recipients: federatedRecipients.recipients,
+          readOnlyRecipients: federatedRecipients.readOnlyRecipients,
+          sharedDrive: true,
+          openSharing: false
+        })
+
+        showAlert({
+          message: t('FederatedFolder.successNotification'),
+          severity: 'success',
+          variant: 'filled'
+        })
+
+        onClose()
+      } catch (_err) {
+        showAlert({
+          message: t('FederatedFolder.errorNotification'),
+          severity: 'error',
+          variant: 'filled'
+        })
+      }
+    }
+
+    const onSetType = (index, newType) => {
+      const _id = index.split(RECIPIENT_INDEX_PREFIX)[1]
+
+      if (newType === 'two-way') {
+        setFederatedRecipients(prev => moveRecipientToReadWrite(prev, _id))
+      } else {
+        setFederatedRecipients(prev => moveRecipientToReadOnly(prev, _id))
+      }
+    }
+
+    const onRevoke = async (documentOrIndex, sharingId, memberIndex) => {
+      if (
+        typeof documentOrIndex === 'string' &&
+        documentOrIndex.startsWith(RECIPIENT_INDEX_PREFIX)
+      ) {
+        const _id = documentOrIndex.split(RECIPIENT_INDEX_PREFIX)[1]
+        setFederatedRecipients(prev => ({
+          recipients: prev.recipients.filter(r => r._id !== _id),
+          readOnlyRecipients: prev.readOnlyRecipients.filter(r => r._id !== _id)
+        }))
+      } else {
+        await revoke(documentOrIndex, sharingId, memberIndex)
+      }
+    }
+
+    const existingRecipients = existingDocument
+      ? getRecipients(existingDocument._id)
+      : []
+
+    const recipients = [
+      ...existingRecipients,
+      ...formatRecipients(federatedRecipients)
+    ]
+
+    const modalTitle = t('FederatedFolder.shareTitle', { name: folderName })
+
+    const isSharedDrive = Boolean(existingDocument?.driveId)
+
+    return (
+      <DumbFederatedFolderModal
+        title={modalTitle}
+        document={existingDocument}
+        createContact={contact => client.create('io.cozy.contacts', contact)}
+        recipients={recipients}
+        readOnlyRecipients={federatedRecipients.readOnlyRecipients}
+        currentRecipients={existingRecipients}
+        onRevoke={onRevoke}
+        onSetType={onSetType}
+        onSend={onSend}
+        onClose={onClose}
+        onShare={onShare}
+        sharingLink={sharingLink}
+        showShareByEmail={!isSharedDrive}
+      />
+    )
+  }
+)
+
+FederatedFolderModal.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  document: PropTypes.object.isRequired
+}
+
+export default FederatedFolderModal

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

@@ -462,6 +462,77 @@ describe('FederatedFolderModal', function () {
         }
       }, _callee11);
     })));
+    it('should ask confirmation when close button is clicked with pending recipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+      var _setup12, getByRole, getByTestId, getByText;
+
+      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            usePendingRecipients.mockReturnValue({
+              pendingRecipients: [{
+                name: 'Alice',
+                email: 'alice@example.com'
+              }],
+              setPendingRecipients: jest.fn(),
+              selectedOption: 'readWrite',
+              setSelectedOption: jest.fn()
+            });
+            _setup12 = setup(), getByRole = _setup12.getByRole, getByTestId = _setup12.getByTestId, getByText = _setup12.getByText;
+            _context12.next = 4;
+            return waitFor(function () {
+              expect(getByTestId('btn-close')).toBeTruthy();
+            });
+
+          case 4:
+            fireEvent.click(getByTestId('btn-close'));
+            expect(getByText("Discard the changes you haven't saved?")).toBeTruthy();
+            expect(mockOnClose).not.toHaveBeenCalled();
+            fireEvent.click(getByRole('button', {
+              name: 'Cancel'
+            }));
+            expect(mockOnClose).not.toHaveBeenCalled();
+
+          case 9:
+          case "end":
+            return _context12.stop();
+        }
+      }, _callee12);
+    })));
+    it('should close after discard confirmation', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
+      var _setup13, getByRole, getByTestId, getByText;
+
+      return _regeneratorRuntime.wrap(function _callee13$(_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
+          case 0:
+            usePendingRecipients.mockReturnValue({
+              pendingRecipients: [{
+                name: 'Alice',
+                email: 'alice@example.com'
+              }],
+              setPendingRecipients: jest.fn(),
+              selectedOption: 'readWrite',
+              setSelectedOption: jest.fn()
+            });
+            _setup13 = setup(), getByRole = _setup13.getByRole, getByTestId = _setup13.getByTestId, getByText = _setup13.getByText;
+            _context13.next = 4;
+            return waitFor(function () {
+              expect(getByTestId('btn-close')).toBeTruthy();
+            });
+
+          case 4:
+            fireEvent.click(getByTestId('btn-close'));
+            expect(getByText("Discard the changes you haven't saved?")).toBeTruthy();
+            fireEvent.click(getByRole('button', {
+              name: 'Discard'
+            }));
+            expect(mockOnClose).toHaveBeenCalledTimes(1);
+
+          case 8:
+          case "end":
+            return _context13.stop();
+        }
+      }, _callee13);
+    })));
   });
   describe('existing recipients', function () {
     var existingRecipients = [{
@@ -481,24 +552,24 @@ describe('FederatedFolderModal', function () {
       sharingId: 'abc',
       memberIndex: 1
     }];
-    it('should display existing recipients from getRecipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
-      var _setup12, getByTestId;
+    it('should display existing recipients from getRecipients', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee14() {
+      var _setup14, getByTestId;
 
-      return _regeneratorRuntime.wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
+      return _regeneratorRuntime.wrap(function _callee14$(_context14) {
+        while (1) switch (_context14.prev = _context14.next) {
           case 0:
             mockGetRecipients.mockReturnValue(existingRecipients);
-            _setup12 = setup(), getByTestId = _setup12.getByTestId;
-            _context12.next = 4;
+            _setup14 = setup(), getByTestId = _setup14.getByTestId;
+            _context14.next = 4;
             return waitFor(function () {
               expect(getByTestId('recipients-count').textContent).toBe('2');
             });
 
           case 4:
           case "end":
-            return _context12.stop();
+            return _context14.stop();
         }
-      }, _callee12);
+      }, _callee14);
     })));
   });
 });

package/dist/components/Recipient/LinkRecipient.stories.js

@@ -6,6 +6,9 @@ var meta = {
     verifyRecipient: function verifyRecipient() {
       return true;
     },
+    document: {
+      _id: '123'
+    },
     fadeIn: false
   }
 };

package/dist/components/Recipient/LinkRecipientPermissions.stories.js

@@ -1,7 +1,11 @@
 import LinkRecipientPermissions from './LinkRecipientPermissions';
 var meta = {
   component: LinkRecipientPermissions,
-  args: {}
+  args: {
+    document: {
+      _id: '123'
+    }
+  }
 };
 export default meta;
 export var Default = {

package/dist/components/Recipient/actions/revokeGroup.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import ForbiddenIcon from 'cozy-ui/transpiled/react/Icons/Forbidden';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+
+var revokeGroup = function revokeGroup(_ref) {
+  var t = _ref.t,
+      isOwner = _ref.isOwner,
+      isSharedDrive = _ref.isSharedDrive,
+      handleRevocation = _ref.handleRevocation;
+  var revokeType = isOwner ? 'revoke' : 'revokeSelf';
+  var title = t("RevokeGroupItem.".concat(revokeType, ".title"));
+  var desc = isOwner && isSharedDrive ? t("RevokeGroupItem.revoke.sharedDriveDesc") : t("RevokeGroupItem.".concat(revokeType, ".desc"));
+  var icon = ForbiddenIcon;
+  return {
+    name: 'revokeMember',
+    label: title,
+    icon: icon,
+    action: function action() {
+      handleRevocation();
+    },
+    Component: /*#__PURE__*/forwardRef(function RevokeMemberItem(props, ref) {
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+        ref: ref
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: icon,
+        color: "var(--errorColor)"
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: /*#__PURE__*/React.createElement(Typography, {
+          color: "error"
+        }, title),
+        secondary: desc
+      }));
+    })
+  };
+};
+
+export { revokeGroup };

package/dist/components/Recipient/actions/revokeMember.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+
+var revokeMember = function revokeMember(_ref) {
+  var t = _ref.t,
+      isOwner = _ref.isOwner,
+      isSharedDrive = _ref.isSharedDrive,
+      handleRevocation = _ref.handleRevocation;
+  var revokeType = isOwner ? 'revoke' : 'revokeSelf';
+  var title = t("RevokeMemberItem.".concat(revokeType, ".title"));
+  var desc = isOwner && isSharedDrive ? t("RevokeMemberItem.revoke.sharedDriveDesc") : t("RevokeMemberItem.".concat(revokeType, ".desc"));
+  var icon = TrashIcon;
+  return {
+    name: 'revokeMember',
+    label: title,
+    icon: icon,
+    action: function action() {
+      handleRevocation();
+    },
+    Component: /*#__PURE__*/forwardRef(function RevokeMemberItem(props, ref) {
+      return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+        ref: ref
+      }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+        icon: icon,
+        color: "var(--errorColor)"
+      })), /*#__PURE__*/React.createElement(ListItemText, {
+        primary: /*#__PURE__*/React.createElement(Typography, {
+          color: "error"
+        }, title),
+        secondary: desc
+      }));
+    })
+  };
+};
+
+export { revokeMember };

package/dist/components/Recipient/actions/revokeSharedDriveMember.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+
+var makeComponent = function makeComponent(title) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: TrashIcon,
+      color: "var(--errorColor)"
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: /*#__PURE__*/React.createElement(Typography, {
+        color: "error"
+      }, title)
+    }));
+  });
+  Component.displayName = 'RevokeSharedDriveMember';
+  return Component;
+};
+
+var revokeSharedDriveMember = function revokeSharedDriveMember(_ref) {
+  var t = _ref.t,
+      handleRevocation = _ref.handleRevocation;
+  var title = t("RevokeSharedDriveMemberItem.revoke.title");
+  return {
+    name: 'revokeSharedDriveMember',
+    label: title,
+    action: function action() {
+      handleRevocation();
+    },
+    Component: makeComponent(title)
+  };
+};
+
+export { revokeSharedDriveMember };

package/dist/components/ShareAutosuggest.js

@@ -220,6 +220,7 @@ var ShareAutocomplete = function ShareAutocomplete(_ref) {
     renderInputComponent: renderInput,
     highlightFirstSuggestion: true,
     inputProps: {
+      autoFocus: true,
       onFocus: onAutosuggestFocus,
       onChange: onAutosuggestChange,
       onPaste: onAutosuggestPaste,

package/dist/components/ShareAutosuggest.spec.js

@@ -78,17 +78,25 @@ describe('ShareAutosuggest', function () {
       email: 'quentin.valmori@cozycloud.cc'
     });
   });
-  it('should show loading only after user focus input', function () {
+  it('should show loading indicator when loading prop is true (autoFocus triggers onFocus on mount)', function () {
     var onPick = jest.fn();
     var onRemove = jest.fn();
     setup({
       onPick: onPick,
       onRemove: onRemove,
       loading: true
+    }); // autoFocus triggers onFocus on mount, which sets isLoadingDisplayed
+
+    expect(screen.getByText('loading')).toBeInTheDocument();
+  });
+  it('should not show loading indicator when loading prop is false', function () {
+    var onPick = jest.fn();
+    var onRemove = jest.fn();
+    setup({
+      onPick: onPick,
+      onRemove: onRemove,
+      loading: false
     });
-    var inputNode = screen.getByPlaceholderText('myPlaceHolder');
     expect(screen.queryByText('loading')).toBeNull();
-    fireEvent.focus(inputNode);
-    expect(screen.getByText('loading')).toBeInTheDocument();
   });
 });

package/dist/components/ShareDialogCozyToCozy.spec.js

@@ -250,7 +250,7 @@ describe('ShareDialogCozyToCozy', function () {
       }
     }, _callee8);
   })));
-  it('main Share button calls onClose when there are no pending chips', function () {
+  it('main Done button calls onClose when there are no pending chips', function () {
     var onClose = jest.fn();
     var onShare = jest.fn();
 
@@ -263,13 +263,60 @@ describe('ShareDialogCozyToCozy', function () {
         getByRole = _setup6.getByRole;
 
     fireEvent.click(getByRole('button', {
-      name: 'Share'
+      name: 'Done'
     }));
     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;
+  it('close action closes dialog when there are no pending chips', function () {
+    var onClose = jest.fn();
+
+    var props = _objectSpread(_objectSpread({}, getMockProps()), {}, {
+      onClose: onClose
+    });
+
+    var _setup7 = setup(props),
+        getByRole = _setup7.getByRole;
+
+    fireEvent.click(getByRole('button', {
+      name: 'Close'
+    }));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('close action closes dialog when there are pending chips', function () {
+    var onClose = jest.fn();
+
+    var props = _objectSpread(_objectSpread({}, getMockProps()), {}, {
+      onClose: onClose
+    });
+
+    var _setup8 = setup(props),
+        getByPlaceholderText = _setup8.getByPlaceholderText,
+        getByRole = _setup8.getByRole,
+        queryByText = _setup8.queryByText;
+
+    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
+      });
+    });
+    fireEvent.click(getByRole('button', {
+      name: 'Close'
+    }));
+    expect(queryByText("Discard the changes you haven't saved?")).toBe(null);
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('main Done button calls onShare with chips then closes', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var onClose, onShare, props, _setup9, getByPlaceholderText, getByRole;
 
     return _regeneratorRuntime.wrap(function _callee10$(_context10) {
       while (1) switch (_context10.prev = _context10.next) {
@@ -280,7 +327,7 @@ describe('ShareDialogCozyToCozy', function () {
             onClose: onClose,
             onShare: onShare
           });
-          _setup7 = setup(props), getByPlaceholderText = _setup7.getByPlaceholderText, getByRole = _setup7.getByRole;
+          _setup9 = setup(props), getByPlaceholderText = _setup9.getByPlaceholderText, getByRole = _setup9.getByRole;
           act(function () {
             fireEvent.change(getByPlaceholderText('Enter the email address or name of the recipient'), {
               target: {
@@ -301,7 +348,7 @@ describe('ShareDialogCozyToCozy', function () {
               while (1) switch (_context9.prev = _context9.next) {
                 case 0:
                   fireEvent.click(getByRole('button', {
-                    name: 'Share'
+                    name: 'Done'
                   }));
 
                 case 1:
@@ -330,7 +377,7 @@ describe('ShareDialogCozyToCozy', function () {
     }, _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;
+    var _deferablePromise5, promise, resolve, rejectRecipient, props, _setup10, getByText, verifyButton, rejectButton, confirmRejectButton;
 
     return _regeneratorRuntime.wrap(function _callee15$(_context15) {
       while (1) switch (_context15.prev = _context15.next) {
@@ -348,7 +395,7 @@ describe('ShareDialogCozyToCozy', function () {
               recipientConfirmationDialogContent: CozyPassFingerprintDialogContent
             }
           });
-          _setup8 = setup(props), getByText = _setup8.getByText;
+          _setup10 = setup(props), getByText = _setup10.getByText;
           _context15.next = 6;
           return act( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
             return _regeneratorRuntime.wrap(function _callee11$(_context11) {

package/dist/components/ShareDiscardChangesModal.js

@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import { useI18n } from 'twake-i18n';
+
+var ShareDiscardChangesModal = function ShareDiscardChangesModal(_ref) {
+  var onCancel = _ref.onCancel,
+      onConfirm = _ref.onConfirm;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    title: t('ShareDiscardChangesModal.title'),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      label: t('ShareDiscardChangesModal.cancel'),
+      className: "u-fz-small",
+      onClick: onCancel
+    }), /*#__PURE__*/React.createElement(Button, {
+      variant: "primary",
+      label: t('ShareDiscardChangesModal.discard'),
+      className: "u-fz-small",
+      onClick: onConfirm
+    }))
+  });
+};
+
+ShareDiscardChangesModal.propTypes = {
+  onCancel: PropTypes.func.isRequired,
+  onConfirm: PropTypes.func.isRequired
+};
+export { ShareDiscardChangesModal };

package/dist/components/ShareModal/ShareModal copy.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/extends";
+import omit from 'lodash/omit';
+import React from 'react';
+import { useLocation } from 'react-router';
+import EditableSharingModal from './EditableSharingModal';
+import { SharingDetailsModal } from './SharingDetailsModal';
+import withLocales from '../../hoc/withLocales';
+import { useSharingContext } from '../../hooks/useSharingContext';
+export var ShareModal = withLocales(function (props) {
+  var _location$state;
+
+  var location = useLocation === null || useLocation === void 0 ? void 0 : useLocation();
+  var locationProps = location === null || location === void 0 || (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.modalProps;
+  var document = (locationProps === null || locationProps === void 0 ? void 0 : locationProps.document) || props.document;
+  var rest = omit(locationProps || props, 'document');
+
+  var _useSharingContext = useSharingContext(),
+      byDocId = _useSharingContext.byDocId,
+      isOwner = _useSharingContext.isOwner,
+      canReshare = _useSharingContext.canReshare,
+      documentType = _useSharingContext.documentType,
+      getOwner = _useSharingContext.getOwner,
+      getSharingType = _useSharingContext.getSharingType,
+      getRecipients = _useSharingContext.getRecipients,
+      revokeSelf = _useSharingContext.revokeSelf;
+
+  var isEditable = !byDocId[document.id] || isOwner(document.id) || canReshare(document.id);
+
+  if (isEditable) {
+    return /*#__PURE__*/React.createElement(EditableSharingModal, _extends({
+      document: document
+    }, rest));
+  }
+
+  return /*#__PURE__*/React.createElement(SharingDetailsModal, _extends({
+    document: document,
+    documentType: documentType,
+    owner: getOwner(document.id),
+    sharingType: getSharingType(document.id),
+    recipients: getRecipients(document.id),
+    onRevoke: revokeSelf
+  }, rest));
+});