cozy-sharing 33.5.1 → 33.6.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [33.6.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.5.1...cozy-sharing@33.6.0) (2026-06-17)
+
+### Features
+
+- Add prop to enable a readonly list in WhoHasAccess ([9643520](https://github.com/cozy/cozy-libs/commit/9643520bfbd9d1da425176efec5e361bf5ef1498))
+- Display read only modal (details modal) for B2B shared drive ([9960588](https://github.com/cozy/cozy-libs/commit/9960588289d67555f0a3cf3e0b24fd7c8fe222fc))
+- Enable readonly display of link recipient ([c5146b0](https://github.com/cozy/cozy-libs/commit/c5146b094b17c7956419dd50b47b113b929daa29))
+- Remove unwanted details from sharing details modal ([b067718](https://github.com/cozy/cozy-libs/commit/b0677189eeebe258177187ea98ce2f48b6af8777))
+- Show "Owner" if owner or type otherwise when no menu in member ([b4ef094](https://github.com/cozy/cozy-libs/commit/b4ef0942ecba54a21f4ed0ed16ccc480a1e1525d))
+- Show type instead of status when no menu in member ([ba87489](https://github.com/cozy/cozy-libs/commit/ba874890418899aeecdba41b792724dbae0ce7c9))
+
 ## [33.5.1](https://github.com/cozy/cozy-libs/compare/cozy-sharing@33.5.0...cozy-sharing@33.5.1) (2026-06-17)
 
 ### Bug Fixes

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -31,10 +31,7 @@ var styles = {
   "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
   "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "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"
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
 import AntivirusAlert from '../AntivirusAlert';
 import { default as DumbShareByEmail } from '../ShareByEmail';

package/dist/components/Recipient/LinkRecipient.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
@@ -21,6 +20,37 @@ import { FADE_IN_DURATION } from '../../helpers/recipients';
 import { useSharingContext } from '../../hooks/useSharingContext';
 import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal';
 
+var LinkRecipientTextReadOnly = function LinkRecipientTextReadOnly(_ref) {
+  var textPrimary = _ref.textPrimary,
+      textSecondary = _ref.textSecondary;
+  return /*#__PURE__*/React.createElement(ListItemText, {
+    primary: /*#__PURE__*/React.createElement("div", {
+      className: "u-flex u-flex-items-center"
+    }, /*#__PURE__*/React.createElement(Typography, null, textPrimary)),
+    secondary: textSecondary
+  });
+};
+
+var LinkRecipientText = function LinkRecipientText(_ref2) {
+  var onClick = _ref2.onClick,
+      textPrimary = _ref2.textPrimary,
+      textSecondary = _ref2.textSecondary;
+  return /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: onClick,
+    primary: /*#__PURE__*/React.createElement("div", {
+      className: "u-flex u-flex-items-center"
+    }, /*#__PURE__*/React.createElement(Typography, {
+      className: "u-c-pointer "
+    }, textPrimary), /*#__PURE__*/React.createElement(IconButton, {
+      size: "small",
+      className: "u-ml-half"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: Gear
+    }))),
+    secondary: textSecondary
+  });
+};
+
 var LinkRecipient = function LinkRecipient(props) {
   var _useI18n = useI18n(),
       t = _useI18n.t,
@@ -36,7 +66,8 @@ var LinkRecipient = function LinkRecipient(props) {
   var recipientConfirmationData = props.recipientConfirmationData,
       verifyRecipient = props.verifyRecipient,
       fadeIn = props.fadeIn,
-      document = props.document;
+      document = props.document,
+      isReadOnly = props.isReadOnly;
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -54,9 +85,7 @@ var LinkRecipient = function LinkRecipient(props) {
   var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
     recipientConfirmationData: recipientConfirmationData,
     verifyRecipient: verifyRecipient
-  }) : /*#__PURE__*/React.createElement(LinkRecipientPermissions, _extends({}, props, {
-    className: "u-flex-shrink-0"
-  }));
+  }) : /*#__PURE__*/React.createElement(LinkRecipientPermissions, props);
   return /*#__PURE__*/React.createElement(Fade, {
     in: true,
     timeout: fadeIn ? FADE_IN_DURATION : 0
@@ -70,21 +99,15 @@ var LinkRecipient = function LinkRecipient(props) {
     innerBorder: true
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: LinkIcon
-  }))), /*#__PURE__*/React.createElement(ListItemText, {
+  }))), isReadOnly ? /*#__PURE__*/React.createElement(LinkRecipientTextReadOnly, {
+    textPrimary: textPrimary,
+    textSecondary: textSecondary
+  }) : /*#__PURE__*/React.createElement(LinkRecipientText, {
     onClick: function onClick() {
       return setOpenShareRestrictionModal(true);
     },
-    primary: /*#__PURE__*/React.createElement("div", {
-      className: "u-flex u-flex-items-center"
-    }, /*#__PURE__*/React.createElement(Typography, {
-      className: "u-c-pointer "
-    }, textPrimary), /*#__PURE__*/React.createElement(IconButton, {
-      size: "small",
-      className: "u-ml-half"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      icon: Gear
-    }))),
-    secondary: textSecondary
+    textPrimary: textPrimary,
+    textSecondary: textSecondary
   }), RightPart, openShareRestrictionModal && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
     file: document,
     onClose: function onClose() {

package/dist/components/Recipient/LinkRecipientPermissions.js

@@ -4,6 +4,7 @@ import React, { useState, useRef } from 'react';
 import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
 import { makeActions, divider } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useI18n } from 'twake-i18n';
 import { revokeLink } from './actions/revokeLink';
 import { setReadOnlySharedPermission } from './actions/setReadOnlySharedPermission';
@@ -14,8 +15,8 @@ import { useSharingContext } from '../../hooks/useSharingContext';
 import { WRITE_PERMS, READ_ONLY_PERMS } from '../ShareRestrictionModal/helpers';
 
 var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
-  var className = _ref.className,
-      document = _ref.document;
+  var document = _ref.document,
+      isReadOnly = _ref.isReadOnly;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -72,9 +73,10 @@ var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
     setType: handleSetType,
     handleRevocation: handleRevocation
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
+  var shouldShowMenu = !isReadOnly;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !shouldShowMenu && /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2"
+  }, t("Share.type.".concat(type))), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
     textVariant: "body2",
     onClick: toggleMenu
@@ -88,7 +90,6 @@ var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
 };
 
 LinkRecipientPermissions.propTypes = {
-  className: PropTypes.string,
   document: PropTypes.object.isRequired
 };
 export default LinkRecipientPermissions;

package/dist/components/Recipient/MemberRecipient.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["instance", "isOwner", "status", "recipientConfirmationData", "verifyRecipient", "fadeIn"];
 import PropTypes from 'prop-types';
@@ -41,9 +40,7 @@ var MemberRecipient = function MemberRecipient(props) {
   var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
     recipientConfirmationData: recipientConfirmationData,
     verifyRecipient: verifyRecipient
-  }) : /*#__PURE__*/React.createElement(MemberRecipientPermissions, _extends({}, props, {
-    className: "u-flex-shrink-0"
-  }));
+  }) : /*#__PURE__*/React.createElement(MemberRecipientPermissions, props);
   return /*#__PURE__*/React.createElement(Fade, {
     in: true,
     timeout: fadeIn ? FADE_IN_DURATION : 0

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -21,11 +21,11 @@ var log = minilog('MemberRecipientPermissions');
 
 var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
   var isOwner = _ref.isOwner,
+      isReadOnly = _ref.isReadOnly,
       status = _ref.status,
       instance = _ref.instance,
       type = _ref.type,
       document = _ref.document,
-      className = _ref.className,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
       sharingId = _ref.sharingId,
@@ -55,7 +55,7 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
 
   var instanceMatchesClient = instance !== undefined && instance === client.options.uri;
   var contactIsOwner = status === 'owner';
-  var shouldShowMenu = !revoking && !contactIsOwner && (instanceMatchesClient && !isOwner || isOwner);
+  var shouldShowMenu = !isReadOnly && !revoking && !contactIsOwner && (instanceMatchesClient && !isOwner || isOwner);
   var toggleMenu = useCallback(function () {
     setMenuDisplayed(function (displayed) {
       return !displayed;
@@ -147,11 +147,9 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
     type: type !== null && type !== void 0 ? type : 'one-way',
     setType: setType
   });
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, revoking && /*#__PURE__*/React.createElement(Spinner, null), !shouldShowMenu && !revoking && /*#__PURE__*/React.createElement(Typography, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, revoking && /*#__PURE__*/React.createElement(Spinner, null), !shouldShowMenu && /*#__PURE__*/React.createElement(Typography, {
     variant: "body2"
-  }, t("Share.status.".concat(status))), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
+  }, contactIsOwner ? t("Share.status.".concat(status)) : t("Share.type.".concat(type))), shouldShowMenu && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
     "aria-controls": "simple-menu",
     "aria-haspopup": "true",

package/dist/components/Recipient/RecipientConfirm.js

@@ -18,10 +18,7 @@ var modalStyles = {
   "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
   "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "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"
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
 /**
  * Displays the confirmation interface that allows to confirm or reject a recipient

package/dist/components/Recipient/RecipientList.js

@@ -10,6 +10,7 @@ var RecipientList = function RecipientList(_ref) {
       recipientsToBeConfirmed = _ref.recipientsToBeConfirmed,
       isOwner = _ref.isOwner,
       isSharedDrive = _ref.isSharedDrive,
+      isReadOnly = _ref.isReadOnly,
       document = _ref.document,
       documentType = _ref.documentType,
       onRevoke = _ref.onRevoke,
@@ -39,6 +40,7 @@ var RecipientList = function RecipientList(_ref) {
       key: recipient.index,
       isOwner: isOwner,
       isSharedDrive: isSharedDrive,
+      isReadOnly: isReadOnly,
       document: document,
       documentType: documentType,
       onRevoke: onRevoke,

package/dist/components/ShareByEmail.js

@@ -23,10 +23,7 @@ var styles = {
   "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
   "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "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"
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
 export var ShareByEmail = function ShareByEmail(_ref) {
   var document = _ref.document,

package/dist/components/ShareDialogCozyToCozy.js

@@ -41,10 +41,7 @@ var styles = {
   "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
   "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "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"
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
 
 var SharingContent = function SharingContent(_ref) {

package/dist/components/ShareModal/ShareModal.js

@@ -29,8 +29,6 @@ export var ShareModal = withLocales(function (props) {
       isOwner = _useSharingContext.isOwner,
       canReshare = _useSharingContext.canReshare,
       documentType = _useSharingContext.documentType,
-      getOwner = _useSharingContext.getOwner,
-      getSharingType = _useSharingContext.getSharingType,
       getRecipients = _useSharingContext.getRecipients,
       revokeSelf = _useSharingContext.revokeSelf,
       allLoaded = _useSharingContext.allLoaded;
@@ -75,11 +73,9 @@ export var ShareModal = withLocales(function (props) {
   }
 
   return /*#__PURE__*/React.createElement(SharingDetailsModal, _extends({
+    recipients: getRecipients(document.id),
     document: document,
     documentType: documentType,
-    owner: getOwner(document.id),
-    sharingType: getSharingType(document.id),
-    recipients: getRecipients(document.id),
     onRevoke: revokeSelf,
     onRevokeSelf: handleRevokeSelf
   }, rest));

package/dist/components/ShareModal/SharingDetailsModal.js

@@ -1,11 +1,7 @@
-import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
-import Divider from 'cozy-ui/transpiled/react/Divider';
-import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'twake-i18n';
-import { getDisplayName } from '../../models';
 var styles = {
   "share-modal-content": "share__share-modal-content___1iqEq",
   "coz-form": "share__coz-form___1ICST",
@@ -22,17 +18,11 @@ var styles = {
   "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
   "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "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"
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
-import OwnerIdentity from '../Identity/OwnerIdentity';
 import WhoHasAccess from '../WhoHasAccess';
 export var SharingDetailsModal = function SharingDetailsModal(_ref) {
   var onClose = _ref.onClose,
-      sharingType = _ref.sharingType,
-      owner = _ref.owner,
       recipients = _ref.recipients,
       document = _ref.document,
       _ref$documentType = _ref.documentType,
@@ -41,11 +31,7 @@ export var SharingDetailsModal = function SharingDetailsModal(_ref) {
       onRevokeSelf = _ref.onRevokeSelf;
 
   var _useI18n = useI18n(),
-      t = _useI18n.t,
-      f = _useI18n.f;
-
-  var _useBreakpoints = useBreakpoints(),
-      isMobile = _useBreakpoints.isMobile;
+      t = _useI18n.t;
 
   return /*#__PURE__*/React.createElement(Dialog, {
     disableGutters: true,
@@ -55,32 +41,14 @@ export var SharingDetailsModal = function SharingDetailsModal(_ref) {
     title: t("".concat(documentType, ".share.details.title")),
     content: /*#__PURE__*/React.createElement("div", {
       className: styles['share-modal-content']
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cx(styles['share-details'], isMobile ? 'u-ph-1 u-pt-1-half' : 'u-ph-2 u-pt-1')
-    }, owner ? /*#__PURE__*/React.createElement(OwnerIdentity, {
-      name: t("".concat(documentType, ".share.sharedBy"), {
-        name: getDisplayName(owner)
-      }),
-      url: owner.instance
-    }) : null, /*#__PURE__*/React.createElement("div", {
-      className: styles['share-details-created']
-    }, t("".concat(documentType, ".share.details.createdAt"), {
-      date: f(document.created_at || null, 'do LLLL yyyy')
-    })), /*#__PURE__*/React.createElement("div", {
-      className: styles['share-details-perm']
-    }, t("".concat(documentType, ".share.details.").concat(sharingType === 'one-way' ? 'ro' : 'rw'))), /*#__PURE__*/React.createElement("div", {
-      className: styles['share-details-perm-desc']
-    }, t("".concat(documentType, ".share.details.desc.").concat(sharingType === 'one-way' ? 'ro' : 'rw')))), /*#__PURE__*/React.createElement(Divider, {
-      className: "u-mv-1"
-    }), /*#__PURE__*/React.createElement(WhoHasAccess, {
-      title: t('Share.recipients.accessCount', {
-        count: recipients.length
-      }),
+    }, /*#__PURE__*/React.createElement(WhoHasAccess, {
+      isReadOnly: true,
       recipients: recipients,
       document: document,
       documentType: documentType,
       onRevoke: onRevoke,
-      onRevokeSelf: onRevokeSelf
+      onRevokeSelf: onRevokeSelf,
+      link: "ok"
     }))
   });
 };

package/dist/components/SharedDrive/EditSharedDriveModal.js

@@ -37,10 +37,7 @@ var styles = {
   "share-dialog-scrollable-body": "share__share-dialog-scrollable-body___2O5UT",
   "share-dialog-members": "share__share-dialog-members___CNHKJ",
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG",
-  "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"
+  "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
 import { default as DumbShareByEmail } from '../ShareByEmail';
 import WhoHasAccess from '../WhoHasAccess';

package/dist/components/WhoHasAccess.js

@@ -32,6 +32,8 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
       isOwner = _ref2$isOwner === void 0 ? false : _ref2$isOwner,
       _ref2$isSharedDrive = _ref2.isSharedDrive,
       isSharedDrive = _ref2$isSharedDrive === void 0 ? false : _ref2$isSharedDrive,
+      _ref2$isReadOnly = _ref2.isReadOnly,
+      isReadOnly = _ref2$isReadOnly === void 0 ? false : _ref2$isReadOnly,
       _ref2$showOwner = _ref2.showOwner,
       showOwner = _ref2$showOwner === void 0 ? true : _ref2$showOwner,
       recipients = _ref2.recipients,
@@ -53,6 +55,7 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
   }, /*#__PURE__*/React.createElement(RecipientWaitingForConfirmationAlert, {
     recipientsToBeConfirmed: recipientsToBeConfirmed
   }), /*#__PURE__*/React.createElement(List, null, link && /*#__PURE__*/React.createElement(LinkRecipient, {
+    isReadOnly: isReadOnly,
     document: document,
     documentType: documentType,
     onRevoke: onRevoke,
@@ -66,6 +69,7 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
     recipientsToBeConfirmed: recipientsToBeConfirmed,
     isOwner: isOwner,
     isSharedDrive: isSharedDrive,
+    isReadOnly: isReadOnly,
     document: document,
     documentType: documentType,
     onRevoke: onRevoke,

package/dist/state.js

@@ -435,7 +435,7 @@ export var canReshare = function canReshare(state, docId, instanceUri) {
   var me = sharing.attributes.members.find(matchingInstanceName(instanceUri));
 
   if (sharing.drive) {
-    return me && !me.read_only;
+    return !sharing.org_drive && me && !me.read_only;
   } else {
     return sharing.attributes.open_sharing === true && me && !me.read_only;
   }

package/dist/styles/share.styl

@@ -74,24 +74,3 @@
 input[type=text]
     width 100%
 
-.share-details-created
-.share-details-perm
-    font-size            1rem
-    margin               0.5rem 0 0.5rem 3.5rem
-    padding-left         1.5rem
-    background-position  0 center
-    background-repeat    no-repeat
-
-.share-details-created
-    background-image     embedurl('../assets/icons/icon-calendar-16.svg')
-
-.share-details-perm
-    background-image     embedurl('../assets/icons/icon-pen-16.svg')
-    margin-bottom .2rem
-
-.share-details-perm-desc
-    font-size     .875rem
-    margin        0 0 0.5rem 3.5rem
-    padding-left  1.5rem
-    line-height   1.5
-    color         var(--secondaryTextColor)

package/dist/stylesheet.css

@@ -339,28 +339,6 @@
 input[type=text] {
   width: 100%;
 }
-.share__share-details-created___z3nvO,
-.share__share-details-perm___3HjxK {
-  font-size: 1rem;
-  margin: 0.5rem 0 0.5rem 3.5rem;
-  padding-left: 1.5rem;
-  background-position: 0 center;
-  background-repeat: no-repeat;
-}
-.share__share-details-created___z3nvO {
-  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iMTZweCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNC4wMDAwMDAsIC0xOTIuMDAwMDAwKSI+CiAgICAgICAgPGcgaWQ9InNsaWNlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzIuMDAwMDAwLCAzMi4wMDAwMDApIj48L2c+CiAgICAgICAgPHBhdGggZD0iTTIzNywxOTMgTDI0MCwxOTMgTDI0MCwxOTUgTDIyNCwxOTUgTDIyNCwxOTMgTDIyNywxOTMgTDIyNywxOTIgTDIyOSwxOTIgTDIyOSwxOTMgTDIzNSwxOTMgTDIzNSwxOTIgTDIzNywxOTIgTDIzNywxOTMgWiBNMjI0LDE5NiBMMjQwLDE5NiBMMjQwLDIwNi45OTc1MjcgQzI0MCwyMDcuNTUxMTc3IDIzOS41NTUzNjksMjA4IDIzOC45OTkxMjgsMjA4IEwyMjUuMDAwODcyLDIwOCBDMjI0LjQ0ODEwNiwyMDggMjI0LDIwNy41NDQyMzkgMjI0LDIwNi45OTc1MjcgTDIyNCwxOTYgWiBNMjI2LDE5OCBMMjI2LDIwNiBMMjM4LDIwNiBMMjM4LDE5OCBMMjI2LDE5OCBaIE0yMzIsMjAxIEwyMzcsMjAxIEwyMzcsMjA1IEwyMzIsMjA1IEwyMzIsMjAxIFoiIGlkPSJjYWxlbmRhciIgZmlsbD0iIzk1OTk5RCI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=");
-}
-.share__share-details-perm___3HjxK {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsPSIjOTU5OTlEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMDEuNSw5OS41IEwxOTIsMTA5LjAyNTM5MSBMMTkyLDExMiBMMTk1LjAzNzcyLDExMiBMMjA0LjUsMTAyLjUgTDIwMS41LDk5LjUgWiBNMjA2LjkxMjE1NCw5Ni45MTIxNTQxIEMyMDYuMTMyMjQzLDk2LjEzMjI0MjkgMjA0Ljg2OTE0NCw5Ni4xMzA4NTU2IDIwNC4wODkyNjQsOTYuOTEwNzM2MSBMMjAzLDk4IEwyMDYuMDMwNzYyLDEwMSBMMjA3LjA5MjI3MSw5OS45MjUyNjYzIEMyMDcuODY5NzM4LDk5LjEzODExMzQgMjA3Ljg2Mzc3Nyw5Ny44NjM3NzcyIDIwNy4wODc4NDYsOTcuMDg3ODQ1OSBMMjA2LjkxMjE1NCw5Ni45MTIxNTQxIFogTTE5OSwxMTAgTDIwNC45OTcwNzEsMTEwIEMyMDUuNTUwOTczLDExMCAyMDYsMTEwLjQ0Mzg2NSAyMDYsMTExIEMyMDYsMTExLjU1MjI4NSAyMDUuNTUzNjg5LDExMiAyMDUuMDAyNDU1LDExMiBMMTk3LDExMiBMMTk5LDExMCBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTkyIC05NikiLz4KPC9zdmc+Cg==");
-  margin-bottom: 0.2rem;
-}
-.share__share-details-perm-desc___3HyHu {
-  font-size: 0.875rem;
-  margin: 0 0 0.5rem 3.5rem;
-  padding-left: 1.5rem;
-  line-height: 1.5;
-  color: var(--secondaryTextColor);
-}
 /*  imported from autosuggest.styl  */
 
 .autosuggest__container___1Yro7 {

package/locales/en.json

@@ -23,8 +23,7 @@
       "you": "You",
       "anyoneWithTheLink": "Anyone with the link",
       "linkWithPassword": "Anyone with a password",
-      "expires": "Until %{date}",
-      "accessCount": "%{count} people have access"
+      "expires": "Until %{date}"
     },
     "create-cozy": "Create |||| Create my Twake",
     "members": {

package/locales/fr.json

@@ -23,8 +23,7 @@
       "you": "Vous",
       "anyoneWithTheLink": "Tous les utilisateurs qui ont le lien",
       "linkWithPassword": "Tous les utilisateurs avec le mot de passe",
-      "expires": "Jusqu'au %{date}",
-      "accessCount": "%{count} personnes y ont accès"
+      "expires": "Jusqu'au %{date}"
     },
     "create-cozy": "Créer |||| Créer mon Twake",
     "members": {

package/locales/ru.json

@@ -23,8 +23,7 @@
       "you": "Вы",
       "anyoneWithTheLink": "Любой, у кого есть ссылка",
       "linkWithPassword": "Любой с паролем",
-      "expires": "До %{date}",
-      "accessCount": "%{count} человек имеют доступ"
+      "expires": "До %{date}"
     },
     "create-cozy": "Создать |||| Создать мой Twake",
     "members": {

package/locales/vi.json

@@ -23,8 +23,7 @@
       "you": "Bạn",
       "anyoneWithTheLink": "Bất kỳ ai có liên kết",
       "linkWithPassword": "Bất kỳ ai có mật khẩu",
-      "expires": "Cho đến %{date}",
-      "accessCount": "%{count} người có quyền truy cập"
+      "expires": "Cho đến %{date}"
     },
     "create-cozy": "Tạo |||| Tạo Twake của tôi",
     "members": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "33.5.1",
+  "version": "33.6.0",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "15b85b5aef628416e919342a040ec758783473f0"
+  "gitHead": "fc451fb2e649fffe6bfc8f16ff812ba4c31531cf"
 }

package/src/components/Recipient/LinkRecipient.jsx

@@ -24,16 +24,51 @@ import { FADE_IN_DURATION } from '../../helpers/recipients'
 import { useSharingContext } from '../../hooks/useSharingContext'
 import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal'
 
+const LinkRecipientTextReadOnly = ({ textPrimary, textSecondary }) => {
+  return (
+    <ListItemText
+      primary={
+        <div className="u-flex u-flex-items-center">
+          <Typography>{textPrimary}</Typography>
+        </div>
+      }
+      secondary={textSecondary}
+    />
+  )
+}
+
+const LinkRecipientText = ({ onClick, textPrimary, textSecondary }) => {
+  return (
+    <ListItemText
+      onClick={onClick}
+      primary={
+        <div className="u-flex u-flex-items-center">
+          <Typography className="u-c-pointer ">{textPrimary}</Typography>
+          <IconButton size="small" className="u-ml-half">
+            <Icon icon={Gear} />
+          </IconButton>
+        </div>
+      }
+      secondary={textSecondary}
+    />
+  )
+}
+
 const LinkRecipient = props => {
   const { t, f, lang } = useI18n()
   const { isMobile } = useBreakpoints()
   const { getDocumentPermissions } = useSharingContext()
 
-  const { recipientConfirmationData, verifyRecipient, fadeIn, document } = props
+  const {
+    recipientConfirmationData,
+    verifyRecipient,
+    fadeIn,
+    document,
+    isReadOnly
+  } = props
 
   const [openShareRestrictionModal, setOpenShareRestrictionModal] =
     useState(false)
-
   const permissions = getDocumentPermissions(document?._id)
   const hasPassword = checkIsPermissionHasPassword(permissions)
   const expiresDate = getPermissionExpiresDate(permissions)
@@ -57,7 +92,7 @@ const LinkRecipient = props => {
       verifyRecipient={verifyRecipient}
     />
   ) : (
-    <LinkRecipientPermissions {...props} className="u-flex-shrink-0" />
+    <LinkRecipientPermissions {...props} />
   )
 
   return (
@@ -68,18 +103,18 @@ const LinkRecipient = props => {
             <Icon icon={LinkIcon} />
           </Avatar>
         </ListItemIcon>
-        <ListItemText
-          onClick={() => setOpenShareRestrictionModal(true)}
-          primary={
-            <div className="u-flex u-flex-items-center">
-              <Typography className="u-c-pointer ">{textPrimary}</Typography>
-              <IconButton size="small" className="u-ml-half">
-                <Icon icon={Gear} />
-              </IconButton>
-            </div>
-          }
-          secondary={textSecondary}
-        />
+        {isReadOnly ? (
+          <LinkRecipientTextReadOnly
+            textPrimary={textPrimary}
+            textSecondary={textSecondary}
+          />
+        ) : (
+          <LinkRecipientText
+            onClick={() => setOpenShareRestrictionModal(true)}
+            textPrimary={textPrimary}
+            textSecondary={textSecondary}
+          />
+        )}
         {RightPart}
         {openShareRestrictionModal && (
           <ShareRestrictionModal

package/src/components/Recipient/LinkRecipientPermissions.jsx

@@ -7,6 +7,7 @@ import {
   divider
 } from 'cozy-ui/transpiled/react/ActionsMenu/Actions'
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useI18n } from 'twake-i18n'
 
 import { revokeLink } from './actions/revokeLink'
@@ -17,7 +18,7 @@ import { checkIsReadOnlyPermissions } from '../../helpers/permissions'
 import { useSharingContext } from '../../hooks/useSharingContext'
 import { WRITE_PERMS, READ_ONLY_PERMS } from '../ShareRestrictionModal/helpers'
 
-const LinkRecipientPermissions = ({ className, document }) => {
+const LinkRecipientPermissions = ({ document, isReadOnly }) => {
   const { t } = useI18n()
   const buttonRef = useRef()
   const [isMenuDisplayed, setMenuDisplayed] = useState(false)
@@ -56,30 +57,36 @@ const LinkRecipientPermissions = ({ className, document }) => {
     handleRevocation
   })
 
+  const shouldShowMenu = !isReadOnly
+
   return (
-    <div className={className}>
-      <>
-        <DropdownButton
-          ref={buttonRef}
-          textVariant="body2"
-          onClick={toggleMenu}
-        >
-          {t(`Share.type.${type}`)}
-        </DropdownButton>
-        <ActionsMenu
-          ref={buttonRef}
-          open={isMenuDisplayed}
-          actions={actions}
-          autoClose
-          onClose={hideMenu}
-        />
-      </>
-    </div>
+    <>
+      {!shouldShowMenu && (
+        <Typography variant="body2">{t(`Share.type.${type}`)}</Typography>
+      )}
+      {shouldShowMenu && (
+        <>
+          <DropdownButton
+            ref={buttonRef}
+            textVariant="body2"
+            onClick={toggleMenu}
+          >
+            {t(`Share.type.${type}`)}
+          </DropdownButton>
+          <ActionsMenu
+            ref={buttonRef}
+            open={isMenuDisplayed}
+            actions={actions}
+            autoClose
+            onClose={hideMenu}
+          />
+        </>
+      )}
+    </>
   )
 }
 
 LinkRecipientPermissions.propTypes = {
-  className: PropTypes.string,
   document: PropTypes.object.isRequired
 }
 

package/src/components/Recipient/MemberRecipient.jsx

@@ -46,7 +46,7 @@ const MemberRecipient = props => {
       verifyRecipient={verifyRecipient}
     />
   ) : (
-    <MemberRecipientPermissions {...props} className="u-flex-shrink-0" />
+    <MemberRecipientPermissions {...props} />
   )
 
   return (

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -21,11 +21,11 @@ const log = minilog('MemberRecipientPermissions')
 
 const MemberRecipientPermissions = ({
   isOwner,
+  isReadOnly,
   status,
   instance,
   type,
   document,
-  className,
   onRevoke,
   onRevokeSelf,
   sharingId,
@@ -44,6 +44,7 @@ const MemberRecipientPermissions = ({
     instance !== undefined && instance === client.options.uri
   const contactIsOwner = status === 'owner'
   const shouldShowMenu =
+    !isReadOnly &&
     !revoking &&
     !contactIsOwner &&
     ((instanceMatchesClient && !isOwner) || isOwner)
@@ -107,10 +108,14 @@ const MemberRecipientPermissions = ({
   )
 
   return (
-    <div className={className}>
+    <>
       {revoking && <Spinner />}
-      {!shouldShowMenu && !revoking && (
-        <Typography variant="body2">{t(`Share.status.${status}`)}</Typography>
+      {!shouldShowMenu && (
+        <Typography variant="body2">
+          {contactIsOwner
+            ? t(`Share.status.${status}`)
+            : t(`Share.type.${type}`)}
+        </Typography>
       )}
       {shouldShowMenu && (
         <>
@@ -140,7 +145,7 @@ const MemberRecipientPermissions = ({
           </IconButton>
         </>
       )}
-    </div>
+    </>
   )
 }
 

package/src/components/Recipient/RecipientList.jsx

@@ -10,6 +10,7 @@ const RecipientList = ({
   recipientsToBeConfirmed,
   isOwner,
   isSharedDrive,
+  isReadOnly,
   document,
   documentType,
   onRevoke,
@@ -49,6 +50,7 @@ const RecipientList = ({
         key={recipient.index}
         isOwner={isOwner}
         isSharedDrive={isSharedDrive}
+        isReadOnly={isReadOnly}
         document={document}
         documentType={documentType}
         onRevoke={onRevoke}

package/src/components/ShareModal/ShareModal.jsx

@@ -22,8 +22,6 @@ export const ShareModal = withLocales(props => {
     isOwner,
     canReshare,
     documentType,
-    getOwner,
-    getSharingType,
     getRecipients,
     revokeSelf,
     allLoaded
@@ -48,11 +46,9 @@ export const ShareModal = withLocales(props => {
 
   return (
     <SharingDetailsModal
+      recipients={getRecipients(document.id)}
       document={document}
       documentType={documentType}
-      owner={getOwner(document.id)}
-      sharingType={getSharingType(document.id)}
-      recipients={getRecipients(document.id)}
       onRevoke={revokeSelf}
       onRevokeSelf={handleRevokeSelf}
       {...rest}

package/src/components/ShareModal/SharingDetailsModal.jsx

@@ -1,29 +1,21 @@
-import cx from 'classnames'
 import PropTypes from 'prop-types'
 import React from 'react'
 
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
-import Divider from 'cozy-ui/transpiled/react/Divider'
-import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints'
 import { useI18n } from 'twake-i18n'
 
-import { getDisplayName } from '../../models'
 import styles from '../../styles/share.styl'
-import OwnerIdentity from '../Identity/OwnerIdentity'
 import WhoHasAccess from '../WhoHasAccess'
 
 export const SharingDetailsModal = ({
   onClose,
-  sharingType,
-  owner,
   recipients,
   document,
   documentType = 'Document',
   onRevoke,
   onRevokeSelf
 }) => {
-  const { t, f } = useI18n()
-  const { isMobile } = useBreakpoints()
+  const { t } = useI18n()
 
   return (
     <Dialog
@@ -34,50 +26,14 @@ export const SharingDetailsModal = ({
       title={t(`${documentType}.share.details.title`)}
       content={
         <div className={styles['share-modal-content']}>
-          <div
-            className={cx(
-              styles['share-details'],
-              isMobile ? 'u-ph-1 u-pt-1-half' : 'u-ph-2 u-pt-1'
-            )}
-          >
-            {owner ? (
-              <OwnerIdentity
-                name={t(`${documentType}.share.sharedBy`, {
-                  name: getDisplayName(owner)
-                })}
-                url={owner.instance}
-              />
-            ) : null}
-            <div className={styles['share-details-created']}>
-              {t(`${documentType}.share.details.createdAt`, {
-                date: f(document.created_at || null, 'do LLLL yyyy')
-              })}
-            </div>
-            <div className={styles['share-details-perm']}>
-              {t(
-                `${documentType}.share.details.${
-                  sharingType === 'one-way' ? 'ro' : 'rw'
-                }`
-              )}
-            </div>
-            <div className={styles['share-details-perm-desc']}>
-              {t(
-                `${documentType}.share.details.desc.${
-                  sharingType === 'one-way' ? 'ro' : 'rw'
-                }`
-              )}
-            </div>
-          </div>
-          <Divider className="u-mv-1" />
           <WhoHasAccess
-            title={t('Share.recipients.accessCount', {
-              count: recipients.length
-            })}
+            isReadOnly
             recipients={recipients}
             document={document}
             documentType={documentType}
             onRevoke={onRevoke}
             onRevokeSelf={onRevokeSelf}
+            link="ok"
           />
         </div>
       }

package/src/components/WhoHasAccess.jsx

@@ -29,6 +29,7 @@ const RecipientWaitingForConfirmationAlert = ({ recipientsToBeConfirmed }) => {
 const WhoHasAccess = ({
   isOwner = false,
   isSharedDrive = false,
+  isReadOnly = false,
   showOwner = true,
   recipients,
   recipientsToBeConfirmed = [],
@@ -53,6 +54,7 @@ const WhoHasAccess = ({
       <List>
         {link && (
           <LinkRecipient
+            isReadOnly={isReadOnly}
             document={document}
             documentType={documentType}
             onRevoke={onRevoke}
@@ -69,6 +71,7 @@ const WhoHasAccess = ({
           recipientsToBeConfirmed={recipientsToBeConfirmed}
           isOwner={isOwner}
           isSharedDrive={isSharedDrive}
+          isReadOnly={isReadOnly}
           document={document}
           documentType={documentType}
           onRevoke={onRevoke}

package/src/state.js

@@ -351,7 +351,7 @@ export const canReshare = (state, docId, instanceUri) => {
   const sharing = getDocumentSharing(state, docId)
   const me = sharing.attributes.members.find(matchingInstanceName(instanceUri))
   if (sharing.drive) {
-    return me && !me.read_only
+    return !sharing.org_drive && me && !me.read_only
   } else {
     return sharing.attributes.open_sharing === true && me && !me.read_only
   }

package/src/styles/share.styl

@@ -74,24 +74,3 @@
 input[type=text]
     width 100%
 
-.share-details-created
-.share-details-perm
-    font-size            1rem
-    margin               0.5rem 0 0.5rem 3.5rem
-    padding-left         1.5rem
-    background-position  0 center
-    background-repeat    no-repeat
-
-.share-details-created
-    background-image     embedurl('../assets/icons/icon-calendar-16.svg')
-
-.share-details-perm
-    background-image     embedurl('../assets/icons/icon-pen-16.svg')
-    margin-bottom .2rem
-
-.share-details-perm-desc
-    font-size     .875rem
-    margin        0 0 0.5rem 3.5rem
-    padding-left  1.5rem
-    line-height   1.5
-    color         var(--secondaryTextColor)