@manuscripts/style-guide 1.1.4 → 1.1.5-LEAN-2192

package/dist/cjs/components/EditorHeader/EditorHeader.js

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

package/dist/cjs/components/EditorHeader/ProceedView.js

@@ -46,7 +46,7 @@ const StepDetails = ({ icon, label, description, role }) => (react_1.default.cre
         react_1.default.createElement(__1.SecondarySmallText, null,
             "Actor: ",
             role.label))));
-const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, nextStepType, currentStepType, isAnnotator, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
+const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, currentStepType, previousStepType, isAnnotator, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
     const dialogMessages = (0, react_1.useMemo)(() => hasPendingSuggestions && !isAnnotator
         ? {
             header: 'The task can not be transitioned to the next step',
@@ -62,7 +62,7 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
         : showComplete
             ? {
                 header: 'Content reassigned successfully',
-                message: `to the ${nextStepType.label}`,
+                message: `to the ${currentStepType.label}`,
                 actions: {
                     primary: {
                         action: onCancelClick,
@@ -87,7 +87,7 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
         showComplete,
         continueDialogAction,
         onCancelClick,
-        nextStepType,
+        currentStepType,
         hasPendingSuggestions,
         isAnnotator,
     ]);
@@ -100,10 +100,10 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
         (loading && (react_1.default.createElement(__1.LoadingOverlay, null,
             react_1.default.createElement(Message, { isCentered: true }, "Proceeding with your submission\u2026")))) || (react_1.default.createElement(__1.Dialog, { isOpen: confirmationDialog && !loading, category: __1.Category.confirmation, header: dialogMessages.header, message: dialogMessages.message, actions: dialogMessages.actions },
             (showComplete && (react_1.default.createElement(Grid, null,
-                react_1.default.createElement(StepDetails, Object.assign({}, currentStepType, { icon: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(StepDetails, Object.assign({}, previousStepType, { icon: react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(__1.TaskStepDoneIcon, null),
                         react_1.default.createElement(Line, null)) })),
-                react_1.default.createElement(StepDetails, Object.assign({}, nextStepType))))) ||
+                react_1.default.createElement(StepDetails, Object.assign({}, currentStepType))))) ||
                 ((!hasPendingSuggestions || isAnnotator) && onNoteChange && (react_1.default.createElement(TextAreaWrapper, null,
                     react_1.default.createElement(EditorHeader_1.MediumTextArea, { value: noteValue, onChange: onNoteChange, rows: 5, placeholder: 'Add any additional comment here...' })))),
             error && (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.error, hideCloseButton: true }, error))))));

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

@@ -52,32 +52,29 @@ const InlineFilesSection_1 = require("./InlineFilesSection");
 const TooltipDiv_1 = require("./TooltipDiv");
 const util_1 = require("./util");
 exports.PermissionsContext = (0, react_1.createContext)(null);
-const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, changeDesignation, replace, upload }, addAttachmentToState, }) => {
+const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManagement: { getAttachments, replace, upload }, addAttachmentToState, }) => {
     const [state, dispatch] = (0, react_1.useReducer)(FileSectionState_1.reducer, (0, FileSectionState_1.getInitialState)());
-    const handleReplaceFile = (0, react_1.useCallback)((attachmentId, name, file, typeId) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleReplaceFile = (0, react_1.useCallback)((attachmentId, name, file) => __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 replace(attachmentId, name, file, typeId);
+        const res = yield replace(attachmentId, name, file);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
         if (res) {
             dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.'));
         }
         return res;
     }), [replace]);
-    const handleUploadFile = (0, react_1.useCallback)((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
+    const handleUploadFile = (0, react_1.useCallback)((file) => __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 upload(file, designation);
+        const res = yield upload(file);
         dispatch(FileSectionState_1.actions.HANDLE_FINISH_UPLOAD());
         if (res) {
             dispatch(FileSectionState_1.actions.HANDLE_SUCCESS_MESSAGE('File uploaded successfully.', index_1.FileSectionType.OtherFile));
         }
         return res;
     }), [upload]);
-    const handleUploadFileWithSupplement = (0, react_1.useCallback)((file, designation) => __awaiter(void 0, void 0, void 0, function* () {
-        const response = yield upload(file, designation);
+    const handleUploadFileWithSupplement = (0, react_1.useCallback)((file) => __awaiter(void 0, void 0, void 0, function* () {
+        dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
+        const response = yield upload(file);
         if (typeof response === 'object') {
             const { id, name } = response;
             yield saveModel((0, transform_1.buildSupplementaryMaterial)(name, `attachment:${id}`));
@@ -92,13 +89,6 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
         const model = (0, transform_1.getModelsByType)(modelMap, json_schema_1.ObjectTypes.Supplement).find(({ href }) => (href === null || href === void 0 ? void 0 : href.replace('attachment:', '')) === oldAttachmentId);
         yield saveModel(Object.assign(Object.assign({}, model), { title: attachment.name, href: `attachment:${attachment.id}` }));
     }), [modelMap, 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;
-    }), [changeDesignation]);
     const handleDownload = (0, react_1.useCallback)((url) => {
         window.location.assign(url);
     }, []);
@@ -131,12 +121,10 @@ const FileManager = ({ modelMap, saveModel, enableDragAndDrop, can, fileManageme
                 externalFile: element.externalFile,
                 title: element.title,
                 showAttachmentName: isSupplementOrOtherFilesTab,
-                showDesignationActions: isSupplementOrOtherFilesTab,
                 showReplaceAction: !isOtherFilesTab,
                 handleDownload,
                 handleReplace: handleReplaceFile,
                 handleSupplementReplace,
-                handleChangeDesignation: handleChangeDesignationFile,
                 dispatch: dispatch,
             };
             if (enableDragAndDrop && isSupplementOrOtherFilesTab) {

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

@@ -55,7 +55,7 @@ const DragLayer = () => {
     const renderItem = (0, react_1.useCallback)(() => {
         switch (itemType) {
             case 'FileSectionItem':
-                return (react_1.default.createElement(CustomFileSectionItem, { title: item.title, externalFile: item.externalFile, showAttachmentName: item.showAttachmentName, withDot: item.withDot, showSecondaryActions: false, showDesignationActions: false, style: { width: item.width } }));
+                return (react_1.default.createElement(CustomFileSectionItem, { title: item.title, externalFile: item.externalFile, showAttachmentName: item.showAttachmentName, withDot: item.withDot, showSecondaryActions: false, style: { width: item.width } }));
             default:
                 return null;
         }

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

@@ -30,12 +30,10 @@ exports.FileDescription = exports.FileName = exports.FileNameContainer = exports
 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, fileAttachmentName, fileExtension, designation, attachmentId, handleChangeDesignation, dispatch, }) => {
+const FileInfo = ({ showAttachmentName, title, fileAttachmentName, fileExtension, attachmentId, dispatch, }) => {
     const fileName = fileAttachmentName.substring(0, fileAttachmentName.lastIndexOf('.'));
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
     return (react_1.default.createElement(exports.FileInfoContainer, null,
-        showDesignationActions && designation !== undefined && (react_1.default.createElement(DesignationActions_1.DesignationActions, { designation: designation, attachmentId: attachmentId, fileExtension: fileExtension, handleChangeDesignation: handleChangeDesignation, fileName: fileAttachmentName, 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

@@ -10,15 +10,13 @@ const use_dropdown_1 = require("../../../hooks/use-dropdown");
 const Dropdown_1 = require("../../Dropdown");
 const icons_1 = require("../../icons/");
 const dots_icon_1 = __importDefault(require("../../icons/dots-icon"));
-const util_1 = require("../util");
 const FileInfo_1 = require("./FileInfo");
 const FileTypeIcon_1 = require("./FileTypeIcon");
 const ItemActions_1 = require("./ItemActions");
-const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName = false, showDesignationActions = false, showReplaceAction = true, handleDownload, handleReplace, handleChangeDesignation, handleSupplementReplace, dispatch, dragRef, className, style, onClose, isEditor, }) => {
+const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName = false, showReplaceAction = true, handleDownload, handleReplace, handleSupplementReplace, 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);
-    const isMainManuscript = designation === util_1.Designation.MainManuscript;
+    const isMainManuscript = externalFile.type.label === 'main-manuscript';
     const isSelected = externalFile.id == window.location.hash.substr(1);
     return (react_1.default.createElement(exports.Item, { ref: dragRef, className: className, style: style },
         react_1.default.createElement(exports.ItemContainer, { onClick: () => {
@@ -29,7 +27,7 @@ const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName
                 }
             } },
             react_1.default.createElement(FileTypeIcon_1.FileTypeIcon, { withDot: isMainManuscript, fileExtension: fileExtension, alt: externalFile.name }),
-            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, showDesignationActions: showDesignationActions, fileAttachmentName: externalFile.name, title: title, designation: designation, attachmentId: externalFile.id, handleChangeDesignation: handleChangeDesignation, dispatch: dispatch })),
+            react_1.default.createElement(FileInfo_1.FileInfo, { fileExtension: fileExtension, showAttachmentName: showAttachmentName, fileAttachmentName: externalFile.name, title: title, attachmentId: externalFile.id, dispatch: dispatch })),
         onClose && (react_1.default.createElement(IconCloseButton, { onClick: (e) => {
                 e.preventDefault();
                 onClose();
@@ -38,7 +36,7 @@ const FileSectionItem = ({ fileSection, externalFile, title, showAttachmentName
         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, { fileSection: fileSection, replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, handleSupplementReplace: handleSupplementReplace, 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, { fileSection: fileSection, replaceAttachmentHandler: handleReplace, showReplaceAction: showReplaceAction, downloadAttachmentHandler: handleDownload, handleSupplementReplace: handleSupplementReplace, attachmentId: externalFile.id, fileName: externalFile.name, publicUrl: externalFile.link, hideActionList: toggleOpen, dispatch: dispatch }))))));
 };
 exports.FileSectionItem = FileSectionItem;
 const IconCloseButton = styled_components_1.default.button `

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

@@ -39,21 +39,9 @@ const FileManager_1 = require("../FileManager");
 const FileSectionState_1 = require("../FileSectionState");
 const ItemsAction_1 = require("../ItemsAction");
 const util_1 = require("../util");
-const ItemActions = ({ fileSection, downloadAttachmentHandler, replaceAttachmentHandler, handleSupplementReplace, detachAttachmnetHandler, 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 ItemActions = ({ fileSection, downloadAttachmentHandler, replaceAttachmentHandler, handleSupplementReplace, detachAttachmnetHandler, handleUpdateInline, attachmentId, fileName, publicUrl, hideActionList, dispatch, dropDownClassName, showReplaceAction, }) => {
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
-    const canBeReplaced = ((showReplaceAction == undefined || showReplaceAction) &&
-        (attachmentDesignationName == undefined ||
-            ![
-                util_1.Designation.MainManuscript,
-                util_1.Designation.SubmissionFile,
-                util_1.Designation.SubmissionPdf,
-            ].includes(attachmentDesignationName))) ||
-        (attachmentDesignationName == util_1.Designation.MainManuscript &&
-            (can === null || can === void 0 ? void 0 : can.setMainManuscript));
+    const canBeReplaced = showReplaceAction == undefined || showReplaceAction;
     const fileInputRef = (0, react_1.useRef)(null);
     const [selectedFile, setSelectedFile] = (0, react_1.useState)();
     const handleChange = (event) => __awaiter(void 0, void 0, void 0, function* () {
@@ -62,9 +50,8 @@ const ItemActions = ({ fileSection, downloadAttachmentHandler, replaceAttachment
             setSelectedFile(file);
             if (dispatch) {
                 dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
-                dispatch(FileSectionState_1.actions.SELECT_DESIGNATION(attachmentDesignationName || util_1.Designation.Document));
             }
-            const result = yield replaceAttachmentHandler(attachmentId, fileName, file, attachmentDesignation);
+            const result = yield replaceAttachmentHandler(attachmentId, fileName, file);
             if (fileSection === util_1.FileSectionType.Supplements &&
                 typeof result === 'object' &&
                 handleSupplementReplace) {

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

@@ -8,15 +8,13 @@ const getInitialState = () => ({
     fileUploadedSuccessfullySection: undefined,
     successMessage: '',
     isShowSuccessMessage: false,
-    selectDesignation: undefined,
-    showDesignationPopup: undefined,
+    currentSection: undefined,
 });
 exports.getInitialState = getInitialState;
 var ActionTypes;
 (function (ActionTypes) {
     ActionTypes["UPLOAD_FILE"] = "UploadFile";
     ActionTypes["MOVE_FILE"] = "moveFile";
-    ActionTypes["SELECT_DESIGNATION"] = "selectDesignation";
     ActionTypes["HANDLE_CANCEL_UPLOAD"] = "handleCancel";
     ActionTypes["HANDLE_UPLOAD_ACTION"] = "handleUpload";
     ActionTypes["HANDLE_FINISH_UPLOAD"] = "handleFinishUpload";
@@ -26,7 +24,7 @@ var ActionTypes;
 const reducer = (state, action) => {
     switch (action.type) {
         case ActionTypes.UPLOAD_FILE: {
-            return Object.assign(Object.assign({}, state), { showDesignationPopup: action.sectionType, uploadedFile: action.uploadFile, selectDesignation: undefined });
+            return Object.assign(Object.assign({}, state), { uploadedFile: action.uploadFile, currentSection: action.sectionType });
         }
         case ActionTypes.MOVE_FILE: {
             return Object.assign(Object.assign({}, state), { moveToOtherState: {
@@ -34,17 +32,14 @@ const reducer = (state, action) => {
                     name: action.name,
                 }, successMessage: action.successMoveMessage, isShowSuccessMessage: false });
         }
-        case ActionTypes.SELECT_DESIGNATION: {
-            return Object.assign(Object.assign({}, state), { selectDesignation: action.designation });
-        }
         case ActionTypes.HANDLE_UPLOAD_ACTION: {
-            return Object.assign(Object.assign({}, state), { showDesignationPopup: undefined, isUploadFile: true, isShowSuccessMessage: false, successMessage: '' });
+            return Object.assign(Object.assign({}, state), { isUploadFile: true, isShowSuccessMessage: false, successMessage: '' });
         }
         case ActionTypes.HANDLE_CANCEL_UPLOAD: {
-            return Object.assign(Object.assign({}, state), { showDesignationPopup: undefined });
+            return Object.assign({}, state);
         }
         case ActionTypes.HANDLE_FINISH_UPLOAD: {
-            return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined, selectDesignation: undefined });
+            return Object.assign(Object.assign({}, state), { isUploadFile: false, uploadedFile: undefined });
         }
         case ActionTypes.HANDLE_SUCCESS_MESSAGE: {
             return Object.assign(Object.assign({}, state), { isShowSuccessMessage: true, successMessage: action.successMessage, fileUploadedSuccessfullySection: action.sectionType });
@@ -68,10 +63,6 @@ exports.actions = {
     HANDLE_CANCEL_UPLOAD: () => ({
         type: ActionTypes.HANDLE_CANCEL_UPLOAD,
     }),
-    SELECT_DESIGNATION: (designation) => ({
-        type: ActionTypes.SELECT_DESIGNATION,
-        designation,
-    }),
     MOVE_FILE: (attachmentId, typeId, name, successMoveMessage) => ({
         type: ActionTypes.MOVE_FILE,
         typeId,

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

@@ -26,11 +26,9 @@ 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");
 const FileSectionState_1 = require("./FileSectionState");
-const SelectDialogDesignation_1 = require("./SelectDialogDesignation");
 const UploadFileArea_1 = require("./UploadFileArea");
 const util_1 = require("./util");
 const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem, dispatch, state, }) => {
@@ -40,13 +38,12 @@ const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem,
     }
     const isSupplementFilesTab = fileSection === util_1.FileSectionType.Supplements;
     const isOtherFileTab = fileSection === util_1.FileSectionType.OtherFile;
-    const handleUploadOtherFile = () => {
-        dispatch(FileSectionState_1.actions.HANDLE_UPLOAD_ACTION());
-        state.uploadedFile &&
-            state.selectDesignation !== undefined &&
-            handleUpload(state.uploadedFile, (0, util_1.getDesignationName)(state.selectDesignation));
-    };
     const can = (0, react_1.useContext)(FileManager_1.PermissionsContext);
+    (0, react_1.useEffect)(() => {
+        state.uploadedFile &&
+            fileSection === state.currentSection &&
+            handleUpload(state.uploadedFile);
+    }, [state.uploadedFile]);
     const handleSuccessMessage = () => {
         return (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.success, hideCloseButton: true, dismissButton: {
                 text: 'OK',
@@ -56,19 +53,9 @@ const FilesSection = ({ enableDragAndDrop, handleUpload, fileSection, filesItem,
     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, dispatch: dispatch })),
-            state.isUploadFile &&
-                state.uploadedFile &&
-                state.selectDesignation !== undefined && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
+            state.isUploadFile && state.uploadedFile && (react_1.default.createElement(FileSectionUploadItem_1.FileSectionUploadItem, { fileName: state.uploadedFile.name, isLoading: state.isUploadFile })))),
         state.fileUploadedSuccessfullySection === fileSection &&
             handleSuccessMessage(),
-        react_1.default.createElement(SelectDialogDesignation_1.SelectDialogDesignation, { isOpen: state.showDesignationPopup === fileSection, fileExtension: uploadedFileExtension, handleCancel: () => {
-                dispatch(FileSectionState_1.actions.HANDLE_CANCEL_UPLOAD());
-            }, uploadFileHandler: handleUploadOtherFile, dispatch: dispatch, fileSection: fileSection }),
-        filesItem,
-        (can === null || can === void 0 ? void 0 : can.changeDesignation) &&
-            enableDragAndDrop &&
-            (isSupplementFilesTab || isOtherFileTab) && (react_1.default.createElement(DragItemArea_1.DragItemArea, { text: isSupplementFilesTab
-                ? 'Drag the items to place them in the text'
-                : 'Drag the items to place in the Supplements section or in the text' }))));
+        filesItem));
 };
 exports.FilesSection = FilesSection;

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

@@ -78,7 +78,7 @@ const FileReference = ({ attachment, handleReplace, handleDownload, handleUpdate
                     (attachment === null || attachment === void 0 ? void 0 : attachment.modelId) &&
                     handleUpdateInline(attachment.modelId, uploadAttachment), detachAttachmnetHandler: () => handleDetachFile &&
                     attachment.modelId &&
-                    handleDetachFile(attachment.id, attachment.modelId), downloadAttachmentHandler: handleDownload, attachmentId: attachment.id, fileName: attachment.name, designation: attachment.type.label, publicUrl: attachment.link, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
+                    handleDetachFile(attachment.id, attachment.modelId), downloadAttachmentHandler: handleDownload, attachmentId: attachment.id, fileName: attachment.name, publicUrl: attachment.link, hideActionList: toggleOpen, dispatch: dispatch, dropDownClassName: 'ref_item_dropdown' }))))));
 };
 const ElementItem = (0, styled_components_1.default)(FileSectionItem_1.Item) `
   display: flex;