@imposium-hub/components 2.5.10-13 → 2.5.10-14

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,8 +7,7 @@ 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',
-    ERROR: 'assetUploads/ERROR'
+    REMOVE_UPLOAD: 'assetUploads/REMOVE_UPLOAD'
 };
 
 const POLL_INTERVAL: number = 5000;
@@ -242,15 +241,6 @@ 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,19 +47,6 @@ 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,9 +153,6 @@ interface ITTSOptions {
     voice: string;
     service: string;
     model?: string;
-    speed?: string;
-    pause_silences?: boolean;
-    minimum_silence_length?: number;
 }
 
 interface ICancelTokenCache {
@@ -1610,18 +1607,6 @@ 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/assets/AssetsTableAssetIdCell.tsx

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { copying } from '../../constants/copy';
-import { updateFilters } from '../../redux/actions/asset-filters';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-
-interface IAssetsTableAssetIdCellProps {
-    cell: any;
-    onNotification?: (e) => void;
-    onError?: (e) => void;
-}
-
-const AssetsTableAssetIdCell: React.FC<IAssetsTableAssetIdCellProps> = (
-    props: IAssetsTableAssetIdCellProps
-) => {
-    const {
-        onNotification,
-        onError,
-        cell: {
-            row: {
-                original: { id }
-            }
-        }
-    } = props;
-    console.log('AssetsTableAssetIdCell');
-    console.log(id);
-
-    const copyToClipboard = (e) => {
-        navigator.clipboard.writeText(e.target.textContent).then(
-            () => {
-                if (onNotification) {
-                    onNotification(`${copying.copied}`);
-                }
-            },
-            () => {
-                if (onError) {
-                    onError(`${copying.error}`);
-                }
-            }
-        );
-    };
-
-    return (
-        <div
-            key={id}
-            className='imposium-asset-id'
-            onClick={(e) => copyToClipboard(e)}>
-            {id}
-        </div>
-    );
-};
-
-const mapDispatchToProps = (dispatch): any => {
-    return bindActionCreators({ updateFilters }, dispatch);
-};
-
-const mapStateToProps = (state): any => {
-    return { assetFilters: state.assetFilters };
-};
-
-const AssetsTableAssetIdCellMemoized = connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(React.memo(AssetsTableAssetIdCell));
-export default AssetsTableAssetIdCellMemoized;

package/src/components/assets/AssetsTableAssetIdFilter.tsx

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import TextField from '../text-field/TextField';
-import { updateFilters } from '../../redux/actions/asset-filters';
-import { connect } from 'react-redux';
-import { bindActionCreators } from 'redux';
-
-interface IAssetsTableAssetIdFilterProps {
-    assetFilters: any;
-    updateFilters: (filters: any) => any;
-}
-
-class AssetsTableAssetIdFilter extends React.PureComponent<IAssetsTableAssetIdFilterProps> {
-    public render = (): JSX.Element => {
-        const { assetFilters } = this.props;
-
-        return (
-            <TextField
-                className='asset-id'
-                submittable
-                submittableType='search'
-                value={assetFilters.id}
-                doSubmit={(n) => this.props.updateFilters({ id: n })}
-            />
-        );
-    };
-}
-
-const mapDispatchToProps = (dispatch): any => {
-    return bindActionCreators({ updateFilters }, dispatch);
-};
-
-const mapStateToProps = (state): any => {
-    return { assetFilters: state.assetFilters };
-};
-
-const AssetsTableAssetIdFilterMemoized = connect(
-    mapStateToProps,
-    mapDispatchToProps
-)(React.memo(AssetsTableAssetIdFilter));
-export default AssetsTableAssetIdFilterMemoized;