@imposium-hub/components 1.54.4 → 1.56.0

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

@@ -76,7 +76,6 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
             labelPosition,
             disableFirst
         } = this.props;
-        let opts = [];
 
         const selectValue = value === null || value === undefined ? '' : value;
         const caret = (
@@ -110,24 +109,34 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
             );
         }
 
-        if (options) {
-            opts = options.map((option, i) => {
+        const getOptions = (o) => {
+            return o.map((option, i) => {
                 const disabled =
                     (i === 0 && disableFirst) || (option.disabled !== undefined && option.disabled)
                         ? true
                         : false;
                 const optionValue = option.value !== undefined ? option.value : option;
                 const optionLabel = option.label !== undefined ? option.label : option;
-                return (
-                    <option
-                        disabled={disabled}
-                        key={`option-${optionValue}`}
-                        value={optionValue}>
-                        {optionLabel}
-                    </option>
-                );
+                if (option.type === 'group') {
+                    return (
+                        <optgroup
+                            label={option.label}
+                            key={`opt-group-${option.label}`}>
+                            {getOptions(option.options)}
+                        </optgroup>
+                    );
+                } else {
+                    return (
+                        <option
+                            disabled={disabled}
+                            key={`option-${optionValue}`}
+                            value={optionValue}>
+                            {optionLabel}
+                        </option>
+                    );
+                }
             });
-        }
+        };
 
         return (
             <FieldWrapper
@@ -143,7 +152,7 @@ class SelectField extends React.PureComponent<ISelectFieldProps> {
                     onChange={(e) => this.onChange(e)}
                     ref={selectRef}
                     disabled={disable}>
-                    {opts}
+                    {getOptions(options)}
                 </select>
             </FieldWrapper>
         );

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

@@ -12,15 +12,16 @@ import FieldWrapper from '../field-wrapper/FieldWrapper';
 import HRule from '../h-rule/HRule';
 import VideoPlayer from '../players/VideoPlayer';
 import ImagePlayer from '../players/ImagePlayer';
-
+import { saveAs } from 'file-saver';
 import MediaVariableField from '../media-variable-field/MediaVariableField';
 import { IExperience } from '../../interfaces/experience';
 import ReactResizeDetector from 'react-resize-detector';
-import { previewer as copy } from '../../constants/copy';
+import { ERROR, previewer as copy } from '../../constants/copy';
 import { formattedTime } from '../../Util';
 import Timer from '../../services/Timer';
 import LogViewer from '../log-viewer/LogViewer';
 import { connect } from 'react-redux';
+import { ICON_DOWNLOAD, ICON_CLIPBOARD } from '../../constants/icons';
 
 interface IStoryPreviewerProps {
     api: IImposiumAPI;
@@ -36,11 +37,14 @@ interface IStoryPreviewerProps {
     onExperenceLoaded?(exp: IExperience): void;
     onError?(n: string): void;
     notifications: any;
+    allowCompOverride: any;
+    compositionOptions?: any[];
 }
 
 interface IStoryPreviewerState {
     inventory: any;
     inventoryOptions: any;
+    compositionOverride: string;
     experienceId: string;
     jobId: string;
     experience: IExperience;
@@ -72,7 +76,8 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             timeElapsed: 0,
             activeOutput: '',
             rendering: false,
-            isTimeOut: false
+            isTimeOut: false,
+            compositionOverride: null
         };
 
         this.timer = new Timer({
@@ -85,6 +90,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         this.evtHandlers = {
             toggleOutput: (e) => this.toggleActiveOutput(e),
             createExp: () => this.createExperience(),
+            compChange: (c) => this.compChanged(c),
             gotExperience: null
         };
     }
@@ -187,10 +193,6 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
     }
 
     public componentDidUpdate(prevProps, prevState) {
-        if (prevProps.storyId !== this.props.storyId) {
-            this.evtHandlers.gotExperience = null;
-        }
-
         if (prevProps.variables !== this.props.variables) {
             let inventory;
             const inventoryOptions = this.getInventoryOptions();
@@ -530,15 +532,10 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
     }
 
     private createExperience() {
-        const {
-            storyId,
-            onNotification,
-            onError,
-            api,
-            onExperienceCreated,
-            compositionId,
-            useWorkingCopy
-        } = this.props;
+        const { storyId, onNotification, onError, api, onExperienceCreated, useWorkingCopy } =
+            this.props;
+
+        const compId = this.getCompId();
 
         this.resetState(false, () => {
             this.setState(
@@ -551,12 +548,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                     if (onNotification) {
                         onNotification(copy.runExpStart);
                     }
-                    api.createExperience(
-                        storyId,
-                        this.state.inventory,
-                        compositionId,
-                        useWorkingCopy
-                    )
+                    api.createExperience(storyId, this.state.inventory, compId, useWorkingCopy)
                         .then((resExp) => {
                             if (onNotification) {
                                 onNotification(copy.expId.replace('[expId]', resExp.id));
@@ -566,7 +558,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                                 onExperienceCreated(resExp);
                             }
 
-                            this.getExperience(resExp.id, true, compositionId, useWorkingCopy);
+                            this.getExperience(resExp.id, true, compId, useWorkingCopy);
                         })
                         .catch((e) => {
                             this.resetState();
@@ -689,11 +681,61 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
         });
     }
 
+    private compChanged(compId) {
+        this.setState({ compositionOverride: compId });
+    }
+
+    private getCompId() {
+        const { allowCompOverride, compositionId, compositionOptions } = this.props;
+        const { compositionOverride } = this.state;
+
+        if (allowCompOverride) {
+            if (compositionOverride) {
+                return compositionOverride;
+            } else if (!compositionOverride && compositionOptions[0] && !compositionId) {
+                return compositionOptions[0].value;
+            } else {
+                return compositionId;
+            }
+        } else {
+            return compositionId;
+        }
+    }
+
+    private copyToClipboard(text) {
+        const { onNotification, onError } = this.props;
+        navigator.clipboard.writeText(text).then(
+            () => {
+                if (onNotification) {
+                    onNotification('Copied to clipboard!');
+                }
+            },
+            () => {
+                if (onError) {
+                    onError('Error copying to clipboard.');
+                }
+            }
+        );
+    }
+
+    private download = async (url, fileName) => {
+        const res = await fetch(url, {
+            cache: 'no-cache'
+        });
+        const blob = await res.blob();
+
+        saveAs(blob, fileName);
+    };
+
     public render() {
+        const { allowCompOverride } = this.props;
         const { rendering, experience, activeOutput } = this.state;
+        const { storyId } = this.props;
         const renderCopy = experience ? copy.btnReRender : copy.btnRender;
+        const compId = this.getCompId();
         const btnRender = !rendering ? (
             <Button
+                disabled={!compId}
                 size='large'
                 onClick={this.evtHandlers.createExp}
                 color='primary'
@@ -707,14 +749,53 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
 
         if (experience) {
             const viewerOpts = this.getViewerOptions();
+            const outputArr = activeOutput.split('.');
+            const type = outputArr[0];
+            const key = outputArr[1];
+
+            let url: any;
+            const fileName = `${storyId}_${type}`;
+
+            if (type === OUTPUT_TYPES.IMAGE) {
+                url = experience.output.images[key];
+            } else if (type === OUTPUT_TYPES.VIDEO) {
+                url = experience.output.videos[key].url;
+            }
+
+            const downloadBtn = (
+                <Button
+                    key='btn-download'
+                    tooltip='Download Preview'
+                    style='subtle'
+                    onClick={() => {
+                        this.download(url, fileName).catch((error) =>
+                            alert(`${ERROR.download.replace('[error]', error)}`)
+                        );
+                    }}>
+                    {ICON_DOWNLOAD}
+                </Button>
+            );
+
+            const copyBtn = (
+                <Button
+                    key='btn-copy-url'
+                    tooltip='Copy URL to Clipboard'
+                    style='subtle'
+                    onClick={() => this.copyToClipboard(url)}>
+                    {ICON_CLIPBOARD}
+                </Button>
+            );
+
             viewerButtons = (
                 <SelectField
-                    width='130px'
+                    width='200px'
                     options={viewerOpts}
                     value={activeOutput}
                     onChange={this.evtHandlers.toggleOutput}
+                    buttons={[downloadBtn, copyBtn]}
                 />
             );
+
             expIdField = (
                 <TextField
                     readOnly={true}
@@ -726,6 +807,17 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
             );
         }
 
+        const compSelect =
+            allowCompOverride && !rendering ? (
+                <SelectField
+                    width='150px'
+                    onChange={this.evtHandlers.compChange}
+                    options={this.props.compositionOptions}
+                    value={compId}
+                    label={''}
+                />
+            ) : null;
+
         return (
             <div className='story-viewer viewer'>
                 <div className='variables'>
@@ -736,6 +828,7 @@ class StoryPreviewer extends React.PureComponent<IStoryPreviewerProps, IStoryPre
                 <div className='viewer-content'>
                     <div className='content-header'>
                         {btnRender}
+                        <div className='select-wrapper'>{compSelect}</div>
                         <div className='output'>{viewerButtons}</div>
                         <div className='right-interface'>{expIdField}</div>
                     </div>

package/src/constants/copy.ts

@@ -60,7 +60,8 @@ export const previewer = {
     btnRender: 'Render',
     btnReRender: 'Re-Render',
     expIdField: 'Exp. ID',
-    runExpErrorDes: 'Sorry, there was a problem creating your video. Please try again.'
+    runExpErrorDes: 'Sorry, there was a problem creating your video. Please try again.',
+    compSelect: 'Composition'
 };
 
 export const compositions = {
@@ -219,3 +220,7 @@ export const BATCHES_COPY = {
         malformed: 'unknown'
     }
 };
+
+export const ERROR: any = {
+    download: `Failed to download from host server: [error].`
+};

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

@@ -69,18 +69,20 @@ export const getAssets = (api: IImposiumAPI, storyId: string): any => {
 export const deleteAssets = (api: IImposiumAPI, ids: string[], storyId: string): any => {
     return (dispatch) => {
         if (window.confirm(`Are you sure you want to delete ${ids.length} assets?`)) {
-            return new Promise<void>((resolve, reject) => {
+            return new Promise<boolean>((resolve, reject) => {
                 dispatch(toggleLoading(true));
                 api.deleteAssets(ids)
                     .then(() => {
                         dispatch(getAssets(api, storyId));
-                        resolve();
+                        resolve(true);
                     })
                     .catch((errors: Error[]) => {
                         dispatch(toggleLoading(false));
-                        reject();
+                        reject(false);
                     });
             });
+        } else {
+            return Promise.resolve(false);
         }
     };
 };

package/dist/cjs/components/font-picker/FontPicker.d.ts

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import FontManager from './font-manager/FontManager';
-import { Category, Font, Script, Variant } from './font-manager/types';
-interface IFontPickerProps {
-    apiKey: string;
-    activeFontFamily: string;
-    onChange: (font: string) => void;
-    families: string[];
-    categories: Category[];
-    scripts: Script[];
-    variants: Variant[];
-    filter: (font: Font) => boolean;
-    limit: number;
-    defaultFonts: any;
-    customFonts?: any;
-}
-interface IFontPickerState {
-    expanded: boolean;
-    fonts: any;
-}
-export default class FontPicker extends React.PureComponent<IFontPickerProps, IFontPickerState> {
-    fontManager: FontManager;
-    static defaultProps: {
-        activeFontFamily: string;
-        families: string[];
-        categories: Category[];
-        scripts: Script[];
-        variants: Variant[];
-        filter: (font: Font) => boolean;
-        limit: number;
-    };
-    constructor(props: any);
-    componentDidUpdate: (prevProps: any) => void;
-    private onClose;
-    private onSelection;
-    private setActiveFontFamily;
-    private generateFontList;
-    private toggleExpanded;
-    render: () => JSX.Element;
-}
-export {};

package/dist/cjs/components/font-picker/FontPicker.js

@@ -1,173 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var FontManager_1 = __importDefault(require("./font-manager/FontManager"));
-var types_1 = require("./font-manager/types");
-var constants_1 = require("./font-manager/constants");
-var fontStyle_1 = require("./font-manager/fontStyle");
-var FontPicker = /** @class */ (function (_super) {
-    __extends(FontPicker, _super);
-    function FontPicker(props) {
-        var _this = _super.call(this, props) || this;
-        _this.componentDidUpdate = function (prevProps) {
-            var _a = _this.props, activeFontFamily = _a.activeFontFamily, onChange = _a.onChange, customFonts = _a.customFonts, defaultFonts = _a.defaultFonts;
-            if (prevProps.customFonts !== customFonts) {
-                _this.fontManager
-                    .init()
-                    .then(function (fontMap) {
-                    var googleFonts = Array.from(fontMap.values()).filter(function (f) { return f.files; });
-                    var updateDefaultFonts = defaultFonts.map(function (f) { return googleFonts.find(function (o) { return o.family === f.family; }) || f; });
-                    var uniqueFontFamilies = new Set();
-                    var uniqueFonts = updateDefaultFonts.filter(function (e) {
-                        var isDup = uniqueFontFamilies.has(e.family);
-                        uniqueFontFamilies.add(e.family);
-                        if (!isDup) {
-                            return true;
-                        }
-                        return false;
-                    });
-                    _this.setState({ fonts: uniqueFonts }, function () {
-                        return (0, fontStyle_1.createFontStyleSheets)(defaultFonts, uniqueFonts, customFonts);
-                    });
-                })
-                    .catch(function (err) {
-                    console.error('Error trying to fetch the list of available fonts');
-                    console.error(err);
-                });
-            }
-            if (activeFontFamily !== prevProps.activeFontFamily) {
-                _this.setActiveFontFamily(activeFontFamily);
-            }
-            if (onChange !== prevProps.onChange) {
-                _this.fontManager.setOnChange(onChange);
-            }
-        };
-        _this.onClose = function (e) {
-            var targetEl = e.target;
-            var fontPickerEl = document.getElementById("font-picker");
-            while (true) {
-                if (targetEl === fontPickerEl) {
-                    return;
-                }
-                if (targetEl.parentNode) {
-                    targetEl = targetEl.parentNode;
-                }
-                else {
-                    _this.toggleExpanded();
-                    return;
-                }
-            }
-        };
-        _this.onSelection = function (e) {
-            var activeFontFamily = e.target.textContent;
-            if (!activeFontFamily) {
-                throw Error("Missing font family in clicked font button");
-            }
-            _this.setActiveFontFamily(activeFontFamily);
-            _this.toggleExpanded();
-        };
-        _this.setActiveFontFamily = function (activeFontFamily) {
-            _this.fontManager.setActiveFont(activeFontFamily);
-        };
-        _this.generateFontList = function () {
-            var _a = _this.props, activeFontFamily = _a.activeFontFamily, families = _a.families;
-            return (React.createElement("ul", { className: 'font-list' }, families.map(function (font) {
-                var isActive = font === activeFontFamily;
-                return (React.createElement("li", { key: font, className: 'font-list-item' },
-                    React.createElement("button", { type: 'button', id: "font-button-".concat(font), className: "font-button ".concat(isActive ? 'active-font' : ''), onClick: _this.onSelection, onKeyDown: _this.onSelection, style: { fontFamily: font } }, font)));
-            })));
-        };
-        _this.toggleExpanded = function () {
-            var expanded = _this.state.expanded;
-            if (expanded) {
-                _this.setState({
-                    expanded: false
-                });
-                document.removeEventListener('click', function () { return _this.onClose; });
-            }
-            else {
-                _this.setState({
-                    expanded: true
-                });
-                document.addEventListener('click', function () { return _this.onClose; });
-            }
-        };
-        _this.render = function () {
-            var activeFontFamily = _this.props.activeFontFamily;
-            var expanded = _this.state.expanded;
-            return (React.createElement("div", { id: "font-picker", className: expanded ? 'expanded' : '' },
-                React.createElement("button", { type: 'button', className: 'dropdown-button', onClick: _this.toggleExpanded, onKeyDown: _this.toggleExpanded },
-                    React.createElement("p", { className: 'dropdown-font-family' }, activeFontFamily),
-                    React.createElement("p", { className: 'dropdown-icon finished' })),
-                _this.generateFontList()));
-        };
-        var _a = _this.props, apiKey = _a.apiKey, activeFontFamily = _a.activeFontFamily, families = _a.families, categories = _a.categories, scripts = _a.scripts, variants = _a.variants, filter = _a.filter, limit = _a.limit, onChange = _a.onChange;
-        _this.state = {
-            expanded: false,
-            fonts: null
-        };
-        var options = {
-            families: families,
-            categories: categories,
-            scripts: scripts,
-            variants: variants,
-            filter: filter,
-            limit: limit
-        };
-        _this.fontManager = new FontManager_1.default(apiKey, activeFontFamily, options, onChange);
-        return _this;
-    }
-    FontPicker.defaultProps = {
-        activeFontFamily: constants_1.FONT_FAMILY_DEFAULT,
-        families: types_1.OPTIONS_DEFAULTS.families,
-        categories: types_1.OPTIONS_DEFAULTS.categories,
-        scripts: types_1.OPTIONS_DEFAULTS.scripts,
-        variants: types_1.OPTIONS_DEFAULTS.variants,
-        filter: types_1.OPTIONS_DEFAULTS.filter,
-        limit: types_1.OPTIONS_DEFAULTS.limit
-    };
-    return FontPicker;
-}(React.PureComponent));
-exports.default = FontPicker;
-//# sourceMappingURL=FontPicker.js.map

package/dist/cjs/components/font-picker/FontPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontPicker.js","sourceRoot":"","sources":["../../../../src/components/font-picker/FontPicker.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/font-picker/font-manager/FontManager.d.ts

@@ -1,26 +0,0 @@
-import { FontList, Options } from './types';
-export default class FontManager {
-    private readonly apiKey;
-    private readonly options;
-    private onChange;
-    private fonts;
-    constructor(apiKey: string, defaultFamily: string, { families, categories, scripts, variants, filter, limit }: Options, onChange: (font: string) => void);
-    /**
-     * Fetch list of all fonts from Google Fonts API, filter it according to the class parameters and
-     * save them to the font map
-     */
-    init(): Promise<FontList>;
-    private getFontList;
-    /**
-     * Add a new font to the font map and download its preview characters
-     */
-    private addFont;
-    /**
-     * Set the specified font as the active font and download it
-     */
-    setActiveFont(fontFamily: string): void;
-    /**
-     * Update the onChange function (executed when changing the active font)
-     */
-    setOnChange(onChange: (font: string) => void): void;
-}