@imposium-hub/components 2.5.10-9 → 2.5.11-0

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

@@ -78,19 +78,22 @@ export const getAssets = (api: IImposiumAPI, storyId: string): any => {
 
 export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string): any => {
     return (dispatch) => {
-        return new Promise<boolean>((resolve, reject) => {
-            dispatch(toggleLoading(true));
-            api.deleteAssets(ids)
-                .then(() => {
-                    dispatch(getAssets(api, storyId));
-                    dispatch(toggleLoading(false));
-                    resolve(true);
-                })
-                .catch((errors: Error[]) => {
-                    dispatch(toggleLoading(false));
-                    reject(false);
-                });
-        });
+        if (window.confirm(`Are you sure you want to delete ${ids.length} assets?`)) {
+            return new Promise<boolean>((resolve, reject) => {
+                dispatch(toggleLoading(true));
+                api.deleteAssets(ids)
+                    .then(() => {
+                        dispatch(getAssets(api, storyId));
+                        resolve(true);
+                    })
+                    .catch((errors: Error[]) => {
+                        dispatch(toggleLoading(false));
+                        reject(false);
+                    });
+            });
+        } else {
+            return Promise.resolve(false);
+        }
     };
 };
 
@@ -191,18 +194,20 @@ export const deleteAssetTags = (api: IImposiumAPI, id: string): any => {
 
 export const deleteAssetsTags = (api: IImposiumAPI, ids: string[], storyId: string): any => {
     return (dispatch) => {
-        return new Promise<void>((resolve, reject) => {
-            dispatch(toggleLoading(true));
-            api.deleteAssetsTags(ids)
-                .then(() => {
-                    dispatch(getAssets(api, storyId));
-                    resolve();
-                })
-                .catch((errors: Error[]) => {
-                    dispatch(toggleLoading(false));
-                    reject();
-                });
-        });
+        if (window.confirm(`Are you sure you want to remove all tags from ${ids.length} assets?`)) {
+            return new Promise<void>((resolve, reject) => {
+                dispatch(toggleLoading(true));
+                api.deleteAssetsTags(ids)
+                    .then(() => {
+                        dispatch(getAssets(api, storyId));
+                        resolve();
+                    })
+                    .catch((errors: Error[]) => {
+                        dispatch(toggleLoading(false));
+                        reject();
+                    });
+            });
+        }
     };
 };
 
@@ -240,18 +245,20 @@ export const updateAssetStory = (api: IImposiumAPI, id: string, storyId: string)
 
 export const decoupleAssets = (api: IImposiumAPI, ids: string[], storyId: string): any => {
     return (dispatch) => {
-        return new Promise<void>((resolve, reject) => {
-            dispatch(toggleLoading(true));
-            api.decoupleAssets(ids)
-                .then(() => {
-                    dispatch(getAssets(api, storyId));
-                    resolve();
-                })
-                .catch((errors: Error[]) => {
-                    dispatch(toggleLoading(false));
-                    reject();
-                });
-        });
+        if (window.confirm(`Are you sure you want to decouple ${ids.length} assets?`)) {
+            return new Promise<void>((resolve, reject) => {
+                dispatch(toggleLoading(true));
+                api.decoupleAssets(ids)
+                    .then(() => {
+                        dispatch(getAssets(api, storyId));
+                        resolve();
+                    })
+                    .catch((errors: Error[]) => {
+                        dispatch(toggleLoading(false));
+                        reject();
+                    });
+            });
+        }
     };
 };
 

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);
                         }
                     });
             }

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

@@ -47,6 +47,19 @@ 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',

package/src/components/confirm-modal/ConfirmModal.tsx

@@ -1,70 +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,
-    onYes,
-    onNo,
-    title,
-    onYesLabel,
-    onNoLabel,
-    showCancel
-}) => {
-    useHotkeys('enter', onYes, { enableOnFormTags: true });
-    const { cancel } = copy;
-
-    const modal = (
-        <Modal
-            onRequestClose={onClose}
-            wrapperStyle={{
-                left: '0px',
-                width: '100%'
-            }}
-            style={{
-                width: '400px',
-                height: '12%',
-                top: 'calc(50% - 150px)',
-                left: 'calc((100% - 400px) / 2)'
-            }}
-            isOpen={true}>
-            <Section>
-                <div className='confirm-modal'>
-                    <p>{title}</p>
-                    <div className='confirm-buttons'>
-                        {showCancel ? (
-                            <Button
-                                onClick={onClose}
-                                size='large'
-                                color='default'>
-                                {cancel}
-                            </Button>
-                        ) : null}
-                        <Button
-                            onClick={onNo}
-                            size='large'
-                            color='default'>
-                            {onNoLabel}
-                        </Button>
-                        <Button
-                            onClick={onYes}
-                            size='large'
-                            style='bold'
-                            color='primary'>
-                            {onYesLabel}
-                        </Button>
-                    </div>
-                </div>
-            </Section>
-        </Modal>
-    );
-
-    const PortalContextComponent = () =>
-        ReactDOM.createPortal(modal, document.querySelector('#react-root'));
-
-    return <PortalContextComponent />;
-};