@imposium-hub/components 1.45.5 → 1.46.0

package/src/redux/actions/asset-list.ts

@@ -1,167 +1,185 @@
 import { IImposiumAPI } from '../../services/API';
-import assetTagActions, { getAssetTagList } from './asset-tags';
+import { getAssetTagList } from './asset-tags';
 import { resetSelection } from './selected-assets';
 
-const assetActions : any = {
+const assetActions: any = {
     TOGGLE_LOADING: 'assetList/TOGGLE_LOADING',
     GET: 'assetList/GET',
     ADD_TAG: 'assetList/ADD_TAG',
     DELETE_TAG: 'assetList/DELETE_TAG',
     UPDATE_NAME: 'assetList/UPDATE_NAME',
-    UPDATE_DATA: 'assetList/UPDATE_DATA',
+    UPDATE_DATA: 'assetList/UPDATE_DATA'
 };
 
-export const toggleLoading = (toggle : boolean) : any => ({type: assetActions.TOGGLE_LOADING, toggle});
+export const toggleLoading = (toggle: boolean): any => ({
+    type: assetActions.TOGGLE_LOADING,
+    toggle
+});
 
-export const doAssetTableHydration = (api : IImposiumAPI, storyId : string, onErr ? : () => any) : any => {
+export const doAssetTableHydration = (
+    api: IImposiumAPI,
+    storyId: string,
+    onErr?: () => any
+): any => {
     return (dispatch) => {
         return new Promise<void>((resolve, reject) => {
             Promise.all([
                 dispatch(getAssets(api, storyId)),
                 dispatch(getAssetTagList(api, storyId))
-            ]).then(() => {
-                dispatch(resetSelection);
-                resolve();
-            }).catch((e : Error) => {
-                if (typeof onErr === 'function') {
-                    onErr();
-                }
+            ])
+                .then(() => {
+                    dispatch(resetSelection);
+                    resolve();
+                })
+                .catch((e: Error) => {
+                    if (typeof onErr === 'function') {
+                        onErr();
+                    }
 
-                reject();
-            });
+                    reject();
+                });
         });
     };
 };
 
-export const getAssets = (api : IImposiumAPI, storyId : string) : any => {
+export const getAssets = (api: IImposiumAPI, storyId: string): any => {
     return (dispatch, getStore) => {
         return new Promise<void>((resolve, reject) => {
-            const {assetFilters, loading} = getStore();
+            const { assetFilters, loading } = getStore();
 
             if (!loading) {
                 dispatch(toggleLoading(true));
             }
 
             api.getAssets(assetFilters, storyId, true)
-            .then((assetList : any) => {
-                dispatch({type: assetActions.GET, assetList});
-                dispatch(toggleLoading(false));
-                resolve();
-            })
-            .catch((e : Error) => {
-                dispatch(toggleLoading(false));
-                reject();
-            });
+                .then((assetList: any) => {
+                    dispatch({ type: assetActions.GET, assetList });
+                    dispatch(toggleLoading(false));
+                    resolve();
+                })
+                .catch((e: Error) => {
+                    dispatch(toggleLoading(false));
+                    reject();
+                });
         });
     };
 };
 
-export const deleteAssets = (api : IImposiumAPI, ids : string[], storyId : string) : any => {
+export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string): any => {
     return (dispatch) => {
         if (window.confirm(`Are you sure you want to delete ${ids.length} assets?`)) {
             return new Promise<void>((resolve, reject) => {
                 dispatch(toggleLoading(true));
                 api.deleteAssets(ids)
-                .then(() => {
-                    dispatch(getAssets(api, storyId));
-                    resolve();
-                })
-                .catch((errors : Error[]) => {
-                    dispatch(toggleLoading(false));
-                    reject();
-                });
+                    .then(() => {
+                        dispatch(getAssets(api, storyId));
+                        resolve();
+                    })
+                    .catch((errors: Error[]) => {
+                        dispatch(toggleLoading(false));
+                        reject();
+                    });
             });
         }
     };
 };
 
-export const addAssetTag = (api : IImposiumAPI, id : string, tags : string, storyId) : any => {
+export const addAssetTag = (api: IImposiumAPI, id: string, tags: string, storyId): any => {
     return (dispatch, getState) => {
         return new Promise<void>((resolve) => {
-            const freshTags : string[] = (tags.includes(','))
-                ? tags.split(',').filter(String).map((t : string) => (t.trim()))
+            const freshTags: string[] = tags.includes(',')
+                ? tags
+                      .split(',')
+                      .filter(String)
+                      .map((t: string) => t.trim())
                 : [tags];
 
-            let promises : Promise<any>[];
+            let promises: Promise<any>[];
 
             if (freshTags.length === 0) {
                 resolve();
             }
 
             if (freshTags.length === 1) {
-                promises = freshTags.map((t) => (
-                    api.addAssetTag(id, t)
+                promises = freshTags.map((t) =>
+                    api
+                        .addAssetTag(id, t)
                         .then(() => resolve())
-                        .catch((e) => resolve(e)))
+                        .catch((e) => resolve(e))
                 );
 
                 Promise.all(promises)
                     .then((errs) => {
                         resolve();
-                    }).catch((e)=>{
-                        console.error(e);
                     })
+                    .catch((e) => {
+                        console.error(e);
+                    });
 
-                dispatch({type: assetActions.ADD_TAG, id, freshTags});
+                dispatch({ type: assetActions.ADD_TAG, id, freshTags });
             }
 
-            if (freshTags.length > 1 ) {
+            if (freshTags.length > 1) {
                 api.addAssetTags(id, freshTags)
                     .then(() => resolve())
                     .catch((e) => resolve(e));
 
-                dispatch({type: assetActions.ADD_TAG, id, freshTags});
+                dispatch({ type: assetActions.ADD_TAG, id, freshTags });
             }
         });
     };
 };
 
-export const updateAssetName = (api : IImposiumAPI, id : string, name : string, delayCall : boolean = false) : any => {
+export const updateAssetName = (
+    api: IImposiumAPI,
+    id: string,
+    name: string,
+    delayCall: boolean = false
+): any => {
     return (dispatch) => {
         return new Promise<void>((resolve, reject) => {
-            dispatch({type: assetActions.UPDATE_NAME, id, name});
+            dispatch({ type: assetActions.UPDATE_NAME, id, name });
 
             if (!delayCall) {
-                api.updateAsset(id, {name})
-                .then(() => {
-                    resolve();
-                })
-                .catch((e : Error) => {
-                    reject();
-                });
+                api.updateAsset(id, { name })
+                    .then(() => {
+                        resolve();
+                    })
+                    .catch((e: Error) => {
+                        reject();
+                    });
             }
-
         });
     };
 };
 
-export const updateAssetData = (api : IImposiumAPI, id : string, data : string) : any => {
+export const updateAssetData = (api: IImposiumAPI, id: string, data: string): any => {
     return (dispatch) => {
         return new Promise<void>((resolve, reject) => {
-            dispatch({type: assetActions.UPDATE_DATA, id, name});
+            dispatch({ type: assetActions.UPDATE_DATA, id, name });
 
-            api.updateAsset(id, {data: JSON.stringify(data)})
-            .then(() => {
-                resolve();
-            })
-            .catch((e : Error) => {
-                reject();
-            });
+            api.updateAsset(id, { data: JSON.stringify(data) })
+                .then(() => {
+                    resolve();
+                })
+                .catch((e: Error) => {
+                    reject();
+                });
         });
     };
 };
 
-export const deleteAssetTag = (api : IImposiumAPI, id : string, tag : string) : any => {
+export const deleteAssetTag = (api: IImposiumAPI, id: string, tag: string): any => {
     return (dispatch) => {
         return new Promise<void>((resolve, reject) => {
-            dispatch({type: assetActions.DELETE_TAG, id, tag});
+            dispatch({ type: assetActions.DELETE_TAG, id, tag });
             api.deleteAssetTag(id, tag)
-            .then(() => {
-                resolve();
-            })
-            .catch((e : Error) => {
-                reject();
-            });
+                .then(() => {
+                    resolve();
+                })
+                .catch((e: Error) => {
+                    reject();
+                });
         });
     };
 };

package/src/redux/actions/asset-tags.ts

@@ -1,26 +1,29 @@
-import  { IImposiumAPI } from '../../services/API';
+import { IImposiumAPI } from '../../services/API';
 
-const assetTagsActions : any = {
+const assetTagsActions: any = {
     GET: 'assetTags/GET',
     ADD: 'assetTags/ADD'
 };
 
-export const getAssetTagList = (api : IImposiumAPI, storyId : string) : any => {
+export const getAssetTagList = (api: IImposiumAPI, storyId: string): any => {
     return (dispatch) => {
         return new Promise<void>((resolve, reject) => {
             api.getAssetTags(storyId)
-            .then((assetTags : any) => {
-                dispatch({type: assetTagsActions.GET, assetTags});
-                resolve();
-            })
-            .catch((e : Error) => {
-                console.error('Failed to get tag list', e);
-                reject();
-            });
+                .then((assetTags: any) => {
+                    dispatch({ type: assetTagsActions.GET, assetTags });
+                    resolve();
+                })
+                .catch((e: Error) => {
+                    console.error('Failed to get tag list', e);
+                    reject();
+                });
         });
     };
 };
 
-export const addAssetTagToList = (freshTags : any) : any => ({type: assetTagsActions.ADD, freshTags});
+export const addAssetTagToList = (freshTags: any): any => ({
+    type: assetTagsActions.ADD,
+    freshTags
+});
 
 export default assetTagsActions;

package/src/redux/actions/asset-uploads.ts

@@ -1,38 +1,55 @@
 import IImposiumAPI from '../../services/API';
-import {doAssetTableHydration} from './asset-list';
+import { doAssetTableHydration } from './asset-list';
 import axios from 'axios';
 
-const assetUploadsActions : any = {
+const assetUploadsActions: any = {
     TOGGLE_AUTO_TAG: 'assetUploads/TOGGLE_AUTO_TAG',
     TOGGLE_ASSIGN_TO_STORY: 'assetUploads/TOGGLE_ASSIGN_TO_STORY',
     ADD_UPLOAD: 'assetUploads/ADD_UPLOAD',
     UPDATE_PERCENT_UPLOADED: 'assetUploads/UPDATE_PERCENT_UPLOADED',
-    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD',
+    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD'
 };
 
-const POLL_INTERVAL : number = 5000;
+const POLL_INTERVAL: number = 5000;
 
-export const toggleAutoTag = (toggle : boolean) : any => ({type: assetUploadsActions.TOGGLE_AUTO_TAG, toggle});
+export const toggleAutoTag = (toggle: boolean): any => ({
+    type: assetUploadsActions.TOGGLE_AUTO_TAG,
+    toggle
+});
 
-export const toggleAssignToStory = (toggle : boolean) : any => ({
+export const toggleAssignToStory = (toggle: boolean): any => ({
     type: assetUploadsActions.TOGGLE_ASSIGN_TO_STORY,
     toggle
 });
 
-export const uploadAssets = (api : IImposiumAPI, files : File[], storyId : string, bindToOverlay? : (f : any) => any) : any => {
+export const uploadAssets = (
+    api: IImposiumAPI,
+    files: File[],
+    storyId: string,
+    bindToOverlay?: (f: any) => any
+): any => {
     return (dispatch, getStore) => {
-        const {assetUploads: {autoTag, uploads, assignToStory}} = getStore();
-        let currentQueue : number = 0;
-        let ongoingJobs : any[] = [];
+        const {
+            assetUploads: { autoTag, uploads, assignToStory }
+        } = getStore();
+        let currentQueue: number = 0;
+        let ongoingJobs: any[] = [];
         const filesLength = files.length > 5 ? 4 : files.length - 1;
 
-        const uploadBlobs : any[] = files.map((file : File) => {
-            const uploadsWithSameName : any[] = uploads.filter((u : any) => (u.filename.includes(file.name)));
-            const filename : string = (uploadsWithSameName.length > 0) ? `${file.name} (${uploadsWithSameName.length})` : file.name;
-            const tags : string = (autoTag) ? file.name.substr(0, file.name.lastIndexOf('.')).split('_').join(',') : '';
-            const uploadMeta : any = {filename, percent: 0};
-
-            const onUploadProgress = (progress : any) : void => {
+        const uploadBlobs: any[] = files.map((file: File) => {
+            const uploadsWithSameName: any[] = uploads.filter((u: any) =>
+                u.filename.includes(file.name)
+            );
+            const filename: string =
+                uploadsWithSameName.length > 0
+                    ? `${file.name} (${uploadsWithSameName.length})`
+                    : file.name;
+            const tags: string = autoTag
+                ? file.name.substr(0, file.name.lastIndexOf('.')).split('_').join(',')
+                : '';
+            const uploadMeta: any = { filename, percent: 0 };
+
+            const onUploadProgress = (progress: any): void => {
                 dispatch({
                     type: assetUploadsActions.UPDATE_PERCENT_UPLOADED,
                     percent: Math.floor((progress.loaded * 100) / progress.total),
@@ -40,15 +57,15 @@ export const uploadAssets = (api : IImposiumAPI, files : File[], storyId : strin
                 });
             };
 
-            dispatch({type: assetUploadsActions.ADD_UPLOAD, uploadMeta});
+            dispatch({ type: assetUploadsActions.ADD_UPLOAD, uploadMeta });
 
-            return {file, tags, filename, onUploadProgress};
+            return { file, tags, filename, onUploadProgress };
         });
 
-        const createPromise = (activeIndex : number) => {
-            const queueLength : number = uploadBlobs.length;
-            const sId = (assignToStory && storyId) ? storyId : null;
-            const processingTimeout : number = -1;
+        const createPromise = (activeIndex: number) => {
+            const queueLength: number = uploadBlobs.length;
+            const sId = assignToStory && storyId ? storyId : null;
+            const processingTimeout: number = -1;
             api.uploadAsset(
                 sId,
                 uploadBlobs[activeIndex].tags,
@@ -66,7 +83,9 @@ export const uploadAssets = (api : IImposiumAPI, files : File[], storyId : strin
                             jobId: result[0].job_id,
                             filename: uploadBlobs[activeIndex].filename,
                             onProcessed: () => {
-                                const fileName = ongoingJobs.filter((job : any) => job.jobId === result[0].job_id)[0].filename;
+                                const fileName = ongoingJobs.filter(
+                                    (job: any) => job.jobId === result[0].job_id
+                                )[0].filename;
                                 dispatch({
                                     type: assetUploadsActions.REMOVE_UPLOAD,
                                     filename: fileName
@@ -76,29 +95,28 @@ export const uploadAssets = (api : IImposiumAPI, files : File[], storyId : strin
                         };
                     };
                     ongoingJobs.push(currentOngoingJobs());
-                    if (currentQueue !== (queueLength - 1)) {
+                    if (currentQueue !== queueLength - 1) {
                         currentQueue = currentQueue + 1;
                         createPromise(currentQueue);
                     } else {
-                            ongoingJobs = ongoingJobs.filter((j : any, i : number) => {
-                                const jobIdExists : boolean = (typeof j.jobId === 'string');
-                                if (!jobIdExists) {
-                                    dispatch({
-                                        type: assetUploadsActions.REMOVE_UPLOAD,
-                                        filename: j.filename
-                                    });
-                                    doAssetTableHydration(api, storyId);
-                                }
-                                return jobIdExists;
-                            });
-                            if (ongoingJobs.length > 0) {
-                                pollAssetJobs(api, ongoingJobs, processingTimeout);
+                        ongoingJobs = ongoingJobs.filter((j: any, i: number) => {
+                            const jobIdExists: boolean = typeof j.jobId === 'string';
+                            if (!jobIdExists) {
+                                dispatch({
+                                    type: assetUploadsActions.REMOVE_UPLOAD,
+                                    filename: j.filename
+                                });
+                                doAssetTableHydration(api, storyId);
                             }
+                            return jobIdExists;
+                        });
+                        if (ongoingJobs.length > 0) {
+                            pollAssetJobs(api, ongoingJobs, processingTimeout);
                         }
-
+                    }
                 })
-                .catch((e : Error[]) => {
-                    if (axios.isCancel(e) && currentQueue !== (queueLength - 1)) {
+                .catch((e: Error[]) => {
+                    if (axios.isCancel(e) && currentQueue !== queueLength - 1) {
                         currentQueue = currentQueue + 1;
                         createPromise(currentQueue);
                     }
@@ -111,24 +129,28 @@ export const uploadAssets = (api : IImposiumAPI, files : File[], storyId : strin
     };
 };
 
-const pollAssetJobs = (api, ongoingJobs : any[], timeout : number) : void => {
+const pollAssetJobs = (api, ongoingJobs: any[], timeout: number): void => {
     timeout = window.setTimeout(() => {
-        const promises : Promise<any | Error>[] = ongoingJobs.map((b : any) => (api.getJob(b.jobId)));
+        const promises: Promise<any | Error>[] = ongoingJobs.map((b: any) => api.getJob(b.jobId));
 
         Promise.all(promises)
-            .then((ongoingJobResults : any[]) => {
+            .then((ongoingJobResults: any[]) => {
                 clearTimeout(timeout);
-                let processedJob : any;
-                ongoingJobResults.forEach((ongoingJobResult : any) => {
-
-                    if (ongoingJobResult.status === 'processing' || ongoingJobResult.status === 'completed') {
-                        processedJob = ongoingJobs
-                            .find((ongoingJob : any) => (ongoingJob.jobId === ongoingJobResult.id));
+                let processedJob: any;
+                ongoingJobResults.forEach((ongoingJobResult: any) => {
+                    if (
+                        ongoingJobResult.status === 'processing' ||
+                        ongoingJobResult.status === 'completed'
+                    ) {
+                        processedJob = ongoingJobs.find(
+                            (ongoingJob: any) => ongoingJob.jobId === ongoingJobResult.id
+                        );
 
                         if (processedJob) {
                             processedJob.onProcessed();
-                            ongoingJobs = ongoingJobs
-                                .filter((ongoingJob : any) => (ongoingJob.jobId !== ongoingJobResult.id));
+                            ongoingJobs = ongoingJobs.filter(
+                                (ongoingJob: any) => ongoingJob.jobId !== ongoingJobResult.id
+                            );
                         }
                     }
                     // TODO: handle errored out
@@ -138,13 +160,13 @@ const pollAssetJobs = (api, ongoingJobs : any[], timeout : number) : void => {
                     pollAssetJobs(api, ongoingJobs, timeout);
                 }
             })
-            .catch((e : Error[]) => {
+            .catch((e: Error[]) => {
                 console.error('Failed to poll for processing jobs:', e);
             });
     }, POLL_INTERVAL);
 };
 
-export const cancelAssetUpload = (fileName : string, api : IImposiumAPI) : any => {
+export const cancelAssetUpload = (fileName: string, api: IImposiumAPI): any => {
     return (dispatch) => {
         api.cancelUploadAssets(fileName);
         dispatch({

package/src/redux/actions/auth.ts

@@ -1,25 +1,25 @@
-import {IIdentity} from '../../services/Auth0';
+import { IIdentity } from '../../services/Auth0';
 
-export const AUTH_CACHE_KEY : string = 'imposium_hub_creds';
+export const AUTH_CACHE_KEY: string = 'imposium_hub_creds';
 
-export const login = (auth : IIdentity) : any => {
+export const login = (auth: IIdentity): any => {
     try {
         localStorage.setItem(AUTH_CACHE_KEY, JSON.stringify(auth));
     } catch (e) {
         console.warn('Failed to cache auth creds...');
     }
 
-    return {type: actions.LOGIN, auth};
+    return { type: actions.LOGIN, auth };
 };
 
-export const clearCachedAuth = () : any => {
+export const clearCachedAuth = (): any => {
     try {
         localStorage.removeItem(AUTH_CACHE_KEY);
     } catch (e) {
         console.warn('Failed to remove cached creds');
     }
 
-    return {type: actions.CLEAR};
+    return { type: actions.CLEAR };
 };
 
 const actions = {