cozy-sharing 18.0.0 → 19.0.0

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [19.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@18.0.0...cozy-sharing@19.0.0) (2025-01-08)
+
+
+### Bug Fixes
+
+* **sharing:** Update propTypes ([0474d9c](https://github.com/cozy/cozy-libs/commit/0474d9c46344b1f7abf65fc6e419a25aef33d2ed))
+
+
+### Features
+
+* **sharing:** Add 3 actions to use the new action menu ([1af8fa7](https://github.com/cozy/cozy-libs/commit/1af8fa7dbffad63d117149d14e09399e9d71a8a6))
+* **sharing:** Add missing devDeps ([5221b40](https://github.com/cozy/cozy-libs/commit/5221b40397935538e95dcec82c939fb22196c991))
+* **sharing:** Add needed packages ([36a2b67](https://github.com/cozy/cozy-libs/commit/36a2b6771275a35b3ab484b22a18b6d9c7b61496))
+* **sharing:** Add ShareRestrictionModal component ([df5ed28](https://github.com/cozy/cozy-libs/commit/df5ed28c7c7f5dbb339bf26d563e8ffd825a686f))
+* **sharing:** Add the 3 boxes of the new link-sharing modal ([a297d20](https://github.com/cozy/cozy-libs/commit/a297d20c46966c82447491a6fefe2d96509c45a9))
+* **sharing:** Move revoke action to a secondary button ([83d3738](https://github.com/cozy/cozy-libs/commit/83d3738220e2c02ed749a08a47f92ca08ce9feb7))
+* **sharing:** Remove EditLinkPermissionDialog ([1b8bd56](https://github.com/cozy/cozy-libs/commit/1b8bd560f4e72b885817f1f17a83156b6c1a7d58))
+* **sharing:** Remove useless props ([cc3f816](https://github.com/cozy/cozy-libs/commit/cc3f816b6d35deb619488495bb767e1d76b557de))
+* **sharing:** Replace old sharing link menu with the new modal ([de1a1c2](https://github.com/cozy/cozy-libs/commit/de1a1c27a5747c0b8bf091ed1856994f65cdcdb2))
+* **sharing:** Upgrade packages ([9a1312d](https://github.com/cozy/cozy-libs/commit/9a1312d43cba1dcd521e8d6502865ac2071535cf))
+* **sharing:** Use ShareRestrictionModal when creating share link ([248c3b4](https://github.com/cozy/cozy-libs/commit/248c3b4904649e17e935afdef1bd2a0b87082dc7))
+
+
+### BREAKING CHANGES
+
+* **sharing:** You muse have `cozy-client >= 52.1.0` and `cozy-ui >= 116.0.0`
+
+
+
+
+
 # [18.0.0](https://github.com/cozy/cozy-libs/compare/cozy-sharing@17.0.0...cozy-sharing@18.0.0) (2024-12-23)
 
 

package/dist/components/Recipient/LinkRecipientPermissions.js

@@ -1,26 +1,15 @@
-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, useRef } from 'react';
 import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import Icon from 'cozy-ui/transpiled/react/Icon';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
-import Spinner from 'cozy-ui/transpiled/react/Spinner';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-import ActionMenu, { ActionMenuItem, ActionMenuRadio } from 'cozy-ui/transpiled/react/deprecated/ActionMenu';
-import Alerter from 'cozy-ui/transpiled/react/deprecated/Alerter';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-import { isOnlyReadOnlyLinkAllowed } from '../../helpers/link';
 import { checkIsReadOnlyPermissions } from '../../helpers/permissions';
-import logger from '../../logger';
+import { ShareRestrictionModal } from '../ShareRestrictionModal/ShareRestrictionModal';
 
 var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
   var className = _ref.className,
       document = _ref.document,
-      documentType = _ref.documentType,
-      permissions = _ref.permissions,
-      onChangePermissions = _ref.onChangePermissions,
-      onDisable = _ref.onDisable;
+      permissions = _ref.permissions;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -29,129 +18,29 @@ var LinkRecipientPermissions = function LinkRecipientPermissions(_ref) {
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
-      menuIsOpen = _useState2[0],
-      setMenuIsOpen = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
+      openShareRestrictionModal = _useState2[0],
+      setOpenShareRestrictionModal = _useState2[1];
 
   var isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions);
-
-  var toggleMenu = function toggleMenu() {
-    setMenuIsOpen(!menuIsOpen);
-  };
-
-  var deleteShareLink = /*#__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;
-            setLoading(true);
-            _context.next = 4;
-            return onDisable(document);
-
-          case 4:
-            _context.next = 10;
-            break;
-
-          case 6:
-            _context.prev = 6;
-            _context.t0 = _context["catch"](0);
-            Alerter.error(t("".concat(documentType, ".share.error.revoke")));
-            logger.log(_context.t0);
-
-          case 10:
-            _context.prev = 10;
-            setLoading(false);
-            return _context.finish(10);
-
-          case 13:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 6, 10, 13]]);
-    }));
-
-    return function deleteShareLink() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var updateLinkPermissions = function updateLinkPermissions(_ref3) {
-    var isReadOnly = _ref3.isReadOnly;
-    var verbs = isReadOnly ? ['GET'] : ['GET', 'POST', 'PUT', 'PATCH'];
-
-    try {
-      onChangePermissions(document, verbs);
-    } catch (err) {
-      Alerter.error(t("".concat(documentType, ".share.shareByLink.permserror")));
-      logger.log(err);
-    }
-  };
-
   return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, loading && /*#__PURE__*/React.createElement(Spinner, null), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
-    onClick: toggleMenu,
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownButton, {
     ref: buttonRef,
-    textVariant: "body2"
-  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way')).toLowerCase()), menuIsOpen && /*#__PURE__*/React.createElement(ActionMenu, {
-    onClose: toggleMenu,
-    popperOptions: {
-      placement: 'bottom-end',
-      strategy: 'fixed'
-    },
-    anchorElRef: buttonRef
-  }, /*#__PURE__*/React.createElement(ActionMenuItem, {
-    left: /*#__PURE__*/React.createElement(ActionMenuRadio, {
-      name: "permissionLinkMenu",
-      value: "true",
-      checked: isReadOnlyPermissions
-    }),
+    textVariant: "body2",
     onClick: function onClick() {
-      toggleMenu();
-      updateLinkPermissions({
-        isReadOnly: true
-      });
+      return setOpenShareRestrictionModal(true);
     }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === 'directory' ? t("Share.permissionLink.seeFolder") : t("Share.permissionLink.seeFile"), /*#__PURE__*/React.createElement(Typography, {
-    className: "u-mt-half",
-    variant: "caption",
-    color: "textSecondary"
-  }, t('Share.permissionLink.readDescription')))), !isOnlyReadOnlyLinkAllowed({
-    documentType: documentType
-  }) && /*#__PURE__*/React.createElement(ActionMenuItem, {
-    left: /*#__PURE__*/React.createElement(ActionMenuRadio, {
-      name: "permissionLinkMenu",
-      value: "false",
-      checked: !isReadOnlyPermissions
-    }),
-    onClick: function onClick() {
-      toggleMenu();
-      updateLinkPermissions({
-        isReadOnly: false
-      });
-    }
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === 'directory' ? t("Share.permissionLink.modifyFolder") : t("Share.permissionLink.modifyFile"), /*#__PURE__*/React.createElement(Typography, {
-    className: "u-mt-half",
-    variant: "caption",
-    color: "textSecondary"
-  }, t('Share.permissionLink.writeDescription')))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement(ActionMenuItem, {
-    left: /*#__PURE__*/React.createElement(Icon, {
-      icon: TrashIcon,
-      color: "var(--errorColor)"
-    }),
-    onClick: function onClick() {
-      toggleMenu();
-      deleteShareLink();
+  }, t("Share.type.".concat(isReadOnlyPermissions ? 'one-way' : 'two-way')).toLowerCase()), openShareRestrictionModal && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
+    file: document,
+    onClose: function onClose() {
+      return setOpenShareRestrictionModal(false);
     }
-  }, /*#__PURE__*/React.createElement(Typography, {
-    className: "u-error",
-    variant: "body1"
-  }, t('Share.permissionLink.deactivate'))))));
+  })));
 };
 
+LinkRecipientPermissions.propTypes = {
+  className: PropTypes.string,
+  document: PropTypes.object.isRequired,
+  permissions: PropTypes.arrayOf(PropTypes.object).isRequired
+};
 export default LinkRecipientPermissions;

package/dist/components/Recipient/actions/editPermissionLink.js

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Radios from 'cozy-ui/transpiled/react/Radios';
+import { isOnlyReadOnlyLinkAllowed } from '../../../helpers/link';
+import { useSharingContext } from '../../../hooks/useSharingContext';
+
+var makeComponent = function makeComponent(_ref) {
+  var label = _ref.label,
+      desc = _ref.desc,
+      editingRights = _ref.editingRights;
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    var _useSharingContext = useSharingContext(),
+        updateDocumentPermissions = _useSharingContext.updateDocumentPermissions;
+
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref,
+      button: false,
+      onClick: function onClick() {
+        return props.onClick({
+          updateDocumentPermissions: updateDocumentPermissions
+        });
+      }
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Radios, {
+      checked: editingRights === 'write'
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label,
+      secondary: desc
+    }));
+  });
+  Component.displayName = 'EditPermissionLink';
+  return Component;
+};
+/**
+ * @param {boolean} isDirectory - true if the document is a directory
+ * @param {function} t - translation function
+ * @param {string} editingRights - current editing rights
+ * @param {function} setEditingRights - function to set editing rights
+ * @param {string} documentType - type of the document
+ */
+
+
+export var editPermissionLink = function editPermissionLink(_ref2) {
+  var isDirectory = _ref2.isDirectory,
+      t = _ref2.t,
+      editingRights = _ref2.editingRights,
+      setEditingRights = _ref2.setEditingRights,
+      documentType = _ref2.documentType;
+  var label = isDirectory ? t('Share.permissionLink.modifyFolder') : t('Share.permissionLink.modifyFile');
+  var desc = t('Share.permissionLink.writeDescription');
+  return {
+    name: 'editPermissionLink',
+    label: label,
+    icon: null,
+    displayCondition: function displayCondition() {
+      return !isOnlyReadOnlyLinkAllowed({
+        documentType: documentType
+      });
+    },
+    action: function action() {
+      setEditingRights('write');
+    },
+    Component: makeComponent({
+      label: label,
+      desc: desc,
+      editingRights: editingRights
+    })
+  };
+};

package/dist/components/Recipient/actions/readOnlyPermissionLink.js

@@ -0,0 +1,63 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { forwardRef } from 'react';
+import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Radios from 'cozy-ui/transpiled/react/Radios';
+import { useSharingContext } from '../../../hooks/useSharingContext';
+
+var makeComponent = function makeComponent(_ref) {
+  var label = _ref.label,
+      desc = _ref.desc,
+      editingRights = _ref.editingRights;
+  var Component = /*#__PURE__*/forwardRef(function (props, ref) {
+    var _useSharingContext = useSharingContext(),
+        updateDocumentPermissions = _useSharingContext.updateDocumentPermissions;
+
+    return /*#__PURE__*/React.createElement(ActionsMenuItem, _extends({}, props, {
+      ref: ref,
+      button: false,
+      onClick: function onClick() {
+        return props.onClick({
+          updateDocumentPermissions: updateDocumentPermissions
+        });
+      }
+    }), /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Radios, {
+      checked: editingRights === 'readOnly'
+    })), /*#__PURE__*/React.createElement(ListItemText, {
+      primary: label,
+      secondary: desc
+    }));
+  });
+  Component.displayName = 'ReadOnlyPermissionLink';
+  return Component;
+};
+/**
+ * @param {boolean} isDirectory - true if the document is a directory
+ * @param {function} t - translation function
+ * @param {string} editingRights - current editing rights
+ * @param {function} setEditingRights - function to set editing rights
+ */
+
+
+export var readOnlyPermissionLink = function readOnlyPermissionLink(_ref2) {
+  var isDirectory = _ref2.isDirectory,
+      t = _ref2.t,
+      editingRights = _ref2.editingRights,
+      setEditingRights = _ref2.setEditingRights;
+  var label = isDirectory ? t('Share.permissionLink.seeFolder') : t('Share.permissionLink.seeFile');
+  var desc = t('Share.permissionLink.readDescription');
+  return {
+    name: 'readOnlyPermissionLink',
+    label: label,
+    icon: null,
+    action: function action() {
+      setEditingRights('readOnly');
+    },
+    Component: makeComponent({
+      label: label,
+      desc: desc,
+      editingRights: editingRights
+    })
+  };
+};

package/dist/components/ShareByLink.js

@@ -1,31 +1,22 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import PropTypes from 'prop-types';
-import React, { useState, useEffect, useCallback } from 'react';
-import Alert from 'cozy-ui/transpiled/react/Alert';
+import React, { useReducer } from 'react';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import Icon from 'cozy-ui/transpiled/react/Icon';
 import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy';
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
-import Snackbar from 'cozy-ui/transpiled/react/Snackbar';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
 import useBreakpoints from 'cozy-ui/transpiled/react/providers/Breakpoints';
 import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
-import EditLinkPermissionDialog from './EditLinkPermissionDialog';
-import { isOnlyReadOnlyLinkAllowed } from '../helpers/link';
-import logger from '../logger';
+import { ShareRestrictionModal } from './ShareRestrictionModal/ShareRestrictionModal';
+import { copyToClipboard } from './ShareRestrictionModal/helpers';
 
 var ShareByLink = function ShareByLink(_ref) {
   var link = _ref.link,
       document = _ref.document,
-      documentType = _ref.documentType,
-      onEnable = _ref.onEnable;
+      documentType = _ref.documentType;
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -33,200 +24,80 @@ var ShareByLink = function ShareByLink(_ref) {
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      shouldCopyToClipboard = _useState4[0],
-      setShouldCopyToClipboard = _useState4[1];
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
 
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      alert = _useState6[0],
-      setAlert = _useState6[1];
+  var showCopyAndSendButtons = link && isMobile && navigator.share;
+  var showOnlyCopyButton = link && !isMobile || link && isMobile && !navigator.share;
 
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isEditDialogOpen = _useState8[0],
-      setIsEditDialogOpen = _useState8[1];
+  var _useReducer = useReducer(function (state) {
+    return !state;
+  }, false),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      isEditDialogOpen = _useReducer2[0],
+      toggleEditDialogOpen = _useReducer2[1];
 
-  var copyLinkToClipboard = useCallback( /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref2) {
-      var isAutomaticCopy;
+  var copyLinkToClipboard = /*#__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:
-            isAutomaticCopy = _ref2.isAutomaticCopy;
-            _context.prev = 1;
-            _context.next = 4;
-            return navigator.clipboard.writeText(link);
-
-          case 4:
-            setAlert({
-              open: true,
-              severity: 'success',
-              message: t("".concat(documentType, ".share.shareByLink.copied"))
+            _context.next = 2;
+            return copyToClipboard(link, {
+              t: t,
+              showAlert: showAlert
             });
-            _context.next = 10;
-            break;
-
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](1);
 
-            if (!isAutomaticCopy) {
-              // In case of automatic copy, the browser can block the copy request. This is not shown to the user since it is expected and can be circumvented by clicking directly on the copy link
-              setAlert({
-                open: true,
-                severity: 'error',
-                message: t("".concat(documentType, ".share.shareByLink.failed"))
-              });
-            }
-
-          case 10:
+          case 2:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 7]]);
+      }, _callee);
     }));
 
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), [documentType, link, t]);
-
-  var onPermissionsSelected = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(options) {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.prev = 0;
-            setLoading(true);
-            _context2.next = 4;
-            return onEnable(document, options);
-
-          case 4:
-            _context2.next = 10;
-            break;
-
-          case 6:
-            _context2.prev = 6;
-            _context2.t0 = _context2["catch"](0);
-            setAlert({
-              open: true,
-              severity: 'error',
-              message: t("".concat(documentType, ".share.error.generic"))
-            });
-            logger.log(_context2.t0);
-
-          case 10:
-            _context2.prev = 10;
-            setLoading(false);
-            setShouldCopyToClipboard(true);
-            return _context2.finish(10);
-
-          case 14:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2, null, [[0, 6, 10, 14]]);
-    }));
-
-    return function onPermissionsSelected(_x2) {
-      return _ref4.apply(this, arguments);
+    return function copyLinkToClipboard() {
+      return _ref2.apply(this, arguments);
     };
   }();
 
-  var onCreate = /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            if (isOnlyReadOnlyLinkAllowed({
-              documentType: documentType
-            })) {
-              onPermissionsSelected({
-                verbs: ['GET']
-              });
-            } else {
-              setIsEditDialogOpen(true);
-            }
-
-          case 1:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-
-    return function onCreate() {
-      return _ref5.apply(this, arguments);
-    };
-  }();
-
-  useEffect(function () {
-    if (link && shouldCopyToClipboard) {
-      copyLinkToClipboard({
-        isAutomaticCopy: true
-      });
-      setShouldCopyToClipboard(false);
-    }
-  }, [link, shouldCopyToClipboard, copyLinkToClipboard]);
-
-  var onClose = function onClose() {
-    setIsEditDialogOpen(false);
-  };
-
-  var onCloseAlert = function onCloseAlert() {
-    setAlert(_objectSpread(_objectSpread({}, alert), {}, {
-      open: false
-    }));
-  };
-
-  var showCopyAndSendButtons = link && isMobile && navigator.share;
-  var showOnlyCopyButton = link && !isMobile || link && isMobile && !navigator.share;
-
   var shareLink = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var shareData;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context4.prev = 0;
+            _context2.prev = 0;
             shareData = {
               text: t("".concat(documentType, ".share.shareByLink.shareDescription"), {
                 name: document.name || ''
               }),
               url: link
             };
-            _context4.next = 4;
+            _context2.next = 4;
             return navigator.share(shareData);
 
           case 4:
-            _context4.next = 9;
+            _context2.next = 9;
             break;
 
           case 6:
-            _context4.prev = 6;
-            _context4.t0 = _context4["catch"](0);
-            setAlert({
-              open: true,
+            _context2.prev = 6;
+            _context2.t0 = _context2["catch"](0);
+            showAlert({
+              message: t("".concat(documentType, ".share.error.generic")),
               severity: 'error',
-              message: t("".concat(documentType, ".share.error.generic"))
+              variant: 'filled'
             });
 
           case 9:
           case "end":
-            return _context4.stop();
+            return _context2.stop();
         }
-      }, _callee4, null, [[0, 6]]);
+      }, _callee2, null, [[0, 6]]);
     }));
 
     return function shareLink() {
-      return _ref6.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
 
@@ -240,12 +111,11 @@ var ShareByLink = function ShareByLink(_ref) {
       icon: LinkIcon
     }),
     className: "u-flex-auto",
-    busy: loading,
     style: {
       position: 'initial'
     } // fix z-index bug on iOS when under a BottomDrawer due to relative position
     ,
-    onClick: onCreate
+    onClick: toggleEditDialogOpen
   }), showCopyAndSendButtons && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     label: t("".concat(documentType, ".share.shareByLink.send")),
     variant: "secondary",
@@ -271,25 +141,15 @@ var ShareByLink = function ShareByLink(_ref) {
     }),
     className: "u-flex-auto u-mr-half",
     onClick: copyLinkToClipboard
-  }), isEditDialogOpen && /*#__PURE__*/React.createElement(EditLinkPermissionDialog, {
-    open: true,
-    onClose: onClose,
-    document: document,
-    onPermissionsSelected: onPermissionsSelected
-  }), /*#__PURE__*/React.createElement(Snackbar, {
-    open: alert.open,
-    onClose: onCloseAlert
-  }, /*#__PURE__*/React.createElement(Alert, {
-    variant: "filled",
-    severity: alert.severity,
-    onClose: onCloseAlert
-  }, alert.message)));
+  }), isEditDialogOpen && /*#__PURE__*/React.createElement(ShareRestrictionModal, {
+    file: document,
+    onClose: toggleEditDialogOpen
+  }));
 };
 
 ShareByLink.propTypes = {
   link: PropTypes.string,
   document: PropTypes.object.isRequired,
-  documentType: PropTypes.string.isRequired,
-  onEnable: PropTypes.func.isRequired
+  documentType: PropTypes.string.isRequired
 };
 export default ShareByLink;