cozy-sharing 18.0.0 → 20.0.0

package/dist/components/ShareRestrictionModal/BoxPassword.js

@@ -0,0 +1,155 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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';
+import { checkIsPermissionHasPassword } from '../../helpers/permissions';
+import { useSharingContext } from '../../hooks/useSharingContext';
+export var BoxPassword = function BoxPassword(_ref) {
+  var file = _ref.file,
+      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 _useSharingContext = useSharingContext(),
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions;
+
+  var permissions = getDocumentPermissions(file._id);
+  var hasPassword = checkIsPermissionHasPassword(permissions);
+
+  var handlePasswordToggle = function handlePasswordToggle(val) {
+    var _val$target$checked, _val$target;
+
+    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, _extends({
+    inputRef: inputRef,
+    autoFocus: true,
+    label: t('BoxPassword.label')
+  }, hasPassword && {
+    placeholder: '****',
+    InputLabelProps: {
+      shrink: true
+    }
+  }, {
+    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,118 @@
+import { addDays, isValid } 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';
+import { checkIsPermissionHasPassword } from '../../helpers/permissions';
+import { useSharingContext } from '../../hooks/useSharingContext';
+var PASSWORD_MIN_LENGTH = 4;
+export var ShareRestrictionContentModal = function ShareRestrictionContentModal(_ref) {
+  var file = _ref.file,
+      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 _useSharingContext = useSharingContext(),
+      getDocumentPermissions = _useSharingContext.getDocumentPermissions;
+
+  var permissions = getDocumentPermissions(file._id);
+  var hasPassword = checkIsPermissionHasPassword(permissions);
+
+  var handlePassword = function handlePassword(value) {
+    setPassword(value);
+    setIsValidPassword(hasPassword && value.trim().length === 0 || value.trim().length >= PASSWORD_MIN_LENGTH);
+  };
+
+  var handlePasswordToggle = function handlePasswordToggle(val) {
+    setPasswordToggle(val);
+    setPassword('');
+
+    if (val && !password) {
+      setIsValidPassword(hasPassword);
+    } else {
+      setIsValidPassword(true);
+    }
+  };
+
+  var handleDate = function handleDate(date) {
+    setSelectedDate(date);
+    setIsValidDate(isValid(date));
+  };
+
+  var handleDateToggle = function handleDateToggle(val) {
+    setDateToggle(val);
+
+    if (!val) {
+      setSelectedDate(null);
+      setIsValidDate(true);
+    } else {
+      var defaultValue = val ? addDays(new Date(), 30) : null;
+      setSelectedDate(defaultValue);
+      setIsValidDate(true);
+    }
+  };
+
+  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: handleDate,
+    date: selectedDate,
+    onToggle: handleDateToggle,
+    toggle: dateToggle
+  }), /*#__PURE__*/React.createElement(BoxPassword, {
+    file: file,
+    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,256 @@
+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 { generateWebLink, useClient } from 'cozy-client';
+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, updatePermissions, makeTTL, revokePermissions, createPermissions } from './helpers';
+import { checkIsPermissionHasExpiresDate, checkIsPermissionHasPassword, checkIsReadOnlyPermissions, getPermissionExpiresDate } 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(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isValidDate = _useState4[0],
+      setIsValidDate = _useState4[1];
+
+  var _useState5 = useState(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isValidPassword = _useState6[0],
+      setIsValidPassword = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      loading = _useState8[0],
+      setLoading = _useState8[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 hasPassword = checkIsPermissionHasPassword(permissions);
+  var hasExpiresDate = checkIsPermissionHasExpiresDate(permissions);
+  var expiresDate = getPermissionExpiresDate(permissions);
+  var defaultDate = expiresDate ? new Date(expiresDate) : addDays(new Date(), 30);
+
+  var _useState9 = useState(defaultDate),
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectedDate = _useState10[0],
+      setSelectedDate = _useState10[1];
+
+  var _useState11 = useState(permissions.length > 0 ? hasExpiresDate : true),
+      _useState12 = _slicedToArray(_useState11, 2),
+      dateToggle = _useState12[0],
+      setDateToggle = _useState12[1];
+
+  var _useState13 = useState(hasPassword),
+      _useState14 = _slicedToArray(_useState13, 2),
+      passwordToggle = _useState14[0],
+      setPasswordToggle = _useState14[1];
+
+  var _useState15 = useState(isReadOnlyPermissions || permissions.length === 0 ? 'readOnly' : 'write'),
+      _useState16 = _slicedToArray(_useState15, 2),
+      editingRights = _useState16[0],
+      setEditingRights = _useState16[1];
+
+  var helperTextPassword = !isValidPassword ? t('ShareRestrictionModal.invalidPasswordMessage', {
+    smart_count: PASSWORD_MIN_LENGTH - password.length
+  }) : null;
+
+  var handleClick = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var ttl, _yield$createPermissi2, perms, url, _yield$updatePermissi3, _yield$updatePermissi4, _perms, _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 = 13;
+              break;
+            }
+
+            ttl = makeTTL(dateToggle && selectedDate);
+            _context.next = 5;
+            return createPermissions({
+              file: file,
+              t: t,
+              ttl: ttl,
+              password: password,
+              editingRights: editingRights,
+              documentType: documentType,
+              shareByLink: shareByLink,
+              showAlert: showAlert
+            });
+
+          case 5:
+            _yield$createPermissi2 = _context.sent;
+            perms = _yield$createPermissi2.data;
+            url = generateWebLink({
+              cozyUrl: client.getStackClient().uri,
+              searchParams: [['sharecode', perms.attributes.shortcodes.code]],
+              pathname: '/public',
+              slug: 'drive',
+              subDomainType: client.capabilities.flat_subdomains ? 'flat' : 'nested'
+            });
+            _context.next = 10;
+            return copyToClipboard(url, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 10:
+            onClose();
+            _context.next = 22;
+            break;
+
+          case 13:
+            _context.next = 15;
+            return updatePermissions({
+              file: file,
+              t: t,
+              dateToggle: dateToggle,
+              selectedDate: selectedDate,
+              passwordToggle: passwordToggle,
+              password: password,
+              editingRights: editingRights,
+              documentType: documentType,
+              updateDocumentPermissions: updateDocumentPermissions,
+              showAlert: showAlert
+            });
+
+          case 15:
+            _yield$updatePermissi3 = _context.sent;
+            _yield$updatePermissi4 = _slicedToArray(_yield$updatePermissi3, 1);
+            _perms = _yield$updatePermissi4[0].data;
+            _url = generateWebLink({
+              cozyUrl: client.getStackClient().uri,
+              searchParams: [['sharecode', _perms.attributes.shortcodes.code]],
+              pathname: '/public',
+              slug: 'drive',
+              subDomainType: client.capabilities.flat_subdomains ? 'flat' : 'nested'
+            });
+            _context.next = 21;
+            return copyToClipboard(_url, {
+              t: t,
+              showAlert: showAlert
+            });
+
+          case 21:
+            onClose();
+
+          case 22:
+          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: setSelectedDate,
+      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
+};