cozy-sharing 19.0.0 → 21.0.0

package/CHANGELOG.md

@@ -3,6 +3,74 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [21.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@20.0.0...cozy-sharing@21.0.0) (2025-01-23)
+
+
+### Features
+
+* **sharing:** Add new links to `useSharingInfos` ([e9e51f7](https://github.com/cozy/cozy-libs/commit/e9e51f773698ea72af5aca218c65b597c4f918c7))
+* **sharing:** Replace `openSharingLink` with 3 new actions ([9150b33](https://github.com/cozy/cozy-libs/commit/9150b33f7ef3cd55b986dffedd768f00408674dd))
+* **sharing:** Update PublicBanner with new addSharingLink ([3be70fe](https://github.com/cozy/cozy-libs/commit/3be70fef1780806584cba1f07daaf0ebcd9596c7))
+
+
+### BREAKING CHANGES
+
+* **sharing:** We now need 3 separate actions to Cozy to Cozy sharing.
+Replace the `openSharingLink` action with the desired
+action with its link option
+
+Example:
+```
+import {
+  addToCozySharingLink,
+  syncToCozySharingLink,
+  useSharingInfos
+} from 'cozy-sharing'
+
+const { addSharingLink, syncSharingLink } = useSharingInfos()
+
+const actions = makeActions(
+  [
+    addToCozySharingLink,
+    syncToCozySharingLink
+  ],
+  {
+    addSharingLink,
+    syncSharingLink
+  }
+)
+```
+
+
+
+
+
+# [20.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@19.0.0...cozy-sharing@20.0.0) (2025-01-22)
+
+
+### Bug Fixes
+
+* **sharing:** Dispatch correct value ([4f2d17c](https://github.com/cozy/cozy-libs/commit/4f2d17cec7ce51fae97c825e3bb605c204dff330))
+
+
+### Features
+
+* **sharing:** Auto focus password input ([614da3c](https://github.com/cozy/cozy-libs/commit/614da3cceae6f207ced87ae0bc81886224c83a24))
+* **sharing:** Change ShareRestrictionModal validity ([00fb730](https://github.com/cozy/cozy-libs/commit/00fb730160e7f80ea57f6ebf7f47afadff9c0945))
+* **sharing:** Improve BoxPassword ([7e39d7f](https://github.com/cozy/cozy-libs/commit/7e39d7fe16c021c9902a905f7dbdba92b2787eaf))
+* **sharing:** Improve ShareDialogOnlyByLink UX ([4287e74](https://github.com/cozy/cozy-libs/commit/4287e74dc32aa7541e861939c4405a20426640e6))
+* **sharing:** Rework logic of ShareRestrictionModal ([e33df9f](https://github.com/cozy/cozy-libs/commit/e33df9f5bb737dab6db738b435d2d0492698c8e9))
+* **sharing:** Upgrade cozy-client to 53.0.0 ([fd6294f](https://github.com/cozy/cozy-libs/commit/fd6294f0870499a928795a73f099f3885e090a0a))
+
+
+### BREAKING CHANGES
+
+* **sharing:** You must have `cozy-client >= 53.0.0`
+
+
+
+
+
 # [19.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@18.0.0...cozy-sharing@19.0.0) (2025-01-08)
 
 

package/dist/SharingProvider.js

@@ -465,18 +465,22 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
      * updateDocumentPermissions - Description
      *
      * @param {Object} document A shared document
-     * @param {Array} newVerbs The new verbs to use for the permission, eg. ['GET']
+     * @param {object} options The new verbs to use for the permission, eg. ['GET']
+     * @param {string[]} options.verbs The new verbs to use for the permission, eg. ['GET']
+     * @param {string} [options.expiresAt] The new expiration date for the permission
+     * @param {string} [options.password] The new password for the permission
      *
      * @return {Array}
      */
     _defineProperty(_this2, "updateDocumentPermissions", /*#__PURE__*/function () {
-      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(document, newVerbs) {
-        var permissions, responses;
+      var _ref12 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(document, options) {
+        var verbs, expiresAt, password, permissions, responses;
         return _regeneratorRuntime.wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
             case 0:
+              verbs = options.verbs, expiresAt = options.expiresAt, password = options.password;
               permissions = _getDocumentPermissions(_this2.state, document.id);
-              _context11.next = 3;
+              _context11.next = 4;
               return Promise.all(permissions.map( /*#__PURE__*/function () {
                 var _ref13 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(permissionDocument) {
                   var updatedPermissions, resp;
@@ -485,15 +489,18 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
                       case 0:
                         updatedPermissions = permissionDocument.attributes.permissions;
                         Object.keys(updatedPermissions).map(function (permType) {
-                          updatedPermissions[permType].verbs = newVerbs;
+                          updatedPermissions[permType].verbs = verbs;
                         });
                         _context10.next = 4;
-                        return _this2.permissionCol.add(permissionDocument, updatedPermissions);
+                        return _this2.permissionCol.add(permissionDocument, updatedPermissions, {
+                          expiresAt: expiresAt,
+                          password: password
+                        });
 
                       case 4:
                         resp = _context10.sent;
 
-                        _this2.dispatch(updateSharingLink(resp));
+                        _this2.dispatch(updateSharingLink(resp.data));
 
                         return _context10.abrupt("return", resp);
 
@@ -509,11 +516,11 @@ export var SharingProvider = /*#__PURE__*/function (_Component) {
                 };
               }()));
 
-            case 3:
+            case 4:
               responses = _context11.sent;
               return _context11.abrupt("return", responses);
 
-            case 5:
+            case 6:
             case "end":
               return _context11.stop();
           }

package/dist/actions/{openSharingLink.js → addToCozySharingLink.js}

@@ -2,9 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
 import Icon from 'cozy-ui/transpiled/react/Icon';
+import CloudPlusOutlinedIcon from 'cozy-ui/transpiled/react/Icons/CloudPlusOutlined';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
-import { getIconWithlabel, openExternalLink } from '../helpers/sharings';
+import { openExternalLink } from '../helpers/sharings';
 import { getActionsI18n } from '../hoc/withLocales';
 
 var makeComponent = function makeComponent(label, icon) {
@@ -17,39 +18,34 @@ var makeComponent = function makeComponent(label, icon) {
       primary: label
     }));
   });
-  Component.displayName = 'OpenSharingLink';
+  Component.displayName = 'AddToCozySharingLink';
   return Component;
 };
 
-export var openSharingLink = function openSharingLink(_ref) {
+export var addToCozySharingLink = function addToCozySharingLink(_ref) {
   var isSharingShortcutCreated = _ref.isSharingShortcutCreated,
       _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
       openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
       _ref$isShortLabel = _ref.isShortLabel,
       isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
-      link = _ref.link;
+      addSharingLink = _ref.addSharingLink;
 
   var _getActionsI18n = getActionsI18n(),
       t = _getActionsI18n.t;
 
-  var _getIconWithlabel = getIconWithlabel({
-    link: link,
-    isSharingShortcutCreated: isSharingShortcutCreated,
-    isShortLabel: isShortLabel,
-    t: t
-  }),
-      icon = _getIconWithlabel.icon,
-      label = _getIconWithlabel.label;
-
+  var label = t('Share.banner.add_to_mine', {
+    smart_count: isShortLabel ? 1 : 2
+  });
+  var icon = CloudPlusOutlinedIcon;
   return {
-    name: 'openSharingLink',
+    name: 'addToCozySharingLink',
     label: label,
     icon: icon,
     displayCondition: function displayCondition() {
-      return openSharingLinkDisplayed;
+      return openSharingLinkDisplayed && !isSharingShortcutCreated;
     },
     action: function action() {
-      openExternalLink(link);
+      openExternalLink(addSharingLink);
     },
     Component: makeComponent(label, icon)
   };

package/dist/actions/createCozySharingLink.js

@@ -0,0 +1,51 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import ToTheCloudIcon from 'cozy-ui/transpiled/react/Icons/ToTheCloud';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import { openExternalLink } from '../helpers/sharings';
+import { getActionsI18n } from '../hoc/withLocales';
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'CreateCozySharingLink';
+  return Component;
+};
+
+export var createCozySharingLink = function createCozySharingLink(_ref) {
+  var _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
+      openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
+      createSharingLink = _ref.createSharingLink;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var label = t('Share.create-cozy', {
+    smart_count: isShortLabel ? 1 : 2
+  });
+  var icon = ToTheCloudIcon;
+  return {
+    name: 'createCozySharingLink',
+    label: label,
+    icon: icon,
+    displayCondition: function displayCondition() {
+      return openSharingLinkDisplayed;
+    },
+    action: function action() {
+      openExternalLink(createSharingLink);
+    },
+    Component: makeComponent(label, icon)
+  };
+};

package/dist/actions/syncToCozySharingLink.js

@@ -0,0 +1,51 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import SyncIcon from 'cozy-ui/transpiled/react/Icons/Sync';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import { openExternalLink } from '../helpers/sharings';
+import { getActionsI18n } from '../hoc/withLocales';
+
+var makeComponent = function makeComponent(label, icon) {
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+      icon: icon
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label
+    }));
+  });
+  Component.displayName = 'SyncToCozySharingLink';
+  return Component;
+};
+
+export var syncToCozySharingLink = function syncToCozySharingLink(_ref) {
+  var _ref$openSharingLinkD = _ref.openSharingLinkDisplayed,
+      openSharingLinkDisplayed = _ref$openSharingLinkD === void 0 ? true : _ref$openSharingLinkD,
+      _ref$isShortLabel = _ref.isShortLabel,
+      isShortLabel = _ref$isShortLabel === void 0 ? false : _ref$isShortLabel,
+      syncSharingLink = _ref.syncSharingLink;
+
+  var _getActionsI18n = getActionsI18n(),
+      t = _getActionsI18n.t;
+
+  var label = t('Share.banner.sync_to_mine', {
+    smart_count: isShortLabel ? 1 : 2
+  });
+  var icon = SyncIcon;
+  return {
+    name: 'syncToCozySharingLink',
+    label: label,
+    icon: icon,
+    displayCondition: function displayCondition() {
+      return openSharingLinkDisplayed;
+    },
+    action: function action() {
+      openExternalLink(syncSharingLink);
+    },
+    Component: makeComponent(label, icon)
+  };
+};

package/dist/components/Recipient/LinkRecipient.js

@@ -13,7 +13,9 @@ import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import LinkRecipientPermissions from './LinkRecipientPermissions';
 import RecipientConfirm from './RecipientConfirm';
+import { checkIsPermissionHasPassword, getPermissionExpiresDate } from '../../helpers/permissions';
 import { FADE_IN_DURATION } from '../../helpers/recipients';
+import { useSharingContext } from '../../hooks/useSharingContext';
 var styles = {
   "recipient": "recipient__recipient___2DmZI",
   "recipients-list-light": "recipient__recipients-list-light___Vq4op",
@@ -34,15 +36,29 @@ var styles = {
 
 var LinkRecipient = function LinkRecipient(props) {
   var _useI18n = useI18n(),
-      t = _useI18n.t;
+      t = _useI18n.t,
+      f = _useI18n.f,
+      lang = _useI18n.lang;
 
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;
 
+  var _useSharingContext = useSharingContext(),
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions;
+
   var recipientConfirmationData = props.recipientConfirmationData,
       verifyRecipient = props.verifyRecipient,
       link = props.link,
-      fadeIn = props.fadeIn;
+      fadeIn = props.fadeIn,
+      document = props.document;
+  var permissions = getDocumentPermissions(document._id);
+  var hasPassword = checkIsPermissionHasPassword(permissions);
+  var expiresDate = getPermissionExpiresDate(permissions);
+  var dateFormatted = expiresDate ? f(expiresDate, lang === 'fr' ? 'dd/LL/yyyy' : 'LL/dd/yyyy') : null;
+  var textPrimary = hasPassword ? t('Share.recipients.linkWithPassword') : t('Share.recipients.anyoneWithTheLink');
+  var textSecondary = expiresDate ? t('Share.recipients.expires', {
+    date: dateFormatted
+  }) : link;
   var RightPart = recipientConfirmationData ? /*#__PURE__*/React.createElement(RecipientConfirm, {
     recipientConfirmationData: recipientConfirmationData,
     verifyRecipient: verifyRecipient
@@ -64,8 +80,8 @@ var LinkRecipient = function LinkRecipient(props) {
     primary: /*#__PURE__*/React.createElement(Typography, {
       className: "u-ellipsis",
       variant: "body1"
-    }, t('Share.recipients.anyoneWithTheLink')),
-    secondary: link
+    }, textPrimary),
+    secondary: textSecondary
   }), RightPart));
 };
 

package/dist/components/ShareRestrictionModal/BoxPassword.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -16,8 +17,11 @@ import TextField from 'cozy-ui/transpiled/react/TextField';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { copyToClipboard } from './helpers';
+import { checkIsPermissionHasPassword } from '../../helpers/permissions';
+import { useSharingContext } from '../../hooks/useSharingContext';
 export var BoxPassword = function BoxPassword(_ref) {
-  var onChange = _ref.onChange,
+  var file = _ref.file,
+      onChange = _ref.onChange,
       password = _ref.password,
       onToggle = _ref.onToggle,
       toggle = _ref.toggle,
@@ -37,6 +41,12 @@ export var BoxPassword = function BoxPassword(_ref) {
 
   var inputRef = React.useRef();
 
+  var _useSharingContext = useSharingContext(),
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions;
+
+  var permissions = getDocumentPermissions(file._id);
+  var hasPassword = checkIsPermissionHasPassword(permissions);
+
   var handlePasswordToggle = function handlePasswordToggle(val) {
     var _val$target$checked, _val$target;
 
@@ -106,9 +116,16 @@ export var BoxPassword = function BoxPassword(_ref) {
     onChange: handlePasswordToggle
   })))), toggle && /*#__PURE__*/React.createElement("div", {
     className: "u-pt-half u-ph-1 u-pb-1"
-  }, /*#__PURE__*/React.createElement(TextField, {
+  }, /*#__PURE__*/React.createElement(TextField, _extends({
     inputRef: inputRef,
-    label: t('BoxPassword.label'),
+    autoFocus: true,
+    label: t('BoxPassword.label')
+  }, hasPassword && {
+    placeholder: '****',
+    InputLabelProps: {
+      shrink: true
+    }
+  }, {
     value: password,
     error: displayHelper && !!helperText,
     helperText: displayHelper && helperText,
@@ -126,7 +143,7 @@ export var BoxPassword = function BoxPassword(_ref) {
       }))
     },
     inputProps: inputProps
-  })));
+  }))));
 };
 BoxPassword.propTypes = {
   onChange: PropTypes.func.isRequired,

package/dist/components/ShareRestrictionModal/ShareRestrictionContentModal.js

@@ -1,4 +1,4 @@
-import { addDays } from 'date-fns';
+import { addDays, isValid } from 'date-fns';
 import PropTypes from 'prop-types';
 import React from 'react';
 import Box from 'cozy-ui/transpiled/react/Box';
@@ -7,6 +7,8 @@ import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
 import { BoxDate } from './BoxDate';
 import { BoxEditingRights } from './BoxEditingRights';
 import { BoxPassword } from './BoxPassword';
+import { checkIsPermissionHasPassword } from '../../helpers/permissions';
+import { useSharingContext } from '../../hooks/useSharingContext';
 var PASSWORD_MIN_LENGTH = 4;
 export var ShareRestrictionContentModal = function ShareRestrictionContentModal(_ref) {
   var file = _ref.file,
@@ -27,23 +29,44 @@ export var ShareRestrictionContentModal = function ShareRestrictionContentModal(
   var _useI18n = useI18n(),
       t = _useI18n.t;
 
+  var _useSharingContext = useSharingContext(),
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions;
+
+  var permissions = getDocumentPermissions(file._id);
+  var hasPassword = checkIsPermissionHasPassword(permissions);
+
+  var handlePassword = function handlePassword(value) {
+    setPassword(value);
+    setIsValidPassword(hasPassword && value.trim().length === 0 || value.trim().length >= PASSWORD_MIN_LENGTH);
+  };
+
   var handlePasswordToggle = function handlePasswordToggle(val) {
     setPasswordToggle(val);
+    setPassword('');
+
+    if (val && !password) {
+      setIsValidPassword(hasPassword);
+    } else {
+      setIsValidPassword(true);
+    }
   };
 
-  var handlePassword = function handlePassword(value) {
-    setPassword(value);
-    setIsValidPassword(value.trim().length === 0 || value.trim().length >= PASSWORD_MIN_LENGTH);
+  var handleDate = function handleDate(date) {
+    setSelectedDate(date);
+    setIsValidDate(isValid(date));
   };
 
   var handleDateToggle = function handleDateToggle(val) {
+    setDateToggle(val);
+
     if (!val) {
+      setSelectedDate(null);
+      setIsValidDate(true);
+    } else {
+      var defaultValue = val ? addDays(new Date(), 30) : null;
+      setSelectedDate(defaultValue);
       setIsValidDate(true);
     }
-
-    var defaultValue = val ? addDays(new Date(), 30) : null;
-    setSelectedDate(defaultValue, true);
-    setDateToggle(val);
   };
 
   return /*#__PURE__*/React.createElement(Box, {
@@ -58,11 +81,12 @@ export var ShareRestrictionContentModal = function ShareRestrictionContentModal(
     editingRights: editingRights,
     setEditingRights: setEditingRights
   }), /*#__PURE__*/React.createElement(BoxDate, {
-    onChange: setSelectedDate,
+    onChange: handleDate,
     date: selectedDate,
     onToggle: handleDateToggle,
     toggle: dateToggle
   }), /*#__PURE__*/React.createElement(BoxPassword, {
+    file: file,
     onChange: handlePassword,
     password: password,
     onToggle: handlePasswordToggle,