@imposium-hub/components 2.16.0 → 3.0.0-1

package/src/components/publish-wizard/publish/EmailWorkflow.tsx

@@ -729,9 +729,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         };
 
         if (!publishDataset) {
-            if (!batchError) {
-                emailOptions.push(downloadSampleCsv);
-            }
+            emailOptions.push(downloadSampleCsv);
             emailOptions.push(selectCsv);
         } else {
             emailOptions.push(uploadDataset);
@@ -795,7 +793,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
 
         const downloadCSV = (
             <>
-                {downloadCSVDiv}
+                {this.props.error ? (this.props.next ? downloadCSVDiv : '') : downloadCSVDiv}
                 {this.renderColumnMap()}
             </>
         );
@@ -871,13 +869,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
                             />
                         );
                     })}
-                    {batchError && (
-                        <BigButton
-                            label={downloadCsvLabel}
-                            disabled={downloading}
-                            onClick={() => this.downloadCsv()}
-                        />
-                    )}
                 </div>
             </div>
         );

package/src/components/select-field/SelectField.tsx

@@ -23,15 +23,6 @@ interface ISelectFieldProps {
     showCopy?: boolean;
     onNotification?(e): void;
     onError?(e): void;
-
-    override?: any;
-    showCopyPropIds?: boolean;
-    propKey?: string;
-    setOverride?(e): void;
-    removeOverride?(): void;
-    inventory?: any;
-    onClose?(e: boolean): void;
-    activeOverride?: string;
 }
 
 class SelectField extends React.PureComponent<ISelectFieldProps> {
@@ -77,6 +68,7 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
 
     public render() {
         const {
+            label,
             showCopy,
             options,
             value,
@@ -88,15 +80,7 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
             info,
             labelPosition,
             labelWidth,
-            disableFirst,
-            propKey,
-            override,
-            inventory,
-            setOverride,
-            removeOverride,
-            onClose,
-            showCopyPropIds,
-            activeOverride
+            disableFirst
         } = this.props;
 
         const selectValue = value === null || value === undefined ? '' : value;
@@ -163,22 +147,13 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
         return (
             <FieldWrapper
                 customClass='select-field'
-                label={this.props.label}
+                label={label}
                 tooltip={tooltip}
                 buttons={btns}
                 info={info}
                 labelPosition={labelPosition}
                 labelWidth={labelWidth}
-                width={width}
-                propKey={propKey}
-                showCopyPropIds={showCopyPropIds}
-                inventory={inventory}
-                setOverride={setOverride}
-                onClose={onClose}
-                activeOverride={activeOverride}
-                removeOverride={removeOverride}
-                override={override}
-                type='text'>
+                width={width}>
                 <select
                     value={selectValue}
                     onChange={(e) => this.onChange(e)}

package/src/components/slider-field/SliderField.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import FieldWrapper from '../field-wrapper/FieldWrapper';
 import { IToolTipConfig } from '../Tooltip';
-import { ICON_CHECK } from '../../constants/icons';
 
 interface ISliderFieldProps {
     label?: any;
@@ -16,18 +15,6 @@ interface ISliderFieldProps {
     info?: string;
     labelPosition?: string;
     labelWidth?: string | number;
-    enabledToggle?: boolean;
-
-    override?: any;
-    showCopyPropIds?: boolean;
-    propKey?: string;
-    setOverride?(e): void;
-    removeOverride?(): void;
-    inventory?: any;
-    onClose?(e: boolean): void;
-    activeOverride?: string;
-
-    previewMultiplier?: number;
 }
 
 interface ISliderFieldState {
@@ -82,14 +69,6 @@ class SliderField extends React.PureComponent<ISliderFieldProps, ISliderFieldSta
         }
     }
 
-    private toggle() {
-        if (this.props.value !== undefined && this.props.value !== null) {
-            this.props.onChange(null);
-        } else {
-            this.props.onChange(this.props.defaultValue);
-        }
-    }
-
     public render() {
         const {
             label,
@@ -102,24 +81,16 @@ class SliderField extends React.PureComponent<ISliderFieldProps, ISliderFieldSta
             tooltip,
             info,
             labelPosition,
-            labelWidth,
-            enabledToggle,
-            propKey,
-            showCopyPropIds,
-            inventory,
-            setOverride,
-            onClose,
-            activeOverride,
-            removeOverride,
-            override,
-            previewMultiplier
+            labelWidth
         } = this.props;
         const { tempValue } = this.state;
-        const valueSet = value !== null && value !== undefined;
-        const val = tempValue !== null ? tempValue : !valueSet ? defaultValue : value;
 
-        const showInputs = (enabledToggle && valueSet) || !enabledToggle;
-        const icon = valueSet ? ICON_CHECK : null;
+        const val =
+            tempValue !== null
+                ? tempValue
+                : value === null || value === undefined
+                ? defaultValue
+                : value;
 
         return (
             <FieldWrapper
@@ -129,45 +100,22 @@ class SliderField extends React.PureComponent<ISliderFieldProps, ISliderFieldSta
                 info={info}
                 labelPosition={labelPosition}
                 labelWidth={labelWidth}
-                width={width}
-                propKey={propKey}
-                showCopyPropIds={showCopyPropIds}
-                inventory={inventory}
-                setOverride={setOverride}
-                onClose={onClose}
-                activeOverride={activeOverride}
-                removeOverride={removeOverride}
-                override={override}
-                type='number'
-                previewMultiplier={previewMultiplier}>
-                {enabledToggle && (
-                    <div
-                        className='checkbox'
-                        onClick={(e) => this.toggle()}>
-                        {icon}
-                    </div>
-                )}
-
-                {showInputs && (
-                    <input
-                        className={enabledToggle ? 'toggle' : ''}
-                        onChange={(e) => this.rangeInputChange(e)}
-                        type='range'
-                        min={min}
-                        max={max}
-                        value={val}
-                        step={step}
-                    />
-                )}
-
-                {showInputs && (
-                    <input
-                        className='val'
-                        onChange={(e) => this.numberInputChange(e)}
-                        type='number'
-                        value={val}
-                    />
-                )}
+                width={width}>
+                <input
+                    onChange={(e) => this.rangeInputChange(e)}
+                    type='range'
+                    min={min}
+                    max={max}
+                    value={val}
+                    step={step}
+                />
+
+                <input
+                    className='val'
+                    onChange={(e) => this.numberInputChange(e)}
+                    type='number'
+                    value={val}
+                />
             </FieldWrapper>
         );
     }

package/src/components/smpte-field/SMPTEField.tsx

@@ -87,20 +87,14 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
         }
     }
 
-    private onError(isValid) {
-        if (this.props.onError) {
-            this.props.onError(isValid);
-        }
-    }
-
     private onChange() {
         const val = this.inputRef.current.value;
         const isValid = this.SMTPEValidator(val);
 
-        if (isValid && this.props.onChange) {
+        if (isValid) {
             this.props.onChange(val);
         } else {
-            this.onError(isValid);
+            this.props.onError(isValid);
         }
     }
 
@@ -111,7 +105,7 @@ class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFieldState>
             if (smpte && this.props.onBlur) {
                 this.props.onBlur(smpte);
             } else {
-                this.onError(isValid);
+                this.props.onError(isValid);
             }
         }
     }

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

@@ -20,7 +20,7 @@ import ImagePlayer from '../players/ImagePlayer';
 import { saveAs } from 'file-saver';
 import MediaVariableField from '../media-variable-field/MediaVariableField';
 import { IExperience } from '../../interfaces/experience';
-import { useResizeDetector } from 'react-resize-detector';
+import ReactResizeDetector from 'react-resize-detector';
 import { ERROR, previewer as copy } from '../../constants/copy';
 import { formattedTime } from '../../Util';
 import Timer from '../../services/Timer';
@@ -30,25 +30,6 @@ import { ICON_DOWNLOAD, ICON_CLIPBOARD } from '../../constants/icons';
 import AudioPlayer from '../players/AudioPlayer';
 import ColorField from '../color-field/ColorField';
 
-const ResizeDetectorWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-    const { width, height, ref } = useResizeDetector<HTMLDivElement>({
-        handleWidth: true,
-        handleHeight: true
-    });
-    return (
-        <div
-            ref={ref}
-            style={{ width: '100%', height: '100%' }}>
-            {React.Children.map(children, (child) => {
-                if (React.isValidElement(child)) {
-                    return React.cloneElement(child, { width, height } as any);
-                }
-                return child;
-            })}
-        </div>
-    );
-};
-
 interface IStoryPreviewerProps {
     api: IImposiumAPI;
     storyId: string;
@@ -449,18 +430,6 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                             />
                         );
                         break;
-                    case VARIABLE_TYPES.QR_CODE:
-                        fields.push(
-                            <TextField
-                                label={inv.name}
-                                key={inv.id}
-                                value={inventory[inv.id]}
-                                onChange={(v) => this.variableInputChanged(inv.id, v)}
-                                labelPosition='top'
-                                width='100%'
-                            />
-                        );
-                        break;
                 }
             }
         }
@@ -805,7 +774,13 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                 );
             }
 
-            return <ResizeDetectorWrapper>{player}</ResizeDetectorWrapper>;
+            return (
+                <ReactResizeDetector
+                    handleWidth
+                    handleHeight>
+                    {player}
+                </ReactResizeDetector>
+            );
         }
 
         return null;

package/src/components/tabs/Tabs.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useResizeDetector } from 'react-resize-detector';
+import { withResizeDetector } from 'react-resize-detector';
 import ButtonMenu from '../button-menu/ButtonMenu';
 import ButtonMenuItem from '../button-menu/ButtonMenuItem';
 import Button from '../button/Button';
@@ -14,15 +14,15 @@ export interface ITab {
     menuButtons?: JSX.Element;
 }
 
-export interface ITabsProps {
+interface ITabsProps {
     activeTab?: string;
     keepMounted?: boolean;
     options: ITab[];
     onChange(i): void;
-    onClose?(i): void;
+    onClose(i): void;
     tabPadding?: number;
-    width?: number;
-    height?: number;
+    width: number;
+    height: number;
 }
 
 interface ITabsState {
@@ -85,7 +85,7 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
     }
 
     private renderContent() {
-        const { options, activeTab, keepMounted, width = 0, height = 0 } = this.props;
+        const { options, activeTab, keepMounted, width, height } = this.props;
 
         if (keepMounted) {
             const contentArray = [];
@@ -132,9 +132,7 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
                     onClick={(e) => {
                         e.preventDefault();
                         e.stopPropagation();
-                        if (this.props.onClose) {
-                            this.props.onClose(key);
-                        }
+                        this.props.onClose(key);
                     }}>
                     {ICON_TIMES}
                 </Button>
@@ -220,19 +218,4 @@ class Tabs extends React.PureComponent<ITabsProps, ITabsState> {
     }
 }
 
-const TabsWithResize: React.FC<Omit<ITabsProps, 'width' | 'height'>> = (props) => {
-    const { width = 0, height = 0, ref } = useResizeDetector<HTMLDivElement>();
-    return (
-        <div
-            ref={ref}
-            style={{ width: '100%', height: '100%' }}>
-            <Tabs
-                {...props}
-                width={width}
-                height={height}
-            />
-        </div>
-    );
-};
-
-export default TabsWithResize;
+export default withResizeDetector(Tabs);

package/src/components/text-field/TextField.tsx

@@ -46,7 +46,6 @@ interface ITextFieldProps {
     labelWidth?: string | number;
     className?: string;
     maxLength?: number;
-    header?: boolean;
 }
 
 interface ITextFieldState {
@@ -488,8 +487,7 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
     }
 
     public render() {
-        const { label, width, tooltip, info, labelPosition, labelWidth, className, header } =
-            this.props;
+        const { label, width, tooltip, info, labelPosition, labelWidth, className } = this.props;
         return (
             <FieldWrapper
                 customClass={`text-field ${className}`}
@@ -499,8 +497,7 @@ class TextField extends React.PureComponent<ITextFieldProps, ITextFieldState> {
                 info={info}
                 labelPosition={labelPosition}
                 labelWidth={labelWidth}
-                width={width}
-                header={header}>
+                width={width}>
                 {this.renderInput()}
             </FieldWrapper>
         );

package/src/constants/copy.ts

@@ -127,8 +127,6 @@ export const compositions = {
 };
 
 export const publish = {
-    errorGettingCreatives: 'Error getting creatives linked to project: {{ERR}}',
-    disabledCreativeTooltip: 'You cannot publish a project to a creative with Approved status.',
     uploadAsAssets: 'Upload as Assets',
     noVariablesError:
         'No variables found on the project. Cannot proceed with publishing to Creative Manager until at least one variable is added to the project.',
@@ -147,24 +145,8 @@ export const publish = {
         'Your videos have finished rendering. They will appear in Creative Manager momentarily.',
     renderComplete: 'Render Complete!',
 
-    // review changes
-    reviewChangesStepTitle: 'STEP 1: Review Changes',
-    reviewChangesDescription:
-        'Review the changes made since your last publish. You can publish these changes or skip to distribution.',
-    noChangesMessage: 'No changes detected since last publish.',
-    loadingChangesMessage: 'Loading changes...',
-    publishNotesLabel: 'Publish notes',
-    publishNotesPlaceholder: 'Describe the changes in this version...',
-    publishNotesMaxLength: 2000,
-
-    // change report status labels
-    statusAdded: 'Added',
-    statusRemoved: 'Removed',
-    statusModified: 'Modified',
-
     // publish
     publishStepTitle: 'STEP 1: Publish your Project',
-    publishStepTitleFromCrM: 'STEP 1: Publish your Project to selected Creatives',
     publishStepDesc:
         "Your project needs to be published before your changes can be seen. If you haven't made any changes since the last time you published, you can skip to the next step.",
 
@@ -294,7 +276,7 @@ export const ERROR: any = {
 export const copying: any = {
     copied: 'Copied to clipboard!',
     error: 'Error copying to clipboard.',
-    tooltip: 'Copy to Clipboard'
+    tooltip: 'Copy to clipboard!'
 };
 
 export const confirm: any = {
@@ -302,7 +284,3 @@ export const confirm: any = {
     no: 'No',
     cancel: 'Cancel'
 };
-
-export const fontField = {
-    fontNotFound: 'Font not found'
-};

package/src/constants/icons.tsx

@@ -60,12 +60,6 @@ import { faJs } from '@fortawesome/free-brands-svg-icons/faJs';
 import { faDownload } from '@fortawesome/free-solid-svg-icons/faDownload';
 import { faUpload } from '@fortawesome/free-solid-svg-icons/faUpload';
 import { faCode } from '@fortawesome/free-solid-svg-icons/faCode';
-import { faHashtag } from '@fortawesome/free-solid-svg-icons/faHashtag';
-import { faToggleOn } from '@fortawesome/free-solid-svg-icons/faToggleOn';
-import { faVolumeUp } from '@fortawesome/free-solid-svg-icons/faVolumeUp';
-import { faPalette } from '@fortawesome/free-solid-svg-icons/faPalette';
-import { faQrcode } from '@fortawesome/free-solid-svg-icons/faQrcode';
-import { faEye } from '@fortawesome/free-solid-svg-icons/faEye';
 import {
     faArrowDown,
     faArrowLeft,
@@ -80,13 +74,12 @@ import {
 import { faCircleSmall } from '@fortawesome/pro-solid-svg-icons/faCircleSmall';
 import { faClapperboardPlay } from '@fortawesome/pro-solid-svg-icons/faClapperboardPlay';
 import {
-    faBracketsCurly,
     faCloudArrowUp,
     faFileCirclePlus,
     faFilePen,
     faFilters
 } from '@fortawesome/pro-solid-svg-icons';
-import { faCircleExclamation, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { faCircleExclamation } from '@fortawesome/free-solid-svg-icons';
 
 export const ICON_VIDEO = <FontAwesomeIcon icon={faVideo} />;
 
@@ -167,11 +160,6 @@ export const ICON_ALIGN_RIGHT = <FontAwesomeIcon icon={faAlignRight} />;
 export const ICON_ALIGN_CENTER = <FontAwesomeIcon icon={faAlignCenter} />;
 
 export const ICON_BARS = <FontAwesomeIcon icon={faBars} />;
-export const ICON_HASHTAG = <FontAwesomeIcon icon={faHashtag} />;
-export const ICON_TOGGLE_ON = <FontAwesomeIcon icon={faToggleOn} />;
-export const ICON_VOLUME_UP = <FontAwesomeIcon icon={faVolumeUp} />;
-export const ICON_PALETTE = <FontAwesomeIcon icon={faPalette} />;
-export const ICON_QRCODE = <FontAwesomeIcon icon={faQrcode} />;
 
 export const ICON_ARROW_UP = <FontAwesomeIcon icon={faArrowToTop} />;
 
@@ -244,9 +232,3 @@ export const ICON_FILE_ERROR = <FontAwesomeIcon icon={faCircleExclamation} />;
 export const ICON_FILE_ADD = <FontAwesomeIcon icon={faFileCirclePlus} />;
 
 export const ICON_FILE_REPLACE = <FontAwesomeIcon icon={faFilePen} />;
-
-export const ICON_EYE = <FontAwesomeIcon icon={faEye} />;
-
-export const ICON_BRACKET_CURLY = <FontAwesomeIcon icon={faBracketsCurly} />;
-
-export const ICON_WARNING = <FontAwesomeIcon icon={faTriangleExclamation} />;

package/src/constants/publish.ts

@@ -27,39 +27,3 @@ export const CRM_PLACEMENT_VARS = [
 export const ADSTUDIO_POST_RENDER_ACTION = 'crm-adstudio';
 
 export const ASSETS_POST_RENDER_ACTION = 'crm-asset';
-
-export const CREATIVE_STATUSES = {
-    PENDING_APPROVAL: 'PENDING_APPROVAL',
-    UNSUBMITTED: 'UNSUBMITTED',
-    PRODUCTION_INCOMPLETE: 'PRODUCTION_INCOMPLETE',
-    APPROVED: 'APPROVED',
-    REJECTED: 'REJECTED',
-    FAILED: 'FAILED',
-    TRANSCODING: 'TRANSCODING',
-    TRANSCODING_ERROR: 'TRANSCODING_ERROR',
-    SUBMITTED: 'SUBMITTED'
-};
-
-export const CREATIVE_STATUS_LABELS = {
-    PENDING_APPROVAL: 'Pending Approval',
-    UNSUBMITTED: 'Production',
-    PRODUCTION_INCOMPLETE: 'Production',
-    APPROVED: 'Approved',
-    REJECTED: 'Rejected',
-    FAILED: 'Failed',
-    TRANSCODING: 'Transcoding',
-    TRANSCODING_ERROR: 'Transcoding Error',
-    SUBMITTED: 'Submitted'
-};
-
-export const CREATIVE_STATUSES_TO_PUBLISH = [
-    CREATIVE_STATUSES.UNSUBMITTED,
-    CREATIVE_STATUSES.PRODUCTION_INCOMPLETE,
-    CREATIVE_STATUSES.REJECTED,
-    CREATIVE_STATUSES.FAILED
-];
-
-export const CRM_INTEGRATED_PROJECT_TYPES = {
-    SINGLE_CREATIVE: 'SINGLE_CREATIVE',
-    MULTI_CREATIVE: 'MULTI_CREATIVE'
-};

package/src/constants/variables.ts

@@ -6,8 +6,7 @@ export const VARIABLE_TYPES = {
     IMAGE: 'image',
     VIDEO: 'video',
     AUDIO: 'audio',
-    COLOR: 'color',
-    QR_CODE: 'qr_code'
+    COLOR: 'color'
 };
 
 export const BOOLEAN_DEFAULT_OPTIONS = [
@@ -63,19 +62,3 @@ export const RGBAtoHexA = (red, green, blue, alpha) => {
     if (a.length === 1) a = '0' + a;
     return '#' + r + g + b + a;
 };
-
-export const getOverrideHandler = (propKey, override, inventory) => {
-    const propKeys = propKey ? propKey.split('.') : [];
-
-    const getOverride = () => {
-        if (propKeys.length === 0) return undefined;
-        return propKeys.reduce((acc, key) => acc?.[key], override);
-    };
-
-    const hasOverride = getOverride();
-
-    const previewItem =
-        hasOverride && inventory[hasOverride] ? inventory[hasOverride].previewItem.src : null;
-
-    return { hasOverride, previewItem };
-};

package/src/index.ts

@@ -7,7 +7,7 @@ import Button from './components/button/Button';
 import ButtonMenu from './components/button-menu/ButtonMenu';
 import ButtonMenuItem from './components/button-menu/ButtonMenuItem';
 import Card from './components/card/Card';
-import ControlledList, { ControlListType } from './components/controlled-list/ControlledList';
+import ControlledList from './components/controlled-list/ControlledList';
 import DataTable from './components/data-table/DataTable';
 import DataTablePaginator from './components/data-table/DataTablePaginator';
 import Modal from './components/modal/Modal';
@@ -16,7 +16,7 @@ import FieldWrapper from './components/field-wrapper/FieldWrapper';
 import CheckboxField from './components/checkbox-field/CheckboxField';
 import ListField from './components/list-field/ListField';
 import ButtonGroupField from './components/button-group-field/ButtonGroupField';
-import NumberField, { validateNumInput } from './components/number-field/NumberField';
+import NumberField from './components/number-field/NumberField';
 import SelectField from './components/select-field/SelectField';
 import TextField from './components/text-field/TextField';
 import TextAreaField from './components/text-area-field/TextAreaField';
@@ -114,9 +114,8 @@ import batchActions from './redux/actions/active-batch';
 /*
     Statics / Services
  */
-import API, { IElevenLabsOptions, IImposiumAPI } from './services/API';
+import API, { IImposiumAPI } from './services/API';
 import LegacyAPI from './services/API-Legacy';
-import CrmApi, { ICrmApi } from './services/CrmApi';
 import StorageService from './services/Storage';
 import Timer from './services/Timer';
 
@@ -164,12 +163,6 @@ import { pushRoute, replaceRoute } from './utils/routing';
 import { ProjectDropdown } from './components/header/ProjectDropdown';
 import { openConfirmModal } from './utils/modal';
 import { ConfirmModal, IConfirmModalProps } from './components/confirm-modal/ConfirmModal';
-import TextAreaAutocomplete from './components/text-area-autocomplete/TextAreaAutocomplete';
-import IconToggle from './components/icon-toggle/IconToggle';
-import { DEFAULT_FONTS } from './constants/fonts';
-import FontField from './components/font-field/FontField';
-import { IChangeReportNode, IChangeReportSection, IPublishLogEntry } from './constants/snippets';
-import ChangeReportTree from './components/change-report/ChangeReportTree';
 
 export {
     ProjectDropdown,
@@ -283,8 +276,6 @@ export {
     batchActions,
     API,
     IImposiumAPI,
-    ICrmApi,
-    CrmApi,
     LegacyAPI,
     StorageService,
     Timer,
@@ -330,16 +321,5 @@ export {
     CopyPropIdButton,
     ConfirmModal,
     IConfirmModalProps,
-    openConfirmModal,
-    IElevenLabsOptions,
-    TextAreaAutocomplete,
-    ControlListType,
-    IconToggle,
-    DEFAULT_FONTS,
-    FontField,
-    validateNumInput,
-    IChangeReportNode,
-    IChangeReportSection,
-    IPublishLogEntry,
-    ChangeReportTree
+    openConfirmModal
 };

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

@@ -87,7 +87,7 @@ export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string):
                 })
                 .catch((errors: Error[]) => {
                     dispatch(toggleLoading(false));
-                    reject(errors);
+                    reject(false);
                 });
         });
     };