cozy-sharing 37.2.10 → 37.2.12

package/AGENTS.md

@@ -0,0 +1,21 @@
+# cozy-sharing — agent rules
+
+## Keep README.md in sync with the code
+
+The implementation is the behavioral source of truth. `README.md` documents the implemented behavior and usage, and MUST be updated in the same commit/PR whenever the behavior or usage changes.
+
+### When to update the README
+
+- **Feature flags** — a flag is added, removed, renamed, or its default changes → update the "Feature flags" table.
+- **Feature behavior or conditions** — a permission rule, a restriction (e.g. `hasSharedParent` / `hasSharedChild`), a link lifecycle step, or a gating condition changes → update the matching "Feature conditions" table.
+- **Architecture** — the `ShareModal` routing, a new modal/dialog, or the `SharingProvider` context shape changes → update "Architecture".
+
+### When NOT to update
+
+- Pure refactors with no behavior change.
+- Bug fixes that don't change documented behavior.
+- Test-only or style-only changes.
+
+### Rule of thumb
+
+If the code and the README disagree after your change, the change is incomplete — fix the README before committing.

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [37.2.12](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.2.11...cozy-sharing@37.2.12) (2026-07-30)
+
+### Bug Fixes
+
+- **sharing:** Make shared-drive member modals consistent and correct ([9dcf67d](https://github.com/cozy/cozy-libs/commit/9dcf67d375600a1a02298dc3036880ae37d08aef))
+
+## [37.2.11](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.2.10...cozy-sharing@37.2.11) (2026-07-30)
+
+**Note:** Version bump only for package cozy-sharing
+
 ## [37.2.10](https://github.com/cozy/cozy-libs/compare/cozy-sharing@37.2.9...cozy-sharing@37.2.10) (2026-07-30)
 
 **Note:** Version bump only for package cozy-sharing

package/README.md

@@ -1,83 +1,231 @@
-# Test 'n play
+# cozy-sharing
 
-Open the playgrounds in cozy-libs and run `yarn start`
+React library that provides sharing UI and logic for Cozy / Twake Drive applications.
 
-# How to use the lib
+It wraps the Cozy Stack sharing API and exposes ready-to-use components (modal, button, banners), hooks, and context for building sharing experiences.
 
-In your app, you have to :
+***
 
-- import the Provider: `import SharingProvider, { ShareButton, ShareModal } from 'cozy-sharing'`
-- import the stylesheet.css: `import 'cozy-sharing/dist/stylesheet.css'`
+## Installation
 
-## Using the built-in components
+```bash
+yarn add cozy-sharing
+```
+
+In your app, you must:
+
+- wrap the component tree with `SharingProvider`
+- import the stylesheet: `import 'cozy-sharing/dist/stylesheet.css'`
+
+***
 
-Some of the exposed components are fully featured components, ready to render. They need a `SharingProvider` above them in the render tree and the imported stylesheet for their styles.
+## Usage
 
+### Provider
+
+```jsx
+import SharingProvider from 'cozy-sharing'
+
+<SharingProvider doctype="io.cozy.files" documentType="Files">
+  <App />
+</SharingProvider>
 ```
+
+**Props:**
+
+| Prop | Required | Description |
+|------|----------|-------------|
+| `doctype` | yes | The cozy doctype (e.g. `io.cozy.files`) |
+| `documentType` | no | Human-readable type for i18n keys (default `'Document'`) |
+| `onShared` | no | Callback fired after a share is created |
+| `isPublic` | no | Set to `true` when rendering a public page (disables fetching) |
+| `previewPath` | no | Custom preview path sent to the share creation |
+
+### Built-in components
+
+Surrounding application code (imports, state, props) is omitted for brevity.
+
+```jsx
 import { ShareModal } from 'cozy-sharing'
 
 const ToggleModal = () => {
-  const [isModalDisplayed, setIsModalDisplayed] = useState(false)
-
+  const [isOpen, setIsOpen] = useState(false)
   return (
     <div>
-      <Button onClick={() => setIsModalDisplayed(true)}>Open modal</Button>
-      {isModalDisplayed && <ShareModal document={doc} />}
+      <Button onClick={() => setIsOpen(true)}>Share</Button>
+      {isOpen && <ShareModal document={doc} onClose={() => setIsOpen(false)} />}
     </div>
   )
 }
 ```
 
-Other components accept a render prop as children that receive some information from the sharing context.
+### Render-prop components
 
-```
+```jsx
 import { SharedDocument } from 'cozy-sharing'
 
+const MyComp = () => (
+  <SharedDocument docId="123">
+    {({ isShared, link }) => (isShared ? link : 'Not shared yet')}
+  </SharedDocument>
+)
+```
+
+### Hooks
+
+```jsx
+import { useSharingContext } from 'cozy-sharing'
+
 const MyComp = () => {
-  return (
-    <SharedDocument docId='123'>
-      {({ isShared, link }) => (
-        {isShared ? link : 'Not shared yet'}
-      )}
-    </SharedDocument>
-  )
+  const { share } = useSharingContext()
+  return <Button onClick={() => share({ document, recipients, ... })}>Share</Button>
 }
 ```
 
-## Usage with hooks
+***
 
-`cozy-sharing` can now be used with hooks as well:
+## How it works
 
-```
-import { SharingContext } from 'cozy-sharing'
+### Permission model
 
-const MyComp = () => {
-  const { share } = useContext(SharingContext)
+The UI exposes two roles, but the stack has more granular verb control:
 
-  return <Button onClick={() => share(document, recipients, sharingType, description)}>Share</Button>
-}
-```
+| Role | Verbs | Description |
+|------|-------|-------------|
+| **Viewer** | `GET` | Read-only access |
+| **Editor** | `GET, POST, PUT, PATCH` | Read + write + share management |
+
+The `write` permission allows editing content, uploading files, deleting files (to the owner's trash), and managing share members (add/remove members, change permissions, view/manage link).
+
+### Link sharing (public URL)
+
+Creates a public URL accessible without a Twake account. One link per resource at any time.
+
+**Options (set in `ShareRestrictionModal` or `ShareLinkAccessModal`):**
+
+| Option | Default | Details |
+|--------|---------|---------|
+| Permission | `readOnly` | Can be changed to `write` |
+| Expiration date | Off | Toggle; defaults to 30 days ahead when enabled; expires at end of that day |
+| Password | Off | Minimum 4 characters; owner communicates it out-of-band |
+
+**Lifecycle:**
+
+- Deactivating a link revokes the current permissions. Reactivating generates a **new URL** — the old one stays invalid.
+- Deleting the root resource revokes all associated shares (link and email).
+- Link sharing coexists with email sharing on the same resource.
 
-# Share and send mail in development
+### Email sharing (cozy-to-cozy)
+
+Invites specific users or groups with individualized permissions. Two technical modes:
+
+- **Cozy-to-cozy sharing** (classic) — data is **replicated** to each recipient's Cozy.
+- **Shared drives** (shared folders, team drives) — recipients access files at the **owner's instance** (no replication).
+
+In both cases, content appears in the recipient's **Sharing tab**.
+
+**By recipient status:**
+
+| Recipient status | Behavior |
+|-----------------|----------|
+| Trusted contact (same org or previously accepted) | Content appears directly in the Sharing tab; notification sent |
+| Has Twake account, not in contacts | Invitation email → login → Sharing tab |
+| **No Twake account** | ❌ Not supported today |
+| **Different SSO** | ❌ Not supported today |
+| Not trusted (guest in org) | ❌ Only if added manually; not automated today |
+
+### Cohabitation
+
+Link and email sharing can coexist on the same resource. The recipient's permission is the most permissive when both apply.
+
+***
+
+## Feature conditions
+
+### Link sharing
+
+| Condition | Rule | Source |
+|-----------|------|--------|
+| Who can create/manage | Owner or Editor (`canReshare` = owner, or `open_sharing && !read_only`) | `canReshare()` in `state.js` |
+| Document type restriction | Hidden when `documentType === 'Organizations'` | `ShareModal.jsx:33` |
+| Albums | Link-only, read-only permissions only | `ShareModal.jsx:30`, `link.js:3` |
+| Editing rights box | Hidden when `drive.federated-shared-folder.enabled` flag is true | `BoxEditingRights.jsx:54` |
+| Expiration date toggle default | Controlled by `sharing.date-toggle.enabled` flag (default: false) | `ShareRestrictionModal.jsx:62` |
+| Link deactivation | Revokes the permission document; regenerates a new URL on reactivation | `SharingProvider.jsx:635` |
+| Password | 4+ characters; no limit on attempts | `ShareLinkSettings.jsx:10` |
+| Guest access | Via `/public` URL with `sharecode`; no auth required | `helpers.js:106` |
+
+### Email sharing
+
+| Condition | Rule | Source |
+|-----------|------|--------|
+| Who can share | Owner or Editor (`canReshare`) | `SharingProvider.jsx` |
+| **Core constraint** | Disabled if `hasSharedParent` OR `hasSharedChild` — a subfolder of an email-shared folder cannot be shared by email independently | `ShareModal.jsx:32`, `state.js:508-523` |
+| Recipients limit | Default 100; overridable via `sharing.recipients-limit` flag | `helpers/recipients.js:33` |
+| Recipient display mode | `sharing.show-recipient-groups` flag: `true` = groups as units, `false` = spread group members | `ShareByEmail.jsx:31` |
+| Read-only sharing | If the existing sharing is read-only, only the `readOnly` option is offered | `ShareByEmail.jsx:46-57` |
+| Contacts shown | Only contacts with a defined `email` or `cozy` URL | `helpers/recipients.js:72-73` |
+| Group sharing | All members get the same permission; dynamic membership (add/remove) propagates | `state.js:414-451` |
+
+### Shared drives & federated folders
+
+| Condition | Rule | Source |
+|-----------|------|--------|
+| Org shared drive | `isOrgSharedDrive` = `sharing.drive === true && sharing.org_drive === true` | `state.js:324` |
+| `canLeave` | `false` for org shared drives | `state.js:335` |
+| `canReshare` | `!org_drive && !read_only` for drives; `open_sharing && !read_only` for folders | `state.js:342` |
+| Federated folder modal | Enabled by `drive.federated-shared-folder.enabled` flag and `document.driveId` | `ShareModal.jsx:39` |
+| Email sharing in federated folder | Disabled for files inside a federated shared folder (has `driveId` but is not the root) | `FederatedFolderModal.jsx:122-126` |
+| Link sharing in federated folder | Uses `getFederatedShareLink` which resolves the owner's instance URL | `FederatedFolderModal.jsx:108-110` |
+| Member view inside shared drive | Subfolder members see link management only (no member cross/perm). Root members with `canReshare` see full member management; read-only root members see link management only. | `FederatedFolderModal.jsx:118-133`, `SharingDetailsModal.jsx:38-39` |
+
+### Share management
+
+| Condition | Rule | Source |
+|-----------|------|--------|
+| Editable modal | `isEditable = !byDocId[doc] \|\| isOwner(doc) \|\| canReshare(doc)` | `ShareModal.jsx:35-36` |
+| Non-editable view | `SharingDetailsModal` — read-only members (no cross/perm menu), with link management (gear + copy link) for shared drives | `ShareModal.jsx:53-62` |
+| Updating member type | `updateSharingMemberType` calls `setReadOnly` / `setReadWrite` on the stack | `SharingProvider.jsx:361-420` |
+| Revoke self | Available to all recipients | `SharingProvider.jsx:349-353` |
+| Revoke group | Available to owner/editor; removes all group members at once | `SharingProvider.jsx:336-347` |
+
+### Native mobile sharing
+
+| Condition | Rule | Source |
+|-----------|------|--------|
+| Availability | Only in flagship app (`isFlagshipApp()`) when `shareFiles` intent is available | `NativeFileSharingProvider.jsx:26-27` |
+| Restriction | Files only (not directories) | `shareNative.js:42` |
+
+***
+
+## Feature flags
+
+| Flag | Default | Effect |
+|------|---------|--------|
+| `cozy.hide-sharing-cozy-to-cozy` | `false` | When `true`, hides cozy-to-cozy sharing entirely; only link sharing is available |
+| `drive.federated-shared-folder.enabled` | `false` | Enables federated folder modal (shared drives across instances) |
+| `sharing.date-toggle.enabled` | `false` | Default state of the expiration date toggle when creating a new link |
+| `sharing.show-recipient-groups` | `false` | When `true`, groups are shown as distinct recipients; when `false`, group members are spread |
+| `sharing.recipients-limit` | `100` | Maximum number of recipients per document |
+| `signup-url` / `signup.url` | `https://sign-up.twake.app` | URL used for the sharing banner "create account" call-to-action |
+
+## Development
+
+### Share and send mail in development
 
 Cozy apps let users [share documents from cozy to cozy](https://github.com/cozy/cozy-stack/blob/master/docs/sharing.md#cozy-to-cozy-sharing).
 
-Meet Alice and Bob.
-Alice wants to share a folder with Bob.
-Alice clicks on the share button and fills in the email input with Bob's email address.
-Bob receives an email with a *« Accept the sharing »* button.
-Bob clicks on that button and is redirected to Alice's cozy to enter his own cozy url to link both cozys.
-Bob sees Alice's shared folder in his own cozy.
+Meet Alice and Bob. Alice wants to share a folder with Bob. Alice clicks on the share button and fills in the email input with Bob's email address. Bob receives an email with a *"Accept the sharing"* button. Bob clicks on that button and is redirected to Alice's cozy to enter his own cozy url to link both cozys. Bob sees Alice's shared folder in his own cozy.
 
-🤔 But how could we do this scenario on development environment?
+But how could we do this scenario on development environment?
 
-## With the docker image
+#### With the docker image
 
 If you develop with the [cozy-app-dev docker image](https://github.com/cozy/cozy-stack/blob/master/docs/client-app-dev.md#with-docker), [MailHog](https://github.com/mailhog/MailHog) is running inside it to catch emails.
 
 If cozy-stack has to send an email, MailHog catches it and exposes it on its web interface on <http://cozy.tools:8025/>.
 
-## With the binary cozy-stack
+#### With the binary cozy-stack
 
 If you develop with the [cozy-stack CLI](https://github.com/cozy/cozy-stack/blob/master/docs/cli/cozy-stack.md), you have to run [MailHog](https://github.com/mailhog/MailHog) on your computer and tell `cozy-stack serve` where to find the mail server with some [options](https://github.com/cozy/cozy-stack/blob/master/docs/cli/cozy-stack_serve.md#options):
 
@@ -89,6 +237,20 @@ If you develop with the [cozy-stack CLI](https://github.com/cozy/cozy-stack/blob
 
 Then simply run `mailhog` and open <http://cozy.tools:8025/>.
 
-## Retrieve sent emails
+#### Retrieve sent emails
 
 With MailHog, **every email** sent by cozy-stack is caught. That means the email address *does not have to be a real one*, ie. `bob@cozy`, `bob@cozy.tools` are perfectly fine. It *could be a real one*, but the email will not reach the real recipient's inbox, say `contact@cozycloud.cc`.
+
+***
+
+## Architecture
+
+The share modal's component tree is documented in [`docs/share-modal-architecture.md`](docs/share-modal-architecture.md).
+
+Key decisions:
+
+- `ShareModal` checks `isEditable` → `EditableSharingModal` (editable) or `SharingDetailsModal` (read-only).
+- `EditableSharingModal` renders `ShareModal` (the dumb component), which decides `ShareDialogCozyToCozy` vs `ShareDialogOnlyByLink` based on flags and context.
+- `ShareDialogTwoStepsConfirmationContainer` wraps the cozy-to-cozy dialog when recipients need confirmation (untrusted contacts).
+- Federated mode: when `drive.federated-shared-folder.enabled` is true, `FederatedFolderModal` replaces the standard `EditableSharingModal`.
+- `WhoHasAccess` accepts an independent `canManageLink` prop to control link management (gear + perm dropdown) separately from `canManageMembers` which controls member management. This allows shared-drive members to see the link gear without the member cross/perm menu.

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -41,7 +41,7 @@ import WhoHasAccess from '../WhoHasAccess';
 var log = minilog('FederatedFolderModal');
 
 var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
-  var _sharedDriveSharing$a, _sharedDriveSharing$a2;
+  var _sharedDriveSharing$a, _sharedDriveSharing$a2, _sharedDriveSharing$a3;
 
   var onClose = _ref.onClose,
       onRevokeSuccess = _ref.onRevokeSuccess,
@@ -137,7 +137,8 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
     return id === (existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument._id) || id === (existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument.id);
   }));
   var isInsideSharedDrive = Boolean((existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument.driveId) && !isSharedDriveRoot);
-  var isCurrentUserOwner = documentId ? isOwner(documentId) : false;
+  var isCurrentUserOwner = existingDocument !== null && existingDocument !== void 0 && existingDocument.driveId ? Boolean(sharedDriveSharing === null || sharedDriveSharing === void 0 || (_sharedDriveSharing$a3 = sharedDriveSharing.attributes) === null || _sharedDriveSharing$a3 === void 0 ? void 0 : _sharedDriveSharing$a3.owner) : documentId ? isOwner(documentId) : false;
+  var isMemberReadOnly = isInsideSharedDrive && !isCurrentUserOwner;
   var hasParentRestriction = isInsideSharedDrive || hasSharedParentByPath;
   var hasChildRestriction = Boolean(documentPath && hasSharedChild(documentPath));
   var canShareByEmail = !hasParentRestriction && !hasChildRestriction;
@@ -391,6 +392,8 @@ var FederatedFolderModalContent = function FederatedFolderModalContent(_ref) {
       isOwner: isCurrentUserOwner,
       canManageSharing: canManageSharing,
       isSharedDrive: true,
+      canManageMembers: !isMemberReadOnly,
+      canManageLink: true,
       recipients: isSending ? frozenRecipients : existingRecipients,
       document: isSending ? frozenDoc : existingDocument,
       documentType: "Files",

package/dist/components/Recipient/GroupRecipientPermissions.js

@@ -21,7 +21,8 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
   var name = _ref.name,
       color = _ref.color,
       isOwner = _ref.isOwner,
-      isReadOnly = _ref.isReadOnly,
+      _ref$canManageMembers = _ref.canManageMembers,
+      canManageMembers = _ref$canManageMembers === void 0 ? true : _ref$canManageMembers,
       sharingId = _ref.sharingId,
       groupIndex = _ref.groupIndex,
       _ref$read_only = _ref.read_only,
@@ -49,7 +50,7 @@ var GroupRecipientPermissions = function GroupRecipientPermissions(_ref) {
       revoking = _useState4[0],
       setRevoking = _useState4[1];
 
-  var shouldShowMenu = !isReadOnly && !revoking && (isOwner || isUserInsideMembers);
+  var shouldShowMenu = canManageMembers && !revoking && (isOwner || isUserInsideMembers);
 
   var toggleMenu = function toggleMenu() {
     return setMenuDisplayed(!isMenuDisplayed);

package/dist/components/Recipient/MemberRecipientPermissions.js

@@ -14,7 +14,8 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
   var isOwner = _ref.isOwner,
       _ref$canManageSharing = _ref.canManageSharing,
       canManageSharing = _ref$canManageSharing === void 0 ? isOwner : _ref$canManageSharing,
-      isReadOnly = _ref.isReadOnly,
+      _ref$canManageMembers = _ref.canManageMembers,
+      canManageMembers = _ref$canManageMembers === void 0 ? true : _ref$canManageMembers,
       status = _ref.status,
       instance = _ref.instance,
       type = _ref.type,
@@ -36,7 +37,7 @@ var MemberRecipientPermissions = function MemberRecipientPermissions(_ref) {
 
   var instanceMatchesClient = instance !== undefined && instance === client.options.uri;
   var contactIsOwner = status === 'owner';
-  var shouldShowMenu = !isReadOnly && !revoking && !contactIsOwner && (instanceMatchesClient && !isOwner || canManageSharing);
+  var shouldShowMenu = canManageMembers && !revoking && !contactIsOwner && (instanceMatchesClient && !isOwner || canManageSharing);
   var handleRevocation = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {

package/dist/components/Recipient/RecipientList.js

@@ -10,8 +10,8 @@ var RecipientList = function RecipientList(_ref) {
       recipientsToBeConfirmed = _ref.recipientsToBeConfirmed,
       isOwner = _ref.isOwner,
       canManageSharing = _ref.canManageSharing,
+      canManageMembers = _ref.canManageMembers,
       isSharedDrive = _ref.isSharedDrive,
-      isReadOnly = _ref.isReadOnly,
       document = _ref.document,
       documentType = _ref.documentType,
       onRevoke = _ref.onRevoke,
@@ -28,7 +28,7 @@ var RecipientList = function RecipientList(_ref) {
     if (isGroupRecipient) {
       return /*#__PURE__*/React.createElement(GroupRecipient, _extends({}, recipient, {
         isOwner: isOwner,
-        isReadOnly: isReadOnly,
+        canManageMembers: canManageMembers,
         key: recipient.index,
         document: document,
         documentType: documentType,
@@ -42,8 +42,8 @@ var RecipientList = function RecipientList(_ref) {
       key: recipient.index,
       isOwner: isOwner,
       canManageSharing: canManageSharing,
+      canManageMembers: canManageMembers,
       isSharedDrive: isSharedDrive,
-      isReadOnly: isReadOnly,
       document: document,
       documentType: documentType,
       onRevoke: onRevoke,

package/dist/components/ShareModal/ShareModal.js

@@ -30,8 +30,7 @@ export var ShareModal = withLocales(function (props) {
       canReshare = _useSharingContext.canReshare,
       documentType = _useSharingContext.documentType,
       getRecipients = _useSharingContext.getRecipients,
-      revokeSelf = _useSharingContext.revokeSelf,
-      allLoaded = _useSharingContext.allLoaded;
+      revokeSelf = _useSharingContext.revokeSelf;
 
   var handleRevokeSelf = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(document) {
@@ -61,7 +60,7 @@ export var ShareModal = withLocales(function (props) {
   if (isEditable) {
     var isFederatedMode = flag('drive.federated-shared-folder.enabled');
 
-    if (isFederatedMode && allLoaded) {
+    if (isFederatedMode && document.driveId) {
       return /*#__PURE__*/React.createElement(FederatedFolderModal, _extends({
         document: document,
         onRevokeSuccess: onRevokeSuccess

package/dist/components/ShareModal/SharingDetailsModal.js

@@ -1,7 +1,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import { useI18n } from 'twake-i18n';
+import { useSharingContext } from '../../hooks/useSharingContext';
 var styles = {
   "share-modal-content": "share__share-modal-content___1iqEq",
   "coz-form": "share__coz-form___1ICST",
@@ -20,6 +21,7 @@ var styles = {
   "share-byemail-onlybylink": "share__share-byemail-onlybylink___29W-t",
   "aligned-dropdown-button": "share__aligned-dropdown-button___3crgG"
 };
+import ShareByLink from '../ShareByLink';
 import WhoHasAccess from '../WhoHasAccess';
 export var SharingDetailsModal = function SharingDetailsModal(_ref) {
   var recipients = _ref.recipients,
@@ -33,7 +35,13 @@ export var SharingDetailsModal = function SharingDetailsModal(_ref) {
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
-  return /*#__PURE__*/React.createElement(Dialog, {
+  var _useSharingContext = useSharingContext(),
+      getSharingLink = _useSharingContext.getSharingLink,
+      getFederatedShareLink = _useSharingContext.getFederatedShareLink;
+
+  var isSharedDrive = Boolean(document === null || document === void 0 ? void 0 : document.driveId);
+  var displayedLink = isSharedDrive ? getFederatedShareLink(document) : getSharingLink(document === null || document === void 0 ? void 0 : document._id);
+  return /*#__PURE__*/React.createElement(FixedDialog, {
     disableGutters: true,
     open: true,
     onClose: onClose,
@@ -42,14 +50,23 @@ export var SharingDetailsModal = function SharingDetailsModal(_ref) {
     content: /*#__PURE__*/React.createElement("div", {
       className: styles['share-modal-content']
     }, /*#__PURE__*/React.createElement(WhoHasAccess, {
-      isReadOnly: true,
+      canManageMembers: false,
+      canManageLink: isSharedDrive,
+      isSharedDrive: isSharedDrive,
       recipients: recipients,
       document: document,
       documentType: documentType,
       onRevoke: onRevoke,
       onRevokeSelf: onRevokeSelf,
-      link: "ok"
-    }))
+      link: displayedLink
+    })),
+    actions: isSharedDrive && /*#__PURE__*/React.createElement(ShareByLink, {
+      link: displayedLink,
+      document: document,
+      documentType: "Files",
+      showGenerateLinkButton: true,
+      autoOpenShareRestriction: false
+    })
   });
 };
 SharingDetailsModal.propTypes = {

package/dist/components/WhoHasAccess.js

@@ -37,6 +37,10 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
       isSharedDrive = _ref2$isSharedDrive === void 0 ? false : _ref2$isSharedDrive,
       _ref2$isReadOnly = _ref2.isReadOnly,
       isReadOnly = _ref2$isReadOnly === void 0 ? false : _ref2$isReadOnly,
+      _ref2$canManageMember = _ref2.canManageMembers,
+      canManageMembers = _ref2$canManageMember === void 0 ? !isReadOnly : _ref2$canManageMember,
+      _ref2$canManageLink = _ref2.canManageLink,
+      canManageLink = _ref2$canManageLink === void 0 ? canManageMembers : _ref2$canManageLink,
       _ref2$showOwner = _ref2.showOwner,
       showOwner = _ref2$showOwner === void 0 ? true : _ref2$showOwner,
       recipients = _ref2.recipients,
@@ -63,7 +67,7 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
   }, /*#__PURE__*/React.createElement(RecipientWaitingForConfirmationAlert, {
     recipientsToBeConfirmed: recipientsToBeConfirmed
   }), /*#__PURE__*/React.createElement(List, null, link && /*#__PURE__*/React.createElement(LinkRecipient, {
-    isReadOnly: isReadOnly,
+    isReadOnly: !canManageLink,
     document: document,
     documentType: documentType,
     onRevoke: onRevoke,
@@ -78,8 +82,8 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
     recipientsToBeConfirmed: recipientsToBeConfirmed,
     isOwner: isOwner,
     canManageSharing: canManageSharing,
+    canManageMembers: canManageMembers,
     isSharedDrive: isSharedDrive,
-    isReadOnly: isReadOnly,
     document: document,
     documentType: documentType,
     onRevoke: onRevoke,
@@ -92,6 +96,8 @@ var WhoHasAccess = function WhoHasAccess(_ref2) {
 WhoHasAccess.propTypes = {
   isOwner: PropTypes.bool,
   canManageSharing: PropTypes.bool,
+  canManageMembers: PropTypes.bool,
+  canManageLink: PropTypes.bool,
   showOwner: PropTypes.bool,
   recipients: PropTypes.array.isRequired,
   recipientsToBeConfirmed: PropTypes.arrayOf(PropTypes.shape({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "37.2.10",
+  "version": "37.2.12",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -59,7 +59,7 @@
     "cozy-intent": "^2.31.1",
     "cozy-minilog": "^3.10.1",
     "cozy-ui": "^140.5.0",
-    "cozy-ui-plus": "^12.3.4",
+    "cozy-ui-plus": "^12.3.6",
     "jest": "30.3.0",
     "jest-environment-jsdom": "30.3.0",
     "react": "16.12.0",
@@ -85,5 +85,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "05e50a31f37a323eba5d55d5c1e5c3b90090b636"
+  "gitHead": "8dbc03f6ef437764cfec18a0b2a6e1b44102f7c3"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -118,7 +118,12 @@ const FederatedFolderModalContent = ({
   const isInsideSharedDrive = Boolean(
     existingDocument?.driveId && !isSharedDriveRoot
   )
-  const isCurrentUserOwner = documentId ? isOwner(documentId) : false
+  const isCurrentUserOwner = existingDocument?.driveId
+    ? Boolean(sharedDriveSharing?.attributes?.owner)
+    : documentId
+      ? isOwner(documentId)
+      : false
+  const isMemberReadOnly = isInsideSharedDrive && !isCurrentUserOwner
   const hasParentRestriction = isInsideSharedDrive || hasSharedParentByPath
   const hasChildRestriction = Boolean(
     documentPath && hasSharedChild(documentPath)
@@ -322,6 +327,8 @@ const FederatedFolderModalContent = ({
             isOwner={isCurrentUserOwner}
             canManageSharing={canManageSharing}
             isSharedDrive
+            canManageMembers={!isMemberReadOnly}
+            canManageLink={true}
             recipients={isSending ? frozenRecipients : existingRecipients}
             document={isSending ? frozenDoc : existingDocument}
             documentType="Files"

package/src/components/Recipient/GroupRecipientPermissions.jsx

@@ -20,7 +20,7 @@ const GroupRecipientPermissions = ({
   name,
   color,
   isOwner,
-  isReadOnly,
+  canManageMembers = true,
   sharingId,
   groupIndex,
   read_only = false,
@@ -36,7 +36,7 @@ const GroupRecipientPermissions = ({
   const [revoking, setRevoking] = useState(false)
 
   const shouldShowMenu =
-    !isReadOnly && !revoking && (isOwner || isUserInsideMembers)
+    canManageMembers && !revoking && (isOwner || isUserInsideMembers)
 
   const toggleMenu = () => setMenuDisplayed(!isMenuDisplayed)
   const hideMenu = () => setMenuDisplayed(false)

package/src/components/Recipient/MemberRecipientPermissions.jsx

@@ -12,7 +12,7 @@ import { PermissionTypeMenu } from './PermissionTypeMenu'
 const MemberRecipientPermissions = ({
   isOwner,
   canManageSharing = isOwner,
-  isReadOnly,
+  canManageMembers = true,
   status,
   instance,
   type,
@@ -31,7 +31,7 @@ const MemberRecipientPermissions = ({
     instance !== undefined && instance === client.options.uri
   const contactIsOwner = status === 'owner'
   const shouldShowMenu =
-    !isReadOnly &&
+    canManageMembers &&
     !revoking &&
     !contactIsOwner &&
     ((instanceMatchesClient && !isOwner) || canManageSharing)

package/src/components/Recipient/RecipientList.jsx

@@ -10,8 +10,8 @@ const RecipientList = ({
   recipientsToBeConfirmed,
   isOwner,
   canManageSharing,
+  canManageMembers,
   isSharedDrive,
-  isReadOnly,
   document,
   documentType,
   onRevoke,
@@ -35,7 +35,7 @@ const RecipientList = ({
         <GroupRecipient
           {...recipient}
           isOwner={isOwner}
-          isReadOnly={isReadOnly}
+          canManageMembers={canManageMembers}
           key={recipient.index}
           document={document}
           documentType={documentType}
@@ -52,8 +52,8 @@ const RecipientList = ({
         key={recipient.index}
         isOwner={isOwner}
         canManageSharing={canManageSharing}
+        canManageMembers={canManageMembers}
         isSharedDrive={isSharedDrive}
-        isReadOnly={isReadOnly}
         document={document}
         documentType={documentType}
         onRevoke={onRevoke}

package/src/components/ShareModal/ShareModal.jsx

@@ -23,8 +23,7 @@ export const ShareModal = withLocales(props => {
     canReshare,
     documentType,
     getRecipients,
-    revokeSelf,
-    allLoaded
+    revokeSelf
   } = useSharingContext()
 
   const handleRevokeSelf = async document => {
@@ -37,7 +36,7 @@ export const ShareModal = withLocales(props => {
 
   if (isEditable) {
     const isFederatedMode = flag('drive.federated-shared-folder.enabled')
-    if (isFederatedMode && allLoaded) {
+    if (isFederatedMode && document.driveId) {
       return (
         <FederatedFolderModal
           document={document}

package/src/components/ShareModal/SharingDetailsModal.jsx

@@ -1,10 +1,12 @@
 import PropTypes from 'prop-types'
 import React from 'react'
 
-import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
 import { useI18n } from 'twake-i18n'
 
+import { useSharingContext } from '../../hooks/useSharingContext'
 import styles from '../../styles/share.styl'
+import ShareByLink from '../ShareByLink'
 import WhoHasAccess from '../WhoHasAccess'
 
 export const SharingDetailsModal = ({
@@ -16,9 +18,15 @@ export const SharingDetailsModal = ({
   onClose
 }) => {
   const { t } = useI18n()
+  const { getSharingLink, getFederatedShareLink } = useSharingContext()
+
+  const isSharedDrive = Boolean(document?.driveId)
+  const displayedLink = isSharedDrive
+    ? getFederatedShareLink(document)
+    : getSharingLink(document?._id)
 
   return (
-    <Dialog
+    <FixedDialog
       disableGutters
       open={true}
       onClose={onClose}
@@ -27,16 +35,29 @@ export const SharingDetailsModal = ({
       content={
         <div className={styles['share-modal-content']}>
           <WhoHasAccess
-            isReadOnly
+            canManageMembers={false}
+            canManageLink={isSharedDrive}
+            isSharedDrive={isSharedDrive}
             recipients={recipients}
             document={document}
             documentType={documentType}
             onRevoke={onRevoke}
             onRevokeSelf={onRevokeSelf}
-            link="ok"
+            link={displayedLink}
           />
         </div>
       }
+      actions={
+        isSharedDrive && (
+          <ShareByLink
+            link={displayedLink}
+            document={document}
+            documentType="Files"
+            showGenerateLinkButton={true}
+            autoOpenShareRestriction={false}
+          />
+        )
+      }
     />
   )
 }

package/src/components/WhoHasAccess.jsx

@@ -32,6 +32,8 @@ const WhoHasAccess = ({
   canManageSharing = isOwner,
   isSharedDrive = false,
   isReadOnly = false,
+  canManageMembers = !isReadOnly,
+  canManageLink = canManageMembers,
   showOwner = true,
   recipients,
   recipientsToBeConfirmed = [],
@@ -58,7 +60,7 @@ const WhoHasAccess = ({
       <List>
         {link && (
           <LinkRecipient
-            isReadOnly={isReadOnly}
+            isReadOnly={!canManageLink}
             document={document}
             documentType={documentType}
             onRevoke={onRevoke}
@@ -80,8 +82,8 @@ const WhoHasAccess = ({
           recipientsToBeConfirmed={recipientsToBeConfirmed}
           isOwner={isOwner}
           canManageSharing={canManageSharing}
+          canManageMembers={canManageMembers}
           isSharedDrive={isSharedDrive}
-          isReadOnly={isReadOnly}
           document={document}
           documentType={documentType}
           onRevoke={onRevoke}
@@ -97,6 +99,8 @@ const WhoHasAccess = ({
 WhoHasAccess.propTypes = {
   isOwner: PropTypes.bool,
   canManageSharing: PropTypes.bool,
+  canManageMembers: PropTypes.bool,
+  canManageLink: PropTypes.bool,
   showOwner: PropTypes.bool,
   recipients: PropTypes.array.isRequired,
   recipientsToBeConfirmed: PropTypes.arrayOf(