@imposium-hub/components 2.5.4-3 → 2.5.4

package/src/components/story-previewer/StoryPreviewer.tsx

@@ -65,7 +65,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
 
     private evtHandlers: any;
 
-    private TIMEOUT: number = 120000;
+    private TIMEOUT: string = '02:00';
 
     private maxPlaybackRate = 3;
 
@@ -210,8 +210,20 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             });
         }
 
+        if (this.props.notifications) {
+            if (this.props.notifications[0]) {
+                if (this.props.notifications[0]['type'] === 'error') {
+                    this.setState({ isTimeOut: true });
+                }
+
+                if (this.props.notifications[0]['type'] === 'info') {
+                    this.setState({ isTimeOut: false });
+                }
+            }
+        }
+
         if (prevState.timeElapsed !== this.state.timeElapsed) {
-            if (this.state.timeElapsed >= this.TIMEOUT && !this.state.experience) {
+            if (formattedTime(this.state.timeElapsed) === this.TIMEOUT && !this.state.experience) {
                 const { onError, api } = this.props;
                 const { experienceId } = this.state;
 
@@ -558,24 +570,14 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                                     }
                                 })
                                 .catch((e) => {
+                                    this.resetState();
                                     if (onError) {
                                         if (e.error) {
                                             onError(copy.runExpError.replace('[error]', e.error));
-                                            this.resetState(
-                                                true,
-                                                () => {
-                                                    this.setState({
-                                                        isTimeOut: true,
-                                                        errorMsg: e.error
-                                                    });
-                                                },
-                                                experienceId
-                                            );
                                         } else {
                                             onError(
                                                 copy.runExpIdError.replace('[expId]', experienceId)
                                             );
-                                            this.resetState();
                                         }
                                     }
                                 });
@@ -680,7 +682,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                         {copy.time}&nbsp;{formattedTime(timeElapsed)}
                     </p>
                     <br />
-                    {errorMsg ? <p>{`${copy.runExpError.replace('[error]', errorMsg)}`}</p> : ''}
+                    <p>{`${copy.runExpError.replace('[error]', errorMsg)}`}</p>
                 </div>
             );
         } else if (experience && activeOutput) {

package/src/constants/icons.tsx

@@ -73,7 +73,7 @@ import {
 } from '@fortawesome/pro-light-svg-icons';
 import { faCircleSmall } from '@fortawesome/pro-solid-svg-icons/faCircleSmall';
 import { faClapperboardPlay } from '@fortawesome/pro-solid-svg-icons/faClapperboardPlay';
-import { faCloudArrowUp, faFilters } from '@fortawesome/pro-solid-svg-icons';
+import { faFilters } from '@fortawesome/pro-solid-svg-icons';
 
 export const ICON_VIDEO = <FontAwesomeIcon icon={faVideo} />;
 
@@ -218,5 +218,3 @@ export const ICON_CLAPPERBOARD_PLAY = <FontAwesomeIcon icon={faClapperboardPlay}
 export const ICON_CODE = <FontAwesomeIcon icon={faCode} />;
 
 export const ICON_UP_RIGHT_FROM_SQUARE = <FontAwesomeIcon icon={faUpRightFromSquare} />;
-
-export const ICON_FILE_UPLOAD = <FontAwesomeIcon icon={faCloudArrowUp} />;

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

@@ -257,8 +257,7 @@ export const replaceAsset = (
     api: IImposiumAPI,
     assetId: any,
     files: File[],
-    storyId: string,
-    bindToOverlay?: (f: any) => any
+    storyId: string
 ): any => {
     return (dispatch, getStore) => {
         return new Promise<void>((resolve) => {
@@ -304,23 +303,17 @@ export const replaceAsset = (
                 )
                     .then((result) => {
                         const currentOngoingJobs = () => {
-                            if (bindToOverlay) {
-                                bindToOverlay(result);
-                            }
                             return {
-                                footageId: result.id,
-                                jobId: result.job_id,
                                 filename: replacedFileBlobs[activeIndex].filename,
                                 onProcessed: () => {
                                     const fileName = ongoingJobs.filter(
-                                        (job: any) => job.jobId === result.job_id
+                                        (job: any) => job.jobId === result[0].job_id
                                     )[0].filename;
                                     dispatch({
                                         type: assetUploadsActions.REMOVE_UPLOAD,
                                         filename: fileName
                                     });
                                     doAssetTableHydration(api, storyId);
-                                    resolve(result);
                                 }
                             };
                         };
@@ -333,22 +326,23 @@ export const replaceAsset = (
                         } 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);
-                                    resolve(result);
                                 }
                                 return jobIdExists;
                             });
+
                             if (ongoingJobs.length > 0) {
                                 pollAssetJobs(api, ongoingJobs, processingTimeout);
                             }
                         }
 
-                        // resolve(result);
+                        resolve(result);
                     })
                     .catch((e: Error[]) => {
                         if (axios.isCancel(e) && currentQueue !== queueLength - 1) {

package/src/redux/actions/publish.ts

@@ -17,7 +17,7 @@ export const getStoryPublishStatus = (api: IImposiumAPI, storyId: string): any =
                         }
 
                         dispatch({ type: publish.UPDATE_PUBLISH_STATUS, data: resStatus });
-                        resolve(resStatus);
+
                         if (resStatus.publishing) {
                             const jobId = resStatus.job_id;
                             api.pollJob(jobId)

package/dist/cjs/components/confirm-modal/ConfirmModal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const ConfirmModal: ({ onClose, isOpen, onYes, onNo, storyName }: {
-    onClose: any;
-    isOpen: any;
-    onYes: any;
-    onNo: any;
-    storyName: any;
-}) => React.JSX.Element;

package/dist/cjs/components/confirm-modal/ConfirmModal.js

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmModal = void 0;
-var react_1 = __importDefault(require("react"));
-var react_dom_1 = __importDefault(require("react-dom"));
-var react_hotkeys_hook_1 = require("react-hotkeys-hook");
-var Modal_1 = __importDefault(require("../modal/Modal"));
-var Button_1 = __importDefault(require("../button/Button"));
-var copy_1 = require("../../constants/copy");
-var Section_1 = __importDefault(require("../section/Section"));
-var ConfirmModal = function (_a) {
-    var onClose = _a.onClose, isOpen = _a.isOpen, onYes = _a.onYes, onNo = _a.onNo, storyName = _a.storyName;
-    (0, react_hotkeys_hook_1.useHotkeys)('enter', onYes, { enableOnFormTags: true });
-    var yes = copy_1.confirm.yes, no = copy_1.confirm.no, cancel = copy_1.confirm.cancel, title = copy_1.confirm.title;
-    var modal = (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
-            left: '0px',
-            width: '100%',
-        }, style: {
-            width: '400px',
-            height: '13%',
-            top: 'calc(50% - 150px)',
-            left: 'calc((100% - 400px) / 2)'
-        }, isOpen: isOpen },
-        react_1.default.createElement(Section_1.default, { title: title.replace('[story]', storyName) },
-            react_1.default.createElement("div", { className: 'confirm-modal' },
-                react_1.default.createElement("div", { className: 'confirm-buttons' },
-                    react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', color: 'default' }, cancel),
-                    react_1.default.createElement(Button_1.default, { onClick: onNo, size: 'large', color: 'default' }, no),
-                    react_1.default.createElement(Button_1.default, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yes))))));
-    var PortalContextComponent = function () {
-        return react_dom_1.default.createPortal(modal, document.querySelector('#react-root'));
-    };
-    return react_1.default.createElement(PortalContextComponent, null);
-};
-exports.ConfirmModal = ConfirmModal;
-//# sourceMappingURL=ConfirmModal.js.map

package/dist/cjs/components/confirm-modal/ConfirmModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,wDAAiC;AACjC,yDAAgD;AAChD,yDAAmC;AACnC,4DAAsC;AACtC,6CAAuD;AACvD,+DAAyC;AAClC,IAAM,YAAY,GAAG,UAAC,EAA2C;QAAzC,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;IAClE,IAAA,+BAAU,EAAC,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/C,IAAA,GAAG,GAAwB,cAAI,IAA5B,EAAE,EAAE,GAAoB,cAAI,GAAxB,EAAE,MAAM,GAAY,cAAI,OAAhB,EAAE,KAAK,GAAK,cAAI,MAAT,CAAU;IAExC,IAAM,KAAK,GAAG,CACV,8BAAC,eAAK,IACF,cAAc,EAAE,OAAO,EACvB,YAAY,EAAE;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,MAAM;SAChB,EACD,KAAK,EAAE;YACH,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,0BAA0B;SACnC,EACD,MAAM,EAAE,MAAM;QACd,8BAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC;YAC/C,uCAAK,SAAS,EAAC,eAAe;gBAC1B,uCAAK,SAAS,EAAC,iBAAiB;oBAC5B,8BAAC,gBAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,MAAM,CACF;oBACT,8BAAC,gBAAM,IACH,OAAO,EAAE,IAAI,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,EAAE,CACE;oBACT,8BAAC,gBAAM,IACH,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,GAAG,CACC,CACP,CACJ,CACA,CACN,CACX,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC3B,OAAA,mBAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAAnE,CAAmE,CAAC;IAExE,OAAO,8BAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC;AAlDW,QAAA,YAAY,gBAkDvB"}

package/dist/esm/components/confirm-modal/ConfirmModal.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const ConfirmModal: ({ onClose, isOpen, onYes, onNo, storyName }: {
-    onClose: any;
-    isOpen: any;
-    onYes: any;
-    onNo: any;
-    storyName: any;
-}) => React.JSX.Element;

package/dist/esm/components/confirm-modal/ConfirmModal.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { useHotkeys } from 'react-hotkeys-hook';
-import Modal from '../modal/Modal';
-import Button from '../button/Button';
-import { confirm as copy } from '../../constants/copy';
-import Section from '../section/Section';
-export const ConfirmModal = ({ onClose, isOpen, onYes, onNo, storyName }) => {
-    useHotkeys('enter', onYes, { enableOnFormTags: true });
-    const { yes, no, cancel, title } = copy;
-    const modal = (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
-            left: '0px',
-            width: '100%',
-        }, style: {
-            width: '400px',
-            height: '13%',
-            top: 'calc(50% - 150px)',
-            left: 'calc((100% - 400px) / 2)'
-        }, isOpen: isOpen },
-        React.createElement(Section, { title: title.replace('[story]', storyName) },
-            React.createElement("div", { className: 'confirm-modal' },
-                React.createElement("div", { className: 'confirm-buttons' },
-                    React.createElement(Button, { onClick: onClose, size: 'large', color: 'default' }, cancel),
-                    React.createElement(Button, { onClick: onNo, size: 'large', color: 'default' }, no),
-                    React.createElement(Button, { onClick: onYes, size: 'large', style: 'bold', color: 'primary' }, yes))))));
-    const PortalContextComponent = () => ReactDOM.createPortal(modal, document.querySelector('#react-root'));
-    return React.createElement(PortalContextComponent, null);
-};
-//# sourceMappingURL=ConfirmModal.js.map

package/dist/esm/components/confirm-modal/ConfirmModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../../src/components/confirm-modal/ConfirmModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACxE,UAAU,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC,CAAC;IACvD,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IAExC,MAAM,KAAK,GAAG,CACV,oBAAC,KAAK,IACF,cAAc,EAAE,OAAO,EACvB,YAAY,EAAE;YACV,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,MAAM;SAChB,EACD,KAAK,EAAE;YACH,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,KAAK;YACb,GAAG,EAAE,mBAAmB;YACxB,IAAI,EAAE,0BAA0B;SACnC,EACD,MAAM,EAAE,MAAM;QACd,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC;YAC/C,6BAAK,SAAS,EAAC,eAAe;gBAC1B,6BAAK,SAAS,EAAC,iBAAiB;oBAC5B,oBAAC,MAAM,IACH,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,MAAM,CACF;oBACT,oBAAC,MAAM,IACH,OAAO,EAAE,IAAI,EACb,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,IACd,EAAE,CACE;oBACT,oBAAC,MAAM,IACH,OAAO,EAAE,KAAK,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,KAAK,EAAC,SAAS,IACd,GAAG,CACC,CACP,CACJ,CACA,CACN,CACX,CAAC;IAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAChC,QAAQ,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;IAExE,OAAO,oBAAC,sBAAsB,OAAG,CAAC;AACtC,CAAC,CAAC"}