@manuscripts/style-guide 1.1.15-LEAN-2669-v4 → 1.1.16-LEAN-2669-v5

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

@@ -35,11 +35,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediumTextArea = exports.PrimaryButtonSmall = exports.EditorHeader = void 0;
+exports.MediumTextArea = exports.PrimaryButtonSmall = exports.EditorHeader = exports.DialogState = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const __1 = require("../..");
 const ProceedView_1 = require("./ProceedView");
+var DialogState;
+(function (DialogState) {
+    DialogState[DialogState["INIT"] = 0] = "INIT";
+    DialogState[DialogState["LOADING"] = 1] = "LOADING";
+    DialogState[DialogState["ERROR"] = 2] = "ERROR";
+    DialogState[DialogState["SUCCESS"] = 3] = "SUCCESS";
+    DialogState[DialogState["CLOSED"] = 4] = "CLOSED";
+})(DialogState = exports.DialogState || (exports.DialogState = {}));
 const Editing = { label: 'Editing...', icon: __1.EditIcon };
 const MapUserRole = {
     Editor: Editing,
@@ -49,53 +57,54 @@ 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, _d;
+    var _a, _b, _c, _d, _e;
     const [confirmationDialog, toggleConfirmationDialog] = (0, react_1.useState)(false);
-    const [loading, setLoading] = (0, react_1.useState)(false);
     const [noteValue, setNoteValue] = (0, react_1.useState)('');
-    const [error, setError] = (0, react_1.useState)(undefined);
     const [selectedTransitionIndex, setSelectedTransitionIndex] = (0, react_1.useState)();
-    const { complete: showComplete, error: submissionError, mutationError, submit, } = submitProceed;
-    (0, react_1.useEffect)(() => {
-        if (submissionError) {
-            setError(submissionError);
-        }
-    }, [submissionError]);
+    const { dialogData, submit } = submitProceed;
+    const { updateState, clearError } = dialogData;
     const continueDialogAction = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
         if (submission && selectedTransitionIndex && handleSnapshot) {
             const { status } = submission.currentStep.type.transitions[selectedTransitionIndex];
-            setLoading(true);
+            updateState(DialogState.LOADING);
             yield handleSnapshot();
             yield submit(status.id, noteValue);
-            setLoading(false);
         }
     }), [
-        handleSnapshot,
-        selectedTransitionIndex,
         submission,
-        noteValue,
+        selectedTransitionIndex,
+        handleSnapshot,
+        updateState,
         submit,
+        noteValue,
     ]);
     const onTransitionClick = (0, react_1.useCallback)((event) => {
+        updateState(DialogState.INIT);
         toggleConfirmationDialog(true);
         setSelectedTransitionIndex(event.target.value || event.target.parentNode.value);
-    }, [setSelectedTransitionIndex, toggleConfirmationDialog]);
+    }, [setSelectedTransitionIndex, toggleConfirmationDialog, updateState]);
     const onCancelClick = (0, react_1.useCallback)(() => {
         toggleConfirmationDialog(false);
         setSelectedTransitionIndex(undefined);
-        setError(undefined);
-    }, [toggleConfirmationDialog, setSelectedTransitionIndex, setError]);
+        clearError();
+        updateState(DialogState.CLOSED);
+    }, [
+        toggleConfirmationDialog,
+        setSelectedTransitionIndex,
+        clearError,
+        updateState,
+    ]);
     const onNoteChange = (0, react_1.useCallback)((event) => setNoteValue(event.target.value), [setNoteValue]);
     const currentStepTransition = submission === null || submission === void 0 ? void 0 : submission.currentStep.type.transitions;
     const disable = !currentStepTransition || !canCompleteTask;
-    const errorCode = (_c = (_b = (_a = mutationError === null || mutationError === void 0 ? void 0 : mutationError.graphQLErrors) === null || _a === void 0 ? void 0 : _a.find((error) => { var _a; return (_a = error === null || error === void 0 ? void 0 : error.extensions) === null || _a === void 0 ? void 0 : _a.code; })) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.code.name;
+    const errorCode = (_d = (_c = (_b = (_a = dialogData.mutationError) === null || _a === void 0 ? void 0 : _a.graphQLErrors) === null || _b === void 0 ? void 0 : _b.find((error) => { var _a; return (_a = error === null || error === void 0 ? void 0 : error.extensions) === null || _a === void 0 ? void 0 : _a.code; })) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.code.name;
     return (react_1.default.createElement(Wrapper, null,
         goBack && (react_1.default.createElement(SecondaryButtonSmall, { onClick: goBack, type: "button" },
             react_1.default.createElement(__1.LeftArrow, null),
             react_1.default.createElement("span", null, "Dashboard"))),
         handleSnapshot &&
             typeof hasPendingSuggestions == 'boolean' &&
-            submission.nextStep && (react_1.default.createElement(ProceedView_1.ProceedView, { isAnnotator: isAnnotator, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, loading: loading, showComplete: showComplete, noteValue: noteValue, currentStepTransition: currentStepTransition, error: error, currentStepType: submission.currentStep.type, previousStepType: (_d = submission.previousStep) === null || _d === void 0 ? void 0 : _d.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
+            submission.nextStep && (react_1.default.createElement(ProceedView_1.ProceedView, { isAnnotator: isAnnotator, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, dialogData: dialogData, noteValue: noteValue, currentStepTransition: currentStepTransition, currentStepType: submission.currentStep.type, previousStepType: (_e = submission.previousStep) === null || _e === void 0 ? void 0 : _e.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
         status && (react_1.default.createElement(ChildWrapper, null,
             react_1.default.createElement(__1.SaveStatus, { status: status }))),
         react_1.default.createElement(Spacer, null),

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

@@ -46,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, previousStepType, currentStepType, nextStepType, isAnnotator, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
+const ProceedView = ({ currentStepTransition, onTransitionClick, disable, dialogData, confirmationDialog, previousStepType, currentStepType, isAnnotator, hasPendingSuggestions, onCancelClick, continueDialogAction, message: Message, }) => {
     const dialogMessages = (0, react_1.useMemo)(() => hasPendingSuggestions && !isAnnotator
         ? {
             header: 'The task can not be transitioned to the next step',
@@ -59,7 +59,7 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
                 },
             },
         }
-        : showComplete
+        : dialogData.state === __1.DialogState.SUCCESS
             ? {
                 header: 'Content reassigned successfully',
                 message: `to the ${currentStepType.label}`,
@@ -84,7 +84,7 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
                     },
                 },
             }, [
-        showComplete,
+        dialogData,
         continueDialogAction,
         onCancelClick,
         currentStepType,
@@ -97,16 +97,15 @@ const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loadin
                 currentStepTransition.map((transition, index) => (react_1.default.createElement(Task, { key: 'task_' + transition.type.id, className: transition.status.id === 'success' ? 'happyPath' : '', value: index, onClick: onTransitionClick },
                     react_1.default.createElement("strong", null, transition.type.label),
                     transition.type.description))))))) || (react_1.default.createElement(EditorHeader_1.PrimaryButtonSmall, { value: 0, onClick: onTransitionClick, disabled: disable }, "Complete task")),
-        (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,
+        dialogData.state === __1.DialogState.LOADING && (react_1.default.createElement(__1.LoadingOverlay, null,
+            react_1.default.createElement(Message, { isCentered: true }, "Proceeding with your submission\u2026"))),
+        !(dialogData.state === __1.DialogState.CLOSED) && (react_1.default.createElement(__1.Dialog, { isOpen: confirmationDialog && !(dialogData.state === __1.DialogState.LOADING), category: __1.Category.confirmation, header: dialogMessages.header, message: dialogMessages.message, actions: dialogMessages.actions },
+            dialogData.state === __1.DialogState.SUCCESS && (react_1.default.createElement(Grid, null,
                 previousStepType && (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({}, 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))))));
+                react_1.default.createElement(StepDetails, Object.assign({}, currentStepType)))),
+            dialogData.state === __1.DialogState.ERROR && (react_1.default.createElement(AlertMessage_1.AlertMessage, { type: AlertMessage_1.AlertMessageType.error, hideCloseButton: true }, dialogData.error))))));
 };
 exports.ProceedView = ProceedView;
 const TaskDropdown = styled_components_1.default.div `

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

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

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

@@ -7,10 +7,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import styled from 'styled-components';
 import { AnnotatorIcon, DropdownContainer, DropdownList, EditIcon, LeftArrow, NavDropdownContainer, NavDropdownToggle, PrimaryButton, ReadingIcon, SaveStatus, SecondaryButton, TextArea, useDropdown, } from '../..';
 import { ProceedView } from './ProceedView';
+export var DialogState;
+(function (DialogState) {
+    DialogState[DialogState["INIT"] = 0] = "INIT";
+    DialogState[DialogState["LOADING"] = 1] = "LOADING";
+    DialogState[DialogState["ERROR"] = 2] = "ERROR";
+    DialogState[DialogState["SUCCESS"] = 3] = "SUCCESS";
+    DialogState[DialogState["CLOSED"] = 4] = "CLOSED";
+})(DialogState || (DialogState = {}));
 const Editing = { label: 'Editing...', icon: EditIcon };
 const MapUserRole = {
     Editor: Editing,
@@ -20,53 +28,54 @@ const MapUserRole = {
     Viewer: { label: 'Reading...', icon: ReadingIcon },
 };
 export const EditorHeader = ({ handleSnapshot, submission, hasPendingSuggestions, userRole, canCompleteTask, submitProceed, goBack, status, isAnnotator, message, exceptionDialog: ExceptionDialog, disabelProceedNote, }) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const [confirmationDialog, toggleConfirmationDialog] = useState(false);
-    const [loading, setLoading] = useState(false);
     const [noteValue, setNoteValue] = useState('');
-    const [error, setError] = useState(undefined);
     const [selectedTransitionIndex, setSelectedTransitionIndex] = useState();
-    const { complete: showComplete, error: submissionError, mutationError, submit, } = submitProceed;
-    useEffect(() => {
-        if (submissionError) {
-            setError(submissionError);
-        }
-    }, [submissionError]);
+    const { dialogData, submit } = submitProceed;
+    const { updateState, clearError } = dialogData;
     const continueDialogAction = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (submission && selectedTransitionIndex && handleSnapshot) {
             const { status } = submission.currentStep.type.transitions[selectedTransitionIndex];
-            setLoading(true);
+            updateState(DialogState.LOADING);
             yield handleSnapshot();
             yield submit(status.id, noteValue);
-            setLoading(false);
         }
     }), [
-        handleSnapshot,
-        selectedTransitionIndex,
         submission,
-        noteValue,
+        selectedTransitionIndex,
+        handleSnapshot,
+        updateState,
         submit,
+        noteValue,
     ]);
     const onTransitionClick = useCallback((event) => {
+        updateState(DialogState.INIT);
         toggleConfirmationDialog(true);
         setSelectedTransitionIndex(event.target.value || event.target.parentNode.value);
-    }, [setSelectedTransitionIndex, toggleConfirmationDialog]);
+    }, [setSelectedTransitionIndex, toggleConfirmationDialog, updateState]);
     const onCancelClick = useCallback(() => {
         toggleConfirmationDialog(false);
         setSelectedTransitionIndex(undefined);
-        setError(undefined);
-    }, [toggleConfirmationDialog, setSelectedTransitionIndex, setError]);
+        clearError();
+        updateState(DialogState.CLOSED);
+    }, [
+        toggleConfirmationDialog,
+        setSelectedTransitionIndex,
+        clearError,
+        updateState,
+    ]);
     const onNoteChange = useCallback((event) => setNoteValue(event.target.value), [setNoteValue]);
     const currentStepTransition = submission === null || submission === void 0 ? void 0 : submission.currentStep.type.transitions;
     const disable = !currentStepTransition || !canCompleteTask;
-    const errorCode = (_c = (_b = (_a = mutationError === null || mutationError === void 0 ? void 0 : mutationError.graphQLErrors) === null || _a === void 0 ? void 0 : _a.find((error) => { var _a; return (_a = error === null || error === void 0 ? void 0 : error.extensions) === null || _a === void 0 ? void 0 : _a.code; })) === null || _b === void 0 ? void 0 : _b.extensions) === null || _c === void 0 ? void 0 : _c.code.name;
+    const errorCode = (_d = (_c = (_b = (_a = dialogData.mutationError) === null || _a === void 0 ? void 0 : _a.graphQLErrors) === null || _b === void 0 ? void 0 : _b.find((error) => { var _a; return (_a = error === null || error === void 0 ? void 0 : error.extensions) === null || _a === void 0 ? void 0 : _a.code; })) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.code.name;
     return (React.createElement(Wrapper, null,
         goBack && (React.createElement(SecondaryButtonSmall, { onClick: goBack, type: "button" },
             React.createElement(LeftArrow, null),
             React.createElement("span", null, "Dashboard"))),
         handleSnapshot &&
             typeof hasPendingSuggestions == 'boolean' &&
-            submission.nextStep && (React.createElement(ProceedView, { isAnnotator: isAnnotator, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, loading: loading, showComplete: showComplete, noteValue: noteValue, currentStepTransition: currentStepTransition, error: error, currentStepType: submission.currentStep.type, previousStepType: (_d = submission.previousStep) === null || _d === void 0 ? void 0 : _d.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
+            submission.nextStep && (React.createElement(ProceedView, { isAnnotator: isAnnotator, disable: disable, onTransitionClick: onTransitionClick, hasPendingSuggestions: hasPendingSuggestions, dialogData: dialogData, noteValue: noteValue, currentStepTransition: currentStepTransition, currentStepType: submission.currentStep.type, previousStepType: (_e = submission.previousStep) === null || _e === void 0 ? void 0 : _e.type, nextStepType: submission.nextStep.type, confirmationDialog: confirmationDialog, onNoteChange: disabelProceedNote ? undefined : onNoteChange, continueDialogAction: continueDialogAction, onCancelClick: onCancelClick, message: message })),
         status && (React.createElement(ChildWrapper, null,
             React.createElement(SaveStatus, { status: status }))),
         React.createElement(Spacer, null),

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

@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react';
 import styled from 'styled-components';
-import { Category, Dialog, LoadingOverlay, NavDropdown, NavDropdownButton, NavDropdownContainer, PrimaryBoldHeading, PrimaryButton, SecondarySmallText, TaskStepDoneIcon, useDropdown, } from '../..';
+import { Category, Dialog, DialogState, LoadingOverlay, NavDropdown, NavDropdownButton, NavDropdownContainer, PrimaryBoldHeading, PrimaryButton, SecondarySmallText, TaskStepDoneIcon, useDropdown, } from '../..';
 import { AlertMessage, AlertMessageType } from '../AlertMessage';
-import { MediumTextArea, PrimaryButtonSmall, } from './EditorHeader';
+import { PrimaryButtonSmall, } from './EditorHeader';
 const DropdownWrapper = ({ disabled, button, primary, children }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     return (React.createElement(NavDropdownContainer, { id: 'user-dropdown', ref: wrapperRef },
@@ -17,7 +17,7 @@ const StepDetails = ({ icon, label, description, role }) => (React.createElement
         React.createElement(SecondarySmallText, null,
             "Actor: ",
             role.label))));
-export const ProceedView = ({ currentStepTransition, onTransitionClick, disable, loading, showComplete, confirmationDialog, previousStepType, currentStepType, nextStepType, isAnnotator, hasPendingSuggestions, error, noteValue, onNoteChange, onCancelClick, continueDialogAction, message: Message, }) => {
+export const ProceedView = ({ currentStepTransition, onTransitionClick, disable, dialogData, confirmationDialog, previousStepType, currentStepType, isAnnotator, hasPendingSuggestions, onCancelClick, continueDialogAction, message: Message, }) => {
     const dialogMessages = useMemo(() => hasPendingSuggestions && !isAnnotator
         ? {
             header: 'The task can not be transitioned to the next step',
@@ -30,7 +30,7 @@ export const ProceedView = ({ currentStepTransition, onTransitionClick, disable,
                 },
             },
         }
-        : showComplete
+        : dialogData.state === DialogState.SUCCESS
             ? {
                 header: 'Content reassigned successfully',
                 message: `to the ${currentStepType.label}`,
@@ -55,7 +55,7 @@ export const ProceedView = ({ currentStepTransition, onTransitionClick, disable,
                     },
                 },
             }, [
-        showComplete,
+        dialogData,
         continueDialogAction,
         onCancelClick,
         currentStepType,
@@ -68,16 +68,15 @@ export const ProceedView = ({ currentStepTransition, onTransitionClick, disable,
                 currentStepTransition.map((transition, index) => (React.createElement(Task, { key: 'task_' + transition.type.id, className: transition.status.id === 'success' ? 'happyPath' : '', value: index, onClick: onTransitionClick },
                     React.createElement("strong", null, transition.type.label),
                     transition.type.description))))))) || (React.createElement(PrimaryButtonSmall, { value: 0, onClick: onTransitionClick, disabled: disable }, "Complete task")),
-        (loading && (React.createElement(LoadingOverlay, null,
-            React.createElement(Message, { isCentered: true }, "Proceeding with your submission\u2026")))) || (React.createElement(Dialog, { isOpen: confirmationDialog && !loading, category: Category.confirmation, header: dialogMessages.header, message: dialogMessages.message, actions: dialogMessages.actions },
-            (showComplete && (React.createElement(Grid, null,
+        dialogData.state === DialogState.LOADING && (React.createElement(LoadingOverlay, null,
+            React.createElement(Message, { isCentered: true }, "Proceeding with your submission\u2026"))),
+        !(dialogData.state === DialogState.CLOSED) && (React.createElement(Dialog, { isOpen: confirmationDialog && !(dialogData.state === DialogState.LOADING), category: Category.confirmation, header: dialogMessages.header, message: dialogMessages.message, actions: dialogMessages.actions },
+            dialogData.state === DialogState.SUCCESS && (React.createElement(Grid, null,
                 previousStepType && (React.createElement(StepDetails, Object.assign({}, previousStepType, { icon: React.createElement(React.Fragment, null,
                         React.createElement(TaskStepDoneIcon, null),
                         React.createElement(Line, null)) }))),
-                React.createElement(StepDetails, Object.assign({}, currentStepType))))) ||
-                ((!hasPendingSuggestions || isAnnotator) && onNoteChange && (React.createElement(TextAreaWrapper, null,
-                    React.createElement(MediumTextArea, { value: noteValue, onChange: onNoteChange, rows: 5, placeholder: 'Add any additional comment here...' })))),
-            error && (React.createElement(AlertMessage, { type: AlertMessageType.error, hideCloseButton: true }, error))))));
+                React.createElement(StepDetails, Object.assign({}, currentStepType)))),
+            dialogData.state === DialogState.ERROR && (React.createElement(AlertMessage, { type: AlertMessageType.error, hideCloseButton: true }, dialogData.error))))));
 };
 const TaskDropdown = styled.div `
   display: flex;

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

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

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

@@ -26,6 +26,20 @@ export type SubmissionStepType = {
         label: string;
     };
 };
+export declare enum DialogState {
+    INIT = 0,
+    LOADING = 1,
+    ERROR = 2,
+    SUCCESS = 3,
+    CLOSED = 4
+}
+export type ProceedDialogData = {
+    state: DialogState;
+    error?: string;
+    mutationError?: ApolloError | undefined;
+    updateState: (state: DialogState) => void;
+    clearError: () => void;
+};
 export declare const EditorHeader: React.FC<{
     handleSnapshot?: () => Promise<void>;
     submission: PartialSubmission;
@@ -36,9 +50,7 @@ export declare const EditorHeader: React.FC<{
     }>;
     userRole: string;
     submitProceed: {
-        complete: boolean;
-        error: string;
-        mutationError: ApolloError | undefined;
+        dialogData: ProceedDialogData;
         submit: (statusId: string, noteValue: string) => Promise<unknown>;
     };
     goBack?: () => void;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ProceedDialogData } from '../..';
 import { SubmissionStepTransition, SubmissionStepType } from './EditorHeader';
 export declare const ProceedView: React.FC<{
     isAnnotator: boolean;
@@ -6,11 +7,9 @@ export declare const ProceedView: React.FC<{
     onTransitionClick: (event: unknown) => void;
     onNoteChange?: (event: unknown) => void;
     hasPendingSuggestions: boolean;
-    loading: boolean;
-    showComplete: boolean;
+    dialogData: ProceedDialogData;
     noteValue: string;
     currentStepTransition: SubmissionStepTransition[];
-    error: string | undefined;
     previousStepType: SubmissionStepType | undefined;
     currentStepType: SubmissionStepType;
     nextStepType: SubmissionStepType;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.1.15-LEAN-2669-v4",
+  "version": "1.1.16-LEAN-2669-v5",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/dist/cjs/stories/data/attachments.js

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.attachments = void 0;
-exports.attachments = [
-    {
-        id: 'caabc327-25c5-4122-96fd-e38d313345da',
-        name: 'LW4_multiGraphicFigure-S1-doc.zip',
-        type: {
-            id: 'input-package',
-            label: 'input-package',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/caabc327-25c5-4122-96fd-e38d313345da',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '9047930d-0a8a-4db7-909e-37b2148e0097',
-        name: 'demo_multigraphicfigure.docx',
-        type: {
-            id: 'main-manuscript',
-            label: 'main-manuscript',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/9047930d-0a8a-4db7-909e-37b2148e0097',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '7d9d686b-5488-44a5-a1c5-46351e7f9312',
-        name: 'final manuscript-hum-huili-dbh-suicide-20200707_figures (9).docx',
-        type: {
-            id: 'supplementary',
-            label: 'supplementary',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/7d9d686b-5488-44a5-a1c5-46351e7f9312',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: 'fd554f25-e0d4-4bbb-9169-a263b34ae157',
-        name: 'hup-19-0076.pdf',
-        type: {
-            id: 'submission-pdf',
-            label: 'submission-pdf',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/fd554f25-e0d4-4bbb-9169-a263b34ae157',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '4131f16e-e075-41bb-8339-abea02df515d',
-        name: 'ContributorsArtwork@2x.png',
-        type: {
-            id: 'supplementary',
-            label: 'supplementary',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/4131f16e-e075-41bb-8339-abea02df515d',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '0be64499-6adb-4a6f-8f1e-5c411a37e100',
-        name: 'document-fig-001.png',
-        type: {
-            id: 'figure',
-            label: 'figure',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/0be64499-6adb-4a6f-8f1e-5c411a37e100',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: 'f7d0d13c-ed22-4248-894a-3f3fdc2dc485',
-        name: 'document-fig-002.png',
-        type: {
-            id: 'figure',
-            label: 'figure',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/f7d0d13c-ed22-4248-894a-3f3fdc2dc485',
-        createdDate: new Date('3/14/23'),
-    },
-];

package/dist/es/stories/data/attachments.js

@@ -1,72 +0,0 @@
-export const attachments = [
-    {
-        id: 'caabc327-25c5-4122-96fd-e38d313345da',
-        name: 'LW4_multiGraphicFigure-S1-doc.zip',
-        type: {
-            id: 'input-package',
-            label: 'input-package',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/caabc327-25c5-4122-96fd-e38d313345da',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '9047930d-0a8a-4db7-909e-37b2148e0097',
-        name: 'demo_multigraphicfigure.docx',
-        type: {
-            id: 'main-manuscript',
-            label: 'main-manuscript',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/9047930d-0a8a-4db7-909e-37b2148e0097',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '7d9d686b-5488-44a5-a1c5-46351e7f9312',
-        name: 'final manuscript-hum-huili-dbh-suicide-20200707_figures (9).docx',
-        type: {
-            id: 'supplementary',
-            label: 'supplementary',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/7d9d686b-5488-44a5-a1c5-46351e7f9312',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: 'fd554f25-e0d4-4bbb-9169-a263b34ae157',
-        name: 'hup-19-0076.pdf',
-        type: {
-            id: 'submission-pdf',
-            label: 'submission-pdf',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/fd554f25-e0d4-4bbb-9169-a263b34ae157',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '4131f16e-e075-41bb-8339-abea02df515d',
-        name: 'ContributorsArtwork@2x.png',
-        type: {
-            id: 'supplementary',
-            label: 'supplementary',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/4131f16e-e075-41bb-8339-abea02df515d',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: '0be64499-6adb-4a6f-8f1e-5c411a37e100',
-        name: 'document-fig-001.png',
-        type: {
-            id: 'figure',
-            label: 'figure',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/0be64499-6adb-4a6f-8f1e-5c411a37e100',
-        createdDate: new Date('3/14/23'),
-    },
-    {
-        id: 'f7d0d13c-ed22-4248-894a-3f3fdc2dc485',
-        name: 'document-fig-002.png',
-        type: {
-            id: 'figure',
-            label: 'figure',
-        },
-        link: 'https://lean-x7481.ciplit.com/lw/attachment/f7d0d13c-ed22-4248-894a-3f3fdc2dc485',
-        createdDate: new Date('3/14/23'),
-    },
-];

package/dist/types/stories/data/attachments.d.ts

@@ -1,2 +0,0 @@
-import { FileAttachment } from '../../src';
-export declare const attachments: FileAttachment[];