cozy-sharing 37.0.2 → 37.2.0

package/dist/actions/addToCozySharingLink.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Icon, CloudPlusOutlined } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
+import { Icon, CloudPlusOutlined } from '@linagora/twake-icons';
 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';

package/dist/actions/createCozySharingLink.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Icon, ToTheCloud } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
+import { Icon, ToTheCloud } from '@linagora/twake-icons';
 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';

package/dist/actions/shareNative.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Icon, Reply } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
+import { Icon, Reply } from '@linagora/twake-icons';
 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';

package/dist/actions/syncToCozySharingLink.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Icon, Sync } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
+import { Icon, Sync } from '@linagora/twake-icons';
 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';

package/dist/components/Avatar/AvatarList.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { Icon, Link } from '@linagora/twake-icons';
 import cx from 'classnames';
 import React from 'react';
+import { Icon, Link } from '@linagora/twake-icons';
 import { useClient } from 'cozy-client';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import { ExtraAvatar } from './ExtraAvatar';

package/dist/components/Recipient/GroupRecipient.js

@@ -20,7 +20,6 @@ var GroupRecipient = function GroupRecipient(props) {
       color = props.color,
       members = props.members,
       fadeIn = props.fadeIn,
-      owner = props.owner,
       isOwner = props.isOwner;
 
   var _useI18n = useI18n(),
@@ -79,7 +78,6 @@ var GroupRecipient = function GroupRecipient(props) {
     isUserInsideMembers: isUserInsideMembers
   }, props))))), isDetailOpened ? /*#__PURE__*/React.createElement(GroupRecipientDetail, {
     isOwner: isOwner,
-    owner: owner,
     name: name,
     members: members,
     onClose: closeDetail

package/dist/components/Recipient/GroupRecipientDetail.js

@@ -1,20 +1,15 @@
 import React from 'react';
-import { useClient, generateWebLink } from 'cozy-client';
-import Buttons from 'cozy-ui/transpiled/react/Buttons';
 import { Dialog } from 'cozy-ui/transpiled/react/CozyDialogs';
 import Empty from 'cozy-ui/transpiled/react/Empty';
-import Typography from 'cozy-ui/transpiled/react/Typography';
 import { useI18n } from 'twake-i18n';
 import { GroupRecipientDetailWithAccess } from './GroupRecipientDetailWithAccess';
 import { GroupRecipientDetailWithoutAccess } from './GroupRecipientDetailWithoutAccess';
 
 var GroupRecipientDetail = function GroupRecipientDetail(_ref) {
   var name = _ref.name,
-      owner = _ref.owner,
       members = _ref.members,
       onClose = _ref.onClose,
       isOwner = _ref.isOwner;
-  var client = useClient();
 
   var _useI18n = useI18n(),
       t = _useI18n.t;
@@ -25,34 +20,16 @@ var GroupRecipientDetail = function GroupRecipientDetail(_ref) {
   var withoutAccess = members.filter(function (member) {
     return ['revoked', 'mail-not-sent'].includes(member.status);
   });
-  var ownerName = owner.public_name;
-  var contactsLink = generateWebLink({
-    cozyUrl: client.getStackClient().uri,
-    slug: 'contacts',
-    pathname: '/',
-    subDomainType: client.getInstanceOptions().subdomain
-  });
   return /*#__PURE__*/React.createElement(Dialog, {
     open: true,
     size: "small",
     onClose: onClose,
-    title: /*#__PURE__*/React.createElement(React.Fragment, null, name, ownerName ? /*#__PURE__*/React.createElement(Typography, {
-      variant: "caption"
-    }, t('GroupRecipientDetail.subtitle', {
-      ownerName: ownerName
-    })) : null),
+    title: name,
     content: /*#__PURE__*/React.createElement("div", {
       className: "u-flex u-stack-xs u-flex-column"
     }, members.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
       text: t('GroupRecipientDetail.empty.content')
-    }, /*#__PURE__*/React.createElement(Buttons, {
-      component: "a",
-      className: "u-mt-1",
-      href: contactsLink,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      label: t('GroupRecipientDetail.empty.action')
-    })) : null, withAccess.length > 0 ? /*#__PURE__*/React.createElement(GroupRecipientDetailWithAccess, {
+    }) : null, withAccess.length > 0 ? /*#__PURE__*/React.createElement(GroupRecipientDetailWithAccess, {
       withAccess: withAccess
     }) : null, withoutAccess.length > 0 ? /*#__PURE__*/React.createElement(GroupRecipientDetailWithoutAccess, {
       withoutAccess: withoutAccess,

package/dist/components/Recipient/GroupRecipientDetailWithoutAccess.js

@@ -1,5 +1,5 @@
-import { Icon, Forbidden } from '@linagora/twake-icons';
 import React from 'react';
+import { Icon, Forbidden } from '@linagora/twake-icons';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import List from 'cozy-ui/transpiled/react/List';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';

package/dist/components/Recipient/LinkRecipient.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { Icon, Gear, Link } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
+import { Icon, Gear, Link } from '@linagora/twake-icons';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import Fade from 'cozy-ui/transpiled/react/Fade';
 import IconButton from 'cozy-ui/transpiled/react/IconButton';

package/dist/components/Recipient/LinkRecipientLite.js

@@ -1,6 +1,6 @@
-import { Icon, Link } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React from 'react';
+import { Icon, Link } from '@linagora/twake-icons';
 import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import ListItem from 'cozy-ui/transpiled/react/ListItem';
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';

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

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { Icon, Trash } from '@linagora/twake-icons';
 import React, { forwardRef } from 'react';
+import { Icon, Trash } from '@linagora/twake-icons';
 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';

package/dist/components/ShareAutosuggest.js

@@ -3,14 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import PropTypes from 'prop-types';
 import React, { useState, useRef } from 'react';
 import Autosuggest from 'react-autosuggest';
-import Avatar from 'cozy-ui/transpiled/react/Avatar';
 import Chip from 'cozy-ui/transpiled/react/Chips';
 import { Spinner } from 'cozy-ui/transpiled/react/Spinner';
 import { GroupAvatar } from './Avatar/GroupAvatar';
+import { MemberAvatar } from './Avatar/MemberAvatar';
 import ContactSuggestion from './ContactSuggestion';
 import { isContactToBeCreated } from '../helpers/contacts';
 import { extractEmails, validateEmail } from '../helpers/email';
-import { getDisplayName, getInitials, Contact, Group } from '../models';
+import { getDisplayName, Contact, Group } from '../models';
 var styles = {
   "container": "autosuggest__container___1Yro7",
   "suggestionsContainer": "autosuggest__suggestionsContainer___3EDuG",
@@ -182,7 +182,6 @@ var ShareAutosuggest = function ShareAutosuggest(_ref) {
       className: styles['recipientsContainer']
     }, recipients.map(function (recipient, idx) {
       var isContactGroup = recipient._type === Group.doctype;
-      var avatarText = getInitials(recipient);
       var name = getDisplayName(recipient);
       return /*#__PURE__*/React.createElement(Chip, {
         id: "recipient_".concat(idx),
@@ -190,9 +189,10 @@ var ShareAutosuggest = function ShareAutosuggest(_ref) {
         avatar: isContactGroup ? /*#__PURE__*/React.createElement(GroupAvatar, {
           size: "xs",
           color: recipient.color
-        }) : /*#__PURE__*/React.createElement(Avatar, {
-          size: "xs"
-        }, avatarText),
+        }) : /*#__PURE__*/React.createElement(MemberAvatar, {
+          size: "xs",
+          recipient: recipient
+        }),
         label: name,
         onDelete: function onDelete() {
           onAutosuggestRemove(recipient);

package/dist/components/ShareButton.js

@@ -3,9 +3,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["label", "onClick", "className"],
     _excluded2 = ["label", "onClick", "className"],
     _excluded3 = ["label", "onClick", "className"];
-import { Icon, Share } from '@linagora/twake-icons';
 import classNames from 'classnames';
 import React from 'react';
+import { Icon, Share } from '@linagora/twake-icons';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 var styles = {
   "coz-btn-shared": "button__coz-btn-shared___9MFbY",

package/dist/components/ShareByLink.js

@@ -1,9 +1,9 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { Icon, Copy, Link } from '@linagora/twake-icons';
 import PropTypes from 'prop-types';
 import React, { useReducer, useState } from 'react';
+import { Icon, Copy, Link } from '@linagora/twake-icons';
 import { useClient } from 'cozy-client';
 import Button from 'cozy-ui/transpiled/react/Buttons';
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';

package/dist/components/ShareLinkAccessModal/ShareLinkAccessModal.js

@@ -0,0 +1,316 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { addDays } from 'date-fns';
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import { Icon, Link as LinkIcon, Settings } from '@linagora/twake-icons';
+import Alert from 'cozy-ui/transpiled/react/Alert';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import Chip from 'cozy-ui/transpiled/react/Chips';
+import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import DatePicker from 'cozy-ui/transpiled/react/DatePicker';
+import DropdownButton from 'cozy-ui/transpiled/react/DropdownButton';
+import FormControlLabel from 'cozy-ui/transpiled/react/FormControlLabel';
+import Grid from 'cozy-ui/transpiled/react/Grid';
+import IconButton from 'cozy-ui/transpiled/react/IconButton';
+import Menu from 'cozy-ui/transpiled/react/Menu';
+import MenuItem from 'cozy-ui/transpiled/react/MenuItem';
+import Switch from 'cozy-ui/transpiled/react/Switch';
+import TextField from 'cozy-ui/transpiled/react/TextField';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'twake-i18n';
+import withLocales from '../../hoc/withLocales';
+import { useSharingContext } from '../../hooks/useSharingContext';
+var DIALOG_CLASSES = {
+  paper: 'u-h-auto'
+};
+var DOCUMENT_ICON_SIZE = 18;
+var PASSWORD_MIN_LENGTH = 4;
+export var ShareLinkAccessModal = function ShareLinkAccessModal(_ref) {
+  var documents = _ref.documents,
+      onCancel = _ref.onCancel,
+      onSuccess = _ref.onSuccess,
+      renderDocumentIcon = _ref.renderDocumentIcon;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useSharingContext = useSharingContext(),
+      ensureSharingLink = _useSharingContext.ensureSharingLink;
+
+  var _useState = useState('readOnly'),
+      _useState2 = _slicedToArray(_useState, 2),
+      editingRights = _useState2[0],
+      setEditingRights = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      accessAnchorEl = _useState4[0],
+      setAccessAnchorEl = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isSettingsOpen = _useState6[0],
+      setIsSettingsOpen = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      dateEnabled = _useState8[0],
+      setDateEnabled = _useState8[1];
+
+  var _useState9 = useState(null),
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectedDate = _useState10[0],
+      setSelectedDate = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      passwordEnabled = _useState12[0],
+      setPasswordEnabled = _useState12[1];
+
+  var _useState13 = useState(''),
+      _useState14 = _slicedToArray(_useState13, 2),
+      password = _useState14[0],
+      setPassword = _useState14[1];
+
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      busy = _useState16[0],
+      setBusy = _useState16[1];
+
+  var _useState17 = useState(null),
+      _useState18 = _slicedToArray(_useState17, 2),
+      error = _useState18[0],
+      setError = _useState18[1];
+
+  var isPasswordValid = !passwordEnabled || password.trim().length >= PASSWORD_MIN_LENGTH;
+
+  var handleAccessMenuClose = function handleAccessMenuClose() {
+    setAccessAnchorEl(null);
+  };
+
+  var handleDateEnabledChange = function handleDateEnabledChange(event) {
+    setDateEnabled(event.target.checked);
+    setSelectedDate(event.target.checked ? addDays(new Date(), 30) : null);
+  };
+
+  var handlePasswordEnabledChange = function handlePasswordEnabledChange(event) {
+    setPasswordEnabled(event.target.checked);
+  };
+
+  var handlePasswordChange = function handlePasswordChange(event) {
+    setPassword(event.target.value);
+  };
+
+  var handleSettingsOpen = function handleSettingsOpen() {
+    setIsSettingsOpen(true);
+  };
+
+  var handleSettingsBack = function handleSettingsBack() {
+    setIsSettingsOpen(false);
+  };
+
+  var handleSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var results;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setBusy(true);
+            setError(null);
+            _context.prev = 2;
+            _context.next = 5;
+            return Promise.all(documents.map(function (document) {
+              return ensureSharingLink(document, {
+                editingRights: editingRights,
+                dateEnabled: dateEnabled,
+                selectedDate: selectedDate,
+                passwordEnabled: passwordEnabled,
+                password: password.trim()
+              });
+            }));
+
+          case 5:
+            results = _context.sent;
+            onSuccess(results);
+            _context.next = 13;
+            break;
+
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](2);
+            setError(t('ShareLinkAccessModal.error.persistence'));
+            setBusy(false);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[2, 9]]);
+    }));
+
+    return function handleSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  if (isSettingsOpen) {
+    return /*#__PURE__*/React.createElement(ConfirmDialog, {
+      open: true,
+      classes: DIALOG_CLASSES,
+      size: "small",
+      onBack: busy ? undefined : handleSettingsBack,
+      onClose: busy ? undefined : handleSettingsBack,
+      title: t('ShareLinkAccessModal.settingsTitle'),
+      content: /*#__PURE__*/React.createElement(Box, {
+        display: "flex",
+        flexDirection: "column",
+        gridGap: "1rem"
+      }, /*#__PURE__*/React.createElement(FormControlLabel, {
+        control: /*#__PURE__*/React.createElement(Switch, {
+          checked: dateEnabled,
+          onChange: handleDateEnabledChange,
+          disabled: busy,
+          color: "primary"
+        }),
+        label: t('ShareLinkAccessModal.expiry')
+      }), dateEnabled && /*#__PURE__*/React.createElement(DatePicker, {
+        label: t('ShareLinkAccessModal.expiryDate'),
+        value: selectedDate,
+        minDate: new Date(),
+        onChange: setSelectedDate,
+        disabled: busy,
+        className: "u-w-100"
+      }), /*#__PURE__*/React.createElement(FormControlLabel, {
+        control: /*#__PURE__*/React.createElement(Switch, {
+          checked: passwordEnabled,
+          onChange: handlePasswordEnabledChange,
+          disabled: busy,
+          color: "primary"
+        }),
+        label: t('ShareLinkAccessModal.password')
+      }), passwordEnabled && /*#__PURE__*/React.createElement(TextField, {
+        label: t('ShareLinkAccessModal.passwordLabel'),
+        value: password,
+        onChange: handlePasswordChange,
+        disabled: busy,
+        type: "password",
+        error: !isPasswordValid,
+        helperText: isPasswordValid ? null : t('ShareLinkAccessModal.passwordTooShort', {
+          count: PASSWORD_MIN_LENGTH
+        }),
+        fullWidth: true,
+        inputProps: {
+          minLength: PASSWORD_MIN_LENGTH
+        }
+      }))
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    classes: DIALOG_CLASSES,
+    size: "small",
+    onBack: busy ? undefined : onCancel,
+    onClose: busy ? undefined : onCancel,
+    title: t('ShareLinkAccessModal.title'),
+    content: /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      flexDirection: "column",
+      gridGap: "1rem"
+    }, /*#__PURE__*/React.createElement(Typography, null, t('ShareLinkAccessModal.introText')), /*#__PURE__*/React.createElement(Grid, {
+      container: true,
+      spacing: 1
+    }, documents.map(function (document) {
+      return /*#__PURE__*/React.createElement(Grid, {
+        item: true,
+        key: document._id || document.id,
+        xs: 12,
+        sm: 6
+      }, /*#__PURE__*/React.createElement(Chip, {
+        avatar: /*#__PURE__*/React.createElement(Box, {
+          component: "span",
+          className: "u-flex u-ov-hidden"
+        }, renderDocumentIcon(document, DOCUMENT_ICON_SIZE)),
+        className: "u-maw-100",
+        label: document.name,
+        size: "small"
+      }));
+    })), error && /*#__PURE__*/React.createElement(Alert, {
+      severity: "error"
+    }, error), /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }, /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      gridGap: "0.5rem"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: LinkIcon
+    }), /*#__PURE__*/React.createElement(Typography, null, t('ShareLinkAccessModal.anyoneWithLink'))), /*#__PURE__*/React.createElement(Box, {
+      display: "flex",
+      alignItems: "center",
+      gridGap: "0.5rem",
+      className: "u-flex-shrink-0"
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      "aria-label": t('ShareLinkAccessModal.settings'),
+      disabled: busy,
+      onClick: handleSettingsOpen
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: Settings
+    })), /*#__PURE__*/React.createElement(DropdownButton, {
+      "aria-label": t('ShareLinkAccessModal.accessLevel'),
+      "aria-controls": "share-link-access-menu",
+      "aria-haspopup": "true",
+      disabled: busy,
+      onClick: function onClick(event) {
+        return setAccessAnchorEl(event.currentTarget);
+      },
+      spaceBetween: true,
+      textVariant: "body1"
+    }, t(editingRights === 'readOnly' ? 'ShareLinkAccessModal.viewer' : 'ShareLinkAccessModal.editor')), /*#__PURE__*/React.createElement(Menu, {
+      id: "share-link-access-menu",
+      anchorEl: accessAnchorEl,
+      open: Boolean(accessAnchorEl),
+      onClose: handleAccessMenuClose
+    }, /*#__PURE__*/React.createElement(MenuItem, {
+      selected: editingRights === 'readOnly',
+      onClick: function onClick() {
+        setEditingRights('readOnly');
+        handleAccessMenuClose();
+      }
+    }, t('ShareLinkAccessModal.viewer')), /*#__PURE__*/React.createElement(MenuItem, {
+      selected: editingRights === 'write',
+      onClick: function onClick() {
+        setEditingRights('write');
+        handleAccessMenuClose();
+      }
+    }, t('ShareLinkAccessModal.editor')))))),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      label: t('ShareLinkAccessModal.cancel'),
+      variant: "secondary",
+      onClick: onCancel,
+      disabled: busy
+    }), /*#__PURE__*/React.createElement(Button, {
+      label: t('ShareLinkAccessModal.addLinks'),
+      onClick: handleSubmit,
+      disabled: busy || !isPasswordValid,
+      busy: busy
+    }))
+  });
+};
+ShareLinkAccessModal.propTypes = {
+  documents: PropTypes.arrayOf(PropTypes.object).isRequired,
+  onCancel: PropTypes.func.isRequired,
+  onSuccess: PropTypes.func.isRequired,
+  renderDocumentIcon: PropTypes.func
+};
+ShareLinkAccessModal.defaultProps = {
+  renderDocumentIcon: function renderDocumentIcon() {
+    return null;
+  }
+};
+export default withLocales(ShareLinkAccessModal);