@manuscripts/style-guide 0.31.14 → 0.31.17

package/dist/cjs/components/FileManager/FileManager.js

@@ -36,7 +36,6 @@ const manuscript_transform_1 = require("@manuscripts/manuscript-transform");
 const react_1 = __importStar(require("react"));
 const react_tooltip_1 = __importDefault(require("react-tooltip"));
 const inlineFiles_1 = __importStar(require("../../lib/inlineFiles"));
-const AlertMessage_1 = require("../AlertMessage");
 const Inspector_1 = require("../Inspector");
 const InspectorSection_1 = require("../InspectorSection");
 const DraggableFileSectionItem_1 = require("./FileSectionItem/DraggableFileSectionItem");
@@ -48,42 +47,56 @@ const InlineFilesSection_1 = require("./InlineFilesSection");
 const TooltipDiv_1 = require("./TooltipDiv");
 const util_1 = require("./util");
 exports.PermissionsContext = (0, react_1.createContext)(null);
-const FileManager = ({ submissionId, attachments, modelMap, saveModel, enableDragAndDrop, can, handleUpload, handleDownload, handleReplace, handleChangeDesignation, handleUpdateInline, }) => {
+const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, changeDesignation, replace, upload }, }) => {
     const [state, dispatch] = (0, react_1.useReducer)(FileSectionState_1.reducer, (0, FileSectionState_1.getInitialState)());
-    const handleReplaceFile = (0, react_1.useCallback)((submissionId, attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleReplaceFile = (0, react_1.useCallback)((attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
         dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.namesWithDesignationMap.get(typeId) || util_1.Designation.Document));
-        const res = yield handleReplace(submissionId, attachmentId, name, file, typeId);
+        const res = yield replace(attachmentId, name, file, typeId);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
-    }), [handleReplace]);
-    const handleUploadFile = (0, react_1.useCallback)((submissionId, file, designation) => __awaiter(void 0, void 0, void 0, function* () {
+    }), [replace]);
+    const handleUploadFile = (0, react_1.useCallback)((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
         dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
         if (util_1.namesWithDesignationMap.get(designation) == util_1.Designation.Supplementary) {
             dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(util_1.Designation.Supplementary));
         }
-        const res = yield handleUpload(submissionId, file, designation);
+        const res = yield upload(file, designation);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
+        dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         return res;
-    }), [handleUpload]);
-    const handleUploadFileWithSupplement = (0, react_1.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 = (0, react_1.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((0, manuscript_transform_1.buildSupplementaryMaterial)(name, `attachment:${id}`));
         }
-        return res;
-    }), [handleUploadFile, saveModel]);
-    const handleChangeDesignationFile = (0, react_1.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 = (0, react_1.useCallback)((attachmentId, typeId, name) => __awaiter(void 0, void 0, void 0, function* () {
+        const res = yield changeDesignation(attachmentId, typeId, name);
         if (res) {
-            dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE());
+            dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE(''));
         }
         return res;
-    }), [handleChangeDesignation]);
-    const handleDownloadFile = (0, react_1.useCallback)((publicUrl) => {
-        return handleDownload(publicUrl);
-    }, [handleDownload]);
+    }), [changeDesignation]);
+    const handleDownload = (0, react_1.useCallback)((url) => {
+        window.location.assign(url);
+    }, []);
+    const handleUpdateInline = (0, react_1.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 = (0, react_1.useMemo)(() => (0, inlineFiles_1.default)(modelMap, attachments), [modelMap.values(), attachments]);
     const supplementFiles = (0, react_1.useMemo)(() => (0, inlineFiles_1.getSupplementFiles)(modelMap, attachments), [attachments, modelMap.size]);
     const excludedAttachmentsIds = (0, react_1.useMemo)(() => {
@@ -99,6 +112,7 @@ const FileManager = ({ submissionId, attachments, modelMap, saveModel, enableDra
     const getFileSectionExternalFile = (fileSection) => {
         const isSupplementOrOtherFilesTab = fileSection === util_1.FileSectionType.Supplements ||
             fileSection === util_1.FileSectionType.OtherFile;
+        const isOtherFilesTab = fileSection === util_1.FileSectionType.OtherFile;
         const itemsData = (fileSection === util_1.FileSectionType.Supplements && supplementFiles) ||
             attachments.filter((element) => {
                 const designation = util_1.namesWithDesignationMap.get(element.type.label);
@@ -107,12 +121,12 @@ const FileManager = ({ submissionId, attachments, modelMap, saveModel, enableDra
         const itemsDataWithTitle = (0, util_1.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,
@@ -126,9 +140,6 @@ const FileManager = ({ submissionId, attachments, modelMap, saveModel, enableDra
         });
         return filesItems;
     };
-    const handleSuccessMessage = () => {
-        return (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.info, hideCloseButton: false }, state.successMessage));
-    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(DragLayer_1.DragLayer, null),
         react_1.default.createElement(exports.PermissionsContext.Provider, { value: can },
@@ -152,13 +163,10 @@ const FileManager = ({ submissionId, attachments, modelMap, saveModel, enableDra
                                 react_1.default.createElement("div", null, "Files excluded from the final submission.")))),
                     react_1.default.createElement(Inspector_1.InspectorTabPanels, { style: { overflowY: 'visible', position: 'relative' } },
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { inlineFiles: inlineFiles, submissionId: submissionId, handleReplace: handleReplace, handleDownload: handleDownload, handleUpdateInline: handleUpdateInline, isEditor: enableDragAndDrop, dispatch: dispatch })),
+                            react_1.default.createElement(InlineFilesSection_1.InlineFilesSection, { inlineFiles: inlineFiles, handleReplace: replace, handleDownload: handleDownload, handleUpdateInline: handleUpdateInline, isEditor: enableDragAndDrop, dispatch: dispatch })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(FilesSection_1.FilesSection, { submissionId: submissionId, enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFileWithSupplement, fileSection: util_1.FileSectionType.Supplements, filesItem: getFileSectionExternalFile(util_1.FileSectionType.Supplements), state: state, dispatch: dispatch })),
+                            react_1.default.createElement(FilesSection_1.FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFileWithSupplement, fileSection: util_1.FileSectionType.Supplements, filesItem: getFileSectionExternalFile(util_1.FileSectionType.Supplements), state: state, dispatch: dispatch })),
                         react_1.default.createElement(Inspector_1.InspectorTabPanel, null,
-                            react_1.default.createElement(FilesSection_1.FilesSection, { submissionId: submissionId, enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: util_1.FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(util_1.FileSectionType.OtherFile), state: state, dispatch: dispatch })))))),
-        state.isShowSuccessMessage &&
-            state.successMessage !== '' &&
-            handleSuccessMessage()));
+                            react_1.default.createElement(FilesSection_1.FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: util_1.FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(util_1.FileSectionType.OtherFile), state: state, dispatch: dispatch }))))))));
 };
 exports.FileManager = FileManager;

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

@@ -31,7 +31,7 @@ const ConfirmationPopUp_1 = require("../ConfirmationPopUp");
 const TooltipDiv_1 = require("../TooltipDiv");
 const util_1 = require("../util");
 const DesignationActionsList_1 = require("./DesignationActionsList");
-const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, submissionId, fileName, can, dispatch, }) => {
+const DesignationActions = ({ designation, attachmentId, fileExtension, handleChangeDesignation, fileName, can, dispatch, }) => {
     const [isActionsShown, setIsActionsShown] = (0, react_1.useState)(false);
     const [confirmationPopUpData, setConfirmationPopUpData] = (0, react_1.useState)({
         isConfirmationPopUpOpen: false,
@@ -62,7 +62,7 @@ const DesignationActions = ({ designation, attachmentId, fileExtension, handleCh
         };
         const handleMoveAction = () => {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, attachmentId, confirmationPopUpData.selectedDesignation, fileName);
+                handleChangeDesignation(attachmentId, confirmationPopUpData.selectedDesignation, fileName);
             handleCloseAction();
         };
         const handleCloseAction = () => {
@@ -81,7 +81,7 @@ const DesignationActions = ({ designation, attachmentId, fileExtension, handleCh
                 react_1.default.createElement(SecondaryActionsText, { "data-for": "file-designation", "data-tip": true }, util_1.designationWithReadableNamesMap.get(designation)),
                 react_1.default.createElement(BottomArrowIcon_1.default, null),
                 isActionsShown && (can === null || can === void 0 ? void 0 : can.changeDesignation) && (react_1.default.createElement(ActionsListContainer, null,
-                    react_1.default.createElement(DesignationActionsList_1.DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, submissionId: submissionId, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
+                    react_1.default.createElement(DesignationActionsList_1.DesignationActionsList, { handleChangeDesignation: handleChangeDesignation, designationActionsList: designationActionsList, fileName: fileName, designation: designation, attachmentId: attachmentId, dispatch: dispatch, handleOpenConfirmationPopup: handleOpenConfirmationPopup })))),
             confirmationPopUpData.isConfirmationPopUpOpen && (react_1.default.createElement(ConfirmationPopUp_1.ConfirmationPopUp, { popupHeader: confirmationPopUpData.confirmationPopUpHeader !== undefined
                     ? confirmationPopUpData.confirmationPopUpHeader
                     : '', popUpMessage: confirmationPopUpData.confirmationPopUpMessage !== undefined

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

@@ -8,17 +8,17 @@ const react_1 = __importDefault(require("react"));
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, submissionId, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
+const DesignationActionsList = ({ handleChangeDesignation, designationActionsList, fileName, designation, attachmentId, dispatch, handleOpenConfirmationPopup, }) => {
     const handleChangeOtherFilesTabDesignation = (designation, isMoveInOtherFileSection, confirmationPopupHeader, confirmationPopupMessage, successMoveMessage) => {
         if (isMoveInOtherFileSection) {
             if (dispatch) {
-                dispatch(FileSectionState_1.actions.MOVE_FILE(submissionId, attachmentId, (0, util_1.getDesignationName)(designation), fileName, successMoveMessage));
+                dispatch(FileSectionState_1.actions.MOVE_FILE(attachmentId, (0, util_1.getDesignationName)(designation), fileName, successMoveMessage));
                 handleOpenConfirmationPopup(confirmationPopupHeader, confirmationPopupMessage, (0, util_1.getDesignationName)(designation));
             }
         }
         else {
             handleChangeDesignation &&
-                handleChangeDesignation(submissionId, attachmentId, (0, util_1.getDesignationName)(designation), fileName);
+                handleChangeDesignation(attachmentId, (0, util_1.getDesignationName)(designation), fileName);
         }
     };
     const isSupplementaryActionIncluded = designationActionsList.indexOf(util_1.Designation.Supplementary) !== -1;

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

@@ -27,11 +27,11 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const FileManager_1 = require("../FileManager");
 const DesignationActions_1 = require("./DesignationActions");
-const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, submissionId, dispatch, }) => {
+const FileInfo = ({ showAttachmentName, showDesignationActions, title, submissionAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, dispatch, }) => {
     const fileName = submissionAttachmentName.substring(0, submissionAttachmentName.lastIndexOf('.'));
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     return (react_1.default.createElement(exports.FileInfoContainer, null,
-        showDesignationActions && designation !== undefined && submissionId && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
+        showDesignationActions && designation !== undefined && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, fileName: submissionAttachmentName, dispatch: dispatch, can: can })),
         react_1.default.createElement(exports.FileNameTitleContainer, null,
             react_1.default.createElement(exports.FileTitle, null,
                 !showAttachmentName ? fileName : title,

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

@@ -14,7 +14,7 @@ const util_1 = require("../util");
 const FileInfo_1 = require("./FileInfo");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
-const FileSectionItem = ({ submissionId, externalFile, title, showAttachmentName = false, showDesignationActions = false, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+const FileSectionItem = ({ externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, dispatch, dragRef, className, style, onClose, isEditor, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
     const fileExtension = externalFile.name.substring(externalFile.name.lastIndexOf('.') + 1);
     const designation = util_1.namesWithDesignationMap.get(externalFile.type.label);
@@ -29,16 +29,16 @@ const FileSectionItem = ({ submissionId, 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, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, submissionId: submissionId, dispatch: dispatch })),
+            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, submissionAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, dispatch: dispatch })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();
             } },
             react_1.default.createElement(icons_1.CloseOIcon, { color: '#6E6E6E' }))),
-        handleDownload && handleReplace && submissionId && (react_1.default.createElement(Dropdown_1.DropdownContainer, { ref: wrapperRef },
+        handleDownload && handleReplace && (react_1.default.createElement(Dropdown_1.DropdownContainer, { ref: wrapperRef },
             react_1.default.createElement(exports.ActionsIcon, { onClick: toggleOpen, type: "button", "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 react_1.default.createElement(dots_icon_1.default, null)),
-            isOpen && (react_1.default.createElement(ItemActions_1.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_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, attachmentId: externalFile.id, fileName: externalFile.name, designation: externalFile.type.label, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 exports.FileSectionItem = FileSectionItem;
 const IconCloseButton = styled_components_1.default.button `
@@ -85,7 +85,7 @@ exports.Item = styled_components_1.default.div `
   ${Dropdown_1.DropdownContainer} {
     position: absolute;
     top: 24px;
-    right: 0px;
+    right: 0;
     margin-right: 8px;
   }
 `;

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

@@ -10,7 +10,7 @@ const FileInfo_1 = require("./FileInfo");
 const FileSectionItem_1 = require("./FileSectionItem");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ProgressBarUploadItem_1 = require("./ProgressBarUploadItem");
-const FileSectionUploadItem = ({ fileName, isLoading, submissionId, dragRef, className, style, }) => {
+const FileSectionUploadItem = ({ fileName, isLoading, dragRef, className, style, }) => {
     const fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
     fileName = fileName.substring(0, fileName.lastIndexOf('.'));
     return (react_1.default.createElement(FileSectionItem_1.Item, { ref: dragRef, className: className, style: style },
@@ -31,7 +31,7 @@ exports.UploadItemContainer = (0, styled_components_1.default)(FileSectionItem_1
 exports.ProgressBar = styled_components_1.default.div `
   background: #1a9bc7;
   opacity: 0.7;
-  border-radius: 8px 0px 0px 8px;
+  border-radius: 8px 0 0 8px;
   width: 20%;
   height: 100%;
 `;

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

@@ -35,17 +35,18 @@ const FileManager_1 = require("../FileManager");
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, submissionId, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, }) => {
+const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, handleUpdateInline, attachmentId, fileName, designation, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const attachmentDesignation = designation == undefined ? 'undefined' : designation;
     const attachmentDesignationName = attachmentDesignation !== 'undefined'
         ? util_1.namesWithDesignationMap.get(attachmentDesignation)
         : undefined;
-    const canBeReplaced = attachmentDesignationName == undefined ||
-        ![
-            util_1.Designation.MainManuscript,
-            util_1.Designation.SubmissionFile,
-            util_1.Designation.SubmissionPdf,
-        ].includes(attachmentDesignationName);
+    const canBeReplaced = (showReplaceAction == undefined || showReplaceAction) &&
+        (attachmentDesignationName == undefined ||
+            ![
+                util_1.Designation.MainManuscript,
+                util_1.Designation.SubmissionFile,
+                util_1.Designation.SubmissionPdf,
+            ].includes(attachmentDesignationName));
     const fileInputRef = (0, react_1.useRef)(null);
     const [selectedFile, setSelectedFile] = (0, react_1.useState)();
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
@@ -57,10 +58,9 @@ const ItemActions = ({ downloadAttachmentHandler, replaceAttachmentHandler, hand
                 dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
                 dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(attachmentDesignationName || util_1.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(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());

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

@@ -28,7 +28,6 @@ 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 });
@@ -37,7 +36,7 @@ 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 });
@@ -46,7 +45,7 @@ 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;
@@ -67,9 +66,8 @@ exports.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,
@@ -77,7 +75,8 @@ exports.actions = {
     HANDLE_FINISH_UPLOAD: () => ({
         type: ActionTypes.HANDLE_FINISH_UPLOAD,
     }),
-    HANDLE_SUCCESS_MESSAGE: () => ({
+    HANDLE_SUCCESS_MESSAGE: (successMessage) => ({
         type: ActionTypes.HANDLE_SUCCESS_MESSAGE,
+        successMessage,
     }),
 };

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

@@ -21,6 +21,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilesSection = void 0;
 const react_1 = __importStar(require("react"));
+const AlertMessage_1 = require("../AlertMessage");
 const DragItemArea_1 = require("./DragItemArea");
 const FileManager_1 = require("./FileManager");
 const FileSectionUploadItem_1 = require("./FileSectionItem/FileSectionUploadItem");
@@ -28,7 +29,7 @@ const FileSectionState_1 = require("./FileSectionState");
 const SelectDialogDesignation_1 = require("./SelectDialogDesignation");
 const UploadFileArea_1 = require("./UploadFileArea");
 const util_1 = require("./util");
-const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
+const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
     let uploadedFileExtension = '';
     if (state.uploadedFile) {
         uploadedFileExtension = state.uploadedFile.name.substring(state.uploadedFile.name.lastIndexOf('.') + 1);
@@ -39,15 +40,21 @@ const FilesSection = ({ submissionId, enableDragAndDrop, handleUpload, fileSecti
         dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
         state.uploadedFile &&
             state.selectDesignation !== undefined &&
-            handleUpload(submissionId, state.uploadedFile, (0, util_1.getDesignationName)(state.selectDesignation));
+            handleUpload(state.uploadedFile, (0, util_1.getDesignationName)(state.selectDesignation));
     };
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
+    const handleSuccessMessage = () => {
+        return (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.success, hideCloseButton: true, dismissButton: { text: 'OK' } }, state.successMessage));
+    };
     return (react_1.default.createElement("div", null,
         (can === null || can === void 0 ? void 0 : can.uploadFile) && (react_1.default.createElement(react_1.default.Fragment, null,
-            (isOtherFileTab || isSupplementFilesTab) && (react_1.default.createElement(UploadFileArea_1.UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, submissionId: submissionId, dispatch: dispatch })),
+            (isOtherFileTab || isSupplementFilesTab) && (react_1.default.createElement(UploadFileArea_1.UploadFileArea, { handleUploadFile: handleUpload, fileSection: fileSection, dispatch: dispatch })),
             state.isUploadFile &&
                 state.uploadedFile &&
-                state.selectDesignation !== undefined && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { submissionId: submissionId, fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+                state.selectDesignation !== undefined && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+        state.isShowSuccessMessage &&
+            state.successMessage !== '' &&
+            handleSuccessMessage(),
         state.uploadedFile && isOtherFileTab && (react_1.default.createElement(SelectDialogDesignation_1.SelectDialogDesignation, { isOpen: state.isOpenSelectDesignationPopup, fileExtension: uploadedFileExtension, handleCancel: () => {
                 dispatch(FileSectionState_1.actions.HANDLE_CANCEL_UPLOAD());
             }, uploadFileHandler: () => handleUploadOtherFile(), dispatch: dispatch, fileSection: fileSection })),

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

@@ -31,7 +31,7 @@ const FileInfo_1 = require("./FileSectionItem/FileInfo");
 const FileSectionItem_1 = require("./FileSectionItem/FileSectionItem");
 const ItemActions_1 = require("./FileSectionItem/ItemActions");
 const util_1 = require("./util");
-const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, handleUpdateInline, inlineFiles, isEditor, dispatch, }) => {
+const InlineFilesSection = ({ handleReplace, handleDownload, handleUpdateInline, inlineFiles, isEditor, dispatch, }) => {
     const onElementClick = (0, react_1.useCallback)((e) => {
         if (!isEditor) {
             return;
@@ -46,7 +46,7 @@ const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, handl
     return (react_1.default.createElement("div", null, inlineFiles.map((file, index) => {
         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, submissionId: submissionId, handleReplace: handleReplace, handleUpdateInline: handleUpdateInline, handleDownload: handleDownload, dispatch: dispatch })))),
+            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, 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,
@@ -55,7 +55,7 @@ const InlineFilesSection = ({ submissionId, handleReplace, handleDownload, handl
     })));
 };
 exports.InlineFilesSection = InlineFilesSection;
-const FileReference = ({ attachment, submissionId, handleReplace, handleDownload, handleUpdateInline, dispatch, }) => {
+const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdateInline, dispatch, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, use_dropdown_1.useDropdown)();
     if (!attachment || !attachment.name) {
         return null;
@@ -65,12 +65,12 @@ const FileReference = ({ attachment, submissionId, handleReplace, handleDownload
         react_1.default.createElement(Container, null,
             util_1.fileTypesWithIconMap.get(util_1.extensionsWithFileTypesMap.get(fileExtension)),
             react_1.default.createElement(FileReferenceName, null, attachment.name)),
-        handleDownload && handleReplace && submissionId && (react_1.default.createElement(DropdownContainer, { ref: wrapperRef },
+        handleDownload && handleReplace && (react_1.default.createElement(DropdownContainer, { ref: wrapperRef },
             react_1.default.createElement(FileSectionItem_1.ActionsIcon, { onClick: toggleOpen, type: "button", className: 'external_file_dropdown', "aria-label": "Download or Replace", "aria-pressed": isOpen },
                 react_1.default.createElement(dots_icon_1.default, null)),
-            isOpen && (react_1.default.createElement(ItemActions_1.ItemActions, { replaceAttachmentHandler: handleReplace, handleUpdateInline: (uploadAttachment) => handleUpdateInline &&
+            isOpen && (react_1.default.createElement(ItemActions_1.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 = (0, styled_components_1.default)(FileSectionItem_1.Item) `
   display: flex;

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

@@ -26,7 +26,7 @@ const react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
 const styled_components_1 = __importStar(require("styled-components"));
 const FileSectionState_1 = require("./FileSectionState");
 const util_1 = require("./util");
-const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatch }) => {
+const UploadFileArea = ({ handleUploadFile, fileSection, dispatch }) => {
     const [selectedFile, setSelectedFile] = (0, react_1.useState)();
     const fileInputRef = (0, react_1.useRef)(null);
     const isSupplementFilesTab = fileSection === util_1.FileSectionType.Supplements;
@@ -41,7 +41,7 @@ const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatch
             setSelectedFile(file);
             dispatch(FileSectionState_1.actions.UPLOAD_FILE(file));
             if (file && isSupplementFilesTab) {
-                handleUploadFile(submissionId, file, (0, util_1.getDesignationName)(util_1.Designation.Supplementary));
+                handleUploadFile(file, (0, util_1.getDesignationName)(util_1.Designation.Supplementary));
             }
         }
     };
@@ -51,16 +51,10 @@ const UploadFileArea = ({ handleUploadFile, fileSection, submissionId, dispatch
             setSelectedFile(file);
             dispatch(FileSectionState_1.actions.UPLOAD_FILE(file));
             if (selectedFile && isSupplementFilesTab) {
-                handleUploadFile(submissionId, selectedFile, (0, util_1.getDesignationName)(util_1.Designation.Supplementary));
+                handleUploadFile(selectedFile, (0, util_1.getDesignationName)(util_1.Designation.Supplementary));
             }
         }
-    }, [
-        dispatch,
-        handleUploadFile,
-        isSupplementFilesTab,
-        selectedFile,
-        submissionId,
-    ]);
+    }, [dispatch, handleUploadFile, isSupplementFilesTab, selectedFile]);
     const [{ canDrop, isOver }, dropRef] = (0, react_dnd_1.useDrop)({
         accept: [react_dnd_html5_backend_1.NativeTypes.FILE],
         drop(item, monitor) {

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

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