cozy-sharing 17.0.0 → 19.0.0

package/dist/components/ShareRestrictionModal/BoxEditingRights.js

@@ -0,0 +1,83 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import PropTypes from 'prop-types';
+import React, { useReducer, useRef } from 'react';
+import { isDirectory as isDir } from 'cozy-client/dist/models/file';
+import ActionsMenu from 'cozy-ui/transpiled/react/ActionsMenu';
+import { makeActions } from 'cozy-ui/transpiled/react/ActionsMenu/Actions';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import List from 'cozy-ui/transpiled/react/List';
+import ListItem from 'cozy-ui/transpiled/react/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { useSharingContext } from '../../hooks/useSharingContext';
+import { editPermissionLink } from '../Recipient/actions/editPermissionLink';
+import { readOnlyPermissionLink } from '../Recipient/actions/readOnlyPermissionLink';
+export var BoxEditingRights = function BoxEditingRights(_ref) {
+  var file = _ref.file,
+      editingRights = _ref.editingRights,
+      setEditingRights = _ref.setEditingRights;
+
+  var _useReducer = useReducer(function (state) {
+    return !state;
+  }, false),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      isMenuDisplayed = _useReducer2[0],
+      toggleMenuDisplayed = _useReducer2[1];
+
+  var buttonRef = useRef();
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useSharingContext = useSharingContext(),
+      documentType = _useSharingContext.documentType;
+
+  var isDirectory = isDir(file);
+  var actions = makeActions([readOnlyPermissionLink, editPermissionLink], {
+    t: t,
+    editingRights: editingRights,
+    setEditingRights: setEditingRights,
+    documentType: documentType,
+    isDirectory: isDirectory
+  });
+  var textSecondary = editingRights === 'readOnly' ? t('Share.permissionLink.readDescription') : t('Share.permissionLink.writeDescription');
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
+    borderRadius: "0.5rem",
+    border: "1px solid var(--borderMainColor)",
+    ref: buttonRef
+  }, /*#__PURE__*/React.createElement(List, {
+    className: "u-p-0"
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    button: true,
+    size: "large",
+    ellipsis: false,
+    onClick: toggleMenuDisplayed
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "people"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('BoxEditingRights.text'),
+    secondary: textSecondary
+  }), /*#__PURE__*/React.createElement(ListItemIcon, {
+    className: "u-mr-half"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "bottom"
+  }))))), /*#__PURE__*/React.createElement(ActionsMenu, {
+    ref: buttonRef,
+    open: isMenuDisplayed,
+    docs: [file],
+    actions: actions,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'right'
+    },
+    autoClose: true,
+    onClose: toggleMenuDisplayed
+  }));
+};
+BoxEditingRights.propTypes = {
+  file: PropTypes.object.isRequired,
+  editingRights: PropTypes.oneOf(['readOnly', 'write']).isRequired,
+  setEditingRights: PropTypes.func.isRequired
+};

package/dist/components/ShareRestrictionModal/BoxPassword.js

@@ -0,0 +1,138 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import IconButton from 'cozy-ui/transpiled/react/IconButton';
+import List from 'cozy-ui/transpiled/react/List';
+import ListItem from 'cozy-ui/transpiled/react/ListItem';
+import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon';
+import ListItemSecondaryAction from 'cozy-ui/transpiled/react/ListItemSecondaryAction';
+import ListItemText from 'cozy-ui/transpiled/react/ListItemText';
+import Switch from 'cozy-ui/transpiled/react/Switch';
+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';
+export var BoxPassword = function BoxPassword(_ref) {
+  var onChange = _ref.onChange,
+      password = _ref.password,
+      onToggle = _ref.onToggle,
+      toggle = _ref.toggle,
+      helperText = _ref.helperText,
+      inputProps = _ref.inputProps;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      displayHelper = _useState2[0],
+      setDisplayHelper = _useState2[1];
+
+  var inputRef = React.useRef();
+
+  var handlePasswordToggle = function handlePasswordToggle(val) {
+    var _val$target$checked, _val$target;
+
+    var value = (_val$target$checked = val === null || val === void 0 || (_val$target = val.target) === null || _val$target === void 0 ? void 0 : _val$target.checked) !== null && _val$target$checked !== void 0 ? _val$target$checked : val;
+    onToggle(value);
+  };
+
+  var handleChange = function handleChange(val) {
+    var _val$target$value, _val$target2;
+
+    var value = (_val$target$value = val === null || val === void 0 || (_val$target2 = val.target) === null || _val$target2 === void 0 ? void 0 : _val$target2.value) !== null && _val$target$value !== void 0 ? _val$target$value : val;
+    onChange(value);
+  };
+
+  var handleOnFocus = function handleOnFocus() {
+    setDisplayHelper(false);
+  };
+
+  var handleOnBlur = function handleOnBlur() {
+    handleChange(inputRef.current.value.trim());
+    setDisplayHelper(true);
+  };
+
+  var handleCopy = /*#__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.next = 2;
+            return copyToClipboard(password, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+
+    return function handleCopy() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(Box, {
+    borderRadius: "0.5rem",
+    border: "1px solid var(--borderMainColor)"
+  }, /*#__PURE__*/React.createElement(List, {
+    className: "u-p-0"
+  }, /*#__PURE__*/React.createElement(ListItem, {
+    button: true,
+    size: "large",
+    ellipsis: false,
+    onClick: function onClick() {
+      return handlePasswordToggle(!toggle);
+    }
+  }, /*#__PURE__*/React.createElement(ListItemIcon, null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "password"
+  })), /*#__PURE__*/React.createElement(ListItemText, {
+    primary: t('BoxPassword.text')
+  }), /*#__PURE__*/React.createElement(ListItemSecondaryAction, null, /*#__PURE__*/React.createElement(Switch, {
+    edge: "end",
+    color: "primary",
+    checked: toggle,
+    onChange: handlePasswordToggle
+  })))), toggle && /*#__PURE__*/React.createElement("div", {
+    className: "u-pt-half u-ph-1 u-pb-1"
+  }, /*#__PURE__*/React.createElement(TextField, {
+    inputRef: inputRef,
+    label: t('BoxPassword.label'),
+    value: password,
+    error: displayHelper && !!helperText,
+    helperText: displayHelper && helperText,
+    onChange: handleChange,
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur,
+    fullWidth: true,
+    type: "text",
+    variant: "outlined",
+    InputProps: {
+      endAdornment: /*#__PURE__*/React.createElement(IconButton, {
+        onClick: handleCopy
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "copy"
+      }))
+    },
+    inputProps: inputProps
+  })));
+};
+BoxPassword.propTypes = {
+  onChange: PropTypes.func.isRequired,
+  password: PropTypes.string,
+  onToggle: PropTypes.func.isRequired,
+  toggle: PropTypes.bool.isRequired,
+  helperText: PropTypes.string,
+  inputProps: PropTypes.object
+};

package/dist/components/ShareRestrictionModal/ShareRestrictionContentModal.js

@@ -0,0 +1,94 @@
+import { addDays } from 'date-fns';
+import PropTypes from 'prop-types';
+import React from 'react';
+import Box from 'cozy-ui/transpiled/react/Box';
+import Typography from 'cozy-ui/transpiled/react/Typography';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { BoxDate } from './BoxDate';
+import { BoxEditingRights } from './BoxEditingRights';
+import { BoxPassword } from './BoxPassword';
+var PASSWORD_MIN_LENGTH = 4;
+export var ShareRestrictionContentModal = function ShareRestrictionContentModal(_ref) {
+  var file = _ref.file,
+      selectedDate = _ref.selectedDate,
+      setSelectedDate = _ref.setSelectedDate,
+      dateToggle = _ref.dateToggle,
+      setDateToggle = _ref.setDateToggle,
+      setIsValidDate = _ref.setIsValidDate,
+      helperTextPassword = _ref.helperTextPassword,
+      password = _ref.password,
+      setPassword = _ref.setPassword,
+      passwordToggle = _ref.passwordToggle,
+      setPasswordToggle = _ref.setPasswordToggle,
+      setIsValidPassword = _ref.setIsValidPassword,
+      editingRights = _ref.editingRights,
+      setEditingRights = _ref.setEditingRights;
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var handlePasswordToggle = function handlePasswordToggle(val) {
+    setPasswordToggle(val);
+  };
+
+  var handlePassword = function handlePassword(value) {
+    setPassword(value);
+    setIsValidPassword(value.trim().length === 0 || value.trim().length >= PASSWORD_MIN_LENGTH);
+  };
+
+  var handleDateToggle = function handleDateToggle(val) {
+    if (!val) {
+      setIsValidDate(true);
+    }
+
+    var defaultValue = val ? addDays(new Date(), 30) : null;
+    setSelectedDate(defaultValue, true);
+    setDateToggle(val);
+  };
+
+  return /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    flexDirection: "column",
+    gridGap: "1rem"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "h4",
+    className: "u-mb-half u-ml-half"
+  }, t('ShareRestrictionModal.title')), /*#__PURE__*/React.createElement(BoxEditingRights, {
+    file: file,
+    editingRights: editingRights,
+    setEditingRights: setEditingRights
+  }), /*#__PURE__*/React.createElement(BoxDate, {
+    onChange: setSelectedDate,
+    date: selectedDate,
+    onToggle: handleDateToggle,
+    toggle: dateToggle
+  }), /*#__PURE__*/React.createElement(BoxPassword, {
+    onChange: handlePassword,
+    password: password,
+    onToggle: handlePasswordToggle,
+    toggle: passwordToggle,
+    helperText: helperTextPassword,
+    inputProps: {
+      minLength: PASSWORD_MIN_LENGTH
+    }
+  }));
+};
+ShareRestrictionContentModal.propTypes = {
+  file: PropTypes.object.isRequired,
+  // Date
+  selectedDate: PropTypes.object,
+  setSelectedDate: PropTypes.func.isRequired,
+  dateToggle: PropTypes.bool,
+  setDateToggle: PropTypes.func.isRequired,
+  setIsValidDate: PropTypes.func.isRequired,
+  // Password
+  helperTextPassword: PropTypes.string,
+  password: PropTypes.string,
+  setPassword: PropTypes.func.isRequired,
+  passwordToggle: PropTypes.bool.isRequired,
+  setPasswordToggle: PropTypes.func.isRequired,
+  setIsValidPassword: PropTypes.func.isRequired,
+  // Editing rights
+  editingRights: PropTypes.oneOf(['readOnly', 'write']),
+  setEditingRights: PropTypes.func.isRequired
+};

package/dist/components/ShareRestrictionModal/ShareRestrictionModal.js

@@ -0,0 +1,260 @@
+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 { useClient } from 'cozy-client';
+import { getSharingLink as makeSharingLink } from 'cozy-client/dist/models/sharing';
+import { isMobile } from 'cozy-device-helper';
+import Button from 'cozy-ui/transpiled/react/Buttons';
+import { ConfirmDialog } from 'cozy-ui/transpiled/react/CozyDialogs';
+import Icon from 'cozy-ui/transpiled/react/Icon';
+import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert';
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n';
+import { ShareRestrictionContentModal } from './ShareRestrictionContentModal';
+import { copyToClipboard, forwardFile, updatePermissions, makeTTL, READ_ONLY_PERMS, WRITE_PERMS, revokePermissions } from './helpers';
+import { checkIsReadOnlyPermissions } from '../../helpers/permissions';
+import { useSharingContext } from '../../hooks/useSharingContext';
+var PASSWORD_MIN_LENGTH = 4;
+export var ShareRestrictionModal = function ShareRestrictionModal(_ref) {
+  var file = _ref.file,
+      onClose = _ref.onClose;
+  var client = useClient();
+
+  var _useI18n = useI18n(),
+      t = _useI18n.t;
+
+  var _useAlert = useAlert(),
+      showAlert = _useAlert.showAlert;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      password = _useState2[0],
+      setPassword = _useState2[1];
+
+  var _useState3 = useState(addDays(new Date(), 30)),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedDate = _useState4[0],
+      setSelectedDate = _useState4[1];
+
+  var _useState5 = useState(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isValidDate = _useState6[0],
+      setIsValidDate = _useState6[1];
+
+  var _useState7 = useState(true),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isValidPassword = _useState8[0],
+      setIsValidPassword = _useState8[1];
+
+  var _useState9 = useState(true),
+      _useState10 = _slicedToArray(_useState9, 2),
+      dateToggle = _useState10[0],
+      setDateToggle = _useState10[1];
+
+  var _useState11 = useState(false),
+      _useState12 = _slicedToArray(_useState11, 2),
+      passwordToggle = _useState12[0],
+      setPasswordToggle = _useState12[1];
+
+  var _useState13 = useState(false),
+      _useState14 = _slicedToArray(_useState13, 2),
+      loading = _useState14[0],
+      setLoading = _useState14[1];
+
+  var _useSharingContext = useSharingContext(),
+      documentType = _useSharingContext.documentType,
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions,
+      updateDocumentPermissions = _useSharingContext.updateDocumentPermissions,
+      shareByLink = _useSharingContext.shareByLink,
+      getSharingLink = _useSharingContext.getSharingLink,
+      revokeSharingLink = _useSharingContext.revokeSharingLink;
+
+  var hasSharingLink = getSharingLink(file._id) !== null;
+  var permissions = getDocumentPermissions(file._id);
+  var isReadOnlyPermissions = checkIsReadOnlyPermissions(permissions);
+
+  var _useState15 = useState(isReadOnlyPermissions || permissions.length === 0 ? 'readOnly' : 'write'),
+      _useState16 = _slicedToArray(_useState15, 2),
+      editingRights = _useState16[0],
+      setEditingRights = _useState16[1];
+
+  var isDesktopOrMobileWithoutShareAPI = isMobile() && !navigator.share || !isMobile();
+  var helperTextPassword = !isValidPassword ? t('ShareRestrictionModal.invalidPasswordMessage', {
+    smart_count: PASSWORD_MIN_LENGTH - password.length
+  }) : null;
+
+  var handleDateChange = function handleDateChange(date, isValid) {
+    setSelectedDate(date);
+    setIsValidDate(isValid);
+  };
+
+  var handleClick = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var verbs, url, ttl, _url;
+
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true); // If the file is not shared, we create a new sharing link
+
+            if (hasSharingLink) {
+              _context.next = 10;
+              break;
+            }
+
+            verbs = editingRights === 'readOnly' ? READ_ONLY_PERMS : WRITE_PERMS;
+            _context.next = 5;
+            return shareByLink(file, {
+              verbs: verbs
+            });
+
+          case 5:
+            url = getSharingLink(file._id);
+            _context.next = 8;
+            return copyToClipboard(url, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 8:
+            onClose();
+            return _context.abrupt("return");
+
+          case 10:
+            _context.next = 12;
+            return updatePermissions({
+              file: file,
+              t: t,
+              editingRights: editingRights,
+              documentType: documentType,
+              updateDocumentPermissions: updateDocumentPermissions,
+              showAlert: showAlert
+            });
+
+          case 12:
+            ttl = makeTTL(dateToggle && selectedDate);
+
+            if (!isDesktopOrMobileWithoutShareAPI) {
+              _context.next = 21;
+              break;
+            }
+
+            _context.next = 16;
+            return makeSharingLink(client, [file._id], {
+              ttl: ttl,
+              password: password
+            });
+
+          case 16:
+            _url = _context.sent;
+            _context.next = 19;
+            return copyToClipboard(_url, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 19:
+            _context.next = 23;
+            break;
+
+          case 21:
+            _context.next = 23;
+            return forwardFile({
+              client: client,
+              file: file,
+              t: t,
+              ttl: ttl,
+              password: password,
+              showAlert: showAlert
+            });
+
+          case 23:
+            onClose();
+
+          case 24:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+
+    return function handleClick() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var handleRevokeLink = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setLoading(true);
+            _context2.next = 3;
+            return revokePermissions({
+              file: file,
+              t: t,
+              documentType: documentType,
+              revokeSharingLink: revokeSharingLink,
+              showAlert: showAlert
+            });
+
+          case 3:
+            onClose();
+
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+
+    return function handleRevokeLink() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(ConfirmDialog, {
+    open: true,
+    onClose: onClose,
+    content: /*#__PURE__*/React.createElement(ShareRestrictionContentModal, {
+      file: file // Date
+      ,
+      dateToggle: dateToggle,
+      setDateToggle: setDateToggle,
+      setSelectedDate: handleDateChange,
+      selectedDate: selectedDate,
+      setIsValidDate: setIsValidDate // Password
+      ,
+      helperTextPassword: helperTextPassword,
+      passwordToggle: passwordToggle,
+      setPasswordToggle: setPasswordToggle,
+      password: password,
+      setPassword: setPassword,
+      setIsValidPassword: setIsValidPassword // Editing rights
+      ,
+      editingRights: editingRights,
+      setEditingRights: setEditingRights
+    }),
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, hasSharingLink && /*#__PURE__*/React.createElement(Button, {
+      label: t('Share.permissionLink.deactivate'),
+      variant: "secondary",
+      color: "error",
+      startIcon: /*#__PURE__*/React.createElement(Icon, {
+        icon: "trash"
+      }),
+      onClick: handleRevokeLink,
+      busy: loading
+    }), /*#__PURE__*/React.createElement(Button, {
+      label: t('ShareRestrictionModal.action.confirm'),
+      onClick: handleClick,
+      disabled: !isValidDate || !isValidPassword,
+      busy: loading
+    }))
+  });
+};
+ShareRestrictionModal.propTypes = {
+  file: PropTypes.object.isRequired,
+  onClose: PropTypes.func
+};