@imposium-hub/components 2.12.3 → 2.13.0-0

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

@@ -0,0 +1,211 @@
+import * as React from 'react';
+import * as copy from '../../../constants/copy';
+import { DataTable, HRule, Button, IImposiumAPI, TextField } from '../../..';
+import { useEffect, useState, useCallback } from 'react';
+import { ICON_SEARCH } from '../../../constants/icons';
+import {
+    CREATIVE_STATUSES_TO_PUBLISH,
+    CRM_INTEGRATED_PROJECT_TYPES
+} from '../../../constants/publish';
+import { CrMPublishStatusCell } from './CrMPublishStatusCell';
+import { CrMPublishPreviewCell } from './CrMPublishPreviewCell';
+import { CrMPublishNameCell } from './CrMPublishNameCell';
+import { CrMPublishCreativeSelectHeader } from './CrMPublishCreativeSelectHeader';
+import { CrMPublishCreativeSelectCell } from './CrMPublishCreativeSelectCell';
+
+interface ICrmPublishUIProps {
+    projectType: string;
+    publishing: boolean;
+    error: React.ReactNode;
+    api: IImposiumAPI;
+    creativeLibraryId: string;
+    projectId: string;
+    crmBaseUrl: string;
+    selectedCreatives: string[];
+    onUpdateSelectedCreatives: (selectedCreatives) => void;
+    onError: (error: string) => void;
+}
+
+export const CrMPublishUI: React.FC<ICrmPublishUIProps> = (props) => {
+    const {
+        projectType,
+        publishing,
+        error,
+        crmBaseUrl,
+        creativeLibraryId,
+        projectId,
+        api,
+        selectedCreatives,
+        onUpdateSelectedCreatives
+    } = props;
+    const [nameFilter, setNameFilter] = useState('');
+    const [creativeConfig, setCreativeConfig] = useState([]);
+
+    const nameSearch = (
+        <TextField
+            className='creative-name'
+            buttons={[
+                <Button
+                    key='btn-search'
+                    style='subtle'
+                    size='small'>
+                    {ICON_SEARCH}
+                </Button>
+            ]}
+            width='150px'
+            value={nameFilter}
+            onChange={(value) => setNameFilter(value)}
+        />
+    );
+
+    const onSelectChange = useCallback(
+        (creativeId: string, selected: boolean) => {
+            const previouslySelected = [...selectedCreatives];
+            if (selected) {
+                onUpdateSelectedCreatives([...previouslySelected, creativeId]);
+            } else {
+                onUpdateSelectedCreatives(previouslySelected.filter((id) => id !== creativeId));
+            }
+        },
+        [selectedCreatives, onUpdateSelectedCreatives]
+    );
+
+    const onSelectAllChange = useCallback(
+        (selected: boolean) => {
+            if (selected) {
+                const publishableCreativeIds = creativeConfig
+                    .filter((creative) => canBePublishedTo(creative.approvalStatus))
+                    .map((creative) => creative.creativeId);
+                onUpdateSelectedCreatives(publishableCreativeIds);
+            } else {
+                onUpdateSelectedCreatives([]);
+            }
+        },
+        [nameFilter, creativeConfig]
+    );
+
+    const COLUMN_CONFIG = [
+        {
+            accessor: 'selected',
+            width: 25,
+            disableResize: true,
+            disableSortBy: true,
+            Header: () => (
+                <CrMPublishCreativeSelectHeader
+                    onSelectChange={onSelectAllChange}
+                    selectedCreatives={selectedCreatives}
+                    creativeConfig={creativeConfig}
+                />
+            ),
+            Cell: (cell: any) => (
+                <CrMPublishCreativeSelectCell
+                    cell={cell}
+                    onSelectChange={onSelectChange}
+                    selectedCreatives={selectedCreatives}
+                />
+            )
+        },
+        {
+            accessor: 'creativeName',
+            Header: 'Creative Name',
+            width: 250,
+            minWidth: 250,
+            maxWidth: 250,
+            disableSortBy: true,
+            Cell: (cell: any) => <CrMPublishNameCell cell={cell} />,
+            Search: nameSearch
+        },
+        {
+            accessor: 'creativeId',
+            Header: 'ID',
+            width: 75,
+            minWidth: 75,
+            maxWidth: 75,
+            disableSortBy: true
+        },
+        {
+            accessor: 'numberOfVersions',
+            Header: 'Versions',
+            width: 75,
+            minWidth: 75,
+            maxWidth: 75,
+            disableSortBy: true
+        },
+        {
+            accessor: 'approvalStatus',
+            Header: 'Status',
+            width: 75,
+            minWidth: 75,
+            maxWidth: 75,
+            disableSortBy: true,
+            Cell: (cell: any) => <CrMPublishStatusCell cell={cell} />
+        },
+        {
+            accessor: 'preview',
+            Header: 'Preview',
+            width: 50,
+            minWidth: 50,
+            maxWidth: 50,
+            disableSortBy: true,
+            Cell: (cell: any) => (
+                <CrMPublishPreviewCell
+                    cell={cell}
+                    crmBaseUrl={crmBaseUrl}
+                    creativeLibraryId={creativeLibraryId}
+                />
+            )
+        }
+    ];
+
+    useEffect(() => {
+        api.getCreativesLinkedToProject(projectId)
+            .then((res) => {
+                setCreativeConfig(res.creatives);
+            })
+            .catch((err) => {
+                const msg = err.response?.data?.error || err.message;
+                const errorCopy = copy.publish.errorGettingCreatives.replace('{{ERR}}', msg);
+                props.onError(errorCopy);
+            });
+    }, []);
+
+    if (projectType === CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE) {
+        return (
+            <div>
+                <h2>{copy.publish.publishStepTitleFromCrM}</h2>
+                <HRule />
+                <p>{publishing ? copy.publish.publishInProgress : ''}</p>
+                <DataTable
+                    showInterstitial={publishing}
+                    columns={COLUMN_CONFIG}
+                    data={
+                        nameFilter
+                            ? creativeConfig.filter((creative) => {
+                                  return creative.creativeName
+                                      .toLowerCase()
+                                      .includes(nameFilter.toLowerCase());
+                              })
+                            : creativeConfig
+                    }
+                    hidePaginator={true}
+                    itemsPerPage={1000}
+                    tightRows={true}
+                />
+                {error && <p className='publish-error'>{error}</p>}
+            </div>
+        );
+    } else {
+        return (
+            <div>
+                <h2>{copy.publish.publishStepTitle}</h2>
+                <HRule />
+                <p>{publishing ? copy.publish.publishInProgress : copy.publish.publishStepDesc}</p>
+                {error && <p className='publish-error'>{error}</p>}
+            </div>
+        );
+    }
+};
+
+export const canBePublishedTo = (approvalStatus: string) => {
+    return CREATIVE_STATUSES_TO_PUBLISH.includes(approvalStatus);
+};

package/src/constants/copy.ts

@@ -127,6 +127,8 @@ 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,6 +149,7 @@ export const publish = {
 
     // 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.",
 

package/src/constants/icons.tsx

@@ -60,6 +60,7 @@ 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 { faEye } from '@fortawesome/free-solid-svg-icons/faEye';
 import {
     faArrowDown,
     faArrowLeft,
@@ -232,3 +233,5 @@ 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} />;

package/src/constants/publish.ts

@@ -27,3 +27,39 @@ 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/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(false);
+                    reject(errors);
                 });
         });
     };

package/src/redux/actions/publish.ts

@@ -74,10 +74,10 @@ export const cancelPublish = (api: IImposiumAPI, storyId: string) => {
     };
 };
 
-export const publishVersion = (api: IImposiumAPI, storyId: string) => {
+export const publishVersion = (api: IImposiumAPI, storyId: string, creativeIds?: string[]) => {
     return (dispatch) => {
         return new Promise((resolve, reject) => {
-            api.runPublish(storyId, '')
+            api.runPublish(storyId, '', creativeIds)
                 .then((d) => {
                     dispatch(getStoryPublishStatus(api, storyId))
                         .then()

package/src/services/API.ts

@@ -52,6 +52,7 @@ export interface IImposiumAPI {
     revertVersion(storyId: string, versionId: string);
     getStoryVersions(storyId: string);
     getStoryQRDesigns(creativeLibraryId: string): Promise<any | Error>;
+    getCreativesLinkedToProject(projectId: string): Promise<any | Error>;
     processStoryFile(storyId: string, file_key?: string, url?: string);
     getExperiences(storyId: string, params: any);
     createExperience(
@@ -113,7 +114,7 @@ export interface IImposiumAPI {
     runCut(storyId: string, actId: string, sceneId: string, cutId: string);
     runReRenderCuts(storyId: string, actId: string, sceneId: string);
     runProcessBaseVideo(storyId: string, fileKey: string);
-    runPublish(storyId: string, message: string);
+    runPublish(storyId: string, message: string, creativeIds?: string[]);
     cancelPublish(storyId: string);
     cancelJobPolling();
     getAccssCredentials();
@@ -151,7 +152,7 @@ export interface IImposiumAPI {
     debugId(id: string);
     cacheActiveStory(serviceId: any, orgId: string, storyId?: string);
     getCachedStoryForOrg(serviceId: string, orgId: string);
-    getAccessData(includeTotalRenders?: boolean, orgId?: string);
+    getAccessData(includeTotalRenders?: boolean, storyId?: string);
     deleteExperience(experienceId: string, eraseMedia?: boolean);
     exportExperiences(experienceId: string, params: any);
     addOrReplaceNote(experienceId: string, notes: string);
@@ -238,7 +239,8 @@ export default class API {
 
     private doRequest = async (
         config: AxiosRequestConfig,
-        organizationId?: string
+        organizationId?: string,
+        storyId?: string
     ): Promise<any> => {
         if (this.authType === API_AUTH_TYPES.TOKEN) {
             const token = await this.getToken();
@@ -250,6 +252,10 @@ export default class API {
                 headers['X-Imposium-Account-Id'] = organizationId;
             }
 
+            if (storyId) {
+                headers['X-Imposium-Project-Id'] = storyId;
+            }
+
             config.headers = headers;
         }
 
@@ -731,6 +737,13 @@ export default class API {
         });
     };
 
+    public getCreativesLinkedToProject = (projectId: string): Promise<any | Error> => {
+        return this.doRequest({
+            method: 'GET',
+            url: `/story/${projectId}/creative-library/creatives`
+        });
+    };
+
     public getExperiences = (storyId: string, params: any): Promise<any | Error> => {
         return this.doRequest({
             method: 'GET',
@@ -1032,14 +1045,22 @@ export default class API {
         });
     };
 
-    public runPublish = (storyId: string, message: string): Promise<any | Error> => {
+    public runPublish = (
+        storyId: string,
+        message: string,
+        creativeIds?: string[]
+    ): Promise<any | Error> => {
         const route = `/job/publish`;
 
-        const jobConfig = {
+        const jobConfig: any = {
             story_id: storyId,
             message
         };
 
+        if (creativeIds) {
+            jobConfig.creative_ids = creativeIds;
+        }
+
         return this.doRequest({
             method: 'POST',
             url: route,
@@ -1629,7 +1650,7 @@ export default class API {
         });
     };
 
-    public textToSpeech = (options: ITTSOptions): Promise<any> => {
+    public textToSpeech = (options): Promise<any> => {
         const { text, voice, service } = options;
 
         let url = `/text-to-speech?text=${encodeURIComponent(
@@ -1644,18 +1665,6 @@ export default class API {
             url += `&speed=${options.speed}`;
         }
 
-        if (options.stability) {
-            url += `&stability=${options.stability}`;
-        }
-
-        if (options.similarity) {
-            url += `&similarity=${options.similarity}`;
-        }
-
-        if (options.style_exaggeration) {
-            url += `&style_exaggeration=${options.style_exaggeration}`;
-        }
-
         if (options.pause_silences) {
             url += `&pause_silences=${options.pause_silences}`;
         }
@@ -1719,17 +1728,24 @@ export default class API {
         });
     };
 
-    public getAccessData = (getTotalRenders: boolean = false): Promise<any | Error> => {
+    public getAccessData = (
+        getTotalRenders: boolean = false,
+        storyId?: string
+    ): Promise<any | Error> => {
         let route = `/access`;
 
         if (getTotalRenders) {
             route += '?include_total_renders=true';
         }
 
-        return this.doRequest({
-            method: 'GET',
-            url: route
-        });
+        return this.doRequest(
+            {
+                method: 'GET',
+                url: route
+            },
+            null,
+            storyId
+        );
     };
 
     public removeQueueAssoc = (queueId: string, storyId: string): Promise<any> => {

package/dist/cjs/components/config-variable-button/ConfigVariableButton.d.ts

@@ -1,2 +0,0 @@
-export declare const getConfigVariableButton: any;
-export declare const fieldLabel: (labelText: any, propKey: any, showCopyPropIds: any, type: string, inventory: any, setOverride: any, onClose: any, activeOverride: any, removeOverride: any, icon?: any) => any;

package/dist/cjs/components/config-variable-button/ConfigVariableButton.js

@@ -1,103 +0,0 @@
-"use strict";
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fieldLabel = exports.getConfigVariableButton = void 0;
-var react_1 = __importStar(require("react"));
-var icons_1 = require("../../constants/icons");
-var Button_1 = __importDefault(require("../button/Button"));
-var Dropdown_1 = __importDefault(require("../dropdown/Dropdown"));
-var moize_1 = __importDefault(require("moize"));
-var VariableDropdown_1 = __importDefault(require("../variables-dropdown/VariableDropdown"));
-var ConfigVariableButton = function (_a) {
-    var type = _a.type, inventory = _a.inventory, setOverride = _a.setOverride, onClose = _a.onClose, activeOverride = _a.activeOverride, removeOverride = _a.removeOverride, icon = _a.icon;
-    var _b = __read((0, react_1.useState)(false), 2), show = _b[0], setShow = _b[1];
-    var variablesButtonRef = (0, react_1.useRef)();
-    var close = function () {
-        setShow(!show);
-        if (onClose) {
-            onClose(!show);
-        }
-    };
-    var setOverrideHandler = function (o) {
-        setOverride(o);
-        close();
-    };
-    var removeOverrideHandler = function () {
-        removeOverride();
-        close();
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { tooltip: 'Configure Variables', customClass: icon ? 'icon-toggle' : '', onClick: function () {
-                close();
-            }, buttonRef: variablesButtonRef, size: 'small', style: 'subtle' }, icons_1.ICON_BRACKET_CURLY),
-        react_1.default.createElement(Dropdown_1.default, { key: 'variables-dropdown', position: 'bottomleft', show: show, toggleRef: variablesButtonRef, customClass: 'variables', onOutsideClick: function () { return close(); } },
-            react_1.default.createElement(VariableDropdown_1.default, { returnVariables: show, type: type, inventory: inventory, setOverride: setOverrideHandler, removeOverride: removeOverrideHandler, activeOverride: activeOverride }))));
-};
-var mGetConfigVariableButton = function (enabled, type, inventory, setOverride, onClose, icon, activeOverride, removeOverride) {
-    if (enabled || activeOverride !== undefined) {
-        return (react_1.default.createElement(ConfigVariableButton, { type: type, inventory: inventory, setOverride: function (o) { return setOverride(o); }, onClose: function (o) { return onClose(o); }, icon: icon, activeOverride: activeOverride, removeOverride: removeOverride }));
-    }
-    else {
-        return null;
-    }
-};
-exports.getConfigVariableButton = (0, moize_1.default)(mGetConfigVariableButton);
-var fieldLabel = function (labelText, propKey, showCopyPropIds, type, inventory, setOverride, onClose, activeOverride, removeOverride, icon) {
-    var label = propKey ? (react_1.default.createElement("span", null,
-        labelText,
-        (0, exports.getConfigVariableButton)(showCopyPropIds, type, inventory, function (o) { return setOverride(o); }, function (o) { return onClose(o); }, icon, activeOverride, removeOverride))) : (labelText);
-    return label;
-};
-exports.fieldLabel = fieldLabel;
-//# sourceMappingURL=ConfigVariableButton.js.map

package/dist/cjs/components/config-variable-button/ConfigVariableButton.js.map

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

package/dist/cjs/components/font-field/FontField.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-interface IFontFieldProps {
-    font: string;
-    availableFonts: any[];
-    apiKey: string;
-    onChange: (font: string) => void;
-    width?: string | number;
-    labelPosition?: string;
-    label?: string;
-    override?: any;
-    showCopyPropIds?: boolean;
-    propKey?: string;
-    setOverride?(e: any): void;
-    removeOverride?(): void;
-    inventory?: any;
-    onClose?(e: boolean): void;
-    activeOverride: string;
-}
-declare const FontField: (props: IFontFieldProps) => React.JSX.Element;
-export default FontField;

package/dist/cjs/components/font-field/FontField.js

@@ -1,47 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
-var react_1 = __importDefault(require("react"));
-var FontPicker_1 = __importDefault(require("../font-picker/FontPicker"));
-var copy_1 = require("../../constants/copy");
-var fonts_1 = require("../../constants/fonts");
-var FontField = function (props) {
-    var font = props.font, availableFonts = props.availableFonts, apiKey = props.apiKey, onChange = props.onChange, width = props.width, labelPosition = props.labelPosition, label = props.label, override = props.override, showCopyPropIds = props.showCopyPropIds, propKey = props.propKey, setOverride = props.setOverride, removeOverride = props.removeOverride, inventory = props.inventory, onClose = props.onClose, activeOverride = props.activeOverride;
-    var customAvailableFonts = availableFonts.map(function (asset) { return asset.name; });
-    var standardFonts = fonts_1.DEFAULT_FONTS.map(function (f) { return f.name; });
-    var availableAssets = __spreadArray(__spreadArray([], __read(standardFonts), false), __read(customAvailableFonts), false).sort();
-    var fontCheck = availableAssets.includes(font);
-    var fontValue = fontCheck ? font : copy_1.fontField.fontNotFound;
-    return (react_1.default.createElement(FieldWrapper_1.default, { customClass: 'font-field', label: label, labelPosition: labelPosition, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'text' },
-        react_1.default.createElement(FontPicker_1.default, { apiKey: apiKey, activeFontFamily: fontValue, families: availableAssets, defaultFonts: fonts_1.DEFAULT_FONTS, customFonts: availableFonts, onChange: onChange })));
-};
-exports.default = FontField;
-//# sourceMappingURL=FontField.js.map

package/dist/cjs/components/font-field/FontField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontField.js","sourceRoot":"","sources":["../../../../src/components/font-field/FontField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+EAAyD;AACzD,gDAA0B;AAC1B,yEAAmD;AACnD,6CAAiD;AACjD,+CAAsD;AAqBtD,IAAM,SAAS,GAAG,UAAC,KAAsB;IAEjC,IAAA,IAAI,GAeJ,KAAK,KAfD,EACJ,cAAc,GAcd,KAAK,eAdS,EACd,MAAM,GAaN,KAAK,OAbC,EACN,QAAQ,GAYR,KAAK,SAZG,EACR,KAAK,GAWL,KAAK,MAXA,EACL,aAAa,GAUb,KAAK,cAVQ,EACb,KAAK,GASL,KAAK,MATA,EACL,QAAQ,GAQR,KAAK,SARG,EACR,eAAe,GAOf,KAAK,gBAPU,EACf,OAAO,GAMP,KAAK,QANE,EACP,WAAW,GAKX,KAAK,YALM,EACX,cAAc,GAId,KAAK,eAJS,EACd,SAAS,GAGT,KAAK,UAHI,EACT,OAAO,GAEP,KAAK,QAFE,EACP,cAAc,GACd,KAAK,eADS,CACR;IAEV,IAAM,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,CAAC,CAAC;IACvE,IAAM,aAAa,GAAG,qBAAa,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC;IACvD,IAAM,eAAe,GAAG,uCAAI,aAAa,kBAAK,oBAAoB,UAAE,IAAI,EAAE,CAAC;IAC3E,IAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAS,CAAC,YAAY,CAAC;IAE5D,OAAO,CACH,8BAAC,sBAAY,IACT,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM;QACX,8BAAC,oBAAU,IACP,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,qBAAa,EAC3B,WAAW,EAAE,cAAc,EAC3B,QAAQ,EAAE,QAAQ,GACpB,CACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/dist/cjs/components/icon-toggle/IconToggle.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface IIconToggleProps {
-    selected: boolean;
-    onChange(selected: boolean): any;
-    icon: any;
-    override?: any;
-    showCopyPropIds?: boolean;
-    propKey?: string;
-    setOverride?(e: any): void;
-    removeOverride?(): void;
-    inventory?: any;
-    onClose?(e: boolean): void;
-    activeOverride?: string;
-}
-declare const IconToggle: React.FC<IIconToggleProps>;
-export default IconToggle;