cozy-sharing 32.3.1 → 32.3.2

package/dist/hooks/useContactsAndGroups.js

@@ -1,65 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { useQueryAll, isQueryLoading } from 'cozy-client';
-import flag from 'cozy-flags';
-import { getContactsFromGroupId } from '../helpers/contacts';
-import { buildReachableContactsQuery, buildContactGroupsQuery, buildUnreachableContactsWithGroupsQuery } from '../queries/queries';
-/**
- * Custom hook to fetch and process contacts and groups for sharing
- * @param {Array} currentRecipients - Array of current recipients to filter out from groups
- * @returns {Object} Object containing contactsAndGroups array and isLoading boolean
- */
-
-var useContactsAndGroups = function useContactsAndGroups() {
-  var currentRecipients = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var reachableContactsQuery = buildReachableContactsQuery();
-  var reachableContactsResult = useQueryAll(reachableContactsQuery.definition, reachableContactsQuery.options);
-  var unreachableContactsWithGroupsQuery = buildUnreachableContactsWithGroupsQuery();
-  var unreachableContactsWithGroupsResult = useQueryAll(unreachableContactsWithGroupsQuery.definition, _objectSpread(_objectSpread({}, unreachableContactsWithGroupsQuery.options), {}, {
-    enabled: !!flag('sharing.show-recipient-groups')
-  }));
-  var contactGroupsQuery = buildContactGroupsQuery();
-  var contactGroupsResult = useQueryAll(contactGroupsQuery.definition, contactGroupsQuery.options);
-  var isLoading = isQueryLoading(reachableContactsResult) || reachableContactsResult.hasMore || isQueryLoading(contactGroupsResult) || contactGroupsResult.hasMore || flag('sharing.show-recipient-groups') && (isQueryLoading(unreachableContactsWithGroupsResult) || unreachableContactsWithGroupsResult.hasMore);
-  var currentRecipientGroups = currentRecipients.map(function (_ref) {
-    var id = _ref.id;
-    return id;
-  }).filter(Boolean);
-  var contactGroups = (contactGroupsResult.data || []).filter(function (_ref2) {
-    var _id = _ref2._id;
-    return !flag('sharing.show-recipient-groups') || !currentRecipientGroups.includes(_id);
-  }).map(function (contactGroup) {
-    var reachableMembers = getContactsFromGroupId(reachableContactsResult.data, contactGroup.id).map(function (contact) {
-      return _objectSpread(_objectSpread({}, contact), {}, {
-        isReachable: true
-      });
-    });
-
-    if (flag('sharing.show-recipient-groups') !== true) {
-      return _objectSpread(_objectSpread({}, contactGroup), {}, {
-        members: reachableMembers
-      });
-    }
-
-    var unreachableMembers = getContactsFromGroupId(unreachableContactsWithGroupsResult.data, contactGroup.id).map(function (contact) {
-      return _objectSpread(_objectSpread({}, contact), {}, {
-        isReachable: false
-      });
-    });
-    return _objectSpread(_objectSpread({}, contactGroup), {}, {
-      members: [].concat(_toConsumableArray(reachableMembers), _toConsumableArray(unreachableMembers))
-    });
-  });
-  var contactsAndGroups = [].concat(_toConsumableArray(reachableContactsResult.data || []), _toConsumableArray(contactGroups));
-  return {
-    contactsAndGroups: contactsAndGroups,
-    isLoading: isLoading
-  };
-};
-
-export default useContactsAndGroups;

package/dist/hooks/useSharedDrive.js

@@ -1,130 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useState, useEffect } from 'react';
-import { useClient } from 'cozy-client';
-import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
-import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-import { buildSharingsByIdQuery } from '../queries/queries';
-/**
- * Separates sharing members into recipients and read-only recipients
- * @param {Array} members - Array of sharing members
- * @returns {Object} Object containing recipients and readOnlyRecipients arrays
- */
-
-var separateMembersByPermission = function separateMembersByPermission(members) {
-  return members.reduce(function (acc, member) {
-    if (member.status !== 'owner') {
-      if (member.read_only === true) {
-        acc.readOnlyRecipients.push(member);
-      } else {
-        acc.recipients.push(member);
-      }
-    }
-
-    return acc;
-  }, {
-    recipients: [],
-    readOnlyRecipients: []
-  });
-};
-/**
- * Custom hook to fetch shared drive data
- * @param {string} sharedDriveId - The ID of the shared drive to fetch
- * @returns {Object} Object containing shared drive data and loading state
- */
-
-
-export var useSharedDrive = function useSharedDrive(sharedDriveId) {
-  var client = useClient();
-
-  var _useI18n = useI18n(),
-      t = _useI18n.t;
-
-  var _useAlert = useAlert(),
-      showAlert = _useAlert.showAlert;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      sharedDrive = _useState2[0],
-      setSharedDrive = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isLoading = _useState4[0],
-      setIsLoading = _useState4[1];
-
-  useEffect(function () {
-    var fetchSharedDrive = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _yield$client$query2, sharing, sharedDriveName, sharedDriveRecipients;
-
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              if (sharedDriveId) {
-                _context.next = 3;
-                break;
-              }
-
-              setSharedDrive(null);
-              return _context.abrupt("return");
-
-            case 3:
-              setIsLoading(true);
-              _context.prev = 4;
-              _context.next = 7;
-              return client.query(buildSharingsByIdQuery(sharedDriveId).definition);
-
-            case 7:
-              _yield$client$query2 = _context.sent;
-              sharing = _yield$client$query2.data;
-
-              if (sharing) {
-                sharedDriveName = sharing.rules[0].title || '';
-                sharedDriveRecipients = separateMembersByPermission(sharing.members);
-                setSharedDrive({
-                  name: sharedDriveName,
-                  recipients: sharedDriveRecipients
-                });
-              } else {
-                setSharedDrive(null);
-              }
-
-              _context.next = 16;
-              break;
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](4);
-              setSharedDrive(null);
-              showAlert({
-                message: t('SharedDrive.sharedDriveModal.fetchErrorNotification'),
-                severity: 'error',
-                variant: 'filled'
-              });
-
-            case 16:
-              _context.prev = 16;
-              setIsLoading(false);
-              return _context.finish(16);
-
-            case 19:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, null, [[4, 12, 16, 19]]);
-      }));
-
-      return function fetchSharedDrive() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-
-    fetchSharedDrive();
-  }, [sharedDriveId, client, showAlert, t]);
-  return {
-    sharedDrive: sharedDrive,
-    isLoading: isLoading
-  };
-};

package/dist/hooks/useSharedDriveContactsAndGroups.js

@@ -1,65 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import { useQueryAll, isQueryLoading } from 'cozy-client';
-import flag from 'cozy-flags';
-import { getContactsFromGroupId } from '../helpers/contacts';
-import { buildReachableContactsQuery, buildContactGroupsQuery, buildUnreachableContactsWithGroupsQuery } from '../queries/queries';
-/**
- * Custom hook to fetch and process contacts and groups for sharing
- * @param {Array} currentRecipients - Array of current recipients to filter out from groups
- * @returns {Object} Object containing contactsAndGroups array and isLoading boolean
- */
-
-var useContactsAndGroups = function useContactsAndGroups() {
-  var currentRecipients = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var reachableContactsQuery = buildReachableContactsQuery();
-  var reachableContactsResult = useQueryAll(reachableContactsQuery.definition, reachableContactsQuery.options);
-  var unreachableContactsWithGroupsQuery = buildUnreachableContactsWithGroupsQuery();
-  var unreachableContactsWithGroupsResult = useQueryAll(unreachableContactsWithGroupsQuery.definition, _objectSpread(_objectSpread({}, unreachableContactsWithGroupsQuery.options), {}, {
-    enabled: !!flag('sharing.show-recipient-groups')
-  }));
-  var contactGroupsQuery = buildContactGroupsQuery();
-  var contactGroupsResult = useQueryAll(contactGroupsQuery.definition, contactGroupsQuery.options);
-  var isLoading = isQueryLoading(reachableContactsResult) || reachableContactsResult.hasMore || isQueryLoading(contactGroupsResult) || contactGroupsResult.hasMore || flag('sharing.show-recipient-groups') && (isQueryLoading(unreachableContactsWithGroupsResult) || unreachableContactsWithGroupsResult.hasMore);
-  var currentRecipientGroups = currentRecipients.map(function (_ref) {
-    var id = _ref.id;
-    return id;
-  }).filter(Boolean);
-  var contactGroups = (contactGroupsResult.data || []).filter(function (_ref2) {
-    var _id = _ref2._id;
-    return !flag('sharing.show-recipient-groups') || !currentRecipientGroups.includes(_id);
-  }).map(function (contactGroup) {
-    var reachableMembers = getContactsFromGroupId(reachableContactsResult.data, contactGroup.id).map(function (contact) {
-      return _objectSpread(_objectSpread({}, contact), {}, {
-        isReachable: true
-      });
-    });
-
-    if (flag('sharing.show-recipient-groups') !== true) {
-      return _objectSpread(_objectSpread({}, contactGroup), {}, {
-        members: reachableMembers
-      });
-    }
-
-    var unreachableMembers = getContactsFromGroupId(unreachableContactsWithGroupsResult.data, contactGroup.id).map(function (contact) {
-      return _objectSpread(_objectSpread({}, contact), {}, {
-        isReachable: false
-      });
-    });
-    return _objectSpread(_objectSpread({}, contactGroup), {}, {
-      members: [].concat(_toConsumableArray(reachableMembers), _toConsumableArray(unreachableMembers))
-    });
-  });
-  var contactsAndGroups = [].concat(_toConsumableArray(reachableContactsResult.data || []), _toConsumableArray(contactGroups));
-  return {
-    contactsAndGroups: contactsAndGroups,
-    isLoading: isLoading
-  };
-};
-
-export default useContactsAndGroups;

package/dist/propTypes.js

@@ -1,26 +0,0 @@
-import PropTypes from 'prop-types';
-import { Contact, Group } from './models';
-export var contactsResponseType = PropTypes.shape({
-  count: PropTypes.number,
-  data: PropTypes.arrayOf(Contact.propType),
-  definition: PropTypes.object,
-  fetchMore: PropTypes.func,
-  fetchStatus: PropTypes.string,
-  hasMore: PropTypes.bool,
-  id: PropTypes.string,
-  lastError: PropTypes.string,
-  lastFetch: PropTypes.number,
-  lastUpdate: PropTypes.number
-});
-export var contactGroupsResponseType = PropTypes.shape({
-  count: PropTypes.number,
-  data: PropTypes.arrayOf(Group.propType),
-  definition: PropTypes.object,
-  fetchMore: PropTypes.func,
-  fetchStatus: PropTypes.string,
-  hasMore: PropTypes.bool,
-  id: PropTypes.string,
-  lastError: PropTypes.string,
-  lastFetch: PropTypes.number,
-  lastUpdate: PropTypes.number
-});

package/dist/styles/shareddrive.styl

@@ -1,8 +0,0 @@
-@require 'components/forms.styl'
-
-.shared-drive-who-has-access-wrapper
-  border: 1px solid var(--borderMainColor)
-  border-radius: 0.5rem
-  width: 100%
-  padding: 1rem
-  box-sizing: border-box

package/src/components/SharedDrive/SharedDriveRecipient.jsx

@@ -1,62 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-import Fade from 'cozy-ui/transpiled/react/Fade'
-import ListItem from 'cozy-ui/transpiled/react/ListItem'
-import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
-import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
-import { useI18n } from 'twake-i18n'
-
-import SharedDriveRecipientPermissions from './SharedDriveRecipientPermissions'
-import SharedDriveRecipientStatus from './SharedDriveRecipientStatus'
-import {
-  FADE_IN_DURATION,
-  DEFAULT_DISPLAY_NAME
-} from '../../helpers/recipients'
-import { getDisplayName } from '../../models'
-import { GroupAvatar } from '../Avatar/GroupAvatar'
-import { MemberAvatar } from '../Avatar/MemberAvatar'
-
-const SharedDriveRecipient = props => {
-  const { t } = useI18n()
-  const { isMobile } = useBreakpoints()
-
-  const { fadeIn, members, ...rest } = props
-
-  const defaultDisplayName = t(DEFAULT_DISPLAY_NAME)
-  const name = getDisplayName(rest, defaultDisplayName)
-
-  return (
-    <Fade in timeout={fadeIn ? FADE_IN_DURATION : 0}>
-      <ListItem gutters={isMobile ? 'default' : 'double'} size="small">
-        <ListItemIcon>
-          {members ? (
-            <GroupAvatar size="m" />
-          ) : (
-            <MemberAvatar size="m" recipient={props} />
-          )}
-        </ListItemIcon>
-        <ListItemText
-          primary={<Typography variant="body1">{name}</Typography>}
-          secondary={<SharedDriveRecipientStatus {...props} />}
-        />
-        <SharedDriveRecipientPermissions
-          {...props}
-          className="u-flex-shrink-0"
-        />
-      </ListItem>
-    </Fade>
-  )
-}
-
-SharedDriveRecipient.propTypes = {
-  instance: PropTypes.string,
-  isOwner: PropTypes.bool,
-  status: PropTypes.string,
-  recipientConfirmationData: PropTypes.object,
-  verifyRecipient: PropTypes.func
-}
-
-export default SharedDriveRecipient

package/src/components/SharedDrive/SharedDriveRecipientPermissions.jsx

@@ -1,78 +0,0 @@
-import React, { useState, useRef } from 'react'
-
-import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu'
-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 { setReadOnlySharedPermission } from '../Recipient/actions/setReadOnlySharedPermission'
-import { setReadWriteSharedPermission } from '../Recipient/actions/setReadWriteSharedPermission'
-
-const ShareDriveRecipientPermissions = ({
-  index,
-  onSetType,
-  type,
-  onRevoke
-}) => {
-  const { t } = useI18n()
-  const buttonRef = useRef()
-  const [isMenuDisplayed, setMenuDisplayed] = useState(false)
-
-  const toggleMenu = () => setMenuDisplayed(!isMenuDisplayed)
-  const hideMenu = () => setMenuDisplayed(false)
-
-  const handleRevocation = async () => {
-    onRevoke(index)
-    hideMenu()
-  }
-
-  const setType = async newType => {
-    if (newType !== type) {
-      onSetType(index, newType)
-    }
-    hideMenu()
-  }
-
-  const actions = makeActions(
-    [setReadOnlySharedPermission, setReadWriteSharedPermission],
-    {
-      t,
-      type,
-      setType
-    }
-  )
-
-  return (
-    <div>
-      <DropdownButton
-        ref={buttonRef}
-        aria-controls="simple-menu"
-        aria-haspopup="true"
-        onClick={toggleMenu}
-        textVariant="body2"
-      >
-        {t(`Share.type.${type}`)}
-      </DropdownButton>
-      <ActionsMenu
-        ref={buttonRef}
-        open={isMenuDisplayed}
-        actions={actions}
-        autoClose
-        onClose={hideMenu}
-      />
-      <IconButton
-        onClick={handleRevocation}
-        size="small"
-        className="u-ml-half"
-        aria-label={t('Share.members.revoke')}
-      >
-        <Icon icon={CrossCircleOutlineIcon} />
-      </IconButton>
-    </div>
-  )
-}
-
-export default ShareDriveRecipientPermissions

package/src/components/SharedDrive/SharedDriveRecipientStatus.jsx

@@ -1,23 +0,0 @@
-import React from 'react'
-
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'twake-i18n'
-
-const SharedDriveRecipientStatus = ({ members, email }) => {
-  const { t } = useI18n()
-
-  const text = members
-    ? t('GroupRecipient.secondary', {
-        memberCount: members.length,
-        smart_count: members.length
-      })
-    : email
-
-  return (
-    <Typography variant="caption" color="textSecondary">
-      {text}
-    </Typography>
-  )
-}
-
-export default SharedDriveRecipientStatus

package/src/components/SharedFolder/DumbBatchSharedFolderModal.jsx

@@ -1,161 +0,0 @@
-import PropTypes from 'prop-types'
-import React from 'react'
-
-import Button from 'cozy-ui/transpiled/react/Buttons'
-import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import TextField from 'cozy-ui/transpiled/react/TextField'
-import Typography from 'cozy-ui/transpiled/react/Typography'
-import { useI18n } from 'twake-i18n'
-
-import withLocales from '../../hoc/withLocales'
-import AntivirusAlert from '../AntivirusAlert'
-import { default as DumbShareByEmail } from '../ShareByEmail'
-import ShareByLink from '../ShareByLink'
-import WhoHasAccess from '../WhoHasAccess'
-
-export const DumbBatchSharedFolderModal = withLocales(
-  ({
-    title,
-    document,
-    folderName,
-    handleFolderNameChange,
-    recipients,
-    currentRecipients,
-    onRevoke,
-    onSend,
-    onClose,
-    showNameField = false,
-    sharingLink,
-    nameLabel,
-    shareLabel,
-    showShareByEmail = true,
-    autoOpenShareRestriction,
-    showGenerateLinkButton,
-    pendingRecipients,
-    onPendingRecipientsChange,
-    selectedOption,
-    onSelectedOptionChange
-  }) => {
-    const { t } = useI18n()
-    const actionButtons = (() => {
-      if (!showShareByEmail) {
-        return (
-          <ShareByLink
-            link={sharingLink}
-            document={document}
-            documentType="Files"
-            showGenerateLinkButton={showGenerateLinkButton}
-            autoOpenShareRestriction={autoOpenShareRestriction}
-          />
-        )
-      }
-
-      if (!showNameField) {
-        return (
-          <>
-            <ShareByLink
-              link={sharingLink}
-              document={document}
-              documentType="Files"
-              showGenerateLinkButton={showGenerateLinkButton}
-              autoOpenShareRestriction={autoOpenShareRestriction}
-            />
-            <Button
-              variant="primary"
-              label={shareLabel}
-              disabled={!onSend}
-              onClick={onSend}
-            />
-          </>
-        )
-      }
-
-      return null
-    })()
-
-    return (
-      <FixedDialog
-        open
-        disableGutters
-        onClose={onClose}
-        title={title}
-        classes={{ paper: 'u-ov-visible' }}
-        componentsProps={{
-          dialogContent: { className: 'u-ov-visible' }
-        }}
-        content={
-          <div>
-            <div className="u-ph-2">
-              <AntivirusAlert document={document} />
-              {showNameField && handleFolderNameChange && (
-                <TextField
-                  required
-                  label={nameLabel}
-                  variant="outlined"
-                  size="small"
-                  className="u-w-100 u-mt-1-half"
-                  value={folderName ?? ''}
-                  onChange={handleFolderNameChange}
-                />
-              )}
-              <Typography variant="h6" className="u-mt-1-half u-mb-half">
-                {t('Share.contacts.addUsers')}
-              </Typography>
-              {showShareByEmail && (
-                <DumbShareByEmail
-                  currentRecipients={currentRecipients}
-                  document={document}
-                  documentType="Files"
-                  pendingRecipients={pendingRecipients}
-                  onPendingRecipientsChange={onPendingRecipientsChange}
-                  selectedOption={selectedOption}
-                  onSelectedOptionChange={onSelectedOptionChange}
-                />
-              )}
-            </div>
-            <WhoHasAccess
-              isOwner
-              isSharedDrive
-              recipients={recipients}
-              document={document}
-              documentType="Files"
-              className="u-w-100"
-              onRevoke={onRevoke}
-              link={sharingLink}
-            />
-          </div>
-        }
-        actions={actionButtons}
-      />
-    )
-  }
-)
-
-DumbBatchSharedFolderModal.propTypes = {
-  title: PropTypes.string,
-  document: PropTypes.object,
-  folderName: PropTypes.string,
-  handleFolderNameChange: PropTypes.func,
-  recipients: PropTypes.array,
-  currentRecipients: PropTypes.array,
-  onRevoke: PropTypes.func.isRequired,
-  onCreate: PropTypes.func,
-  onSend: PropTypes.func,
-  onClose: PropTypes.func.isRequired,
-  onRename: PropTypes.func,
-  showNameField: PropTypes.bool,
-  sharingLink: PropTypes.string,
-  nameLabel: PropTypes.string,
-  addPeopleLabel: PropTypes.string,
-  cancelLabel: PropTypes.string,
-  createLabel: PropTypes.string,
-  shareLabel: PropTypes.string,
-  saveLabel: PropTypes.string,
-  showShareByEmail: PropTypes.bool,
-  autoOpenShareRestriction: PropTypes.bool,
-  showGenerateLinkButton: PropTypes.bool,
-  pendingRecipients: PropTypes.array,
-  onPendingRecipientsChange: PropTypes.func,
-  selectedOption: PropTypes.oneOf(['readWrite', 'readOnly']),
-  onSelectedOptionChange: PropTypes.func
-}