@imposium-hub/components 1.45.4 → 1.46.0

package/src/redux/actions/publish.ts

@@ -1,83 +1,85 @@
-
 import * as copy from '../../constants/copy';
 import { IImposiumAPI } from '../../services/API';
 
-const publish : any = {
+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 => {
-
+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);
-                        });
+            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);
-                }
-            });
+                })
+                .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) => {
+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) => {
+            api.cancelPublish(storyId)
+                .then(() => {
+                    api.cancelJobPolling()
+                        .then(() => {
+                            dispatch(getStoryPublishStatus(api, storyId));
+                        })
+                        .catch((e) => {
+                            reject(e);
+                            throw e;
+                        });
+                })
+                .catch((e) => {
                     reject(e);
                     throw e;
                 });
-            }).catch((e) => {
-                reject(e);
-                throw e;
-            });
-
         });
     };
 };
 
-export const publishVersion = (api : IImposiumAPI, storyId : string) => {
+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);
-            });
+            api.runPublish(storyId, '')
+                .then((d) => {
+                    dispatch(getStoryPublishStatus(api, storyId));
+                })
+                .catch(() => {
+                    reject(copy.header.publishJobError);
+                });
         });
     };
 };
 
-export const clearStoryPublishStatus = (api : IImposiumAPI) => {
+export const clearStoryPublishStatus = (api: IImposiumAPI) => {
     return (dispatch) => {
         api.cancelJobPolling();
-        dispatch({type: publish.CLEAR_PUBLISH_STATUS});
+        dispatch({ type: publish.CLEAR_PUBLISH_STATUS });
     };
 };
 

package/src/redux/actions/selected-assets.ts

@@ -1,25 +1,32 @@
-export const selectAll = () : any => {
+export const selectAll = (): any => {
     return (dispatch, getStore) => {
-        const {assetList: {assets}} = getStore();
-        const allIds : string[] = assets.map((f : any) => (f.id));
+        const {
+            assetList: { assets }
+        } = getStore();
+        const allIds: string[] = assets.map((f: any) => f.id);
 
-        dispatch({type: selectedAssetsActions.SELECT_ALL, allIds});
+        dispatch({ type: selectedAssetsActions.SELECT_ALL, allIds });
     };
 };
 
-export const deselectAsset = (id : string) : any => ({type: selectedAssetsActions.DESELECT_ASSET, id});
-export const resetSelection = () : any => ({type: selectedAssetsActions.RESET_SELECTION});
-export const selectAsset = (id : string) : any => ({type: selectedAssetsActions.SELECT_ASSET, id});
-export const selectMultipleAssets = (id : string) : any => {
+export const deselectAsset = (id: string): any => ({
+    type: selectedAssetsActions.DESELECT_ASSET,
+    id
+});
+export const resetSelection = (): any => ({ type: selectedAssetsActions.RESET_SELECTION });
+export const selectAsset = (id: string): any => ({ type: selectedAssetsActions.SELECT_ASSET, id });
+export const selectMultipleAssets = (id: string): any => {
     return (dispatch, getStore) => {
-
-        const {selectedAssets, assetList: {assets}} = getStore();
+        const {
+            selectedAssets,
+            assetList: { assets }
+        } = getStore();
 
         const lastSelected = selectedAssets[selectedAssets.length - 1];
         const lastIndex = getAssetIndex(assets, lastSelected);
         const selectedIndex = getAssetIndex(assets, id);
-        const startIndex = (lastIndex < selectedIndex) ? lastIndex : selectedIndex;
-        const endIndex = (lastIndex < selectedIndex) ? selectedIndex : lastIndex;
+        const startIndex = lastIndex < selectedIndex ? lastIndex : selectedIndex;
+        const endIndex = lastIndex < selectedIndex ? selectedIndex : lastIndex;
 
         const ids = [];
         for (let i = startIndex; i <= endIndex; i++) {
@@ -27,13 +34,12 @@ export const selectMultipleAssets = (id : string) : any => {
             ids.push(asset.id);
         }
 
-        dispatch({type: selectedAssetsActions.SELECT_MULTIPLE, assets: ids});
+        dispatch({ type: selectedAssetsActions.SELECT_MULTIPLE, assets: ids });
         window.getSelection().removeAllRanges();
     };
 };
 
 const getAssetIndex = (assets, id) => {
-
     for (let i = 0; i < assets.length; i++) {
         const asset = assets[i];
         if (asset.id === id) {
@@ -42,7 +48,7 @@ const getAssetIndex = (assets, id) => {
     }
 };
 
-const selectedAssetsActions : any = {
+const selectedAssetsActions: any = {
     SELECT_ALL: 'selectAssets/SELECT_ALL',
     SELECT_MULTIPLE: 'selectAssets/SELECT_MULTIPLE',
     SELECT_ASSET: 'selectedAssets/SELECT_ASSET',

package/src/redux/reducers/access.ts

@@ -1,6 +1,6 @@
-import actions, {ACCESS_CACHE_KEY} from '../actions/access';
+import actions, { ACCESS_CACHE_KEY } from '../actions/access';
 
-let initialState : any = null;
+let initialState: any = null;
 
 try {
     initialState = JSON.parse(localStorage.getItem(ACCESS_CACHE_KEY));
@@ -15,12 +15,12 @@ const access = (state = initialState, action) => {
         case actions.STORY_NAME_MUTATION:
         case actions.ORG_NAME_MUTATION:
         case actions.STORY_DELETED:
-            return {...action.accessData};
+            return { ...action.accessData };
         case actions.CLEAR:
             return null;
         default:
             return state;
     }
-}
+};
 
 export default access;

package/src/redux/reducers/active-batch.ts

@@ -1,27 +1,27 @@
 import batchActions from '../actions/active-batch';
 
-const initialState : any = {
+const initialState: any = {
     loading: true,
     updating: false,
-    associationOptions : {},
+    associationOptions: {},
     page: 1,
     data: {}
 };
 
-const FRESH_COLUMN : any = {
+const FRESH_COLUMN: any = {
     name: 'New Column',
     type: 'Static',
     from_import: 1,
     detail: null
 };
 
-const getNFreshColumns = (state : any) => {
-    return state.data.columns.filter((col : any) => (col.name.includes(FRESH_COLUMN.name))).length;
+const getNFreshColumns = (state: any) => {
+    return state.data.columns.filter((col: any) => col.name.includes(FRESH_COLUMN.name)).length;
 };
 
-const activeBatch = (state = initialState, action) : any => {
-    let nFreshCols : number;
-    let freshCol : any;
+const activeBatch = (state = initialState, action): any => {
+    let nFreshCols: number;
+    let freshCol: any;
 
     switch (action.type) {
         case batchActions.TOGGlE_LOADING:
@@ -46,9 +46,9 @@ const activeBatch = (state = initialState, action) : any => {
             } else {
                 nFreshCols = getNFreshColumns(state);
                 if (!nFreshCols) {
-                    freshCol = {...FRESH_COLUMN};
+                    freshCol = { ...FRESH_COLUMN };
                 } else {
-                    freshCol = {...FRESH_COLUMN, name: FRESH_COLUMN.name + ` (${nFreshCols})`};
+                    freshCol = { ...FRESH_COLUMN, name: FRESH_COLUMN.name + ` (${nFreshCols})` };
                 }
 
                 return {
@@ -57,18 +57,19 @@ const activeBatch = (state = initialState, action) : any => {
                         ...state.data,
                         columns: [...state.data.columns, freshCol]
                     }
-                }; }
+                };
+            }
         case batchActions.REPLACE_ASSOCIATION_OPTIONS:
             return {
                 ...state,
-                associationOptions: {...action.associationOptions}
+                associationOptions: { ...action.associationOptions }
             };
         case batchActions.UPDATE_ASSOCIATION:
             return {
                 ...state,
                 data: {
                     ...state.data,
-                    columns: state.data.columns.map((col : any, i : number) => {
+                    columns: state.data.columns.map((col: any, i: number) => {
                         if (action.colIndex === i) {
                             if (action.newType === 'Static') {
                                 return {
@@ -81,7 +82,7 @@ const activeBatch = (state = initialState, action) : any => {
                                     ...col,
                                     type: action.newType,
                                     detail: action.newAssociation,
-                                    from_import: (action.newType === 'EGC') ? 0 : 1,
+                                    from_import: action.newType === 'EGC' ? 0 : 1
                                 };
                             }
                         }
@@ -93,7 +94,7 @@ const activeBatch = (state = initialState, action) : any => {
         case batchActions.SET_BATCH:
             return {
                 ...state,
-                data: {...action.batch}
+                data: { ...action.batch }
             };
         case batchActions.SET_PAGE:
             return {

package/src/redux/reducers/asset-filters.ts

@@ -1,6 +1,6 @@
 import assetFiltersActions from '../actions/asset-filters';
 
-const initialState : any = {
+const initialState: any = {
     page: 1,
     order: 'date_created',
     order_direction: 'desc',
@@ -9,12 +9,12 @@ const initialState : any = {
     tags: ''
 };
 
-const assetFilters = (state = initialState, action) : any => {
+const assetFilters = (state = initialState, action): any => {
     switch (action.type) {
         case assetFiltersActions.UPDATE:
-            return {...state, ...action.newFilters};
+            return { ...state, ...action.newFilters };
         case assetFiltersActions.RESET:
-            return {...initialState};
+            return { ...initialState };
         default:
             return state;
     }

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

@@ -1,11 +1,11 @@
 import assetActions from '../actions/asset-list';
 
-const initialState : any = {
-    loading: false,
+const initialState: any = {
+    loading: false
 };
 
-const assetList = (state = initialState, action) : any => {
-    const freshFootageClone : any[] = [];
+const assetList = (state = initialState, action): any => {
+    const freshFootageClone: any[] = [];
     let tmpFootage;
 
     switch (action.type) {
@@ -27,10 +27,7 @@ const assetList = (state = initialState, action) : any => {
                 if (tmpFootage.id === action.id) {
                     freshFootageClone[i] = {
                         ...tmpFootage,
-                        tags: [
-                            ...tmpFootage.tags,
-                            ...action.freshTags
-                        ]
+                        tags: [...tmpFootage.tags, ...action.freshTags]
                     };
                 } else {
                     freshFootageClone[i] = tmpFootage;
@@ -44,11 +41,11 @@ const assetList = (state = initialState, action) : any => {
         case assetActions.DELETE_TAG:
             return {
                 ...state,
-                assets: state.assets.map((f : any) => {
+                assets: state.assets.map((f: any) => {
                     if (f.id === action.id) {
                         return {
                             ...f,
-                            tags: f.tags.filter((t : string) => (t !== action.tag))
+                            tags: f.tags.filter((t: string) => t !== action.tag)
                         };
                     }
 
@@ -59,7 +56,7 @@ const assetList = (state = initialState, action) : any => {
         case assetActions.UPDATE_NAME:
             return {
                 ...state,
-                assets: state.assets.map((f : any) => {
+                assets: state.assets.map((f: any) => {
                     if (f.id === action.id) {
                         return {
                             ...f,
@@ -74,7 +71,7 @@ const assetList = (state = initialState, action) : any => {
         case assetActions.UPDATE_DATA:
             return {
                 ...state,
-                assets: state.assets.map((f : any) => {
+                assets: state.assets.map((f: any) => {
                     if (f.id === action.id) {
                         return {
                             ...f,
@@ -87,7 +84,6 @@ const assetList = (state = initialState, action) : any => {
             };
 
         default:
-
             return state;
     }
 };

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

@@ -1,8 +1,8 @@
 import tagActions from '../actions/asset-tags';
 
-const initialState : any = [];
+const initialState: any = [];
 
-const assetTags = (state = initialState, action) : any => {
+const assetTags = (state = initialState, action): any => {
     switch (action.type) {
         case tagActions.GET:
             return action.assetTags;

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

@@ -1,12 +1,12 @@
 import assetUploadsActions from '../actions/asset-uploads';
 
-const initialState : any = {
+const initialState: any = {
     autoTag: true,
-    assignToStory : true,
+    assignToStory: true,
     uploads: []
 };
 
-const assetUploads = (state = initialState, action) : any => {
+const assetUploads = (state = initialState, action): any => {
     switch (action.type) {
         case assetUploadsActions.TOGGLE_AUTO_TAG:
             return {
@@ -24,9 +24,9 @@ const assetUploads = (state = initialState, action) : any => {
                 uploads: [...state.uploads, action.uploadMeta]
             };
         case assetUploadsActions.UPDATE_PERCENT_UPLOADED:
-            const newUploads = state.uploads.map((u : any) => {
+            const newUploads = state.uploads.map((u: any) => {
                 if (u.filename === action.filename) {
-                    return {...u, percent: action.percent};
+                    return { ...u, percent: action.percent };
                 }
 
                 return u;
@@ -39,7 +39,7 @@ const assetUploads = (state = initialState, action) : any => {
         case assetUploadsActions.REMOVE_UPLOAD:
             return {
                 ...state,
-                uploads: state.uploads.filter((u : any) => (u.filename !== action.filename))
+                uploads: state.uploads.filter((u: any) => u.filename !== action.filename)
             };
         default:
             return state;

package/src/redux/reducers/auth.ts

@@ -1,13 +1,15 @@
-import actions, {AUTH_CACHE_KEY} from '../actions/auth';
-import AuthService, {IIdentity} from '../../services/Auth0';
+import actions, { AUTH_CACHE_KEY } from '../actions/auth';
+import AuthService, { IIdentity } from '../../services/Auth0';
 
-let initialState : IIdentity = null;
+let initialState: IIdentity = null;
 
 try {
-    const cachedAuth : IIdentity = JSON.parse(localStorage.getItem(AUTH_CACHE_KEY));
+    const cachedAuth: IIdentity = JSON.parse(localStorage.getItem(AUTH_CACHE_KEY));
 
     if (cachedAuth) {
-        const {idTokenPayload: {exp}} = cachedAuth;
+        const {
+            idTokenPayload: { exp }
+        } = cachedAuth;
 
         if (AuthService.checkExpiry(exp)) {
             initialState = cachedAuth;
@@ -17,15 +19,15 @@ try {
     console.warn('Cached credentials were malformed or missing, redirected to login.');
 }
 
-const auth = (state = initialState, action)=>{
+const auth = (state = initialState, action) => {
     switch (action.type) {
         case actions.LOGIN:
-            return {...action.auth};
+            return { ...action.auth };
         case actions.CLEAR:
             return null;
         default:
             return state;
     }
-}
+};
 
 export default auth;

package/src/redux/reducers/publish.ts

@@ -1,28 +1,25 @@
 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;
+    date_created?: number;
+    id?: string;
+    job_id?: string;
+    message?: string;
+    publishing: boolean;
+    story_id?: string;
+    version?: number;
 }
 
-const initialState : IChanges =  {
+const initialState: IChanges = {
     publishing: false
 };
 
-const publish = (state = initialState, action) : any => {
-
-    let newState : IChanges;
+const publish = (state = initialState, action): any => {
+    let newState: IChanges;
 
     switch (action.type) {
-
         case actions.UPDATE_PUBLISH_STATUS:
-
-            newState = {...state, ...action.data};
+            newState = { ...state, ...action.data };
             return newState;
 
         case actions.CLEAR_PUBLISH_STATUS:

package/src/redux/reducers/selected-assets.ts

@@ -1,8 +1,8 @@
 import selectedAssetsActions from '../actions/selected-assets';
 
-const initialState : string[] = [];
+const initialState: string[] = [];
 
-const selectedAssets = (state = initialState, action) : string[] => {
+const selectedAssets = (state = initialState, action): string[] => {
     switch (action.type) {
         case selectedAssetsActions.SELECT_ALL:
             return [...action.allIds];
@@ -11,7 +11,7 @@ const selectedAssets = (state = initialState, action) : string[] => {
         case selectedAssetsActions.SELECT_MULTIPLE:
             return [...new Set([...state, ...action.assets])];
         case selectedAssetsActions.DESELECT_ASSET:
-            return state.filter((id : string) => (id !== action.id));
+            return state.filter((id: string) => id !== action.id);
         case selectedAssetsActions.RESET_SELECTION:
             return [];
         default:

package/src/services/API-Legacy.ts

@@ -1,27 +1,31 @@
-import axios, {AxiosInstance, AxiosRequestConfig, AxiosResponse, AxiosError} from 'axios';
+import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios';
 
 export default class LegacyAPI {
-    private http : AxiosInstance;
+    private http: AxiosInstance;
 
-    constructor(baseURL : string) {
+    constructor(baseURL: string) {
         this.http = axios.create({
             baseURL: `${baseURL}/1.1`
         });
     }
 
-    private doRequest = (config : AxiosRequestConfig) : Promise<any> => {
+    private doRequest = (config: AxiosRequestConfig): Promise<any> => {
         return new Promise((resolve, reject) => {
             this.http(config)
-                .then((res : AxiosResponse) => {
+                .then((res: AxiosResponse) => {
                     resolve(res.data);
                 })
-                .catch((e : AxiosError) => {
+                .catch((e: AxiosError) => {
                     reject(e);
                 });
         });
-    }
+    };
 
-    public updateModerationStatus = (experienceId : string, status : string, reason ? : string) : Promise<any> => {
+    public updateModerationStatus = (
+        experienceId: string,
+        status: string,
+        reason?: string
+    ): Promise<any> => {
         return this.doRequest({
             method: 'POST',
             url: `/`,
@@ -32,9 +36,9 @@ export default class LegacyAPI {
                 reason
             }
         });
-    }
+    };
 
-    public addOrReplaceNote = (experienceId : string, notes : string) : Promise<any> => {
+    public addOrReplaceNote = (experienceId: string, notes: string): Promise<any> => {
         return this.doRequest({
             method: 'POST',
             url: '/',
@@ -44,5 +48,5 @@ export default class LegacyAPI {
                 notes
             }
         });
-    }
+    };
 }