@imposium-hub/components 1.45.5 → 1.46.0

package/src/index.ts

@@ -13,7 +13,7 @@ import ControlledList from './components/controlled-list/ControlledList';
 import DataTable from './components/data-table/DataTable';
 import DataTablePaginator from './components/data-table/DataTablePaginator';
 import Modal from './components/modal/Modal';
-import Tabs, {ITab} from './components/tabs/Tabs';
+import Tabs, { ITab } from './components/tabs/Tabs';
 import FieldWrapper from './components/field-wrapper/FieldWrapper';
 import CheckboxField from './components/checkbox-field/CheckboxField';
 import ListField from './components/list-field/ListField';
@@ -72,26 +72,35 @@ import PublishWizard from './components/publish-wizard/PublishWizard';
     Redux Handlers / Thunks
  */
 import auth from './redux/reducers/auth';
-import {login, clearCachedAuth} from './redux/actions/auth';
+import { login, clearCachedAuth } from './redux/actions/auth';
 import access from './redux/reducers/access';
 import publish from './redux/reducers/publish';
-import {publishVersion, clearStoryPublishStatus, getStoryPublishStatus} from './redux/actions/publish';
 import {
-    cacheAccessData, clearCachedAccessList, storyAdded,
-    storyNameMutated, orgNameMutated, storyDeleted
+    publishVersion,
+    clearStoryPublishStatus,
+    getStoryPublishStatus
+} from './redux/actions/publish';
+import {
+    cacheAccessData,
+    clearCachedAccessList,
+    storyAdded,
+    storyNameMutated,
+    orgNameMutated,
+    storyDeleted
 } from './redux/actions/access';
 import { updateFilters } from './redux/actions/asset-filters';
 import {
-    getAssets, deleteAssets, addAssetTag,
-    deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration
+    getAssets,
+    deleteAssets,
+    addAssetTag,
+    deleteAssetTag,
+    updateAssetName,
+    updateAssetData,
+    doAssetTableHydration
 } from './redux/actions/asset-list';
-import {
-    getAssetTagList, addAssetTagToList
-} from './redux/actions/asset-tags';
+import { getAssetTagList, addAssetTagToList } from './redux/actions/asset-tags';
 import { toggleAutoTag, uploadAssets } from './redux/actions/asset-uploads';
-import {
-    selectAsset, deselectAsset, resetSelection
-} from './redux/actions/selected-assets';
+import { selectAsset, deselectAsset, resetSelection } from './redux/actions/selected-assets';
 import assetFilters from './redux/reducers/asset-filters';
 import assetList from './redux/reducers/asset-list';
 import assetTags from './redux/reducers/asset-tags';
@@ -103,8 +112,8 @@ import batchActions from './redux/actions/active-batch';
 /*
     Statics / Services
  */
-import AuthService, {IIdentity} from './services/Auth0';
-import SessionService, {IHubSession} from './services/Session';
+import AuthService, { IIdentity } from './services/Auth0';
+import SessionService, { IHubSession } from './services/Session';
 import API, { IImposiumAPI } from './services/API';
 import LegacyAPI from './services/API-Legacy';
 import StorageService from './services/Storage';
@@ -113,8 +122,21 @@ import Timer from './services/Timer';
 /*
     Utils
  */
-import {getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServiceUrl, scrapeEmail, fitToContainer,
-    filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, formatDateDefault, validateAccessLevel, formattedTime} from './Util';
+import {
+    getFirstStoryInOrg,
+    string2HexCode,
+    toFixed,
+    padStart,
+    parameterizeServiceUrl,
+    scrapeEmail,
+    fitToContainer,
+    filterHotkeys,
+    mimetypeConformsToOverlay,
+    validateAssetMimetype,
+    formatDateDefault,
+    validateAccessLevel,
+    formattedTime
+} from './Util';
 import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
 
 export {
@@ -155,14 +177,12 @@ export {
     ShortcutMenu,
     Portal,
     AssetDetails,
-
     ImagePlayer,
     VideoPlayer,
     AudioPlayer,
     VideoPreview,
     ImagePreview,
     ImageSequencePlayer,
-
     AssetsTypeIcon,
     AssetsTableDateCell,
     AssetsTableDropzone,
@@ -184,9 +204,7 @@ export {
     FontAssetPreview,
     DroppableAssetRenderer,
     PreviewNotAvailable,
-
     IStaticComposition,
-
     auth,
     login,
     clearCachedAuth,
@@ -197,7 +215,6 @@ export {
     storyNameMutated,
     orgNameMutated,
     storyDeleted,
-
     updateFilters,
     getAssets,
     deleteAssets,
@@ -219,10 +236,8 @@ export {
     addAssetTagToList,
     assetTags,
     assetActions,
-
     activeBatch,
     batchActions,
-
     AuthService,
     IIdentity,
     SessionService,
@@ -232,7 +247,6 @@ export {
     LegacyAPI,
     StorageService,
     Timer,
-
     validateAccessLevel,
     getFirstStoryInOrg,
     string2HexCode,
@@ -246,7 +260,6 @@ export {
     toFixed,
     padStart,
     formatDateDefault,
-
     ASSET_TYPES,
     PublishWizard,
     publish,

package/src/interfaces/experience.ts

@@ -1,34 +1,34 @@
 export interface IInput {
-    [s : string] : any;
+    [s: string]: any;
 }
 
 export interface IOutputVideos {
-    [s : string] : IExperienceVideo;
+    [s: string]: IExperienceVideo;
 }
 
 export interface IOutputImages {
-    [s : string] : string;
+    [s: string]: string;
 }
 export interface IOutput {
-    videos : IOutputVideos;
-    images : IOutputImages;
+    videos: IOutputVideos;
+    images: IOutputImages;
 }
 
 export interface IExperienceVideo {
-    duration : number;
-    format : string;
-    rate : number;
-    url : string;
-    name? : string;
-    height? : number | string;
-    width? : number | string;
+    duration: number;
+    format: string;
+    rate: number;
+    url: string;
+    name?: string;
+    height?: number | string;
+    width?: number | string;
 }
 
 export interface IExperience {
-    date_created : number;
-    id : string;
-    input : IInput;
-    output : IOutput;
-    moderation_status : string;
-    rendering : boolean;
+    date_created: number;
+    id: string;
+    input: IInput;
+    output: IOutput;
+    moderation_status: string;
+    rendering: boolean;
 }

package/src/redux/actions/access.ts

@@ -1,37 +1,48 @@
 import SessionService from '../../services/Session';
 
-export const ACCESS_CACHE_KEY : string = 'imposium_access_list';
+export const ACCESS_CACHE_KEY: string = 'imposium_access_list';
 
-export const cacheAccessData = (accessData : any) : any => {
+export const cacheAccessData = (accessData: any): any => {
     doCacheAccessData(accessData);
-    return {type: actions.SET, accessData};
+    return { type: actions.SET, accessData };
 };
 
-export const clearCachedAccessList = () : any => {
+export const clearCachedAccessList = (): any => {
     try {
         localStorage.removeItem(ACCESS_CACHE_KEY);
     } catch (e) {
         console.warn('Failed to clear access list cache from local storage.');
     }
 
-    return {type: actions.CLEAR};
+    return { type: actions.CLEAR };
 };
 
-export const storyAdded = (storyId : string, storyName : string) : any => {
+export const storyAdded = (storyId: string, storyName: string): any => {
     return (dispatch, getStore) => {
-        const {access, auth: {idTokenPayload: {exp}}, routing: {locationBeforeTransitions: {query}}} = getStore();
-        const orgId : string = query.organization_id;
-
-        const accessData : any = {
+        const {
+            access,
+            auth: {
+                idTokenPayload: { exp }
+            },
+            routing: {
+                locationBeforeTransitions: { query }
+            }
+        } = getStore();
+        const orgId: string = query.organization_id;
+
+        const accessData: any = {
             ...access,
-            organizations: access.organizations.map((o : any) => {
+            organizations: access.organizations.map((o: any) => {
                 if (o.id === orgId) {
                     return {
                         ...o,
-                        stories: [...o.stories, {
-                            id: storyId,
-                            name: storyName
-                        }].sort((a, b) => (a.name.localeCompare(b.name)))
+                        stories: [
+                            ...o.stories,
+                            {
+                                id: storyId,
+                                name: storyName
+                            }
+                        ].sort((a, b) => a.name.localeCompare(b.name))
                     };
                 }
 
@@ -39,19 +50,27 @@ export const storyAdded = (storyId : string, storyName : string) : any => {
             })
         };
 
-        SessionService.updateSession({stories_hash: SessionService.generateStoriesHash(accessData)}, exp);
+        SessionService.updateSession(
+            { stories_hash: SessionService.generateStoriesHash(accessData) },
+            exp
+        );
         doCacheAccessData(accessData);
-        dispatch({type: actions.STORY_ADDED, accessData});
+        dispatch({ type: actions.STORY_ADDED, accessData });
     };
 };
 
-export const orgNameMutated = (orgId : string, newOrgName : string) : any => {
+export const orgNameMutated = (orgId: string, newOrgName: string): any => {
     return (dispatch, getStore) => {
-        const {access, auth: {idTokenPayload: {exp}}} = getStore();
-
-        const accessData : any = {
+        const {
+            access,
+            auth: {
+                idTokenPayload: { exp }
+            }
+        } = getStore();
+
+        const accessData: any = {
             ...access,
-            organizations: access.organizations.map((o : any) => {
+            organizations: access.organizations.map((o: any) => {
                 if (o.id === orgId) {
                     return {
                         ...o,
@@ -63,26 +82,37 @@ export const orgNameMutated = (orgId : string, newOrgName : string) : any => {
             })
         };
 
-        SessionService.updateSession({stories_hash: SessionService.generateOrgsHash(accessData)}, exp);
+        SessionService.updateSession(
+            { stories_hash: SessionService.generateOrgsHash(accessData) },
+            exp
+        );
         doCacheAccessData(accessData);
-        dispatch({type: actions.ORG_NAME_MUTATION, accessData});
+        dispatch({ type: actions.ORG_NAME_MUTATION, accessData });
     };
 };
 
-export const storyNameMutated = (storyId : string, newStoryName : string) : any => {
+export const storyNameMutated = (storyId: string, newStoryName: string): any => {
     return (dispatch, getStore) => {
-        const {access, auth: {idTokenPayload: {exp}}, routing: {locationBeforeTransitions: {query}}} = getStore();
-        const orgId : string = query.organization_id;
-
-        const accessData : any = {
+        const {
+            access,
+            auth: {
+                idTokenPayload: { exp }
+            },
+            routing: {
+                locationBeforeTransitions: { query }
+            }
+        } = getStore();
+        const orgId: string = query.organization_id;
+
+        const accessData: any = {
             ...access,
-            organizations: access.organizations.map((o : any) => {
+            organizations: access.organizations.map((o: any) => {
                 if (o.id === orgId) {
                     return {
                         ...o,
-                        stories: o.stories.map((s : any) => {
+                        stories: o.stories.map((s: any) => {
                             if (s.id === storyId) {
-                                return {...s, name: newStoryName};
+                                return { ...s, name: newStoryName };
                             }
 
                             return s;
@@ -94,24 +124,35 @@ export const storyNameMutated = (storyId : string, newStoryName : string) : any
             })
         };
 
-        SessionService.updateSession({stories_hash: SessionService.generateOrgsHash(accessData)}, exp);
+        SessionService.updateSession(
+            { stories_hash: SessionService.generateOrgsHash(accessData) },
+            exp
+        );
         doCacheAccessData(accessData);
-        dispatch({type: actions.STORY_NAME_MUTATION, accessData});
+        dispatch({ type: actions.STORY_NAME_MUTATION, accessData });
     };
 };
 
-export const storyDeleted = (storyId : string) : any => {
+export const storyDeleted = (storyId: string): any => {
     return (dispatch, getStore) => {
-        const {access, auth: {idTokenPayload: {exp}}, routing: {locationBeforeTransitions: {query}}} = getStore();
-        const orgId : string = query.organization_id;
-
-        const accessData : any = {
+        const {
+            access,
+            auth: {
+                idTokenPayload: { exp }
+            },
+            routing: {
+                locationBeforeTransitions: { query }
+            }
+        } = getStore();
+        const orgId: string = query.organization_id;
+
+        const accessData: any = {
             ...access,
-            organizations: access.organizations.map((o : any) => {
+            organizations: access.organizations.map((o: any) => {
                 if (o.id === orgId) {
                     return {
                         ...o,
-                        stories: o.stories.filter((s : any) => (s.id !== storyId))
+                        stories: o.stories.filter((s: any) => s.id !== storyId)
                     };
                 }
 
@@ -119,16 +160,19 @@ export const storyDeleted = (storyId : string) : any => {
             })
         };
 
-        SessionService.updateSession({
-            story_id: '',
-            stories_hash: SessionService.generateStoriesHash(accessData)
-        }, exp);
+        SessionService.updateSession(
+            {
+                story_id: '',
+                stories_hash: SessionService.generateStoriesHash(accessData)
+            },
+            exp
+        );
         doCacheAccessData(accessData);
-        dispatch({type: actions.STORY_DELETED, accessData});
+        dispatch({ type: actions.STORY_DELETED, accessData });
     };
 };
 
-const doCacheAccessData = (accessData : any) : any => {
+const doCacheAccessData = (accessData: any): any => {
     try {
         localStorage.setItem(ACCESS_CACHE_KEY, JSON.stringify(accessData));
     } catch (e) {

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

@@ -2,57 +2,65 @@ import { IImposiumAPI } from '../../services/API';
 import ToastService from '../../components/toast-service/ToastService';
 
 // This value is currently hard coded on our servers so for now it can live as a constant here
-export const BATCH_ITEMS_PER_PAGE : number = 50;
+export const BATCH_ITEMS_PER_PAGE: number = 50;
 
-const EXPERIENCE_ID_COL : any = {
+const EXPERIENCE_ID_COL: any = {
     name: 'experience_id',
     type: 'EGC',
     from_import: 0,
     detail: 'id'
 };
 
-const batchActions : any = {
+const batchActions: any = {
     TOGGlE_LOADING: 'activeBatch/TOGGLE_LOADING', // controls table loader
     TOGGLE_UPDATING: 'activeBatch/TOGGLE_UPDATING', // controls section loader
     SET_BATCH: 'activeBatch/SET_BATCH',
     ADD_COLUMN: 'activeBatch/ADD_COLUMN',
     UPDATE_ASSOCIATION: 'activeBatch/UPDATE_ASSOCIATION',
     REPLACE_ASSOCIATION_OPTIONS: 'activeBatch/REPLACE_ASSOCIATION_OPTIONS',
-    SET_PAGE: 'activeBatch/SET_PAGE',
+    SET_PAGE: 'activeBatch/SET_PAGE'
 };
 
-export const setPage = (page : number) => ({type: batchActions.SET_PAGE, page});
+export const setPage = (page: number) => ({ type: batchActions.SET_PAGE, page });
 
-export const addPredefinedColumn = (api : IImposiumAPI, columnData : any) => {
+export const addPredefinedColumn = (api: IImposiumAPI, columnData: any) => {
     return (dispatch) => {
-        dispatch({type: batchActions.ADD_COLUMN, columnData});
+        dispatch({ type: batchActions.ADD_COLUMN, columnData });
         dispatch(persistColumns(api));
     };
 };
 
-export const updateAssociation = (api : IImposiumAPI, colIndex : number, newType : string, newAssociation : string) => {
+export const updateAssociation = (
+    api: IImposiumAPI,
+    colIndex: number,
+    newType: string,
+    newAssociation: string
+) => {
     return (dispatch) => {
-        dispatch({type: batchActions.UPDATE_ASSOCIATION, colIndex, newType, newAssociation});
+        dispatch({ type: batchActions.UPDATE_ASSOCIATION, colIndex, newType, newAssociation });
         dispatch(persistColumns(api));
     };
 };
 
-export const getBatch = (api : IImposiumAPI) : any => {
+export const getBatch = (api: IImposiumAPI): any => {
     return (dispatch, getStore) => {
-        const {story, batchesList: {selected}, activeBatch: { page} } = getStore();
+        const {
+            story,
+            batchesList: { selected },
+            activeBatch: { page }
+        } = getStore();
 
         return new Promise((resolve, reject) => {
-            dispatch({type: batchActions.TOGGlE_LOADING, toggle: true});
+            dispatch({ type: batchActions.TOGGlE_LOADING, toggle: true });
             api.getBatch(selected.id, page)
-                .then((batch : any) => {
-
-                    dispatch({type: batchActions.SET_BATCH, batch});
+                .then((batch: any) => {
+                    dispatch({ type: batchActions.SET_BATCH, batch });
 
                     const doResolve = () => {
-                        const acts = (story.data) ? story.data.acts : story.acts;
-                        const inventory : any = parseInventory(acts);
-                        const EGC : any[] = parseEGCOptions(acts);
-                        const UGC : any[] = Object.keys(inventory).map((key : string) => ({
+                        const acts = story.data ? story.data.acts : story.acts;
+                        const inventory: any = parseInventory(acts);
+                        const EGC: any[] = parseEGCOptions(acts);
+                        const UGC: any[] = Object.keys(inventory).map((key: string) => ({
                             label: inventory[key].name,
                             value: inventory[key].id
                         }));
@@ -67,8 +75,11 @@ export const getBatch = (api : IImposiumAPI) : any => {
                             value: 'composition_tag'
                         });
 
-                        dispatch({type: batchActions.REPLACE_ASSOCIATION_OPTIONS, associationOptions: {UGC, EGC} });
-                        dispatch({type: batchActions.TOGGlE_LOADING, toggle: false});
+                        dispatch({
+                            type: batchActions.REPLACE_ASSOCIATION_OPTIONS,
+                            associationOptions: { UGC, EGC }
+                        });
+                        dispatch({ type: batchActions.TOGGlE_LOADING, toggle: false });
                     };
 
                     if (batch.columns.length === 0) {
@@ -79,31 +90,35 @@ export const getBatch = (api : IImposiumAPI) : any => {
                         doResolve();
                     }
                 })
-                .catch((e : Error) => {
+                .catch((e: Error) => {
                     console.error('Failed to load batch:', e);
-                    dispatch({type: batchActions.TOGGlE_LOADING, toggle: false});
+                    dispatch({ type: batchActions.TOGGlE_LOADING, toggle: false });
                     reject(e);
                 });
         });
     };
 };
 
-export const persistColumns = (api : IImposiumAPI) => {
+export const persistColumns = (api: IImposiumAPI) => {
     return (dispatch, getStore) => {
-        const {activeBatch: {data: {id, columns}}} = getStore();
+        const {
+            activeBatch: {
+                data: { id, columns }
+            }
+        } = getStore();
 
-        dispatch({type: batchActions.TOGGLE_UPDATING, toggle: true});
+        dispatch({ type: batchActions.TOGGLE_UPDATING, toggle: true });
         return new Promise((resolve, reject) => {
             api.updateBatchColumns(id, columns)
                 .catch((e) => dispatch(onSyncError(api, e)))
                 .then(() => {
-                    dispatch({type: batchActions.TOGGLE_UPDATING, toggle: false});
+                    dispatch({ type: batchActions.TOGGLE_UPDATING, toggle: false });
                 });
         });
     };
 };
 
-const onSyncError = (api : IImposiumAPI, e : Error) : any => {
+const onSyncError = (api: IImposiumAPI, e: Error): any => {
     return (dispatch) => {
         console.error('Failed to update data set:', e);
         ToastService.emit('error', 'Failed to update data set');
@@ -111,23 +126,22 @@ const onSyncError = (api : IImposiumAPI, e : Error) : any => {
     };
 };
 
-const parseInventory = (acts : any) : any => {
-
-    const actsKeys : string[] = Object.keys(acts);
-    let inventory : any = {};
+const parseInventory = (acts: any): any => {
+    const actsKeys: string[] = Object.keys(acts);
+    let inventory: any = {};
 
-    actsKeys.forEach((actKey : string) => {
-        inventory = {...inventory, ...acts[actKey].inventory};
+    actsKeys.forEach((actKey: string) => {
+        inventory = { ...inventory, ...acts[actKey].inventory };
     });
 
     return inventory;
 };
 
-const parseEGCOptions = (acts : any) : any[] => {
-    const EGCOptions : any[] = [];
-    const duplicateFormatKeys : string[] = [];
-    const actsKeys : string[] = Object.keys(acts);
-    const firstAct : any = acts[actsKeys[0]];
+const parseEGCOptions = (acts: any): any[] => {
+    const EGCOptions: any[] = [];
+    const duplicateFormatKeys: string[] = [];
+    const actsKeys: string[] = Object.keys(acts);
+    const firstAct: any = acts[actsKeys[0]];
 
     if (typeof firstAct === 'undefined') {
         return [];
@@ -151,10 +165,10 @@ const parseEGCOptions = (acts : any) : any[] => {
         }
     );
 
-    firstVideoScene.sceneData.encodingSettings.forEach((encodingSetting : any) => {
+    firstVideoScene.sceneData.encodingSettings.forEach((encodingSetting: any) => {
         if (encodingSetting.extension && encodingSetting.height) {
-            const formatName : string = encodingSetting.name;
-            const formatKey : string = `${encodingSetting.extension}_${encodingSetting.height}`;
+            const formatName: string = encodingSetting.name;
+            const formatKey: string = `${encodingSetting.extension}_${encodingSetting.height}`;
 
             if (typeof duplicateFormatKeys[formatKey] === 'undefined') {
                 duplicateFormatKeys[formatKey] = 0;
@@ -163,9 +177,10 @@ const parseEGCOptions = (acts : any) : any[] => {
 
             EGCOptions.push({
                 label: formatName,
-                value: (duplicateFormatKeys[formatKey] === 1)
-                    ? `video_url_${formatKey}`
-                    : `video_url_${formatKey}_${duplicateFormatKeys[formatKey].toString()}`
+                value:
+                    duplicateFormatKeys[formatKey] === 1
+                        ? `video_url_${formatKey}`
+                        : `video_url_${formatKey}_${duplicateFormatKeys[formatKey].toString()}`
             });
         }
     });

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

@@ -1,8 +1,11 @@
-const assetFiltersActions : any = {
+const assetFiltersActions: any = {
     UPDATE: 'assetFilters/UPDATE',
     RESET: 'footageFilters/RESET'
 };
 
-export const updateFilters = (newFilters : any) : any => ({type: assetFiltersActions.UPDATE, newFilters});
+export const updateFilters = (newFilters: any): any => ({
+    type: assetFiltersActions.UPDATE,
+    newFilters
+});
 
 export default assetFiltersActions;