cozy-sharing 10.2.0 → 10.4.0

package/dist/components/ShareByEmail.js

@@ -17,34 +17,30 @@ import { hasReachRecipientsLimit } from '../helpers/recipients';
 import { getSuccessMessage } from '../helpers/successMessage';
 import { Group } from '../models';
 import { contactsResponseType, groupsResponseType } from '../propTypes';
+import { isReadOnlySharing } from '../state';
 var styles = {
-  "share-modal-content": "share__share-modal-content___XTtaK",
-  "coz-form": "share__coz-form___33NYF",
-  "coz-form-group": "share__coz-form-group___1PLAZ",
-  "coz-form-desc": "share__coz-form-desc___-pmK5",
-  "coz-form-label": "share__coz-form-label___31jb0",
-  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
-  "coz-form-errors": "share__coz-form-errors___1rk2R",
-  "coz-form-controls": "share__coz-form-controls___39Uwg",
-  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
-  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
-  "error": "share__error___6Ycal",
-  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
-  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
-  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
-  "share-type-control": "share__share-type-control___KcpDf",
-  "select-wrapper": "share__select-wrapper___3FfiH",
-  "select-option": "share__select-option___13o6b",
-  "select-option-label": "share__select-option-label___Zj_RU",
-  "select-option-desc": "share__select-option-desc___6uaQq",
-  "share-details-created": "share__share-details-created___13BO0",
-  "share-details-perm": "share__share-details-perm___23_VF",
-  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
-  "spin": "share__spin___1P7nU",
-  "shake": "share__shake___1EeCI"
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "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"
 };
-import { isReadOnlySharing } from '../state';
 export var ShareByEmail = function ShareByEmail(_ref) {
   var contacts = _ref.contacts,
       groups = _ref.groups,

package/dist/components/ShareDialogCozyToCozy.js

@@ -10,31 +10,27 @@ import { default as DumbShareByLink } from './ShareByLink';
 import ShareDialogTwoStepsConfirmationContainer from './ShareDialogTwoStepsConfirmationContainer';
 import WhoHasAccess from './WhoHasAccess';
 var styles = {
-  "share-modal-content": "share__share-modal-content___XTtaK",
-  "coz-form": "share__coz-form___33NYF",
-  "coz-form-group": "share__coz-form-group___1PLAZ",
-  "coz-form-desc": "share__coz-form-desc___-pmK5",
-  "coz-form-label": "share__coz-form-label___31jb0",
-  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
-  "coz-form-errors": "share__coz-form-errors___1rk2R",
-  "coz-form-controls": "share__coz-form-controls___39Uwg",
-  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
-  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
-  "error": "share__error___6Ycal",
-  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
-  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
-  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
-  "share-type-control": "share__share-type-control___KcpDf",
-  "select-wrapper": "share__select-wrapper___3FfiH",
-  "select-option": "share__select-option___13o6b",
-  "select-option-label": "share__select-option-label___Zj_RU",
-  "select-option-desc": "share__select-option-desc___6uaQq",
-  "share-details-created": "share__share-details-created___13BO0",
-  "share-details-perm": "share__share-details-perm___23_VF",
-  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
-  "spin": "share__spin___1P7nU",
-  "shake": "share__shake___1EeCI"
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "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

package/dist/components/{EditableSharingModal.js → ShareModal/EditableSharingModal.js}

@@ -4,11 +4,11 @@ var _excluded = ["document"];
 import PropTypes from 'prop-types';
 import React from 'react';
 import { useClient, useQueryAll } from 'cozy-client';
-import { default as DumbShareModal } from './ShareModal';
-import { useFetchDocumentPath } from './useFetchDocumentPath';
-import SharingContext from '../context';
-import { Contact } from '../models';
-import { buildContactsQuery, buildGroupsQuery } from '../queries/queries';
+import SharingContext from '../../context';
+import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath';
+import { Contact } from '../../models';
+import { buildContactsQuery, buildGroupsQuery } from '../../queries/queries';
+import { default as DumbShareModal } from '../ShareModal';
 export var EditableSharingModal = function EditableSharingModal(_ref) {
   var document = _ref.document,
       rest = _objectWithoutProperties(_ref, _excluded);

package/dist/components/{EditableSharingModal.spec.js → ShareModal/EditableSharingModal.spec.js}

@@ -3,12 +3,12 @@ import React from 'react';
 import { createMockClient } from 'cozy-client';
 import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { EditableSharingModal } from './EditableSharingModal';
-import { default as DumbShareModal } from './ShareModal';
-import { useFetchDocumentPath } from './useFetchDocumentPath';
-import AppLike from '../../test/AppLike';
-import { SharingProvider } from '../SharingProvider';
-import { receivePaths } from '../state';
-jest.mock('./useFetchDocumentPath', function () {
+import AppLike from '../../../test/AppLike';
+import { SharingProvider } from '../../SharingProvider';
+import { useFetchDocumentPath } from '../../hooks/useFetchDocumentPath';
+import { receivePaths } from '../../state';
+import { default as DumbShareModal } from '../ShareModal';
+jest.mock('../../hooks/useFetchDocumentPath', function () {
   return {
     useFetchDocumentPath: jest.fn()
   };

package/dist/components/ShareModal/ShareModal.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));
+});

package/dist/{SharingDetailsModal.js → components/ShareModal/SharingDetailsModal.js}

@@ -3,36 +3,32 @@ import React from 'react';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import Divider from 'cozy-ui/transpiled/react/Divider';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-import OwnerIdentity from './components/Recipient/OwnerIdentity';
-import WhoHasAccess from './components/WhoHasAccess';
-import { getDisplayName } from './models';
+import { getDisplayName } from '../../models';
 var styles = {
-  "share-modal-content": "share__share-modal-content___XTtaK",
-  "coz-form": "share__coz-form___33NYF",
-  "coz-form-group": "share__coz-form-group___1PLAZ",
-  "coz-form-desc": "share__coz-form-desc___-pmK5",
-  "coz-form-label": "share__coz-form-label___31jb0",
-  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
-  "coz-form-errors": "share__coz-form-errors___1rk2R",
-  "coz-form-controls": "share__coz-form-controls___39Uwg",
-  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
-  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
-  "error": "share__error___6Ycal",
-  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
-  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
-  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
-  "share-type-control": "share__share-type-control___KcpDf",
-  "select-wrapper": "share__select-wrapper___3FfiH",
-  "select-option": "share__select-option___13o6b",
-  "select-option-label": "share__select-option-label___Zj_RU",
-  "select-option-desc": "share__select-option-desc___6uaQq",
-  "share-details-created": "share__share-details-created___13BO0",
-  "share-details-perm": "share__share-details-perm___23_VF",
-  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
-  "spin": "share__spin___1P7nU",
-  "shake": "share__shake___1EeCI"
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "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"
 };
+import OwnerIdentity from '../Recipient/OwnerIdentity';
+import WhoHasAccess from '../WhoHasAccess';
 export var SharingDetailsModal = function SharingDetailsModal(_ref) {
   var onClose = _ref.onClose,
       sharingType = _ref.sharingType,

package/dist/components/SharedBadge.js

@@ -5,12 +5,12 @@ import Icon from 'cozy-ui/transpiled/react/Icon';
 import ShareIcon from 'cozy-ui/transpiled/react/Icons/Share';
 import palette from 'cozy-ui/transpiled/react/palette';
 var styles = {
-  "shared-badge": "badge__shared-badge___2QYc_",
-  "--small": "badge__--small___3i2p8",
-  "shared-badge-icon": "badge__shared-badge-icon___kngsy",
-  "--xsmall": "badge__--xsmall___1SOfR",
-  "--by-me": "badge__--by-me___3zfDg",
-  "--with-me": "badge__--with-me___30u7z"
+  "shared-badge": "badge__shared-badge___2jGsy",
+  "--small": "badge__--small___2VMyY",
+  "shared-badge-icon": "badge__shared-badge-icon___3s9t1",
+  "--xsmall": "badge__--xsmall___2cEGG",
+  "--by-me": "badge__--by-me___3aTHb",
+  "--with-me": "badge__--with-me___3jW7R"
 };
 
 var SharedBadge = function SharedBadge(_ref) {

package/dist/components/SharedStatus.js

@@ -3,10 +3,6 @@ import React from 'react';
 import palette from 'cozy-ui/transpiled/react/palette';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { SharingTooltip, TooltipRecipientList } from './Tooltip';
-var styles = {
-  "shared-status": "status__shared-status___J15Fy",
-  "shared-status-label": "status__shared-status-label___2AWic"
-};
 
 var LinkIcon = function LinkIcon(props) {
   return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("path", {
@@ -26,6 +22,10 @@ LinkIcon.defaultProps = {
   xmlnsXlink: "http://www.w3.org/1999/xlink"
 };
 import { getDisplayName } from '../models';
+var styles = {
+  "shared-status": "status__shared-status___2HpyL",
+  "shared-status-label": "status__shared-status-label___1-jvS"
+};
 export var SharedStatus = function SharedStatus(_ref) {
   var className = _ref.className,
       docId = _ref.docId,

package/dist/components/Sharetypeselect.js

@@ -14,31 +14,27 @@ import SelectBox, { components } from 'cozy-ui/transpiled/react/SelectBox';
 import palette from 'cozy-ui/transpiled/react/palette';
 import logger from '../logger';
 var styles = {
-  "share-modal-content": "share__share-modal-content___XTtaK",
-  "coz-form": "share__coz-form___33NYF",
-  "coz-form-group": "share__coz-form-group___1PLAZ",
-  "coz-form-desc": "share__coz-form-desc___-pmK5",
-  "coz-form-label": "share__coz-form-label___31jb0",
-  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
-  "coz-form-errors": "share__coz-form-errors___1rk2R",
-  "coz-form-controls": "share__coz-form-controls___39Uwg",
-  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
-  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
-  "error": "share__error___6Ycal",
-  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
-  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
-  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
-  "share-type-control": "share__share-type-control___KcpDf",
-  "select-wrapper": "share__select-wrapper___3FfiH",
-  "select-option": "share__select-option___13o6b",
-  "select-option-label": "share__select-option-label___Zj_RU",
-  "select-option-desc": "share__select-option-desc___6uaQq",
-  "share-details-created": "share__share-details-created___13BO0",
-  "share-details-perm": "share__share-details-perm___23_VF",
-  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
-  "spin": "share__spin___1P7nU",
-  "shake": "share__shake___1EeCI"
+  "share-modal-content": "share__share-modal-content___1iqEq",
+  "coz-form": "share__coz-form___1ICST",
+  "coz-form-group": "share__coz-form-group___VsQp7",
+  "coz-form-desc": "share__coz-form-desc___2mYN4",
+  "coz-form-label": "share__coz-form-label___bogBw",
+  "coz-form-label--error": "share__coz-form-label--error___3YPkf",
+  "coz-form-errors": "share__coz-form-errors___2xYRz",
+  "coz-form-controls": "share__coz-form-controls___H8kGc",
+  "coz-form-controls--full": "share__coz-form-controls--full___1oQXF",
+  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___1zIxt",
+  "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"
 };
 
 var DropdownIndicator = function DropdownIndicator(props) {

package/dist/{SharingBanner → components/SharingBanner}/components/PublicBanner.js

@@ -7,7 +7,7 @@ import Button, { ButtonLink } from 'cozy-ui/transpiled/react/deprecated/Button';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import CozyHomeLinkIcon from './CozyHomeLinkIcon';
 var styles = {
-  "bannermarkdown": "publicBanner__bannermarkdown___1EMSa"
+  "bannermarkdown": "publicBanner__bannermarkdown___1dR1E"
 };
 var HOME_LINK_HREF = 'https://manager.cozycloud.cc/cozy/create';
 
@@ -111,7 +111,7 @@ var SharingBannerByLinkText = function SharingBannerByLinkText() {
   }, t('Share.banner.know_more'));
   return /*#__PURE__*/React.createElement("span", {
     style: {
-      color: 'var(--textIconColor)'
+      color: 'var(--iconTextColor)'
     }
   }, text, " ", knowMore);
 };

package/dist/{SharingBanner → components/SharingBanner}/hooks/useSharingInfos.js

@@ -3,8 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useState, useEffect } from 'react';
 import { useClient, models } from 'cozy-client';
-import logger from '../../logger';
-import { buildSharingsByIdQuery } from '../../queries/queries';
+import logger from '../../../logger';
+import { buildSharingsByIdQuery } from '../../../queries/queries';
 import getQueryParameter from '../helpers/QueryParameter';
 
 var getSharingId = function getSharingId(permission) {

package/dist/{SharingBanner → components/SharingBanner}/index.js

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { SharingBanner } from './components/SharingBanner';
 import { useSharingInfos } from './hooks/useSharingInfos';
-import withLocales from '../withLocales';
+import withLocales from '../../hoc/withLocales';
 
 var Plugin = function Plugin(_ref) {
   var previewPath = _ref.previewPath;

package/dist/{SharingBanner → components/SharingBanner}/test/AppLike.js

@@ -9,8 +9,8 @@ import FabProvider from './FabProvider';
 import { ModalContext } from './ModalContext';
 import { RouterContext } from './RouterContext';
 import { ThumbnailSizeContextProvider } from './ThumbnailSizeContext';
-import langEn from '../../../locales/en.json';
-import SharingContext from '../../context';
+import langEn from '../../../../locales/en.json';
+import SharingContext from '../../../context';
 var mockStore = createStore(function () {
   return {
     mobile: {

package/dist/components/Tooltip.js

@@ -27,8 +27,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import ReactTooltip from 'react-tooltip';
 var styles = {
-  "shared-tooltip": "tooltip__shared-tooltip___33CoC",
-  "shared-tooltip-list": "tooltip__shared-tooltip-list___3gFkD"
+  "shared-tooltip": "tooltip__shared-tooltip___7Dys3",
+  "shared-tooltip-list": "tooltip__shared-tooltip-list___jD5hi"
 };
 export var SharingTooltip = function SharingTooltip(props) {
   return /*#__PURE__*/React.createElement(ReactTooltip, _extends({

package/dist/components/WhoHasAccess.js

@@ -1,13 +1,11 @@
-import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import React from 'react';
 import List from 'cozy-ui/transpiled/react/List';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import LinkRecipient from './Recipient/LinkRecipient';
 import OwnerRecipient from './Recipient/OwnerRecipient';
-import Recipient from './Recipient/Recipient';
+import { RecipientList } from './Recipient/RecipientList';
 import { usePrevious } from '../helpers/hooks';
-import { filterAndReworkRecipients } from '../helpers/recipients';
 /**
  * Displays a warning if some contacts are waiting for confirmation of their sharing
  *
@@ -46,9 +44,7 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
       onUpdateShareLinkPermissions = _ref2.onUpdateShareLinkPermissions,
       onRevokeLink = _ref2.onRevokeLink;
   var previousLink = usePrevious(link);
-  var previousRecipients = usePrevious(recipients);
   var linkHasBeenJustCreated = link && previousLink === null;
-  var recipientsToDisplay = filterAndReworkRecipients(recipients, previousRecipients);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, /*#__PURE__*/React.createElement(RecipientWaitingForConfirmationAlert, {
@@ -67,21 +63,15 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
     fadeIn: linkHasBeenJustCreated
   }), /*#__PURE__*/React.createElement(OwnerRecipient, {
     recipients: recipients
-  }), recipientsToDisplay.map(function (recipient) {
-    var recipientConfirmationData = recipientsToBeConfirmed.find(function (user) {
-      return user.email === recipient.email;
-    });
-    return /*#__PURE__*/React.createElement(Recipient, _extends({}, recipient, {
-      key: "key_r_".concat(recipient.index),
-      isOwner: isOwner,
-      document: document,
-      documentType: documentType,
-      onRevoke: onRevoke,
-      onRevokeSelf: onRevokeSelf,
-      recipientConfirmationData: recipientConfirmationData,
-      verifyRecipient: verifyRecipient,
-      fadeIn: recipient.hasBeenJustAdded
-    }));
+  }), /*#__PURE__*/React.createElement(RecipientList, {
+    recipients: recipients,
+    recipientsToBeConfirmed: recipientsToBeConfirmed,
+    isOwner: isOwner,
+    document: document,
+    documentType: documentType,
+    onRevoke: onRevoke,
+    onRevokeSelf: onRevokeSelf,
+    verifyRecipient: verifyRecipient
   })));
 };
 

package/dist/components/WhoHasAccessLight.js

@@ -3,7 +3,23 @@ import cx from 'classnames';
 import React from 'react';
 import RecipientPlusX from './Recipient/RecipientPlusX';
 import RecipientWithoutStatus from './Recipient/RecipientWithoutStatus';
-var styles = {};
+var styles = {
+  "recipient": "recipient__recipient___2DmZI",
+  "recipients-list-light": "recipient__recipients-list-light___Vq4op",
+  "recipient-idents": "recipient__recipient-idents___3s7rw",
+  "recipient-status-icon": "recipient__recipient-status-icon___-liGw",
+  "recipient-user": "recipient__recipient-user___1THIU",
+  "recipient-details": "recipient__recipient-details___2fZfc",
+  "avatar": "recipient__avatar___2LnIV",
+  "link-recipient-icon-circle": "recipient__link-recipient-icon-circle___3ZTU-",
+  "recipients-avatars": "recipient__recipients-avatars___1npjD",
+  "--interactive": "recipient__--interactive___160Bp",
+  "recipients-avatars--link": "recipient__recipients-avatars--link___1qeON",
+  "recipients-avatars--plusX": "recipient__recipients-avatars--plusX___3-6_l",
+  "recipients-avatars--avatar": "recipient__recipients-avatars--avatar___-owjC",
+  "spin": "recipient__spin___2tYv3",
+  "shake": "recipient__shake___TGyPp"
+};
 var MAX_DISPLAYED_RECIPIENTS = 2;
 
 var WhoHasAccessLight = function WhoHasAccessLight(_ref) {

package/dist/{withLocales.js → hoc/withLocales.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import { I18n, translate } from 'cozy-ui/transpiled/react/providers/I18n';
 var locales = {
-  en: require("../locales/en.json"),
-  fr: require("../locales/fr.json")
+  en: require("../../locales/en.json"),
+  fr: require("../../locales/fr.json")
 };
 /**
  * Adds cozy-sharing translations in the React context

package/dist/index.js

@@ -1,9 +1,10 @@
 import SharingProvider from './SharingProvider';
 import SharingContext from './context';
-import withLocales from './withLocales';
+import withLocales from './hoc/withLocales';
 export default SharingProvider;
 export { SharingContext, withLocales };
 export { useSharingContext } from './hooks/useSharingContext';
+export { useFetchDocumentPath } from './hooks/useFetchDocumentPath';
 export { SharedDocument } from './SharedDocument';
 export { SharedStatus } from './SharedStatus';
 export { SharedBadge } from './SharedBadge';
@@ -11,12 +12,11 @@ export { SharingOwnerAvatar } from './SharingOwnerAvatar';
 export { SharedRecipients } from './SharedRecipients';
 export { SharedRecipientsList } from './SharedRecipientsList';
 export { ShareButton } from './ShareButton';
-export { ShareModal } from './ShareModal';
+export { ShareModal } from './components/ShareModal/ShareModal';
 export { RefreshableSharings } from './RefreshableSharings';
-export { useFetchDocumentPath } from './components/useFetchDocumentPath';
 export { CozyPassFingerprintDialogContent } from './components/CozyPassFingerprintDialogContent';
-export { SharingBannerPlugin } from './SharingBanner';
-export { useSharingInfos } from './SharingBanner/hooks/useSharingInfos';
+export { SharingBannerPlugin } from './components/SharingBanner';
+export { useSharingInfos } from './components/SharingBanner/hooks/useSharingInfos';
 export { ConfirmTrustedRecipientsDialog } from './ConfirmTrustedRecipientsDialog';
 export { ShareButtonWithRecipients } from './ShareButtonWithRecipients';
 export { DOCUMENT_TYPE } from './helpers/documentType';

package/dist/{components → styles}/actionmenu.styl

@@ -1,5 +1,3 @@
-@require 'settings/palette.styl'
-
 .fil-mobileactionmenu
     color      var(--charcoalGrey)
     hr

package/dist/{components → styles}/autosuggest.styl

@@ -1,6 +1,3 @@
-@require 'settings/palette.styl'
-@require 'settings/z-index.styl'
-
 .container
     position relative
 
@@ -9,7 +6,7 @@
     position absolute
     top 100%
     margin-top .25rem
-    z-index $alert-index-mobile
+    z-index var(--zIndex-alertMobile)
     width 100%
     overflow hidden
     box-shadow 0px 0px 0px 0.5px rgba(29, 33, 42, 0.12), 0px 2px 4px rgba(29, 33, 42, 0.0793047), 0px 4px 16px rgba(29, 33, 42, 0.06)

package/dist/{SharingBanner/components → styles}/publicBanner.styl

@@ -6,9 +6,9 @@
     img
         @extend $avatar
         @extend $circle
-        width rem(16)	  
-        height rem(16)	    
-        min-width rem(16)	
-        min-height rem(16)	
+        width rem(16)
+        height rem(16)
+        min-width rem(16)
+        min-height rem(16)
         font-size rem(7)
-        vertical-align text-bottom
+        vertical-align text-bottom

package/dist/{components/Recipient → styles}/recipient.styl

@@ -1,6 +1,5 @@
 @require 'components/button.styl'
 @require 'settings/breakpoints.styl'
-@require 'settings/palette.styl'
 
 :root
   --genericRecipientBackground: var(--slateGrey)

package/{src → dist/styles}/share.styl

@@ -1,7 +1,6 @@
 @require 'components/forms.styl'
 @require 'components/popover.styl'
 @require 'settings/breakpoints.styl'
-@require 'settings/palette.styl'
 
 .share-byemail-onlybylink
     background var(--paleGrey)