@manuscripts/style-guide 1.1.15-LEAN-2669-v4 → 1.1.15-LEAN-2684-5

package/dist/cjs/{src/components → components}/EditorHeader/EditorHeader.js

@@ -47,8 +47,9 @@ const MapUserRole = {
     Writer: Editing,
     Annotator: { label: 'Suggesting...', icon: __1.AnnotatorIcon },
     Viewer: { label: 'Reading...', icon: __1.ReadingIcon },
+    Proofer: { label: 'Proofing', icon: __1.AnnotatorIcon },
 };
-const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
+const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, isProofer, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
     var _a, _b, _c, _d;
     const [confirmationDialog, toggleConfirmationDialog] = (0, react_1.useState)(false);
     const [loading, setLoading] = (0, react_1.useState)(false);
@@ -95,7 +96,7 @@ const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userR
             react_1.default.createElement("span", null, "Dashboard"))),
         handleSnapshot &&
             typeof hasPendingSuggestions == 'boolean' &&
-            submission.nextStep && (react_1.default.createElement(ProceedView_1.ProceedView, { isAnnotator: isAnnotator, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, loading: loading, showComplete: showComplete, noteValue: noteValue, currentStepTransition: currentStepTransition, error: error, currentStepType: submission.currentStep.type, previousStepType: (_d = submission.previousStep) === null || _d === void 0 ? void 0 : _d.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
+            submission.nextStep && (react_1.default.createElement(ProceedView_1.ProceedView, { isAnnotator: isAnnotator, isProofer: isProofer, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, loading: loading, showComplete: showComplete, noteValue: noteValue, currentStepTransition: currentStepTransition, error: error, currentStepType: submission.currentStep.type, previousStepType: (_d = submission.previousStep) === null || _d === void 0 ? void 0 : _d.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
         status && (react_1.default.createElement(ChildWrapper, null,
             react_1.default.createElement(__1.SaveStatus, { status: status }))),
         react_1.default.createElement(Spacer, null),

package/dist/cjs/{src/components → components}/EditorHeader/ProceedView.js

@@ -46,8 +46,8 @@ const StepDetails = ({ icon, label, description, role }) => (react_1.default.cre
         react_1.default.createElement(__1.SecondarySmallText, null,
             "Actor: ",
             role.label))));
-const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, previousStepType, currentStepType, nextStepType, isAnnotator, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
-    const dialogMessages = (0, react_1.useMemo)(() => hasPendingSuggestions && !isAnnotator
+const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, previousStepType, currentStepType, nextStepType, isAnnotator, isProofer, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
+    const dialogMessages = (0, react_1.useMemo)(() => hasPendingSuggestions && !isAnnotator && !isProofer
         ? {
             header: 'The task can not be transitioned to the next step',
             message: `There are still pending suggestions in the document.
@@ -90,6 +90,7 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
         currentStepType,
         hasPendingSuggestions,
         isAnnotator,
+        isProofer,
     ]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         (currentStepTransition && (currentStepTransition === null || currentStepTransition === void 0 ? void 0 : currentStepTransition.length) > 1 && (react_1.default.createElement(DropdownWrapper, { button: 'Complete task', disabled: disable, primary: true },

package/dist/cjs/{src/components → components}/FileManager/FileSectionItem/FileInfo.js

@@ -26,11 +26,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileDescription = exports.FileDate = exports.FileName = exports.FileNameContainer = exports.FileTitle = exports.FileNameTitleContainer = exports.FileInfoContainer = exports.FileDateContainer = exports.FileInfo = void 0;
+exports.FileDescription = exports.FileName = exports.FileNameContainer = exports.FileTitle = exports.FileNameTitleContainer = exports.FileInfoContainer = exports.FileInfo = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const FileManager_1 = require("../FileManager");
-const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, fileCreatedDate, }) => {
+const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, }) => {
     const fileName = fileAttachmentName.substring(0, fileAttachmentName.lastIndexOf('.'));
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     return (react_1.default.createElement(exports.FileInfoContainer, null,
@@ -42,18 +42,9 @@ const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension
                 react_1.default.createElement(exports.FileName, null, fileName),
                 react_1.default.createElement("div", null,
                     ".",
-                    fileExtension))),
-            fileCreatedDate && (react_1.default.createElement(exports.FileDateContainer, null,
-                react_1.default.createElement(exports.FileDate, null, fileCreatedDate)))),
-        ' '));
+                    fileExtension))))));
 };
 exports.FileInfo = FileInfo;
-exports.FileDateContainer = styled_components_1.default.div `
-  line-height: 20px;
-  overflow: hidden;
-  width: 100%;
-  display: none;
-`;
 exports.FileInfoContainer = styled_components_1.default.div `
   margin-left: 8px;
   overflow: hidden;
@@ -62,15 +53,10 @@ exports.FileInfoContainer = styled_components_1.default.div `
   justify-content: center;
   align-items: start;
   width: 100%;
-
-  &:hover ${exports.FileDateContainer} {
-    display: flex;
-  }
 `;
 exports.FileNameTitleContainer = styled_components_1.default.div `
   display: flex;
   width: 100%;
-  align-items: baseline;
 `;
 exports.FileTitle = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.primary};
@@ -93,11 +79,6 @@ exports.FileName = styled_components_1.default.div `
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  width: 50px;
-`;
-exports.FileDate = styled_components_1.default.div `
-  color: '#6E6E6E';
-  font-size: 12px;
 `;
 exports.FileDescription = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.secondary};

package/dist/cjs/{src/components → components}/FileManager/FileSectionItem/FileSectionItem.js

@@ -27,7 +27,7 @@ const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName
                 }
             } },
             react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
-            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, fileCreatedDate: externalFile.createdDate, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
+            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();

package/dist/cjs/{src/components → components}/FileManager/InlineFilesSection.js

@@ -50,15 +50,14 @@ const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdateInline,
         }
     }, [isEditor]);
     return (react_1.default.createElement("div", null, inlineFiles.map((file, index) => {
-        var _a, _b;
+        var _a;
         return (react_1.default.createElement(ElementItem, { className: 'item', key: index, id: file.id, onClick: onElementClick },
-            react_1.default.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (react_1.default.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch, date: attachment.createdDate })))),
+            react_1.default.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (react_1.default.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch })))),
             react_1.default.createElement(Element, { className: 'element' },
                 util_1.fileTypesWithIconMap.get(file.type),
                 react_1.default.createElement(FileInfo_1.FileInfoContainer, null,
                     react_1.default.createElement(FileInfo_1.FileNameTitleContainer, null,
-                        react_1.default.createElement(FileInfo_1.FileTitle, null, file.label), (_b = file.attachments) === null || _b === void 0 ? void 0 :
-                        _b.map((attachment) => (react_1.default.createElement("div", { key: attachment.id }, attachment.createdDate))))))));
+                        react_1.default.createElement(FileInfo_1.FileTitle, null, file.label))))));
     })));
 };
 exports.InlineFilesSection = InlineFilesSection;

package/dist/cjs/{src/components → components}/SubmissionInspector/BaseInformation.js

@@ -260,7 +260,7 @@ const UpdatedDueDate = styled_components_1.default.div `
   box-sizing: border-box;
   border-radius: ${(props) => props.theme.grid.unit}px;
   padding: ${(props) => props.theme.grid.unit}px
-    ${(props) => props.theme.grid.unit * 2}px; ;
+    ${(props) => props.theme.grid.unit * 2}px;
 `;
 const DueDateMessage = (0, styled_components_1.default)(Dialog_1.MessageContainer) `
   min-height: min-content;

package/dist/cjs/{src/lib → lib}/capabilities.js

@@ -17,6 +17,7 @@ const getCapabilities = (project, profile, role, actions) => {
     const isOwner = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.owners) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isWriter = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.writers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isAnnotator = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.annotators) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
+    const isProofer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.proofers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isProdEditor = () => role == 'pe';
     const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
@@ -30,7 +31,7 @@ const getCapabilities = (project, profile, role, actions) => {
         handleOwnComments: !isViewer(),
         handleOthersComments: isOwner(),
         resolveOwnComment: !isViewer(),
-        resolveOthersComment: !(isViewer() || isAnnotator()),
+        resolveOthersComment: !(isViewer() || isAnnotator() || isProofer()),
         createComment: !isViewer(),
         viewNotes: true,
         createNotes: !isViewer() && allowed(Actions.addNote),
@@ -55,8 +56,8 @@ const getCapabilities = (project, profile, role, actions) => {
         accessEditor: true,
         formatArticle: !isViewer(),
         editArticle: !isViewer(),
-        editMetadata: !(isViewer() || isAnnotator()),
-        editCitationsAndRefs: !(isViewer() || isAnnotator()),
+        editMetadata: !(isViewer() || isAnnotator() || isProofer()),
+        editCitationsAndRefs: !(isViewer() || isAnnotator() || isProofer()),
         shareProject: isOwner(),
     };
 };

package/dist/es/{src/components → components}/EditorHeader/EditorHeader.js

@@ -18,8 +18,9 @@ const MapUserRole = {
     Writer: Editing,
     Annotator: { label: 'Suggesting...', icon: AnnotatorIcon },
     Viewer: { label: 'Reading...', icon: ReadingIcon },
+    Proofer: { label: 'Proofing', icon: AnnotatorIcon },
 };
-export const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
+export const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, isProofer, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
     var _a, _b, _c, _d;
     const [confirmationDialog, toggleConfirmationDialog] = useState(false);
     const [loading, setLoading] = useState(false);
@@ -66,7 +67,7 @@ export const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions
             React.createElement("span", null, "Dashboard"))),
         handleSnapshot &&
             typeof hasPendingSuggestions == 'boolean' &&
-            submission.nextStep && (React.createElement(ProceedView, { isAnnotator: isAnnotator, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, loading: loading, showComplete: showComplete, noteValue: noteValue, currentStepTransition: currentStepTransition, error: error, currentStepType: submission.currentStep.type, previousStepType: (_d = submission.previousStep) === null || _d === void 0 ? void 0 : _d.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
+            submission.nextStep && (React.createElement(ProceedView, { isAnnotator: isAnnotator, isProofer: isProofer, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, loading: loading, showComplete: showComplete, noteValue: noteValue, currentStepTransition: currentStepTransition, error: error, currentStepType: submission.currentStep.type, previousStepType: (_d = submission.previousStep) === null || _d === void 0 ? void 0 : _d.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
         status && (React.createElement(ChildWrapper, null,
             React.createElement(SaveStatus, { status: status }))),
         React.createElement(Spacer, null),

package/dist/es/{src/components → components}/EditorHeader/ProceedView.js

@@ -17,8 +17,8 @@ const StepDetails = ({ icon, label, description, role }) => (React.createElement
         React.createElement(SecondarySmallText, null,
             "Actor: ",
             role.label))));
-export const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, previousStepType, currentStepType, nextStepType, isAnnotator, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
-    const dialogMessages = useMemo(() => hasPendingSuggestions && !isAnnotator
+export const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, previousStepType, currentStepType, nextStepType, isAnnotator, isProofer, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
+    const dialogMessages = useMemo(() => hasPendingSuggestions && !isAnnotator && !isProofer
         ? {
             header: 'The task can not be transitioned to the next step',
             message: `There are still pending suggestions in the document.
@@ -61,6 +61,7 @@ export const ProceedView = ({ currentStepTransition, onTransitionClick, disable,
         currentStepType,
         hasPendingSuggestions,
         isAnnotator,
+        isProofer,
     ]);
     return (React.createElement(React.Fragment, null,
         (currentStepTransition && (currentStepTransition === null || currentStepTransition === void 0 ? void 0 : currentStepTransition.length) > 1 && (React.createElement(DropdownWrapper, { button: 'Complete task', disabled: disable, primary: true },

package/dist/es/{src/components → components}/FileManager/FileSectionItem/FileInfo.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import styled from 'styled-components';
 import { PermissionsContext } from '../FileManager';
-export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, fileCreatedDate, }) => {
+export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, }) => {
     const fileName = fileAttachmentName.substring(0, fileAttachmentName.lastIndexOf('.'));
     const can = useContext(PermissionsContext);
     return (React.createElement(FileInfoContainer, null,
@@ -13,17 +13,8 @@ export const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileEx
                 React.createElement(FileName, null, fileName),
                 React.createElement("div", null,
                     ".",
-                    fileExtension))),
-            fileCreatedDate && (React.createElement(FileDateContainer, null,
-                React.createElement(FileDate, null, fileCreatedDate)))),
-        ' '));
+                    fileExtension))))));
 };
-export const FileDateContainer = styled.div `
-  line-height: 20px;
-  overflow: hidden;
-  width: 100%;
-  display: none;
-`;
 export const FileInfoContainer = styled.div `
   margin-left: 8px;
   overflow: hidden;
@@ -32,15 +23,10 @@ export const FileInfoContainer = styled.div `
   justify-content: center;
   align-items: start;
   width: 100%;
-
-  &:hover ${FileDateContainer} {
-    display: flex;
-  }
 `;
 export const FileNameTitleContainer = styled.div `
   display: flex;
   width: 100%;
-  align-items: baseline;
 `;
 export const FileTitle = styled.div `
   color: ${(props) => props.theme.colors.text.primary};
@@ -63,11 +49,6 @@ export const FileName = styled.div `
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-  width: 50px;
-`;
-export const FileDate = styled.div `
-  color: '#6E6E6E';
-  font-size: 12px;
 `;
 export const FileDescription = styled.div `
   color: ${(props) => props.theme.colors.text.secondary};

package/dist/es/{src/components → components}/FileManager/FileSectionItem/FileSectionItem.js

@@ -21,7 +21,7 @@ export const FileSectionItem = ({ fileSection, externalFile, title, showAttachme
                 }
             } },
             React.createElement(FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
-            React.createElement(FileInfo, { fileExtension: fileExtension, fileCreatedDate: externalFile.createdDate, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
+            React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
         onClose && (React.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();

package/dist/es/{src/components → components}/FileManager/InlineFilesSection.js

@@ -21,15 +21,14 @@ export const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdate
         }
     }, [isEditor]);
     return (React.createElement("div", null, inlineFiles.map((file, index) => {
-        var _a, _b;
+        var _a;
         return (React.createElement(ElementItem, { className: 'item', key: index, id: file.id, onClick: onElementClick },
-            React.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (React.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch, date: attachment.createdDate })))),
+            React.createElement(FileReferences, { className: 'refItems' }, (_a = file.attachments) === null || _a === void 0 ? void 0 : _a.map((attachment) => (React.createElement(FileReference, { key: attachment.id, attachment: attachment, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDetachFile: handleDetachFile, handleDownload: handleDownload, dispatch: dispatch })))),
             React.createElement(Element, { className: 'element' },
                 fileTypesWithIconMap.get(file.type),
                 React.createElement(FileInfoContainer, null,
                     React.createElement(FileNameTitleContainer, null,
-                        React.createElement(FileTitle, null, file.label), (_b = file.attachments) === null || _b === void 0 ? void 0 :
-                        _b.map((attachment) => (React.createElement("div", { key: attachment.id }, attachment.createdDate))))))));
+                        React.createElement(FileTitle, null, file.label))))));
     })));
 };
 const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdateInline, handleDetachFile, dispatch, }) => {

package/dist/es/{src/components → components}/SubmissionInspector/BaseInformation.js

@@ -230,7 +230,7 @@ const UpdatedDueDate = styled.div `
   box-sizing: border-box;
   border-radius: ${(props) => props.theme.grid.unit}px;
   padding: ${(props) => props.theme.grid.unit}px
-    ${(props) => props.theme.grid.unit * 2}px; ;
+    ${(props) => props.theme.grid.unit * 2}px;
 `;
 const DueDateMessage = styled(MessageContainer) `
   min-height: min-content;

package/dist/es/{src/lib → lib}/capabilities.js

@@ -11,6 +11,7 @@ export const getCapabilities = (project, profile, role, actions) => {
     const isOwner = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.owners) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isWriter = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.writers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isAnnotator = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.annotators) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
+    const isProofer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.proofers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isViewer = () => { var _a; return !!(profile && ((_a = project === null || project === void 0 ? void 0 : project.viewers) === null || _a === void 0 ? void 0 : _a.includes(profile.userID))); };
     const isProdEditor = () => role == 'pe';
     const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
@@ -24,7 +25,7 @@ export const getCapabilities = (project, profile, role, actions) => {
         handleOwnComments: !isViewer(),
         handleOthersComments: isOwner(),
         resolveOwnComment: !isViewer(),
-        resolveOthersComment: !(isViewer() || isAnnotator()),
+        resolveOthersComment: !(isViewer() || isAnnotator() || isProofer()),
         createComment: !isViewer(),
         viewNotes: true,
         createNotes: !isViewer() && allowed(Actions.addNote),
@@ -49,8 +50,8 @@ export const getCapabilities = (project, profile, role, actions) => {
         accessEditor: true,
         formatArticle: !isViewer(),
         editArticle: !isViewer(),
-        editMetadata: !(isViewer() || isAnnotator()),
-        editCitationsAndRefs: !(isViewer() || isAnnotator()),
+        editMetadata: !(isViewer() || isAnnotator() || isProofer()),
+        editCitationsAndRefs: !(isViewer() || isAnnotator() || isProofer()),
         shareProject: isOwner(),
     };
 };

package/dist/types/{src/components → components}/AlertMessage.d.ts

@@ -41,7 +41,7 @@ interface Props {
 }
 export declare class AlertMessage extends React.Component<Props, State> {
     state: State;
-    render(): false | JSX.Element;
+    render(): false | React.JSX.Element;
     private handleClose;
 }
 export {};

package/dist/types/{src/components → components}/AuthorForm/RemoveAuthorButton.d.ts

@@ -22,6 +22,6 @@ interface Props {
     handleOpen: () => void;
 }
 declare class RemoveAuthorButton extends React.Component<Props> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default RemoveAuthorButton;

package/dist/types/{src/components → components}/AutoSaveInput.d.ts

@@ -33,7 +33,7 @@ export declare class AutoSaveInput extends React.Component<FieldProps & AutoSave
         focused: boolean;
     };
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private handleSubmit;
     private handleFocus;
     private handleBlur;

package/dist/types/{src/components → components}/Dialog.d.ts

@@ -47,7 +47,7 @@ export declare enum Category {
 export declare class Dialog extends React.Component<DialogProps, DialogState> {
     state: DialogState;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private renderButtons;
     private checkInputValue;
     private setDisabledBtnState;

package/dist/types/{src/components → components}/EditorHeader/EditorHeader.d.ts

@@ -44,6 +44,7 @@ export declare const EditorHeader: React.FC<{
     goBack?: () => void;
     status?: 'saved' | 'saving' | 'offline' | 'failed';
     isAnnotator: boolean;
+    isProofer: boolean;
     message: React.FC;
     disabelProceedNote?: boolean;
 }>;

package/dist/types/{src/components → components}/EditorHeader/ProceedView.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { SubmissionStepTransition, SubmissionStepType } from './EditorHeader';
 export declare const ProceedView: React.FC<{
     isAnnotator: boolean;
+    isProofer: boolean;
     disable: boolean;
     onTransitionClick: (event: unknown) => void;
     onNoteChange?: (event: unknown) => void;

package/dist/types/{src/components → components}/FileManager/FileSectionItem/FileInfo.d.ts

@@ -6,14 +6,11 @@ export declare const FileInfo: React.FC<{
     fileAttachmentName: string;
     fileExtension: string;
     attachmentId: string;
-    fileCreatedDate: Date;
     dispatch?: Dispatch<Action>;
 }>;
-export declare const FileDateContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileNameTitleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileNameContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileName: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const FileDate: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FileDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/{src/components → components}/FileManager/FileSectionItem/FileSectionItem.d.ts

@@ -9,7 +9,6 @@ export type FileAttachment = {
     name: string;
     type: FileAttachmentType;
     link: string;
-    createdDate: Date;
 };
 export type FileAttachmentType = {
     id: string;

package/dist/types/components/Form.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/// <reference types="react" />
+export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const FormHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FormActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FormError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export interface FormErrors {
+    submit?: string;
+}
+export interface ErrorProps {
+    error?: string | null | Record<string, unknown>;
+}

package/dist/types/{src/components → components}/Resizer/Resizer.d.ts

@@ -22,7 +22,7 @@ export declare class Resizer extends React.Component<Props, State> {
         isResizing: boolean;
         startPosition: number;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private scheduleResize;
     private mouseDownHandler;
     private mouseUpHandler;

package/dist/types/{src/components → components}/Resizer/ResizerButton.d.ts

@@ -13,6 +13,6 @@ export declare class ResizerButton extends React.PureComponent<Props> {
         isCollapsed: boolean;
         isVisible: boolean;
     };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/dist/types/components/icons/add-author.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+declare const AddAuthor: (props: IconProps) => React.JSX.Element;
+export default AddAuthor;

package/dist/types/{src/components → components}/icons/add-comment-icon.d.ts

@@ -13,5 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-declare const AddComment: () => JSX.Element;
+import React from 'react';
+declare const AddComment: () => React.JSX.Element;
 export default AddComment;

package/dist/types/{src/components → components}/icons/add-icon-active.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import React from 'react';
 import { IconProps } from './types';
-declare const AddIconActive: (props: IconProps) => JSX.Element;
+declare const AddIconActive: (props: IconProps) => React.JSX.Element;
 export default AddIconActive;

package/dist/types/{src/components → components}/icons/add-icon-inverted.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import React from 'react';
 import { IconProps } from './types';
-declare const AddIconInverted: (props: IconProps) => JSX.Element;
+declare const AddIconInverted: (props: IconProps) => React.JSX.Element;
 export default AddIconInverted;

package/dist/types/components/icons/back-arrow.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+export declare const BackArrow: (props: IconProps) => React.JSX.Element;
+export default BackArrow;

package/dist/types/components/icons/bookmark.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+declare const Bookmark: (props: IconProps) => React.JSX.Element;
+export default Bookmark;

package/dist/types/components/icons/google.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+declare const Google: (props: IconProps) => React.JSX.Element;
+export default Google;

package/dist/types/components/icons/orcid.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconProps } from './types';
+declare const Orcid: (props: IconProps) => React.JSX.Element;
+export default Orcid;

package/dist/types/{src/components → components}/icons/plus-icon.d.ts

@@ -13,5 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export declare const PlusIcon: () => JSX.Element;
+import React from 'react';
+export declare const PlusIcon: () => React.JSX.Element;
 export default PlusIcon;

package/dist/types/{src/components → components}/icons/project-notification.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import React from 'react';
 import { IconProps } from './types';
-declare const ProjectNotification: (props: IconProps) => JSX.Element;
+declare const ProjectNotification: (props: IconProps) => React.JSX.Element;
 export default ProjectNotification;