@filerobot/approvals
Version:
Asset approvals package for Filerobot
185 lines (184 loc) • 11.7 kB
JavaScript
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
import { useEffect, useState, useMemo } from 'react';
import { useSelector } from 'react-redux';
import { TooltipV2, InputGroup } from '@scaleflex/ui/core';
import { useExplorer } from '@filerobot/explorer/lib/hooks';
import UsersAutocomplete, { INPUT_TYPE } from '@filerobot/common/lib/UsersAutocomplete';
import { selectUserInfo } from '@filerobot/core/lib/slices/user.slice';
import { GALLERY_ROLES_KEYS } from '@filerobot/utils/lib/constants';
import useApprovals from '../../../../hooks/useApprovals';
import { selectApprovalsAssetUuid, selectApprovalsDefaultGalleryRoleName, selectApprovalsAssetOwner, selectApprovalsUsersAccessesGalleryRoleHash } from '../../../../common.slice';
import Styled from './RequestApprovalContent.styled';
import DueDateSection from './DueDateSection';
// List of gallery roles who could be an approver
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var APPROVER_GALLERY_ROLES = [GALLERY_ROLES_KEYS.VIEWER, GALLERY_ROLES_KEYS.COLLABORATOR, GALLERY_ROLES_KEYS.EDITOR, GALLERY_ROLES_KEYS.MANAGER, GALLERY_ROLES_KEYS.MODERATOR];
var RequestApprovalContent = function RequestApprovalContent(_ref) {
var _approval$approvers, _approval$approvers$u, _useSelector, _useSelector2;
var setPrimaryButtonDisabled = _ref.setPrimaryButtonDisabled,
setStopEscapeKeyCancelation = _ref.setStopEscapeKeyCancelation,
updateData = _ref.updateData,
approval = _ref.approval;
var _useApprovals = useApprovals(),
i18n = _useApprovals.i18n;
var _useExplorer = useExplorer(),
usersAndTeams = _useExplorer.opts.usersAndTeams;
var _useState = useState((approval === null || approval === void 0 ? void 0 : (_approval$approvers = approval.approvers) === null || _approval$approvers === void 0 ? void 0 : (_approval$approvers$u = _approval$approvers.users) === null || _approval$approvers$u === void 0 ? void 0 : _approval$approvers$u.map(function (user) {
return user === null || user === void 0 ? void 0 : user.uuid;
})) || []),
_useState2 = _slicedToArray(_useState, 2),
usersUuids = _useState2[0],
setUsersUuids = _useState2[1];
var _useState3 = useState((approval === null || approval === void 0 ? void 0 : approval.message) || ''),
_useState4 = _slicedToArray(_useState3, 2),
message = _useState4[0],
setMessage = _useState4[1];
var _useState5 = useState((approval === null || approval === void 0 ? void 0 : approval.expires_at) || ''),
_useState6 = _slicedToArray(_useState5, 2),
dueDate = _useState6[0],
setDueDate = _useState6[1];
var _useState7 = useState(!!dueDate),
_useState8 = _slicedToArray(_useState7, 2),
dueDateEnabled = _useState8[0],
setDueDateEnabled = _useState8[1];
var currentUserUuid = (_useSelector = useSelector(selectUserInfo)) === null || _useSelector === void 0 ? void 0 : _useSelector.uuid;
var assetOwnerUuid = (_useSelector2 = useSelector(selectApprovalsAssetOwner)) === null || _useSelector2 === void 0 ? void 0 : _useSelector2.uuid;
var assetUuid = useSelector(selectApprovalsAssetUuid);
var accessesGalleryRoleHash = useSelector(selectApprovalsUsersAccessesGalleryRoleHash);
var defaultGalleryRoleName = useSelector(selectApprovalsDefaultGalleryRoleName);
var usersSuggestions = useMemo(function () {
return (usersAndTeams || []).filter(function (item) {
return !item.isTeam;
}).filter(function (item) {
return !currentUserUuid || item.uuid !== currentUserUuid;
}).map(function (user) {
var _accessesGalleryRoleH;
var userGalleryRole = ((_accessesGalleryRoleH = accessesGalleryRoleHash[user.uuid]) === null || _accessesGalleryRoleH === void 0 ? void 0 : _accessesGalleryRoleH.name) || defaultGalleryRoleName;
var lowerRole = !APPROVER_GALLERY_ROLES.includes(userGalleryRole) && user.uuid !== assetOwnerUuid;
return _objectSpread(_objectSpread({}, user), lowerRole ? {
disabled: true
} : {});
});
}, [usersAndTeams, accessesGalleryRoleHash, defaultGalleryRoleName, currentUserUuid, assetOwnerUuid]);
var isFormValid = usersUuids.length > 0 && (!dueDateEnabled || dueDate);
useEffect(function () {
var timer = setTimeout(function () {
setPrimaryButtonDisabled(!isFormValid);
}, 0); // Without timeout setPrimaryButtonDisabled override current value in useEffect of modal
return function () {
clearTimeout(timer);
};
}, [isFormValid]);
useEffect(function () {
updateData({
fileUuid: assetUuid,
formData: {
approval_name: approval === null || approval === void 0 ? void 0 : approval.title,
approval_message: message,
files_uuids: [assetUuid],
approvers: {
users_uuids: usersUuids,
teams_uuids: []
},
definitions: {
expires_at: dueDate
// duration: {
// unit: 'hours', // Possible values: minutes, hours, days, weeks, months
// value: null
// },
// ending_when: {
// val: null,
// type: '*'
// },
// approved_when: {
// val: null,
// type: '*'
// },
// overtime_value: 'REJECTED' // If not answering in time, REJECTED by default
}
}
});
}, [usersUuids, message, assetUuid, dueDate, approval === null || approval === void 0 ? void 0 : approval.title]);
var handleAdd = function handleAdd(item, type) {
if (type === INPUT_TYPE.SUGGESTION && item !== null && item !== void 0 && item.uuid) {
setUsersUuids([].concat(_toConsumableArray(usersUuids), [item === null || item === void 0 ? void 0 : item.uuid]));
}
};
var handleRemove = function handleRemove(_, index) {
var newUsersUuids = _toConsumableArray(usersUuids);
newUsersUuids.splice(index, 1);
setUsersUuids(newUsersUuids);
};
var onClickPrimaryButton = function onClickPrimaryButton() {
setUsersUuids(usersSuggestions.map(function (user) {
return user.uuid;
}));
};
return /*#__PURE__*/_jsxs(Styled.Container, {
children: [/*#__PURE__*/_jsx(UsersAutocomplete, {
suggestions: usersSuggestions,
value: usersUuids,
onClickPrimaryButton: onClickPrimaryButton,
onClickSecondaryButton: function onClickSecondaryButton() {
return setUsersUuids([]);
},
onAdd: handleAdd,
onRemove: handleRemove,
label: /*#__PURE__*/_jsxs(Styled.LabelWithIcon, {
children: [i18n('approvalsRequestModalApproversLabel'), /*#__PURE__*/_jsx(TooltipV2, {
title: i18n('approvalsRequestModalApproversTooltip'),
position: "right",
size: "lg",
children: /*#__PURE__*/_jsx(Styled.InfoIcon, {})
})]
}),
placeholder: i18n('approvalsRequestModalApproversPlaceholder'),
disabledOptionTooltip: i18n('approvalsRequestModalDisabledUserTooltip'),
primaryActionButtonText: i18n('mutualizedSelectAllButton'),
secondaryActionButtonText: i18n('mutualizedClearAllButton'),
fullWidth: true,
onOpenMenu: function onOpenMenu() {
return setStopEscapeKeyCancelation(true);
},
onCloseMenu: function onCloseMenu() {
return setStopEscapeKeyCancelation(true);
},
maxHeight: 160
}), /*#__PURE__*/_jsx(Styled.TextareaWrapper, {
children: /*#__PURE__*/_jsx(InputGroup, {
label: i18n('approvalsRequestModalMessageLabel'),
onChange: function onChange(_ref2) {
var value = _ref2.target.value;
return setMessage(value);
},
placeholder: i18n('approvalsCommentPlaceholder'),
size: "md",
type: "textarea",
value: message || '',
fullWidth: true
})
}), /*#__PURE__*/_jsx(DueDateSection, {
value: dueDate,
onChange: setDueDate,
dueDateEnabled: dueDateEnabled,
setDueDateEnabled: setDueDateEnabled,
tooltipSize: "md"
})]
});
};
export default RequestApprovalContent;