cozy-sharing 5.0.0 → 6.0.0

package/dist/components/ShareByLink.js

@@ -1,382 +1,276 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
+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; }
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-import React from 'react';
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useState, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import copy from 'copy-text-to-clipboard';
-import { models } from 'cozy-client';
-import Alerter from 'cozy-ui/transpiled/react/Alerter';
-import Button from 'cozy-ui/transpiled/react/Button';
-import CompositeRow from 'cozy-ui/transpiled/react/CompositeRow';
-import Circle from 'cozy-ui/transpiled/react/Circle';
+import useBreakpoints from 'cozy-ui/transpiled/react/hooks/useBreakpoints';
+import Button from 'cozy-ui/transpiled/react/Buttons';
 import Icon from 'cozy-ui/transpiled/react/Icon';
-import Radio from 'cozy-ui/transpiled/react/Radio';
-import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
-import ActionMenu, { ActionMenuItem } from 'cozy-ui/transpiled/react/ActionMenu';
-import { translate } from 'cozy-ui/transpiled/react/I18n';
-import get from 'lodash/get';
-import logger from '../logger';
-var styles = {
-  "share-modal-content": "share__share-modal-content___XTtaK",
-  "coz-form": "share__coz-form___33NYF",
-  "coz-form-group": "share__coz-form-group___1PLAZ",
-  "coz-form-desc": "share__coz-form-desc___-pmK5",
-  "coz-form-label": "share__coz-form-label___31jb0",
-  "coz-form-label--error": "share__coz-form-label--error___2EXCl",
-  "coz-form-errors": "share__coz-form-errors___1rk2R",
-  "coz-form-controls": "share__coz-form-controls___39Uwg",
-  "coz-form-controls--full": "share__coz-form-controls--full___1YpNp",
-  "coz-form-controls--dispatch": "share__coz-form-controls--dispatch___3JXzz",
-  "error": "share__error___6Ycal",
-  "CozyTheme--inverted": "share__CozyTheme--inverted___2pLD2",
-  "CozyTheme--normal": "share__CozyTheme--normal___qSFyr",
-  "share-byemail-onlybylink": "share__share-byemail-onlybylink___C_7b_",
-  "aligned-dropdown-button": "share__aligned-dropdown-button___CeTDs",
-  "share-type-control": "share__share-type-control___KcpDf",
-  "select-wrapper": "share__select-wrapper___3FfiH",
-  "select-option": "share__select-option___13o6b",
-  "select-option-label": "share__select-option-label___Zj_RU",
-  "select-option-desc": "share__select-option-desc___6uaQq",
-  "share-details-created": "share__share-details-created___13BO0",
-  "share-details-perm": "share__share-details-perm___23_VF",
-  "share-details-perm-desc": "share__share-details-perm-desc___tqfXx",
-  "spin": "share__spin___1P7nU",
-  "shake": "share__shake___1EeCI"
-};
 import LinkIcon from 'cozy-ui/transpiled/react/Icons/Link';
-import TrashIcon from 'cozy-ui/transpiled/react/Icons/Trash';
-import Typography from 'cozy-ui/transpiled/react/Typography';
-var permissionModel = models.permission;
-
-var checkIsReadOnlyPermissions = function checkIsReadOnlyPermissions(permissions) {
-  var permissionCategories = get(permissions, '[0].attributes.permissions', {});
-  return Object.values(permissionCategories).filter(function (permissionCategory) {
-    return permissionModel.isReadOnly(permissionCategory);
-  }).length > 0;
-};
-
-var ShareByLink = /*#__PURE__*/function (_React$Component) {
-  _inherits(ShareByLink, _React$Component);
-
-  var _super = _createSuper(ShareByLink);
-
-  function ShareByLink(props) {
-    var _this;
-
-    _classCallCheck(this, ShareByLink);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "toggleShareLink", function (checked) {
-      if (checked) {
-        _this.createShareLink();
-      } else {
-        _this.deleteShareLink();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "copyLinkToClipboard", function (_ref) {
-      var isAutomaticCopy = _ref.isAutomaticCopy;
-      if (copy(_this.props.link)) Alerter.success(_this.props.t("".concat(_this.props.documentType, ".share.shareByLink.copied")));else 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
-        Alerter.error(_this.props.t("".concat(_this.props.documentType, ".share.shareByLink.failed")));
-    });
+import CopyIcon from 'cozy-ui/transpiled/react/Icons/Copy';
+import Snackbar from 'cozy-ui/transpiled/react/Snackbar';
+import Alert from 'cozy-ui/transpiled/react/Alert';
+import { useI18n } from 'cozy-ui/transpiled/react/I18n';
+import { isOnlyReadOnlyLinkAllowed } from '../helpers/link';
+import EditLinkPermissionDialog from './EditLinkPermissionDialog';
+import logger from '../logger';
 
-    _defineProperty(_assertThisInitialized(_this), "toggleMenu", function () {
-      _this.setState(function (state) {
-        return _objectSpread(_objectSpread({}, state), {}, {
-          menuIsOpen: !state.menuIsOpen
-        });
+var ShareByLink = function ShareByLink(_ref) {
+  var link = _ref.link,
+      document = _ref.document,
+      documentType = _ref.documentType,
+      onEnable = _ref.onEnable;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  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 _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      alert = _useState6[0],
+      setAlert = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isEditDialogOpen = _useState8[0],
+      setIsEditDialogOpen = _useState8[1];
+
+  var copyLinkToClipboard = useCallback(function (_ref2) {
+    var isAutomaticCopy = _ref2.isAutomaticCopy;
+
+    if (copy(link)) {
+      setAlert({
+        open: true,
+        severity: 'success',
+        message: t("".concat(documentType, ".share.shareByLink.copied"))
+      });
+    } else 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"))
       });
-    });
+    }
+  }, [documentType, link, t]);
+
+  var onPermissionsSelected = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              setLoading(true);
+              _context.next = 4;
+              return onEnable(document, options);
+
+            case 4:
+              _context.next = 10;
+              break;
+
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              setAlert({
+                open: true,
+                severity: 'error',
+                message: t("".concat(documentType, ".share.error.generic"))
+              });
+              logger.log(_context.t0);
+
+            case 10:
+              _context.prev = 10;
+              setLoading(false);
+              setShouldCopyToClipboard(true);
+              return _context.finish(10);
+
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 6, 10, 14]]);
+    }));
 
-    _this.state = {
-      loading: false,
-      menuIsOpen: false
+    return function onPermissionsSelected(_x) {
+      return _ref3.apply(this, arguments);
     };
-    _this.containerRef = /*#__PURE__*/React.createRef();
-    return _this;
-  }
-
-  _createClass(ShareByLink, [{
-    key: "createShareLink",
-    value: function () {
-      var _createShareLink = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                this.setState(function (state) {
-                  return _objectSpread(_objectSpread({}, state), {}, {
-                    loading: true
-                  });
-                });
-                _context.next = 4;
-                return this.props.onEnable(this.props.document);
-
-              case 4:
-                _context.next = 10;
-                break;
-
-              case 6:
-                _context.prev = 6;
-                _context.t0 = _context["catch"](0);
-                Alerter.error(this.props.t("".concat(this.props.documentType, ".share.error.generic")));
-                logger.log(_context.t0);
-
-              case 10:
-                _context.prev = 10;
-                this.setState(function (state) {
-                  return _objectSpread(_objectSpread({}, state), {}, {
-                    loading: false
-                  });
+  }();
+
+  var onCreate = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (isOnlyReadOnlyLinkAllowed({
+                documentType: documentType
+              })) {
+                onPermissionsSelected({
+                  verbs: ['GET']
                 });
-                return _context.finish(10);
+              } else {
+                setIsEditDialogOpen(true);
+              }
 
-              case 13:
-              case "end":
-                return _context.stop();
-            }
+            case 1:
+            case "end":
+              return _context2.stop();
           }
-        }, _callee, this, [[0, 6, 10, 13]]);
-      }));
-
-      function createShareLink() {
-        return _createShareLink.apply(this, arguments);
-      }
-
-      return createShareLink;
-    }()
-  }, {
-    key: "deleteShareLink",
-    value: function () {
-      var _deleteShareLink = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                this.setState(function (state) {
-                  return _objectSpread(_objectSpread({}, state), {}, {
-                    loading: true
-                  });
-                });
-                _context2.next = 4;
-                return this.props.onDisable(this.props.document);
-
-              case 4:
-                _context2.next = 10;
-                break;
-
-              case 6:
-                _context2.prev = 6;
-                _context2.t0 = _context2["catch"](0);
-                Alerter.error(this.props.t("".concat(this.props.documentType, ".share.error.revoke")));
-                logger.log(_context2.t0);
-
-              case 10:
-                _context2.prev = 10;
-                this.setState(function (state) {
-                  return _objectSpread(_objectSpread({}, state), {}, {
-                    loading: false
-                  });
-                });
-                return _context2.finish(10);
+        }
+      }, _callee2);
+    }));
 
-              case 13:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[0, 6, 10, 13]]);
-      }));
-
-      function deleteShareLink() {
-        return _deleteShareLink.apply(this, arguments);
-      }
-
-      return deleteShareLink;
-    }()
-  }, {
-    key: "updateLinkPermissions",
-    value: function updateLinkPermissions(_ref2) {
-      var isReadOnly = _ref2.isReadOnly;
-      var _this$props = this.props,
-          document = _this$props.document,
-          documentType = _this$props.documentType,
-          onChangePermissions = _this$props.onChangePermissions,
-          t = _this$props.t;
-      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 function onCreate() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  useEffect(function () {
+    if (link && shouldCopyToClipboard) {
+      copyLinkToClipboard({
+        isAutomaticCopy: true
+      });
+      setShouldCopyToClipboard(false);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$state = this.state,
-          loading = _this$state.loading,
-          menuIsOpen = _this$state.menuIsOpen;
-      var _this$props2 = this.props,
-          checked = _this$props2.checked,
-          documentType = _this$props2.documentType,
-          permissions = _this$props2.permissions,
-          t = _this$props2.t,
-          popperOptions = _this$props2.popperOptions;
-      var hasReadOnlyPermissions = checkIsReadOnlyPermissions(permissions);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "u-w-100"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "u-flex u-flex-row u-flex-justify-between u-flex-items-center"
-      }, /*#__PURE__*/React.createElement(Typography, {
-        variant: "body1"
-      }, t("".concat(documentType, ".share.shareByLink.subtitle"))), !checked && /*#__PURE__*/React.createElement(Button, {
-        style: {
-          position: 'initial'
-        } // fix z-index bug on iOS when under a BottomDrawer due to relative position
-        ,
-        theme: "text",
-        className: styles['aligned-dropdown-button'],
-        onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-          return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-            while (1) {
-              switch (_context3.prev = _context3.next) {
-                case 0:
-                  _context3.next = 2;
-                  return _this2.createShareLink();
-
-                case 2:
-                  _this2.copyLinkToClipboard({
-                    isAutomaticCopy: true
-                  });
-
-                case 3:
-                case "end":
-                  return _context3.stop();
-              }
-            }
-          }, _callee3);
-        })),
-        busy: loading,
-        label: t("".concat(documentType, ".share.shareByLink.create"))
-      })), checked && /*#__PURE__*/React.createElement(CompositeRow, {
-        className: "u-ph-0",
-        primaryText: /*#__PURE__*/React.createElement(Typography, {
-          onClick: this.copyLinkToClipboard,
-          className: "u-c-pointer",
-          variant: "body1"
-        }, t("".concat(documentType, ".share.shareByLink.activated"))),
-        secondaryText: /*#__PURE__*/React.createElement(Typography, {
-          className: "u-primaryColor u-fz-tiny u-c-pointer",
-          onClick: this.copyLinkToClipboard,
-          variant: "body1"
-        }, t("".concat(documentType, ".share.shareByLink.copy"))),
-        image: /*#__PURE__*/React.createElement(Circle, {
-          backgroundColor: "var(--silver)"
-        }, /*#__PURE__*/React.createElement(Icon, {
-          icon: LinkIcon,
-          color: "var(--charcoalGrey)"
-        })),
-        right: /*#__PURE__*/React.createElement("div", {
-          ref: this.containerRef
-        }, /*#__PURE__*/React.createElement(DropdownButton, {
-          onClick: this.toggleMenu
-        }, /*#__PURE__*/React.createElement(Typography, {
-          variant: "body1"
-        }, t("".concat(documentType, ".share.shareByLink.").concat(hasReadOnlyPermissions ? 'ro' : 'rw')))), menuIsOpen && /*#__PURE__*/React.createElement(ActionMenu, {
-          onClose: this.toggleMenu,
-          popperOptions: _objectSpread(_objectSpread({}, popperOptions), {}, {
-            placement: 'bottom-end'
-          }),
-          containerElRef: this.containerRef,
-          anchorElRef: this.containerRef
-        }, /*#__PURE__*/React.createElement(ActionMenuItem, {
-          left: /*#__PURE__*/React.createElement(Radio, {
-            name: "permissions",
-            value: "ro",
-            className: "u-w-1 u-h-1",
-            checked: hasReadOnlyPermissions,
-            readOnly: true
-          }),
-          onClick: function onClick() {
-            _this2.toggleMenu();
-
-            _this2.updateLinkPermissions({
-              isReadOnly: true
-            });
-          }
-        }, /*#__PURE__*/React.createElement(React.Fragment, null, t("".concat(documentType, ".share.shareByLink.ro")), /*#__PURE__*/React.createElement(Typography, {
-          className: "u-mt-half",
-          variant: "caption",
-          color: "textSecondary"
-        }, t("".concat(documentType, ".share.shareByLink.desc.ro"))))), /*#__PURE__*/React.createElement(ActionMenuItem, {
-          left: /*#__PURE__*/React.createElement(Radio, {
-            name: "permissions",
-            value: "rw",
-            className: "u-w-1 u-h-1",
-            checked: !hasReadOnlyPermissions,
-            readOnly: true
-          }),
-          onClick: function onClick() {
-            _this2.toggleMenu();
-
-            _this2.updateLinkPermissions({
-              isReadOnly: 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 _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var shareData;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              shareData = {
+                text: t("".concat(documentType, ".share.shareByLink.shareDescription"), {
+                  name: document.name || ''
+                }),
+                url: link
+              };
+              _context3.next = 4;
+              return navigator.share(shareData);
+
+            case 4:
+              _context3.next = 9;
+              break;
+
+            case 6:
+              _context3.prev = 6;
+              _context3.t0 = _context3["catch"](0);
+              setAlert({
+                open: true,
+                severity: 'error',
+                message: t("".concat(documentType, ".share.error.generic"))
+              });
+
+            case 9:
+            case "end":
+              return _context3.stop();
           }
-        }, /*#__PURE__*/React.createElement(React.Fragment, null, t("".concat(documentType, ".share.shareByLink.rw")), /*#__PURE__*/React.createElement(Typography, {
-          className: "u-mt-half",
-          variant: "caption",
-          color: "textSecondary"
-        }, t("".concat(documentType, ".share.shareByLink.desc.rw"))))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement(ActionMenuItem, {
-          left: /*#__PURE__*/React.createElement(Icon, {
-            icon: TrashIcon,
-            color: "var(--errorColor)"
-          }),
-          onClick: function onClick() {
-            _this2.toggleMenu();
-
-            _this2.deleteShareLink();
-          }
-        }, /*#__PURE__*/React.createElement(Typography, {
-          className: "u-error",
-          variant: "body1"
-        }, t("".concat(documentType, ".share.shareByLink.deactivate"))))))
-      }));
-    }
-  }]);
+        }
+      }, _callee3, null, [[0, 6]]);
+    }));
 
-  return ShareByLink;
-}(React.Component);
+    return function shareLink() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "u-w-100 u-flex u-flex-justify-center"
+  }, !link && /*#__PURE__*/React.createElement(Button, {
+    label: t("".concat(documentType, ".share.shareByLink.create")),
+    variant: "secondary",
+    size: "medium",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      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
+  }), showCopyAndSendButtons && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    label: t("".concat(documentType, ".share.shareByLink.send")),
+    variant: "secondary",
+    size: "medium",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: LinkIcon
+    }),
+    className: "u-flex-auto u-mr-half",
+    onClick: shareLink
+  }), /*#__PURE__*/React.createElement(Button, {
+    label: /*#__PURE__*/React.createElement(Icon, {
+      icon: CopyIcon
+    }),
+    variant: "secondary",
+    size: "medium",
+    onClick: copyLinkToClipboard
+  })), showOnlyCopyButton && /*#__PURE__*/React.createElement(Button, {
+    label: t("".concat(documentType, ".share.shareByLink.copy")),
+    variant: "secondary",
+    size: "medium",
+    startIcon: /*#__PURE__*/React.createElement(Icon, {
+      icon: LinkIcon
+    }),
+    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)));
+};
 
 ShareByLink.propTypes = {
-  permissions: PropTypes.array.isRequired,
-  checked: PropTypes.bool.isRequired,
-  documentType: PropTypes.string.isRequired,
+  link: PropTypes.string,
   document: PropTypes.object.isRequired,
-  link: PropTypes.string.isRequired,
-  onEnable: PropTypes.func.isRequired,
-  onDisable: PropTypes.func.isRequired
+  documentType: PropTypes.string.isRequired,
+  onEnable: PropTypes.func.isRequired
 };
-export default translate()(ShareByLink);
+export default ShareByLink;