@imposium-hub/components 1.43.2 → 1.43.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imposium-hub/components",
-  "version": "1.43.2",
+  "version": "1.43.4",
   "description": "React & Typescript component / asset library for Imposium front-ends",
   "main": "dist/components.js",
   "scripts": {

package/redux/actions/active-batch.ts

@@ -49,21 +49,25 @@ export const getBatch = (api : IImposiumAPI) : any => {
                     dispatch({type: batchActions.SET_BATCH, batch});
 
                     const doResolve = () => {
-
-                        const { acts } = story;
-                        const actsKeys : string[] = Object.keys(acts);
-                        let inventory : any = {};
-
-                        actsKeys.forEach((actKey : string) => {
-                            inventory = {...inventory, ...acts[actKey].inventory};
-                        });
-
+                        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
                         }));
 
-                        dispatch({type: batchActions.REPLACE_ASSOCIATION_OPTIONS, associationOptions: UGC});
+                        UGC.push({
+                            label: 'composition_id',
+                            value: 'composition_id'
+                        });
+
+                        UGC.push({
+                            label: 'composition_tag',
+                            value: 'composition_tag'
+                        });
+
+                        dispatch({type: batchActions.REPLACE_ASSOCIATION_OPTIONS, associationOptions: {UGC, EGC} });
                         dispatch({type: batchActions.TOGGlE_LOADING, toggle: false});
                     };
 
@@ -107,4 +111,97 @@ const onSyncError = (api : IImposiumAPI, e : Error) : any => {
     };
 };
 
+const parseInventory = (acts : any) : any => {
+
+    const actsKeys : string[] = Object.keys(acts);
+    let inventory : any = {};
+
+    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]];
+
+    let sceneKeys : string[];
+    let firstVideoScene : any;
+
+    if (typeof firstAct === 'undefined') {
+        return [];
+    }
+
+    sceneKeys = Object.keys(firstAct.scenes);
+    firstVideoScene = firstAct.scenes[sceneKeys[0]];
+
+    if (typeof firstVideoScene === 'undefined') {
+        return [];
+    }
+
+    EGCOptions.push(
+        {
+            label: 'Experience Id',
+            value: 'id'
+        },
+        {
+            label: 'Story Id',
+            value: 'story_id'
+        }
+    );
+
+    firstVideoScene.sceneData.encodingSettings.forEach((encodingSetting : any) => {
+        if (encodingSetting.extension && encodingSetting.height) {
+            const formatName : string = encodingSetting.name;
+            const formatKey : string = `${encodingSetting.extension}_${encodingSetting.height}`;
+
+            if (typeof duplicateFormatKeys[formatKey] === 'undefined') {
+                duplicateFormatKeys[formatKey] = 0;
+            }
+            duplicateFormatKeys[formatKey]++;
+
+            EGCOptions.push({
+                label: formatName,
+                value: (duplicateFormatKeys[formatKey] === 1)
+                    ? `video_url_${formatKey}`
+                    : `video_url_${formatKey}_${duplicateFormatKeys[formatKey].toString()}`
+            });
+        }
+    });
+
+    if (firstVideoScene.exportAsPlaylist) {
+        EGCOptions.push({
+            label: 'M3U8',
+            value: 'video_url_m3u8'
+        });
+    }
+
+    if (firstVideoScene.sceneData.savePosterFrame) {
+        EGCOptions.push({
+            label: 'Poster Frame',
+            value: 'poster'
+        });
+    }
+
+    if (firstVideoScene.sceneData.saveSnapshotFrame) {
+        EGCOptions.push({
+            label: 'Snapshot Frame',
+            value: 'snapshot'
+        });
+    }
+
+    if (firstVideoScene.sceneData.saveSocialFrame) {
+        EGCOptions.push({
+            label: 'Social Frame',
+            value: 'social'
+        });
+    }
+
+    return EGCOptions;
+};
+
 export default batchActions;

package/redux/actions/asset-list.ts

@@ -88,7 +88,7 @@ export const addAssetTag = (api : IImposiumAPI, id : string, tags : string, stor
                 resolve();
             }
 
-            if (freshTags.length > 0) {
+            if (freshTags.length === 1) {
                 promises = freshTags.map((t) => (
                     api.addAssetTag(id, t)
                         .then(() => resolve())
@@ -102,6 +102,14 @@ export const addAssetTag = (api : IImposiumAPI, id : string, tags : string, stor
 
                 dispatch({type: assetActions.ADD_TAG, id, freshTags});
             }
+
+            if (freshTags.length > 1 ) {
+                api.addAssetTags(id, freshTags)
+                    .then(() => resolve())
+                    .catch((e) => resolve(e));
+
+                dispatch({type: assetActions.ADD_TAG, id, freshTags});
+            }
         });
     };
 };

package/services/API.ts

@@ -433,7 +433,7 @@ export default class API {
         });
     }
 
-    public addAssetTag = (assetId : string, tag : string) : Promise<any | Error> => {
+    public addAssetTag = (assetId : string, tag : any) : Promise<any | Error> => {
         return this.doRequest({
             method: 'POST',
             url: `/assets/${assetId}/tag`,
@@ -441,6 +441,14 @@ export default class API {
         });
     }
 
+    public addAssetTags = (assetId : string, tags : any) : Promise<any | Error> => {
+        return this.doRequest({
+            method: 'POST',
+            url: `/assets/${assetId}/tags`,
+            data: {tags}
+        });
+    }
+
     public deleteAssetTag = (assetId : string, tag : string) : Promise<any | Error> => {
         return this.doRequest({
             method: 'DELETE',