@imposium-hub/components 1.39.1 → 1.41.0

package/redux/actions/publish.ts

@@ -0,0 +1,84 @@
+
+import * as copy from '../../constants/copy';
+import { IImposiumAPI } from '../../services/API';
+
+const publish : any = {
+    CLEAR_PUBLISH_STATUS: 'publish/CLEAR_PUBLISH_STATUS',
+    UPDATE_PUBLISH_STATUS: 'publish/UPDATE_PUBLISH_STATUS'
+};
+
+export const getStoryPublishStatus = (api : IImposiumAPI , storyId : string) : any => {
+
+    return (dispatch) => {
+        return new Promise((resolve, reject) => {
+            api.getStoryStatus(storyId).then((resStatus) => {
+
+                if (resStatus) {
+
+                    dispatch({type: publish.UPDATE_PUBLISH_STATUS, data: resStatus});
+
+                    if (resStatus.publishing) {
+
+                        const jobId = resStatus.job_id;
+                        api.pollJob(jobId).then(() => {
+                            return dispatch(getStoryPublishStatus(api, storyId));
+
+                            // Error polling job
+                        }).catch((e) => {
+                            console.error(e);
+                            reject(copy.header.publishPollError);
+                        });
+                    }
+                }
+
+            }).catch((e) => {
+
+                // 404 = no published version = using working copy
+                if (e?.response?.status !== 404) {
+                    console.error(e);
+                    reject(copy.header.publishPollError);
+                }
+            });
+        });
+    };
+};
+
+export const cancelPublish = (api : IImposiumAPI, storyId : string) => {
+    return (dispatch) => {
+        return new Promise((resolve, reject) => {
+            api.cancelPublish(storyId).then(() => {
+                api.cancelJobPolling().then(() => {
+                    dispatch(getStoryPublishStatus(api, storyId));
+                }).catch((e) => {
+                    reject(e);
+                    throw e;
+                });
+            }).catch((e) => {
+                reject(e);
+                throw e;
+            });
+
+        });
+    };
+};
+
+export const publishVersion = (api : IImposiumAPI, storyId : string) => {
+    return (dispatch) => {
+        return new Promise((resolve, reject) => {
+            api.runPublish(storyId, '').then((d) => {
+                dispatch(getStoryPublishStatus(api, storyId));
+            }).catch(() => {
+                reject(copy.header.publishJobError);
+            });
+        });
+    };
+};
+
+export const clearStoryPublishStatus = (api : IImposiumAPI) => {
+    return (dispatch) => {
+        api.cancelJobPolling();
+        dispatch({type: publish.CLEAR_PUBLISH_STATUS});
+    };
+};
+
+export default publish;

package/redux/reducers/publish.ts

@@ -0,0 +1,36 @@
+import actions from '../actions/publish';
+
+export interface IChanges {
+    date_created? : number;
+    id? : string;
+    job_id? : string;
+    message? : string;
+    publishing : boolean;
+    story_id? : string;
+    version ? : number;
+}
+
+const initialState : IChanges =  {
+    publishing: false
+};
+
+const publish = (state = initialState, action) : any => {
+
+    let newState : IChanges;
+
+    switch (action.type) {
+
+        case actions.UPDATE_PUBLISH_STATUS:
+
+            newState = {...state, ...action.data};
+            return newState;
+
+        case actions.CLEAR_PUBLISH_STATUS:
+            return initialState;
+
+        default:
+            return state;
+    }
+};
+
+export default publish;

package/services/API.ts

@@ -10,6 +10,7 @@ export interface IImposiumAPI {
     getAssets(filters : any, storyId : string);
     getAssetItem(assetId : string);
     uploadAsset(storyId : string, tags : string, file : File);
+    cancelUploadAssets();
     deleteAsset(assetId : string);
     deleteAssets(assetIds : string[]);
     copyAsset(assetId : string, data);
@@ -31,7 +32,7 @@ export interface IImposiumAPI {
     getExperience(experienceId : string, poll : boolean);
     blockByExperience(experienceId : string);
     triggerEvent(experienceId : string, compositionId ? : string, useWorkingCopy ? : boolean);
-    getBatches(storyId : string);
+    getBatches(storyId : string, params ? : any);
     getBatch(batchId : string, page : number);
     getBatchProgress(batchId : string);
     createFreshBatch(storyId : string, batchName : string);
@@ -60,6 +61,8 @@ export interface IImposiumAPI {
     runReRenderCuts(storyId : string, actId : string, sceneId : string);
     runProcessBaseVideo(storyId : string, fileKey : string);
     runPublish(storyId : string, message : string);
+    cancelPublish(storyId : string);
+    cancelJobPolling();
     getAccssCredentials();
     createAccessCredentials(name : string);
     deleteAccessCrednetials(access_key_id : string);
@@ -91,6 +94,8 @@ export default class API {
         system: undefined
     };
 
+    private cancelTokens : object = {};
+
     constructor(baseURL : string, idToken : string, organizationId? : string) {
 
         // JWT
@@ -130,7 +135,7 @@ export default class API {
                 })
                 .catch((e : AxiosError) => {
                     if (!axios.isCancel(e) && reqAlias) { this.clearCache(reqAlias); }
-                    if (e.response.status === 403 || e.response.status === 401) {
+                    if (e.response && (e.response.status === 403 || e.response.status === 401)) {
                         alert(copy.sessionExpired);
                         if (SessionService.getSession()) {
                             SessionService.removeSession();
@@ -329,9 +334,19 @@ export default class API {
         });
     }
 
-    public uploadAsset = (storyId : string, tags : string, file : File, onUploadProgress : (e : any) => void) : Promise<any | Error> => {
-        const formData = new FormData();
+    private cancelRequest = (reqAlias : string) : CancelToken => {
+        const source : CancelTokenSource = axios.CancelToken.source();
+        this.cancelTokens[reqAlias] = source;
+        return source.token;
+    }
+
+    private clearCancelTokes = () => {
+        this.cancelTokens = {};
+    }
 
+    public uploadAsset = (storyId : string, tags : string, file : File, onUploadProgress : (e : any) => void, fileName? : string) : Promise<any | Error> => {
+        const formData = new FormData();
+        const token = this.cancelRequest(fileName);
         if (storyId) {
             formData.append('story_id', storyId);
         }
@@ -342,10 +357,18 @@ export default class API {
             method: 'POST',
             url: '/assets',
             data: formData,
-            onUploadProgress
+            onUploadProgress,
+            cancelToken: token
         });
     }
 
+    public cancelUploadAssets = (alias) => {
+        const currentSource = this.cancelTokens[alias];
+        if (currentSource) {
+            currentSource.cancel();
+        }
+    }
+
     public createCompositionAsset = (storyId : string, compositionData : any, name? : string) : Promise<any | Error> => {
 
         const formData = new FormData();
@@ -475,7 +498,7 @@ export default class API {
         });
     }
 
-    public getBatches = (storyId : string, params : any) : Promise<any | Error> => {
+    public getBatches = (storyId : string, params ? : any) : Promise<any | Error> => {
         return this.doRequest({
             method: 'GET',
             url: `/story/${storyId}/batches`,

package/utils/routing.ts

@@ -0,0 +1,12 @@
+export const getDemoURL = () : string => {
+
+    const {location: {href}} = window;
+
+    if (href.indexOf('localhost') !== -1) {
+        return 'http://localhost:3044';
+    } else if (href.indexOf('staging') !== -1) {
+        return 'https://demo.staging.imposium.com';
+    } else {
+        return 'https://demo.imposium.com';
+    }
+};

package/utils/template-generator.ts

@@ -0,0 +1,32 @@
+import axios, { AxiosRequestConfig } from 'axios';
+import { saveAs } from 'file-saver';
+
+export interface ISDKArchiveBody {
+    storyId : string;
+    compositionId : string;
+    accessToken : string;
+    storyName : string;
+    inventory : any;
+}
+
+const DEFAULT_GENERATOR_REQ_CONFIG : any = {
+    method: 'POST',
+    responseType: 'blob',
+    headers: {'Content-Type': 'application/json'}
+};
+
+export const downloadSDKArchive = (archiveName : string, config : ISDKArchiveBody) : void => {
+    const request : AxiosRequestConfig = {
+        ...DEFAULT_GENERATOR_REQ_CONFIG,
+        url: 'https://template-generator.imposium.com/sdk-archive',
+        data: JSON.stringify(config)
+    };
+
+    axios(request)
+        .then((res) => {
+            saveAs(res.data, archiveName);
+        })
+        .catch((e) => {
+            console.error('Failed to download sdk archive:', e);
+        });
+};