@imposium-hub/components 1.42.4 → 1.42.5

package/components/publish-wizard/publish/EmailWorkflow.tsx

@@ -32,6 +32,8 @@ interface IEmailWorkflowState {
     uploading : boolean;
     downloading : boolean;
     renderedBatch : boolean;
+    missingColumns : string;
+    isMissing : boolean;
 }
 
 class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkflowState> {
@@ -55,10 +57,25 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
             downloading : false,
             selectedBatchId: '',
             renderedBatch: false,
+            missingColumns: '',
+            isMissing: false,
         };
         this.hiddenFileInputRef = React.createRef();
     }
 
+    public componentDidUpdate() : void {
+        const { batchJobs : { missing }} = this.props;
+        if (missing.length >= 0 ) {
+            const missingColumn = Object.keys(missing).map((m) => missing[m]);
+            const showMissing = missingColumn.join();
+            this.setState({
+                uploadComplete: false,
+                missingColumns: showMissing,
+                isMissing: true,
+            });
+        }
+    }
+
     public downloadSampleCsv() {
 
         const {name} = this.props.story;
@@ -125,6 +142,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
     }
 
     private importBatch({story_id, id, name, uploadEvt}) {
+        this.setState({ missingColumns: '', isMissing: false });
         const {accessKey, compositionId, isExport, handleError} = this.props;
         this.props.importBatchFromCsv(story_id, id, name, uploadEvt.target.files[0], accessKey, compositionId, !isExport, isExport)
             .then(() => {
@@ -196,7 +214,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
     }
 
     public render() {
-        const {uploadComplete, uploading, downloading, renderedBatch, selectedBatchId} = this.state;
+        const {uploadComplete, uploading, downloading, renderedBatch, selectedBatchId, missingColumns, isMissing} = this.state;
         const {isExport} = this.props;
 
         const emailOptions = [
@@ -230,6 +248,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
             <h2>{copy.publish.emailTitle}</h2>
             <HRule/>
             <p>{copy.publish.emailDesc}</p>
+            {isMissing ? <><HRule/><p className='missingColumns'>{`${copy.publish.csvMissingColumns} ${missingColumns}`}</p></> : ''}
             <input
                 type='file'
                 style={{display: 'none'}}