@imposium-hub/components 1.60.5 → 1.60.7

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -53,6 +53,7 @@ interface IStoryPreviewerState {
     activeOutput: string;
     timeElapsed: number;
     isTimeOut: boolean;
+    error: boolean;
 }
 
 class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPreviewerState> {
@@ -78,7 +79,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             activeOutput: '',
             rendering: false,
             isTimeOut: false,
-            compositionOverride: null
+            compositionOverride: null,
+            error: false
         };
 
         this.timer = new Timer({
@@ -529,8 +531,15 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
     }
 
     private createExperience() {
-        const { storyId, onNotification, onError, api, onExperienceCreated, useWorkingCopy } =
-            this.props;
+        const {
+            storyId,
+            onNotification,
+            onError,
+            api,
+            onExperienceCreated,
+            useWorkingCopy,
+            experienceId
+        } = this.props;
 
         const compId = this.getCompId();
 
@@ -558,7 +567,17 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                             this.getExperience(resExp.id, true, compId, useWorkingCopy);
                         })
                         .catch((e) => {
-                            this.resetState();
+                            api.cancelExperiencePolling().then(() => {
+                                onError(copy.runExpError.replace('[expId]', experienceId));
+
+                                this.resetState(
+                                    true,
+                                    () => {
+                                        this.setState({ isTimeOut: true });
+                                    },
+                                    experienceId
+                                );
+                            });
                             const { data } = e.response;
                             if (onError) {
                                 if (data && data.error) {
@@ -573,17 +592,18 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         });
     }
 
-    private resetState(isTimeOut?: boolean, callback?) {
+    private resetState(isTimeOut?: boolean, callback?, experienceId = null) {
         this.timer.stop();
         this.setState(
             {
                 rendering: false,
-                experienceId: null,
+                experienceId,
                 experience: null,
                 jobId: null,
                 timeElapsed: !isTimeOut ? 0 : this.state.timeElapsed,
                 activeOutput: null,
-                isTimeOut: false
+                isTimeOut: false,
+                error: experienceId !== null
             },
             () => {
                 if (callback) {
@@ -740,9 +760,33 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         });
     };
 
+    private expIdField(expId) {
+        return (
+            <>
+                <TextField
+                    readOnly={true}
+                    width='360px'
+                    label={copy.expIdField}
+                    showCopy={true}
+                    value={expId}
+                />
+                <Button
+                    key='btn-expLog'
+                    tooltip={copy.expJobLogToolTips}
+                    customStyles={{
+                        position: 'relative',
+                        bottom: '2px'
+                    }}
+                    onClick={() => this.downloadExpLog(expId)}>
+                    {copy.expJobLog} {ICON_DOWNLOAD}
+                </Button>
+            </>
+        );
+    }
+
     public render() {
         const { allowCompOverride } = this.props;
-        const { rendering, experience, activeOutput } = this.state;
+        const { rendering, experience, activeOutput, experienceId, error } = this.state;
         const { storyId } = this.props;
         const renderCopy = experience ? copy.btnReRender : copy.btnRender;
         const compId = this.getCompId();
@@ -760,6 +804,10 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         let viewerButtons;
         let expIdField;
 
+        if (experienceId && error) {
+            expIdField = this.expIdField(experienceId);
+        }
+
         if (experience) {
             const viewerOpts = this.getViewerOptions();
             const outputArr = activeOutput.split('.');
@@ -770,7 +818,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             const fileName = `${storyId}_${type}`;
 
             if (type === OUTPUT_TYPES.IMAGE) {
-                url = experience.output.images[key];
+                url = experience.output.images[key].url;
             } else if (type === OUTPUT_TYPES.AUDIO) {
                 url = experience.output.audio[key].url;
             } else if (type === OUTPUT_TYPES.VIDEO) {
@@ -811,27 +859,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                 />
             );
 
-            expIdField = (
-                <>
-                    <TextField
-                        readOnly={true}
-                        width='360px'
-                        label={copy.expIdField}
-                        showCopy={true}
-                        value={experience.id}
-                    />
-                    <Button
-                        key='btn-expLog'
-                        tooltip={copy.expJobLogToolTips}
-                        customStyles={{
-                            position: 'relative',
-                            bottom: '2px'
-                        }}
-                        onClick={() => this.downloadExpLog(experience.id)}>
-                        {copy.expJobLog} {ICON_DOWNLOAD}
-                    </Button>
-                </>
-            );
+            expIdField = this.expIdField(experienceId);
         }
 
         const compSelect =

package/src/services/API.ts

@@ -36,6 +36,7 @@ export interface IImposiumAPI {
     getStory(storyId: string);
     saveStory(storyId, story: any);
     newStory(story: any);
+    copyStory(storyId: string);
     deleteStory(storyId: string);
     getStoryStatus(storyId: string);
     revertVersion(storyId: string, versionId: string);
@@ -242,6 +243,13 @@ export default class API {
         });
     };
 
+    public copyStory = (storyId: string): Promise<any | Error> => {
+        return this.doRequest({
+            method: 'POST',
+            url: `/story/from-project/${storyId}`
+        });
+    };
+
     public deleteStory = (storyId: string): Promise<any | Error> => {
         return this.doRequest({
             method: 'DELETE',