@manuscripts/style-guide 0.31.14 → 0.31.17

package/dist/es/components/FileManager/FileManager.js

@@ -11,7 +11,6 @@ import { buildSupplementaryMaterial, } from '@manuscripts/manuscript-transform';
 import React, { createContext, useCallback, useMemo, useReducer } from 'react';
 import ReactTooltip from 'react-tooltip';
 import getInlineFiles, { getSupplementFiles } from '../../lib/inlineFiles';
-import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabPanels, InspectorTabs, } from '../Inspector';
 import { InspectorSection } from '../InspectorSection';
 import { DraggableFileSectionItem } from './FileSectionItem/DraggableFileSectionItem';
@@ -23,42 +22,56 @@ import { InlineFilesSection } from './InlineFilesSection';
 import { TooltipDiv } from './TooltipDiv';
 import { Designation, FileSectionType, generateAttachmentsTitles, namesWithDesignationMap, } from './util';
 export const PermissionsContext = createContext(null);
-export const FileManager = ({ submissionId, attachments, modelMap, saveModel, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, handleUpdateInline, }) => {
+export const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, changeDesignation, replace, upload }, }) => {
     const [state, dispatch] = useReducer(reducer, getInitialState());
-    const handleReplaceFile = useCallback((submissionId, attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleReplaceFile = useCallback((attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(actions.HANDLE_UPLOAD_ACTION());
         dispatch(actions.SELECT_DESIGNATION(namesWithDesignationMap.get(typeId) || Designation.Document));
-        const res = yield handleReplace(submissionId, attachmentId, name, file, typeId);
+        const res = yield replace(attachmentId, name, file, typeId);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
+        dispatch(actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
-    }), [handleReplace]);
-    const handleUploadFile = useCallback((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
+    }), [replace]);
+    const handleUploadFile = useCallback((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(actions.HANDLE_UPLOAD_ACTION());
         if (namesWithDesignationMap.get(designation) == Designation.Supplementary) {
             dispatch(actions.SELECT_DESIGNATION(Designation.Supplementary));
         }
-        const res = yield handleUpload(submissionId, file, designation);
+        const res = yield upload(file, designation);
         dispatch(actions.HANDLE_FINISH_UPLOAD());
+        dispatch(actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
-    }), [handleUpload]);
-    const handleUploadFileWithSupplement = useCallback((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
-        const res = (yield handleUploadFile(submissionId, file, designation));
-        if (res && res.data) {
-            const { id, name } = res.data.uploadAttachment;
+    }), [upload]);
+    const handleUploadFileWithSupplement = useCallback((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
+        const response = yield upload(file, designation);
+        if (typeof response === 'object') {
+            const { id, name } = response;
             yield saveModel(buildSupplementaryMaterial(name, `attachment:${id}`));
         }
-        return res;
-    }), [handleUploadFile, saveModel]);
-    const handleChangeDesignationFile = useCallback((submissionId, attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
-        const res = yield handleChangeDesignation(submissionId, attachmentId, typeId, name);
+        return response;
+    }), [upload, saveModel]);
+    const handleChangeDesignationFile = useCallback((attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
+        const res = yield changeDesignation(attachmentId, typeId, name);
         if (res) {
-            dispatch(actions.HANDLE_SUCCESS_MESSAGE());
+            dispatch(actions.HANDLE_SUCCESS_MESSAGE(''));
         }
         return res;
-    }), [handleChangeDesignation]);
-    const handleDownloadFile = useCallback((publicUrl) => {
-        return handleDownload(publicUrl);
-    }, [handleDownload]);
+    }), [changeDesignation]);
+    const handleDownload = useCallback((url) => {
+        window.location.assign(url);
+    }, []);
+    const handleUpdateInline = useCallback((modelId, attachment) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const figureModel = modelMap.get(modelId);
+        const imageExternalFileIndex = (_a = figureModel === null || figureModel === void 0 ? void 0 : figureModel.externalFileReferences) === null || _a === void 0 ? void 0 : _a.findIndex((file) => file && file.kind === 'imageRepresentation');
+        if (figureModel.externalFileReferences &&
+            typeof imageExternalFileIndex !== 'undefined' &&
+            imageExternalFileIndex > -1) {
+            figureModel.externalFileReferences[imageExternalFileIndex].url = `attachment:${attachment.id}`;
+            yield saveModel(figureModel);
+        }
+    }), [modelMap, saveModel]);
+    const attachments = getAttachments();
     const inlineFiles = useMemo(() => getInlineFiles(modelMap, attachments), [modelMap.values(), attachments]);
     const supplementFiles = useMemo(() => getSupplementFiles(modelMap, attachments), [attachments, modelMap.size]);
     const excludedAttachmentsIds = useMemo(() => {
@@ -74,6 +87,7 @@ export const FileManager = ({ submissionId, attachments, modelMap, saveModel, en
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === FileSectionType.Supplements ||
             fileSection === FileSectionType.OtherFile;
+        const isOtherFilesTab = fileSection === FileSectionType.OtherFile;
         const itemsData = (fileSection === FileSectionType.Supplements && supplementFiles) ||
             attachments.filter((element) => {
                 const designation = namesWithDesignationMap.get(element.type.label);
@@ -82,12 +96,12 @@ export const FileManager = ({ submissionId, attachments, modelMap, saveModel, en
         const itemsDataWithTitle = generateAttachmentsTitles(itemsData, fileSection);
         const filesItems = itemsDataWithTitle.map((element) => {
             const itemProps = {
-                submissionId: submissionId,
                 externalFile: element.externalFile,
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
                 showDesignationActions: isSupplementOrOtherFilesTab,
-                handleDownload: handleDownloadFile,
+                showReplaceAction: !isOtherFilesTab,
+                handleDownload,
                 handleReplace: handleReplaceFile,
                 handleChangeDesignation: handleChangeDesignationFile,
                 dispatch: dispatch,
@@ -101,9 +115,6 @@ export const FileManager = ({ submissionId, attachments, modelMap, saveModel, en
         });
         return filesItems;
     };
-    const handleSuccessMessage = () => {
-        return (React.createElement(AlertMessage, { type: AlertMessageType.info, hideCloseButton: false }, state.successMessage));
-    };
     return (React.createElement(React.Fragment, null,
         React.createElement(DragLayer, null),
         React.createElement(PermissionsContext.Provider, { value: can },
@@ -127,12 +138,9 @@ export const FileManager = ({ submissionId, attachments, modelMap, saveModel, en
                                 React.createElement("div", null, "Files excluded from the final submission.")))),
                     React.createElement(InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(InlineFilesSection, { inlineFiles: inlineFiles, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, handleUpdateInline: handleUpdateInline, isEditor: enableDragAndDrop, dispatch: dispatch })),
+                            React.createElement(InlineFilesSection, { inlineFiles: inlineFiles, handleReplace: replace, handleDownload: handleDownload, handleUpdateInline: handleUpdateInline, isEditor: enableDragAndDrop, dispatch: dispatch })),
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(FilesSection, { submissionId: submissionId, enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFileWithSupplement, fileSection: FileSectionType.Supplements, filesItem: getFileSectionExternalFile(FileSectionType.Supplements), state: state, dispatch: dispatch })),
+                            React.createElement(FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFileWithSupplement, fileSection: FileSectionType.Supplements, filesItem: getFileSectionExternalFile(FileSectionType.Supplements), state: state, dispatch: dispatch })),
                         React.createElement(InspectorTabPanel, null,
-                            React.createElement(FilesSection, { submissionId: submissionId, enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(FileSectionType.OtherFile), state: state, dispatch: dispatch })))))),
-        state.isShowSuccessMessage &&
-            state.successMessage !== '' &&
-            handleSuccessMessage()));
+                            React.createElement(FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(FileSectionType.OtherFile), state: state, dispatch: dispatch }))))))));
 };

package/dist/es/components/FileManager/FileSectionItem/DesignationActions.js

@@ -6,7 +6,7 @@ import { ConfirmationPopUp } from '../ConfirmationPopUp';
 import { TooltipDiv } from '../TooltipDiv';
 import { designationWithReadableNamesMap, getDesignationActionsList, } from '../util';
 import { DesignationActionsList } from './DesignationActionsList';
-export const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, can, dispatch, }) => {
+export const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, fileName, can, dispatch, }) => {
     const [isActionsShown, setIsActionsShown] = useState(false);
     const [confirmationPopUpData, setConfirmationPopUpData] = useState({
         isConfirmationPopUpOpen: false,
@@ -37,7 +37,7 @@ export const DesignationActions = ({ designation, attachmentId, fileExtension, h
         };
         const handleMoveAction = () => {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, attachmentId, confirmationPopUpData.selectedDesignation, fileName);
+                handleChangeDesignation(attachmentId, confirmationPopUpData.selectedDesignation, fileName);
             handleCloseAction();
         };
         const handleCloseAction = () => {
@@ -56,7 +56,7 @@ export const DesignationActions = ({ designation, attachmentId, fileExtension, h
                 React.createElement(SecondaryActionsText, { "data-for": "file-designation", "data-tip": true }, designationWithReadableNamesMap.get(designation)),
                 React.createElement(BottomArrowIcon, null),
                 isActionsShown && (can === null || can === void 0 ? void 0 : can.changeDesignation) && (React.createElement(ActionsListContainer, null,
-                    React.createElement(DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
+                    React.createElement(DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
             confirmationPopUpData.isConfirmationPopUpOpen && (React.createElement(ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
                     ? confirmationPopUpData.confirmationPopUpHeader
                     : '', popUpMessage: confirmationPopUpData.confirmationPopUpMessage !== undefined

package/dist/es/components/FileManager/FileSectionItem/DesignationActionsList.js

@@ -2,17 +2,17 @@ import React from 'react';
 import { actions } from '../FileSectionState';
 import { ActionsBox, ActionsItem, ActionsLabel, ActionsSeparator, } from '../ItemsAction';
 import { Designation, designationWithFileSectionsMap, designationWithReadableNamesMap, FileSectionType, getDesignationName, } from '../util';
-export const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
+export const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
     const handleChangeOtherFilesTabDesignation = (designation, isMoveInOtherFileSection, confirmationPopupHeader, confirmationPopupMessage, successMoveMessage) => {
         if (isMoveInOtherFileSection) {
             if (dispatch) {
-                dispatch(actions.MOVE_FILE(submissionId, attachmentId, getDesignationName(designation), fileName, successMoveMessage));
+                dispatch(actions.MOVE_FILE(attachmentId, getDesignationName(designation), fileName, successMoveMessage));
                 handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, getDesignationName(designation));
             }
         }
         else {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, attachmentId, getDesignationName(designation), fileName);
+                handleChangeDesignation(attachmentId, getDesignationName(designation), fileName);
         }
     };
     const isSupplementaryActionIncluded = designationActionsList.indexOf(Designation.Supplementary) !== -1;

package/dist/es/components/FileManager/FileSectionItem/FileInfo.js

@@ -2,11 +2,11 @@ import React, { useContext } from 'react';
 import styled from 'styled-components';
 import { PermissionsContext } from '../FileManager';
 import { DesignationActions } from './DesignationActions';
-export const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, submissionId, dispatch, }) => {
+export const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, dispatch, }) => {
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = useContext(PermissionsContext);
     return (React.createElement(FileInfoContainer, null,
-        showDesignationActions && designation !== undefined && submissionId && (React.createElement(DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
+        showDesignationActions && designation !== undefined && (React.createElement(DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
         React.createElement(FileNameTitleContainer, null,
             React.createElement(FileTitle, null,
                 !showAttachmentName ? fileName : title,

package/dist/es/components/FileManager/FileSectionItem/FileSectionItem.js

@@ -8,7 +8,7 @@ import { Designation, namesWithDesignationMap } from '../util';
 import { FileInfo } from './FileInfo';
 import { FileTypeIcon } from './FileTypeIcon';
 import { ItemActions } from './ItemActions';
-export const FileSectionItem = ({ submissionId, externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+export const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = namesWithDesignationMap.get(externalFile.type.label);
@@ -23,16 +23,16 @@ export const FileSectionItem = ({ submissionId, externalFile, title, showAttachm
                 }
             } },
             React.createElement(FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
-            React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, dispatch: dispatch })),
+            React.createElement(FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, dispatch: dispatch })),
         onClose && (React.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();
             } },
             React.createElement(CloseOIcon, { color: '#6E6E6E' }))),
-        handleDownload && handleReplace && submissionId && (React.createElement(DropdownContainer, { ref: wrapperRef },
+        handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
             React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, downloadAttachmentHandler: handleDownload, submissionId: submissionId, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 const IconCloseButton = styled.button `
   border: none;
@@ -78,7 +78,7 @@ export const Item = styled.div `
   ${DropdownContainer} {
     position: absolute;
     top: 24px;
-    right: 0px;
+    right: 0;
     margin-right: 8px;
   }
 `;

package/dist/es/components/FileManager/FileSectionItem/FileSectionUploadItem.js

@@ -4,7 +4,7 @@ import { FileInfoContainer, FileName, FileNameContainer } from './FileInfo';
 import { Item, ItemContainer } from './FileSectionItem';
 import { FileTypeIcon } from './FileTypeIcon';
 import { ProgressBarUploadItem } from './ProgressBarUploadItem';
-export const FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragRef, className, style, }) => {
+export const FileSectionUploadItem = ({ fileName, isLoading, dragRef, className, style, }) => {
     const fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
     fileName = fileName.substring(0, fileName.lastIndexOf('.'));
     return (React.createElement(Item, { ref: dragRef, className: className, style: style },
@@ -24,7 +24,7 @@ export const UploadItemContainer = styled(ItemContainer) `
 export const ProgressBar = styled.div `
   background: #1a9bc7;
   opacity: 0.7;
-  border-radius: 8px 0px 0px 8px;
+  border-radius: 8px 0 0 8px;
   width: 20%;
   height: 100%;
 `;

package/dist/es/components/FileManager/FileSectionItem/ItemActions.js

@@ -13,17 +13,18 @@ import { PermissionsContext } from '../FileManager';
 import { actions } from '../FileSectionState';
 import { ActionsItem } from '../ItemsAction';
 import { Designation, namesWithDesignationMap } from '../util';
-export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, submissionId, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
+export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const attachmentDesignationName = attachmentDesignation !== 'undefined'
         ? namesWithDesignationMap.get(attachmentDesignation)
         : undefined;
-    const canBeReplaced = attachmentDesignationName == undefined ||
-        ![
-            Designation.MainManuscript,
-            Designation.SubmissionFile,
-            Designation.SubmissionPdf,
-        ].includes(attachmentDesignationName);
+    const canBeReplaced = (showReplaceAction == undefined || showReplaceAction) &&
+        (attachmentDesignationName == undefined ||
+            ![
+                Designation.MainManuscript,
+                Designation.SubmissionFile,
+                Designation.SubmissionPdf,
+            ].includes(attachmentDesignationName));
     const fileInputRef = useRef(null);
     const [selectedFile, setSelectedFile] = useState();
     const can = useContext(PermissionsContext);
@@ -35,10 +36,9 @@ export const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandle
                 dispatch(actions.HANDLE_UPLOAD_ACTION());
                 dispatch(actions.SELECT_DESIGNATION(attachmentDesignationName || Designation.Document));
             }
-            const result = yield replaceAttachmentHandler(submissionId, attachmentId, fileName, file, attachmentDesignation);
-            const { uploadAttachment } = result === null || result === void 0 ? void 0 : result.data;
-            if (uploadAttachment && handleUpdateInline) {
-                handleUpdateInline(uploadAttachment);
+            const result = yield replaceAttachmentHandler(attachmentId, fileName, file, attachmentDesignation);
+            if (typeof result === 'object' && handleUpdateInline) {
+                handleUpdateInline(result);
             }
             if (dispatch) {
                 dispatch(actions.HANDLE_FINISH_UPLOAD());

package/dist/es/components/FileManager/FileSectionState.js

@@ -24,7 +24,6 @@ export const reducer = (state, action) => {
         }
         case ActionTypes.MOVE_FILE: {
             return Object.assign(Object.assign({}, state), { moveToOtherState: {
-                    submissionId: action.submissionId,
                     typeId: action.typeId,
                     name: action.name,
                 }, successMessage: action.successMoveMessage, isShowSuccessMessage: false });
@@ -33,7 +32,7 @@ export const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { selectDesignation: action.designation });
         }
         case ActionTypes.HANDLE_UPLOAD_ACTION: {
-            return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false, isUploadFile: true });
+            return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false, isUploadFile: true, isShowSuccessMessage: false, successMessage: '' });
         }
         case ActionTypes.HANDLE_CANCEL_UPLOAD: {
             return Object.assign(Object.assign({}, state), { isOpenSelectDesignationPopup: false });
@@ -42,7 +41,7 @@ export const reducer = (state, action) => {
             return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined, selectDesignation: undefined });
         }
         case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
-            return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true });
+            return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true, successMessage: action.successMessage });
         }
     }
     return state;
@@ -62,9 +61,8 @@ export const actions = {
         type: ActionTypes.SELECT_DESIGNATION,
         designation,
     }),
-    MOVE_FILE: (submissionId, attachmentId, typeId, name, successMoveMessage) => ({
+    MOVE_FILE: (attachmentId, typeId, name, successMoveMessage) => ({
         type: ActionTypes.MOVE_FILE,
-        submissionId,
         typeId,
         name,
         successMoveMessage,
@@ -72,7 +70,8 @@ export const actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
-    HANDLE_SUCCESS_MESSAGE: () => ({
+    HANDLE_SUCCESS_MESSAGE: (successMessage) => ({
         type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
+        successMessage,
     }),
 };

package/dist/es/components/FileManager/FilesSection.js

@@ -1,4 +1,5 @@
 import React, { useContext } from 'react';
+import { AlertMessage, AlertMessageType } from '../AlertMessage';
 import { DragItemArea } from './DragItemArea';
 import { PermissionsContext } from './FileManager';
 import { FileSectionUploadItem } from './FileSectionItem/FileSectionUploadItem';
@@ -6,7 +7,7 @@ import { actions } from './FileSectionState';
 import { SelectDialogDesignation } from './SelectDialogDesignation';
 import { UploadFileArea } from './UploadFileArea';
 import { FileSectionType, getDesignationName } from './util';
-export const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
+export const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
     let uploadedFileExtension = '';
     if (state.uploadedFile) {
         uploadedFileExtension = state.uploadedFile.name.substring(state.uploadedFile.name.lastIndexOf('.') + 1);
@@ -17,15 +18,21 @@ export const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fi
         dispatch(actions.HANDLE_UPLOAD_ACTION());
         state.uploadedFile &&
             state.selectDesignation !== undefined &&
-            handleUpload(submissionId, state.uploadedFile, getDesignationName(state.selectDesignation));
+            handleUpload(state.uploadedFile, getDesignationName(state.selectDesignation));
     };
     const can = useContext(PermissionsContext);
+    const handleSuccessMessage = () => {
+        return (React.createElement(AlertMessage, { type: AlertMessageType.success, hideCloseButton: true, dismissButton: { text: 'OK' } }, state.successMessage));
+    };
     return (React.createElement("div", null,
         (can === null || can === void 0 ? void 0 : can.uploadFile) && (React.createElement(React.Fragment, null,
-            (isOtherFileTab || isSupplementFilesTab) && (React.createElement(UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, submissionId: submissionId, dispatch: dispatch })),
+            (isOtherFileTab || isSupplementFilesTab) && (React.createElement(UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, dispatch: dispatch })),
             state.isUploadFile &&
                 state.uploadedFile &&
-                state.selectDesignation !== undefined && (React.createElement(FileSectionUploadItem, { submissionId: submissionId, fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+                state.selectDesignation !== undefined && (React.createElement(FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+        state.isShowSuccessMessage &&
+            state.successMessage !== '' &&
+            handleSuccessMessage(),
         state.uploadedFile && isOtherFileTab && (React.createElement(SelectDialogDesignation, { isOpen: state.isOpenSelectDesignationPopup, fileExtension: uploadedFileExtension, handleCancel: () => {
                 dispatch(actions.HANDLE_CANCEL_UPLOAD());
             }, uploadFileHandler: () => handleUploadOtherFile(), dispatch: dispatch, fileSection: fileSection })),

package/dist/es/components/FileManager/InlineFilesSection.js

@@ -6,7 +6,7 @@ import { FileInfoContainer, FileNameTitleContainer, FileTitle, } from './FileSec
 import { ActionsIcon, Item, } from './FileSectionItem/FileSectionItem';
 import { ItemActions } from './FileSectionItem/ItemActions';
 import { extensionsWithFileTypesMap, fileTypesWithIconMap, } from './util';
-export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, handleUpdateInline, inlineFiles, isEditor, dispatch, }) => {
+export const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdateInline, inlineFiles, isEditor, dispatch, }) => {
     const onElementClick = useCallback((e) => {
         if (!isEditor) {
             return;
@@ -21,7 +21,7 @@ export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload
     return (React.createElement("div", null, inlineFiles.map((file, index) => {
         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, submissionId: submissionId, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDownload: handleDownload, dispatch: dispatch })))),
+            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, handleDownload: handleDownload, dispatch: dispatch })))),
             React.createElement(Element, { className: 'element' },
                 fileTypesWithIconMap.get(file.type),
                 React.createElement(FileInfoContainer, null,
@@ -29,7 +29,7 @@ export const InlineFilesSection = ({ submissionId, handleReplace, handleDownload
                         React.createElement(FileTitle, null, file.label))))));
     })));
 };
-const FileReference = ({ attachment, submissionId, handleReplace, handleDownload, handleUpdateInline, dispatch, }) => {
+const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdateInline, dispatch, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     if (!attachment || !attachment.name) {
         return null;
@@ -39,12 +39,12 @@ const FileReference = ({ attachment, submissionId, handleReplace, handleDownload
         React.createElement(Container, null,
             fileTypesWithIconMap.get(extensionsWithFileTypesMap.get(fileExtension)),
             React.createElement(FileReferenceName, null, attachment.name)),
-        handleDownload && handleReplace && submissionId && (React.createElement(DropdownContainer, { ref: wrapperRef },
+        handleDownload && handleReplace && (React.createElement(DropdownContainer, { ref: wrapperRef },
             React.createElement(ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
+            isOpen && (React.createElement(ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: true, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
                     (attachment === null || attachment === void 0 ? void 0 : attachment.modelId) &&
-                    handleUpdateInline(attachment.modelId, uploadAttachment), downloadAttachmentHandler: handleDownload, submissionId: submissionId, attachmentId: attachment.id, fileName: attachment.name, designation: attachment.type.label, publicUrl: attachment.link, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
+                    handleUpdateInline(attachment.modelId, uploadAttachment), downloadAttachmentHandler: handleDownload, attachmentId: attachment.id, fileName: attachment.name, designation: attachment.type.label, publicUrl: attachment.link, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
 };
 const ElementItem = styled(Item) `
   display: flex;

package/dist/es/components/FileManager/UploadFileArea.js

@@ -4,7 +4,7 @@ import { NativeTypes } from 'react-dnd-html5-backend';
 import styled, { css } from 'styled-components';
 import { actions } from './FileSectionState';
 import { Designation, FileSectionType, getDesignationName } from './util';
-export const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatch }) => {
+export const UploadFileArea = ({ handleUploadFile, fileSection, dispatch }) => {
     const [selectedFile, setSelectedFile] = useState();
     const fileInputRef = useRef(null);
     const isSupplementFilesTab = fileSection === FileSectionType.Supplements;
@@ -19,7 +19,7 @@ export const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, di
             setSelectedFile(file);
             dispatch(actions.UPLOAD_FILE(file));
             if (file && isSupplementFilesTab) {
-                handleUploadFile(submissionId, file, getDesignationName(Designation.Supplementary));
+                handleUploadFile(file, getDesignationName(Designation.Supplementary));
             }
         }
     };
@@ -29,16 +29,10 @@ export const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, di
             setSelectedFile(file);
             dispatch(actions.UPLOAD_FILE(file));
             if (selectedFile && isSupplementFilesTab) {
-                handleUploadFile(submissionId, selectedFile, getDesignationName(Designation.Supplementary));
+                handleUploadFile(selectedFile, getDesignationName(Designation.Supplementary));
             }
         }
-    }, [
-        dispatch,
-        handleUploadFile,
-        isSupplementFilesTab,
-        selectedFile,
-        submissionId,
-    ]);
+    }, [dispatch, handleUploadFile, isSupplementFilesTab, selectedFile]);
     const [{ canDrop, isOver }, dropRef] = useDrop({
         accept: [NativeTypes.FILE],
         drop(item, monitor) {

package/dist/es/components/SubmissionInspector/BaseInformation.js

@@ -77,9 +77,12 @@ export const BaseInformation = ({ submission, handleDateChange, userRole }) => {
                     SubmissionCriticality.OVERDUE && React.createElement(AttentionRed, null))),
         React.createElement(ReactTooltip, { id: submission.id, place: "bottom", effect: "solid", offset: { top: 10 }, className: "tooltip", disable: userRole == 'pe' }, "No permissions to reschedule")));
     return (React.createElement(Grid, null,
-        React.createElement(DateLabel, null, "Due date"),
-        React.createElement(Value, null,
-            React.createElement(CalenderDatePicker, { submission: submission, handleDateChange: handleDateChange, Button: Button })),
+        (!submission.isPublished && (React.createElement(React.Fragment, null,
+            React.createElement(DateLabel, null, "Due date"),
+            React.createElement(Value, null,
+                React.createElement(CalenderDatePicker, { submission: submission, handleDateChange: handleDateChange, Button: Button }))))) || (React.createElement(React.Fragment, null,
+            React.createElement(Label, null, "Published:"),
+            React.createElement(Value, null, format(submission.publishedDate || 0, 'd MMM yyyy, EEEE')))),
         React.createElement(Label, null, "Article ID:"),
         React.createElement(Value, null, submission.id),
         React.createElement(Label, null, "DOI:"),
@@ -95,10 +98,11 @@ export const BaseInformation = ({ submission, handleDateChange, userRole }) => {
             React.createElement(Value, null, submission.author.email))),
         React.createElement(Label, null, "Production Editor:"),
         React.createElement(Value, null, submission.journal.productionEditor.displayName),
-        React.createElement(Label, null, "Publication Due:"),
-        React.createElement(Value, null,
-            format(submission.dueDate, 'd MMM, EEEE'),
-            submission.isAtRisk && (React.createElement(Pill, { background: criticalityPill[submission.criticality].color }, criticalityPill[submission.criticality].label)))));
+        !submission.isPublished && (React.createElement(React.Fragment, null,
+            React.createElement(Label, null, "Publication Due:"),
+            React.createElement(Value, null,
+                format(submission.dueDate, 'd MMM, EEEE'),
+                submission.isAtRisk && (React.createElement(Pill, { background: criticalityPill[submission.criticality].color }, criticalityPill[submission.criticality].label)))))));
 };
 const getDay = (date) => ({
     year: date.getFullYear(),

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

@@ -3,17 +3,20 @@ import { Model, Supplement } from '@manuscripts/manuscripts-json-schema';
 import React from 'react';
 import { Capabilities } from '../../lib/capabilities';
 import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
+export declare type Upload = (file: File, designation: string) => Promise<boolean | SubmissionAttachment | undefined>;
+export declare type Replace = (attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean | SubmissionAttachment | undefined>;
+export declare type ChangeDesignation = (attachmentId: string, typeId: string, name: string) => Promise<boolean>;
+export interface FileManagement {
+    getAttachments: () => SubmissionAttachment[];
+    upload: Upload;
+    replace: Replace;
+    changeDesignation: ChangeDesignation;
+}
 export declare const PermissionsContext: React.Context<Capabilities | null>;
 export declare const FileManager: React.FC<{
-    submissionId: string;
-    attachments: SubmissionAttachment[];
+    fileManagement: FileManagement;
     modelMap: Map<string, Model>;
     saveModel: (model: Build<Supplement>) => Promise<Build<Supplement>>;
     enableDragAndDrop: boolean;
     can: Capabilities;
-    handleUpload: (submissionId: string, file: File, designation: string) => Promise<any>;
-    handleDownload: (url: string) => void;
-    handleReplace: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<any>;
-    handleChangeDesignation: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<any>;
-    handleUpdateInline?: (modelId: string, attachment: SubmissionAttachment) => void;
 }>;

package/dist/types/components/FileManager/FileSectionItem/DesignationActions.d.ts

@@ -1,13 +1,13 @@
 import React, { Dispatch } from 'react';
 import { Capabilities } from '../../../lib/capabilities';
+import { ChangeDesignation } from '../FileManager';
 import { Action } from '../FileSectionState';
 import { Designation } from '../util';
 export declare const DesignationActions: React.FC<{
     designation?: Designation;
     attachmentId: string;
     fileExtension?: string;
-    handleChangeDesignation?: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
-    submissionId: string;
+    handleChangeDesignation?: ChangeDesignation;
     fileName: string;
     can: Capabilities | null;
     dispatch?: Dispatch<Action>;

package/dist/types/components/FileManager/FileSectionItem/DesignationActionsList.d.ts

@@ -1,10 +1,10 @@
 import React, { Dispatch } from 'react';
+import { ChangeDesignation } from '../FileManager';
 import { Action } from '../FileSectionState';
 import { Designation } from '../util';
 export declare const DesignationActionsList: React.FC<{
-    handleChangeDesignation?: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
+    handleChangeDesignation?: ChangeDesignation;
     designationActionsList: Array<Designation>;
-    submissionId: string;
     fileName: string;
     designation?: Designation;
     attachmentId: string;

package/dist/types/components/FileManager/FileSectionItem/FileInfo.d.ts

@@ -1,4 +1,5 @@
 import React, { Dispatch } from 'react';
+import { ChangeDesignation } from '../FileManager';
 import { Action } from '../FileSectionState';
 import { Designation } from '../util';
 export declare const FileInfo: React.FC<{
@@ -9,8 +10,7 @@ export declare const FileInfo: React.FC<{
     fileExtension: string;
     designation?: Designation;
     attachmentId: string;
-    handleChangeDesignation: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
-    submissionId?: string;
+    handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
 }>;
 export declare const FileInfoContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/FileManager/FileSectionItem/FileSectionItem.d.ts

@@ -1,6 +1,7 @@
 import React, { CSSProperties, Dispatch } from 'react';
 import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
 import { Maybe } from '../../SubmissionInspector/types';
+import { ChangeDesignation, Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
 export declare type SubmissionAttachment = {
     id: string;
@@ -13,19 +14,15 @@ export declare type SubmissionAttachmentType = {
     label?: Maybe<string> | undefined;
 };
 export interface FileSectionItemProps {
-    submissionId?: string;
     externalFile: SubmissionAttachment;
     title: string;
     showAttachmentName?: boolean;
     showDesignationActions?: boolean;
     showActions?: boolean;
+    showReplaceAction?: boolean;
     handleDownload?: (url: string) => void;
-    handleReplace?: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<{
-        data: {
-            uploadAttachment: SubmissionAttachment;
-        };
-    }>;
-    handleChangeDesignation: (submissionId: string, attachmentId: string, typeId: string, name: string) => Promise<boolean>;
+    handleReplace?: Replace;
+    handleChangeDesignation: ChangeDesignation;
     dispatch?: Dispatch<Action>;
     dragRef?: DragElementWrapper<DragSourceOptions>;
     className?: string;

package/dist/types/components/FileManager/FileSectionItem/FileSectionUploadItem.d.ts

@@ -3,7 +3,6 @@ import { DragElementWrapper, DragSourceOptions } from 'react-dnd';
 export interface FileSectionItemProps {
     fileName: string;
     isLoading: boolean;
-    submissionId: string;
     dragRef?: DragElementWrapper<DragSourceOptions>;
     className?: string;
     style?: CSSProperties;