@imposium-hub/components 2.5.10-9 → 2.5.10

package/src/constants/copy.ts

@@ -273,7 +273,7 @@ export const copying: any = {
 };
 
 export const confirm: any = {
-    yes: 'Save',
-    no: "Don't Save",
+    yes: 'Yes',
+    no: 'No',
     cancel: 'Cancel'
 };

package/src/constants/icons.tsx

@@ -74,6 +74,7 @@ import {
 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 { faCircleExclamation } from '@fortawesome/free-solid-svg-icons';
 
 export const ICON_VIDEO = <FontAwesomeIcon icon={faVideo} />;
 
@@ -220,3 +221,5 @@ 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} />;
+
+export const ICON_FILE_ERROR = <FontAwesomeIcon icon={faCircleExclamation} />;

package/src/constants/variables.ts

@@ -5,7 +5,8 @@ export const VARIABLE_TYPES = {
     ENUM: 'enum',
     IMAGE: 'image',
     VIDEO: 'video',
-    AUDIO: 'audio'
+    AUDIO: 'audio',
+    COLOR: 'color'
 };
 
 export const BOOLEAN_DEFAULT_OPTIONS = [
@@ -18,3 +19,28 @@ export const BOOLEAN_DEFAULT_OPTIONS = [
         label: 'False'
     }
 ];
+
+export const colorPresets = [
+    '#D0021B',
+    '#F5A623',
+    '#F8E71C',
+    '#8B572A',
+    '#7ED321',
+    '#417505',
+    '#BD10E0',
+    '#9013FE',
+    '#4A90E2',
+    '#50E3C2',
+    '#B8E986',
+    '#000000',
+    '#4A4A4A',
+    '#9B9B9B',
+    '#FFFFFF',
+    'transparent'
+];
+
+export const formatColor = (color) => {
+    const { r, g, b, a } = color.rgb;
+    const alpha = color.source === 'hsv' ? 1 : a;
+    return `rgba(${r},${g},${b},${alpha})`;
+};

package/src/index.ts

@@ -158,7 +158,7 @@ import ContextMenuItem from './components/context-menu/ContextMenuItem';
 import ContextMenuTrigger from './components/context-menu/ContextMenuTrigger';
 import CopyPropIdButton from './components/copy-prop-id-button/CopyPropIdButton';
 import Submenu from './components/context-menu/SubMenu';
-import { ConfirmModal } from './components/confirm-modal/ConfirmModal';
+import { ConfirmModal, IConfirmModalProps } from './components/confirm-modal/ConfirmModal';
 
 export {
     AppWrapper,
@@ -313,5 +313,6 @@ export {
     ContextMenuTrigger,
     Submenu,
     CopyPropIdButton,
-    ConfirmModal
+    ConfirmModal,
+    IConfirmModalProps
 };

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

@@ -83,7 +83,6 @@ export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string):
             api.deleteAssets(ids)
                 .then(() => {
                     dispatch(getAssets(api, storyId));
-                    dispatch(toggleLoading(false));
                     resolve(true);
                 })
                 .catch((errors: Error[]) => {

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

@@ -7,7 +7,8 @@ const assetUploadsActions: any = {
     UPDATE_UPLOAD: 'assetUploads/UPDATE_UPLOAD',
     UPDATE_PERCENT_UPLOADED: 'assetUploads/UPDATE_PERCENT_UPLOADED',
     ADD_UPLOAD_ASSET_ID: 'assetUploads/ADD_UPLOAD_ASSET_ID',
-    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD'
+    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD',
+    ERROR: 'assetUploads/ERROR'
 };
 
 const POLL_INTERVAL: number = 5000;
@@ -241,6 +242,15 @@ const uploadAssetHandler = (api: IImposiumAPI, dispatch, getStore) => {
                         if (axios.isCancel(e) && currentQueue !== queueLength - 1) {
                             currentQueue = currentQueue + 1;
                             createPromise(currentQueue);
+                        } else {
+                            const error: any = { ...e };
+                            const errorMsg = error.response.data.error.split(':')[0];
+                            dispatch({
+                                type: assetUploadsActions.ERROR,
+                                filename: uploadBlobs[activeIndex].filename,
+                                errorMsg
+                            });
+                            doAssetTableHydration(api, storyId);
                         }
                     });
             }
@@ -354,6 +364,15 @@ export const replaceAsset = (
                         if (axios.isCancel(e) && currentQueue !== queueLength - 1) {
                             currentQueue = currentQueue + 1;
                             createPromise(currentQueue);
+                        } else {
+                            const error: any = { ...e };
+                            const errorMsg = error.response.data.error.split(':')[0];
+                            dispatch({
+                                type: assetUploadsActions.ERROR,
+                                filename: replacedFileBlobs[activeIndex].filename,
+                                errorMsg
+                            });
+                            doAssetTableHydration(api, storyId);
                         }
                     });
             };

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

@@ -47,6 +47,17 @@ const assetUploads = (state = initialState, action): any => {
                 ...state,
                 uploads: state.uploads.filter((u: any) => u.filename !== action.filename)
             };
+        case assetUploadsActions.ERROR:
+            const newError = state.uploads.map((u: any) => {
+                if (u.filename === action.filename) {
+                    return { ...u, error: action.errorMsg };
+                }
+                return u;
+            });
+            return {
+                ...state,
+                uploads: newError
+            };
         default:
             return state;
     }

package/src/services/API.ts

@@ -153,6 +153,9 @@ interface ITTSOptions {
     voice: string;
     service: string;
     model?: string;
+    speed?: string;
+    pause_silences?: boolean;
+    minimum_silence_length?: number;
 }
 
 interface ICancelTokenCache {
@@ -1607,6 +1610,18 @@ export default class API {
             url += `&model=${options.model}`;
         }
 
+        if (options.speed) {
+            url += `&speed=${options.speed}`;
+        }
+
+        if (options.pause_silences) {
+            url += `&pause_silences=${options.pause_silences}`;
+        }
+
+        if (options.minimum_silence_length) {
+            url += `&minimum_silence_length=${options.minimum_silence_length}`;
+        }
+
         return this.doRequest({
             url,
             method: 'GET',