cozy-sharing 28.3.4 → 28.4.0

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.
 
+# [28.4.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@28.3.5...cozy-sharing@28.4.0) (2026-02-24)
+
+### Features
+
+- **cozy-sharing:** Implement federated folder sharing modal ([94d52b1](https://github.com/cozy/cozy-libs/commit/94d52b1801f4ddc3253e26a8eb5cfdccfbb5388d))
+
+## [28.3.5](https://github.com/cozy/cozy-libs/compare/cozy-sharing@28.3.4...cozy-sharing@28.3.5) (2026-02-23)
+
+**Note:** Version bump only for package cozy-sharing
+
 ## [28.3.4](https://github.com/cozy/cozy-libs/compare/cozy-sharing@28.3.3...cozy-sharing@28.3.4) (2026-02-19)
 
 **Note:** Version bump only for package cozy-sharing

package/dist/components/FederatedFolder/DumbFederatedFolderModal.js

@@ -0,0 +1,56 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { useI18n } from 'twake-i18n';
+import withLocales from '../../hoc/withLocales';
+import DumbBatchSharedFolderModal from '../SharedFolder/DumbBatchSharedFolderModal';
+export var DumbFederatedFolderModal = withLocales(function (_ref) {
+  var title = _ref.title,
+      document = _ref.document,
+      createContact = _ref.createContact,
+      recipients = _ref.recipients,
+      readOnlyRecipients = _ref.readOnlyRecipients,
+      currentRecipients = _ref.currentRecipients,
+      onRevoke = _ref.onRevoke,
+      onSetType = _ref.onSetType,
+      onSend = _ref.onSend,
+      onClose = _ref.onClose,
+      onShare = _ref.onShare,
+      sharingLink = _ref.sharingLink;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  return /*#__PURE__*/React.createElement(DumbBatchSharedFolderModal, {
+    title: title,
+    document: document,
+    createContact: createContact,
+    recipients: recipients,
+    readOnlyRecipients: readOnlyRecipients,
+    currentRecipients: currentRecipients,
+    onRevoke: onRevoke,
+    onSetType: onSetType,
+    onSend: onSend,
+    onClose: onClose,
+    onShare: onShare,
+    sharingLink: sharingLink,
+    showNameField: false,
+    addPeopleLabel: t('FederatedFolder.addPeople'),
+    addButtonLabel: t('FederatedFolder.add'),
+    shareLabel: t('FederatedFolder.share')
+  });
+});
+DumbFederatedFolderModal.propTypes = {
+  title: PropTypes.string,
+  document: PropTypes.object,
+  createContact: PropTypes.func.isRequired,
+  recipients: PropTypes.array,
+  readOnlyRecipients: PropTypes.array,
+  currentRecipients: PropTypes.array,
+  onRevoke: PropTypes.func.isRequired,
+  onSetType: PropTypes.func.isRequired,
+  onSend: PropTypes.func.isRequired,
+  onClose: PropTypes.func.isRequired,
+  onShare: PropTypes.func.isRequired,
+  sharingLink: PropTypes.string
+};
+export default DumbFederatedFolderModal;

package/dist/components/FederatedFolder/FederatedFolderModal.js

@@ -0,0 +1,150 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import { useI18n } from 'twake-i18n';
+import { useClient } from 'cozy-client';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
+import { DumbFederatedFolderModal } from './DumbFederatedFolderModal';
+import withLocales from '../../hoc/withLocales';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { formatRecipients, moveRecipientToReadWrite, moveRecipientToReadOnly, RECIPIENT_INDEX_PREFIX } from '../SharedDrive/helpers';
+export var FederatedFolderModal = withLocales(function (_ref) {
+  var onClose = _ref.onClose,
+      existingDocument = _ref.document;
+  var client = useClient();
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useSharingContext = useSharingContext(),
+      share = _useSharingContext.share,
+      getSharingLink = _useSharingContext.getSharingLink;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert; // Get sharing link
+
+
+  var sharingLink = existingDocument ? getSharingLink(existingDocument._id) : null;
+
+  var _useState = useState({
+    recipients: [],
+    readOnlyRecipients: []
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      federatedRecipients = _useState2[0],
+      setFederatedRecipients = _useState2[1];
+
+  var _useState3 = useState((existingDocument === null || existingDocument === void 0 ? void 0 : existingDocument.name) || ''),
+      _useState4 = _slicedToArray(_useState3, 1),
+      folderName = _useState4[0];
+
+  var onShare = function onShare(params) {
+    setFederatedRecipients({
+      recipients: params.recipients || [],
+      readOnlyRecipients: params.readOnlyRecipients || []
+    });
+  };
+
+  var onSend = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return share({
+              description: folderName,
+              document: existingDocument,
+              recipients: federatedRecipients.recipients,
+              readOnlyRecipients: federatedRecipients.readOnlyRecipients,
+              sharedDrive: true,
+              openSharing: false
+            });
+
+          case 3:
+            showAlert({
+              message: t('FederatedFolder.successNotification'),
+              severity: 'success',
+              variant: 'filled'
+            });
+            onClose();
+            _context.next = 10;
+            break;
+
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            showAlert({
+              message: t('FederatedFolder.errorNotification'),
+              severity: 'error',
+              variant: 'filled'
+            });
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function onSend() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onSetType = function onSetType(index, newType) {
+    var _id = index.split(RECIPIENT_INDEX_PREFIX)[1];
+
+    if (newType === 'two-way') {
+      setFederatedRecipients(function (prev) {
+        return moveRecipientToReadWrite(prev, _id);
+      });
+    } else {
+      setFederatedRecipients(function (prev) {
+        return moveRecipientToReadOnly(prev, _id);
+      });
+    }
+  };
+
+  var onRevoke = function onRevoke(index) {
+    var _id = index.split(RECIPIENT_INDEX_PREFIX)[1];
+    setFederatedRecipients(function (prev) {
+      return {
+        recipients: prev.recipients.filter(function (r) {
+          return r._id !== _id;
+        }),
+        readOnlyRecipients: prev.readOnlyRecipients.filter(function (r) {
+          return r._id !== _id;
+        })
+      };
+    });
+  };
+
+  var recipients = formatRecipients(federatedRecipients);
+  var modalTitle = t('FederatedFolder.shareTitle', {
+    name: folderName
+  });
+  return /*#__PURE__*/React.createElement(DumbFederatedFolderModal, {
+    title: modalTitle,
+    document: existingDocument,
+    createContact: function createContact(contact) {
+      return client.create('io.cozy.contacts', contact);
+    },
+    recipients: recipients,
+    readOnlyRecipients: federatedRecipients.readOnlyRecipients,
+    currentRecipients: [],
+    onRevoke: onRevoke,
+    onSetType: onSetType,
+    onSend: onSend,
+    onClose: onClose,
+    onShare: onShare,
+    sharingLink: sharingLink
+  });
+});
+FederatedFolderModal.propTypes = {
+  onClose: PropTypes.func.isRequired,
+  document: PropTypes.object.isRequired
+};
+export default FederatedFolderModal;