@manuscripts/style-guide 0.31.13 → 0.31.16

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

@@ -48,42 +48,54 @@ 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());
         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());
         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());
         }
         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 +111,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 +120,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,
@@ -152,11 +165,11 @@ 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 })))))),
+                            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 })))))),
         state.isShowSuccessMessage &&
             state.successMessage !== '' &&
             handleSuccessMessage()));

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 });
@@ -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,

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

@@ -28,7 +28,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 +39,15 @@ 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);
     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.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/FileManager/util.js

@@ -281,6 +281,7 @@ exports.extensionsWithFileTypesMap = new Map([
     ['png', FileType.Image],
     ['jpg', FileType.Image],
     ['jpeg', FileType.Image],
+    ['jfif', FileType.Image],
     ['gif', FileType.Image],
     ['svg', FileType.Image],
     ['tif', FileType.Image],

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) => ({

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

@@ -23,42 +23,54 @@ 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());
         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());
         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());
         }
         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 +86,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 +95,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,
@@ -127,11 +140,11 @@ 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 })))))),
+                            React.createElement(FilesSection, { enableDragAndDrop: enableDragAndDrop, handleUpload: handleUploadFile, fileSection: FileSectionType.OtherFile, filesItem: getFileSectionExternalFile(FileSectionType.OtherFile), state: state, dispatch: dispatch })))))),
         state.isShowSuccessMessage &&
             state.successMessage !== '' &&
             handleSuccessMessage()));

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 });
@@ -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,

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

@@ -6,7 +6,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 +17,15 @@ 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);
     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.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/FileManager/util.js

@@ -275,6 +275,7 @@ export const extensionsWithFileTypesMap = new Map([
     ['png', FileType.Image],
     ['jpg', FileType.Image],
     ['jpeg', FileType.Image],
+    ['jfif', FileType.Image],
     ['gif', FileType.Image],
     ['svg', FileType.Image],
     ['tif', FileType.Image],

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;

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

@@ -1,16 +1,12 @@
 import React, { Dispatch } from 'react';
 import { Maybe } from '../../SubmissionInspector/types';
+import { Replace } from '../FileManager';
 import { Action } from '../FileSectionState';
 import { SubmissionAttachment } from './FileSectionItem';
 export declare const ItemActions: React.FC<{
     downloadAttachmentHandler: (url: string) => void;
-    replaceAttachmentHandler: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<{
-        data: {
-            uploadAttachment: SubmissionAttachment;
-        };
-    }>;
+    replaceAttachmentHandler: Replace;
     handleUpdateInline?: (attachment: SubmissionAttachment) => void;
-    submissionId: string;
     attachmentId: string;
     fileName: string;
     designation?: Maybe<string> | undefined;
@@ -18,4 +14,5 @@ export declare const ItemActions: React.FC<{
     hideActionList: (e?: React.MouseEvent) => void;
     dispatch?: Dispatch<Action>;
     dropDownClassName?: string;
+    showReplaceAction?: boolean;
 }>;

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

@@ -4,7 +4,6 @@ export interface State {
     uploadedFile: File | undefined;
     isUploadFile: boolean;
     moveToOtherState: {
-        submissionId: string;
         typeId: string;
         name: string;
     } | undefined;
@@ -32,7 +31,7 @@ export declare const actions: {
     HANDLE_UPLOAD_ACTION: () => Action;
     HANDLE_CANCEL_UPLOAD: () => Action;
     SELECT_DESIGNATION: (designation: Designation) => Action;
-    MOVE_FILE: (submissionId: string, attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
+    MOVE_FILE: (attachmentId: string, typeId: string, name: string, successMoveMessage: string) => Action;
     HANDLE_FINISH_UPLOAD: () => Action;
     HANDLE_SUCCESS_MESSAGE: () => Action;
 };

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

@@ -1,10 +1,10 @@
 import React, { Dispatch } from 'react';
+import { Upload } from './FileManager';
 import { Action, State } from './FileSectionState';
 import { FileSectionType } from './util';
 export declare const FilesSection: React.FC<{
-    submissionId: string;
     enableDragAndDrop: boolean;
-    handleUpload: (submissionId: string, file: File, designation: string) => Promise<any>;
+    handleUpload: Upload;
     fileSection: FileSectionType;
     filesItem: JSX.Element[];
     dispatch: Dispatch<Action>;

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

@@ -1,4 +1,5 @@
 import React, { Dispatch } from 'react';
+import { Replace } from './FileManager';
 import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
 import { Action } from './FileSectionState';
 import { FileType } from './util';
@@ -8,7 +9,6 @@ export interface ExternalFileRef {
     ref?: SubmissionAttachment;
 }
 export declare const InlineFilesSection: React.FC<{
-    submissionId: string;
     inlineFiles: {
         id: string;
         label: string;
@@ -16,11 +16,7 @@ export declare const InlineFilesSection: React.FC<{
         caption?: string;
         attachments?: SubmissionAttachment[];
     }[];
-    handleReplace: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<{
-        data: {
-            uploadAttachment: SubmissionAttachment;
-        };
-    }>;
+    handleReplace: Replace;
     handleDownload: (url: string) => void;
     handleUpdateInline?: (modelId: string, attachment: SubmissionAttachment) => void;
     isEditor: boolean;

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

@@ -1,9 +1,9 @@
 import React, { Dispatch } from 'react';
+import { Upload } from './FileManager';
 import { Action } from './FileSectionState';
 import { FileSectionType } from './util';
 export declare const UploadFileArea: React.FC<{
-    handleUploadFile: (submissionId: string, file: File, designation: string) => Promise<any>;
+    handleUploadFile: Upload;
     fileSection: FileSectionType;
-    submissionId: string;
     dispatch: Dispatch<Action>;
 }>;

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

@@ -31,6 +31,8 @@ export declare type Submission = {
     dueDate: Date;
     criticality: SubmissionCriticality;
     isAtRisk: boolean;
+    isPublished: boolean;
+    publishedDate?: Date;
 };
 export declare type Journal = {
     id: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.31.13",
+  "version": "0.31.16",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",