@imposium-hub/components 1.43.0 → 1.43.2

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

@@ -337,13 +337,17 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
 
             if (colOpts.length < varArray.length) {
                 return (
-                    <><HRule/><p className='missingColumns'>{`${copy.publish.csvMissingColumns} ${showMissing}`}</p></>
+                    <>
+                        <h2>{copy.publish.titleMissingColumns}</h2>
+                        <HRule/>
+                        <p className='missingColumns'>{`${copy.publish.csvMissingColumns} ${showMissing}`}</p>
+                    </>
                 );
             } else {
                 return (
                     <div className = 'align-columns' >
+                        <h2 className='match-columns'>{`${copy.publish.csvMatchColumns}`}</h2>
                         <HRule/>
-                        <p className='match-columns'>{`${copy.publish.csvMatchColumns}`}</p>
 
                         <table>
                             <thead>

package/components/story-previewer/StoryPreviewer.tsx

@@ -21,6 +21,7 @@ import {ICON_VIDEO, ICON_IMAGE, ICON_STICKY_NOTE} from '../../constants/icons';
 import { formattedTime } from '../../Util';
 import Timer from '../../services/Timer';
 import LogViewer from '../log-viewer/LogViewer';
+import { connect } from 'react-redux';
 
 interface IStoryPreviewerProps {
     api : IImposiumAPI;
@@ -35,6 +36,7 @@ interface IStoryPreviewerProps {
     onJobCreated?(expId : string, jobId : string) : void;
     onExperenceLoaded?(exp : IExperience) : void;
     onError?(n : string) : void;
+    notifications : any;
 }
 
 interface IStoryPreviewerState {
@@ -210,6 +212,18 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             });
         }
 
+        if (this.props.notifications) {
+            if (this.props.notifications[0]) {
+                if (this.props.notifications[0]['type'] === 'error') {
+                    this.setState({isTimeOut: true});
+                }
+
+                if (this.props.notifications[0]['type'] === 'info') {
+                    this.setState({isTimeOut: false});
+                }
+            }
+        }
+
         if (prevState.timeElapsed !== this.state.timeElapsed) {
             if (formattedTime(this.state.timeElapsed) === this.TIMEOUT && !this.state.experience) {
 
@@ -530,7 +544,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             jobId: null,
             timeElapsed: !isTimeOut ? 0 : this.state.timeElapsed,
             activeOutput: null,
-            isTimeOut
+            isTimeOut: false,
         }, () => {
             if (callback) {
                 callback();
@@ -656,5 +670,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         </div>;
     }
 }
+const mapStateToProps = (state) : any => {
+    return {notifications : state.notifications};
+};
 
-export default StoryPreviewer;
+export default connect(mapStateToProps, {})(StoryPreviewer);

package/constants/copy.ts

@@ -137,7 +137,8 @@ export const publish = {
     creatingLinks: 'Creating User Links... (please wait)',
     importingData: 'Importing Data... (please wait)',
     downloadDesc: 'Your CSV data file is ready to download with an embed code you can import into your email platform to send out.',
-    csvMissingColumns: 'Warning: Some of your column names did not match up with the variables in the story. Please ensure these variables line up and then re-upload the csv: ',
+    titleMissingColumns: 'Warning: ',
+    csvMissingColumns: 'Some of your column names did not match up with the variables in the story. Please ensure these variables line up and then re-upload the csv: ',
     csvMatchColumns: 'Please match the column(s) provided to the story variables:',
     // export
     exportBatchOfVideo: 'Export batch of videos',