@imposium-hub/components 1.58.7 → 1.59.0

package/dist/cjs/components/publish-wizard/copy.d.ts

@@ -0,0 +1,186 @@
+export declare const assets: {
+    tooltipFilter: string;
+    previewNotAvailable: string;
+    iconTypes: {
+        filter: string;
+        lut: string;
+        all: string;
+        video: string;
+        audio: string;
+        video_composition: string;
+        image: string;
+        image_sequence: string;
+        template: string;
+        static_composition: string;
+        font: string;
+        after_effects: string;
+    };
+    uploads: {
+        noUploads: string;
+        preparePhase: string;
+        autoTagInput: string;
+        assignToStoryInput: string;
+        assignToStoryInfo: string;
+        uploadButton: string;
+        cancelButton: string;
+    };
+    tags: {
+        add: string;
+        duplicated: string;
+    };
+    field: {
+        fieldMismatchError: string;
+        dragPrompt: string;
+        tooltipClear: string;
+        tooltipFilter: string;
+        tooltipFilterAsset: string;
+    };
+    details: string;
+    newDetails: string;
+    name: string;
+    date: string;
+    addTag: string;
+    assetTag: string;
+    sessionExpired: string;
+};
+export declare const previewer: {
+    previewVars: string;
+    time: string;
+    expRunning: string;
+    runExpStart: string;
+    runExpError: string;
+    triggerExpError: string;
+    expId: string;
+    createExpError: string;
+    logDownloadError: string;
+    logURLError: string;
+    btnLog: string;
+    btnRender: string;
+    btnReRender: string;
+    expIdField: string;
+    runExpErrorDes: string;
+};
+export declare const compositions: {
+    name: string;
+    width: string;
+    height: string;
+    rotation: string;
+    color: string;
+    x: string;
+    y: string;
+    wrap: string;
+    fit: string;
+    fillMode: string;
+    hAlign: string;
+    vAlign: string;
+    backgroundColor: string;
+    layers: string;
+    layerText: string;
+    fontType: string;
+    layerImage: string;
+    fontSize: string;
+    lineHeight: string;
+    font: string;
+    letterSpacing: string;
+    wordSpacing: string;
+    tooltipName: string;
+    tooltipBackgroundColor: string;
+    tooltipWidth: string;
+    tooltipHeight: string;
+    tooltipAddLayer: string;
+    tooltipLayerRotation: string;
+    tooltipLayerX: string;
+    tooltipLayerY: string;
+    tooltipLayerWidth: string;
+    tooltipLayerHeight: string;
+    textOptions: string;
+    textLayerContent: string;
+    tooltipTextLayerContent: string;
+};
+export declare const publish: {
+    accessKey: string;
+    tooltipAccessKey: string;
+    publishTitle: string;
+    publishStepTitle: string;
+    publishStepDesc: string;
+    distributeStepTitle: string;
+    distributeStepDesc: string;
+    compositionError: string;
+    btnWebsite: string;
+    webpageTitle: string;
+    webPageHosted: string;
+    webpageDesc: string;
+    sampleWebpage: string;
+    btnEmail: string;
+    exporting: string;
+    emailTitle: string;
+    emailDesc: string;
+    downloadSampleCsvLink: string;
+    uploadCsv: string;
+    generatingLink: string;
+    downloadLink: string;
+    btnDownload: string;
+    generatingLinkDesc: string;
+    missingColumns: string;
+    renderBatchFailed: string;
+    createBatchFailed: string;
+    downloadError: string;
+    embeddedCodeCopyError: string;
+    creatingLinks: string;
+    importingData: string;
+    downloadDesc: string;
+    titleMissingColumns: string;
+    csvMissingColumns: string;
+    csvMatchColumns: string;
+    exportBatchOfVideo: string;
+    btnHubspot: string;
+    hubspotTitle: string;
+    hubspotDesc: string;
+    saveChanges: string;
+    embeddedCode: string;
+    btnAPI: string;
+    btnExport: string;
+    btnCRM: string;
+    btnPublish: string;
+    btnSkip: string;
+    btnBack: string;
+    btnFinished: string;
+    btnCancel: string;
+    btnNext: string;
+    noCompErrorTitle: string;
+    noCompErrorDesc: string;
+};
+export declare const integration: {
+    errorPullingComps: string;
+    errorPullingAEs: string;
+    errorCreatingCreds: string;
+    errorGettingCreds: string;
+    documentation: string;
+    docParagraph: string;
+    js: string;
+    jsSdkLink: string;
+    restLink: string;
+    rest: string;
+    sdkArchiveSuffix: string;
+};
+export declare const header: {
+    publishing: string;
+    working: string;
+    statusError: string;
+    publishJobError: string;
+    publishPollError: string;
+};
+export declare const project: {
+    compName: string;
+    tooltipCompId: string;
+};
+export declare const BATCHES_COPY: {
+    progress: {
+        notRendered: string;
+        rendering: string;
+        rendered: string;
+        cancelled: string;
+        queued: string;
+        malformed: string;
+    };
+};

package/dist/cjs/components/publish-wizard/copy.js

@@ -0,0 +1,199 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BATCHES_COPY = exports.project = exports.header = exports.integration = exports.publish = exports.compositions = exports.previewer = exports.assets = void 0;
+exports.assets = {
+    tooltipFilter: 'Filter by Asset type',
+    previewNotAvailable: 'Preview Not Available for this Asset Type',
+    iconTypes: {
+        filter: 'Filter By Type',
+        lut: 'LUT',
+        all: 'All Types',
+        video: 'Video Files',
+        audio: 'Audio Files',
+        video_composition: 'Composition',
+        image: 'Image Files',
+        image_sequence: 'Image Sequences (Archive)',
+        template: 'Custom Template',
+        static_composition: 'Template',
+        font: 'Font Files',
+        after_effects: 'After Effects'
+    },
+    uploads: {
+        noUploads: 'There are currently no assets uploading...',
+        preparePhase: 'Preparing asset...',
+        autoTagInput: 'Tag by filename',
+        assignToStoryInput: 'Assign to Story',
+        assignToStoryInfo: 'If selected, any assets uploaded will only be available to use with the currently selected story.',
+        uploadButton: 'Upload',
+        cancelButton: 'Cancel'
+    },
+    tags: {
+        add: 'Add new tag',
+        duplicated: 'Duplicated Tags: "[dupedTags]" will not be added.'
+    },
+    field: {
+        fieldMismatchError: 'Asset Type mismatch. Field only accepts "[accepts]" assets.',
+        dragPrompt: 'Drag Asset Here',
+        tooltipClear: 'Clear the selected Asset',
+        tooltipFilter: 'Filter assets to match Asset type',
+        tooltipFilterAsset: 'Filter assets to the selected Asset'
+    },
+    details: 'Asset Details',
+    newDetails: 'New Asset Details',
+    name: 'Name',
+    date: 'Date Created',
+    addTag: 'Add Tag',
+    assetTag: 'Tags',
+    sessionExpired: 'Your session has expired, please log in again to continue.'
+};
+exports.previewer = {
+    previewVars: 'Preview Variables',
+    time: 'Time Elapsed:',
+    expRunning: 'Rendering Experience',
+    runExpStart: 'Creating Experience',
+    runExpError: 'Error running experience - ID: [expId]',
+    triggerExpError: 'Error triggering experience - ID: [expId]',
+    expId: 'Running Experience - ID: [expId]',
+    createExpError: 'Error creating experience',
+    logDownloadError: 'Could not download log of Job: [jobId]',
+    logURLError: 'Could not retrieve log URL of Job: [jobId]',
+    btnLog: 'Job Log',
+    btnRender: 'Render',
+    btnReRender: 'Re-Render',
+    expIdField: 'Exp. ID',
+    runExpErrorDes: 'Sorry, there was a problem creating your video. Please try again.'
+};
+exports.compositions = {
+    name: 'Name',
+    width: 'Width',
+    height: 'Height',
+    rotation: 'Rotation',
+    color: 'Color',
+    x: 'X',
+    y: 'Y',
+    wrap: 'Wrap',
+    fit: 'Fit',
+    fillMode: 'Fill Mode',
+    hAlign: 'H. Align',
+    vAlign: 'V. Align',
+    backgroundColor: 'Background',
+    layers: 'Layers',
+    layerText: 'Text',
+    fontType: 'Font Type',
+    layerImage: 'Image',
+    fontSize: 'Font Size',
+    lineHeight: 'Line Height',
+    font: 'Font',
+    letterSpacing: 'Letter Spacing',
+    wordSpacing: 'Word Spacing',
+    tooltipName: 'Display name of this composition.',
+    tooltipBackgroundColor: 'Background color of this composition. Can also be transparent.',
+    tooltipWidth: 'Width of the composition, in pixels',
+    tooltipHeight: 'Height of the composition, in pixels',
+    tooltipAddLayer: 'Add a new layer to the composition',
+    tooltipLayerRotation: 'Rotation angle of the layer, in degrees',
+    tooltipLayerX: 'Layer X position.',
+    tooltipLayerY: 'Layer Y position',
+    tooltipLayerWidth: 'Layer width, in pixels.',
+    tooltipLayerHeight: 'Layer height, in pixels',
+    textOptions: 'Text Options',
+    textLayerContent: 'Content',
+    tooltipTextLayerContent: 'The copy rendered in this layer. Wrap variables like so: {{variable_id}}.'
+};
+exports.publish = {
+    accessKey: 'Access Key',
+    tooltipAccessKey: 'API access key to use for this video distribution.',
+    publishTitle: 'Publish & Deliver',
+    // publish
+    publishStepTitle: 'STEP 1: Publish your Project',
+    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.",
+    // distribute
+    distributeStepTitle: 'STEP 2: How do you want your users to view their video?',
+    distributeStepDesc: 'Select which Composition you want to deliver, access credentials you want to use, and distribution channel.',
+    compositionError: 'Please Select Composition',
+    // webpage
+    btnWebsite: 'Webpage',
+    webpageTitle: 'STEP 3: Webpage',
+    webPageHosted: 'Webpage hosted on Imposium',
+    webpageDesc: 'You can share a demo page that is hosted on Imposium or you can download a sample webpage you can customize and use to generate videos. Please ensure you include a column for every variable on your story.',
+    sampleWebpage: 'Download sample webpage',
+    // email
+    btnEmail: 'Email',
+    exporting: 'Exporting CSV... (please wait)',
+    emailTitle: 'STEP 3: Upload a CSV file with your user information in it.',
+    emailDesc: 'You can download a sample CSV with fields to populate as a starting point. Or you can upload one that already has the data in it.',
+    downloadSampleCsvLink: 'Download Sample CSV',
+    uploadCsv: 'Upload Your CSV',
+    generatingLink: 'STEP 4: Generating embed links',
+    downloadLink: 'STEP 5: Download Your CSV file',
+    btnDownload: 'Download CSV',
+    generatingLinkDesc: 'Please wait while we generate the link for your users. This may take few minutes.',
+    missingColumns: 'Error: missing required columns',
+    renderBatchFailed: 'Error: Failed to render batch',
+    createBatchFailed: 'Error: Failed to create batch',
+    downloadError: 'Error downloading sample CSV.',
+    embeddedCodeCopyError: 'Error copying embed code.',
+    creatingLinks: 'Creating User Links... (please wait)',
+    importingData: 'Importing Data... (please wait)',
+    downloadDesc: 'Your CSV data file is ready to download with an embed code you can import into your email platform to send out.',
+    titleMissingColumns: 'Warning: ',
+    csvMissingColumns: 'Some of your column names did not match up with the variables in the story. Please ensure these variables line up and then re-upload the csv: ',
+    csvMatchColumns: 'Please match the column(s) provided to the story variables:',
+    // export
+    exportBatchOfVideo: 'Export batch of videos',
+    // hubspot
+    btnHubspot: 'Hubspot',
+    hubspotTitle: 'STEP 3: Copy Hubspot code snippet',
+    hubspotDesc: 'Copy the provided embed code into HubSpot. Replace the placeholder variable values with HubSpot template strings, to splice in your user data.',
+    saveChanges: 'Save Changes',
+    embeddedCode: 'Embed Url: ',
+    // api
+    btnAPI: 'API integration',
+    // export
+    btnExport: 'Export',
+    btnCRM: 'Flashtalking Creative Manager',
+    // global
+    btnPublish: 'Publish',
+    btnSkip: 'Skip',
+    btnBack: 'Back',
+    btnFinished: 'Done',
+    btnCancel: 'Cancel',
+    btnNext: 'Next',
+    noCompErrorTitle: 'No Compositions Found',
+    noCompErrorDesc: "You must have at least 1 composition on your story to render and distribute videos."
+};
+exports.integration = {
+    errorPullingComps: ' Error getting composition IDs, contact your Imposium admin for support.',
+    errorPullingAEs: ' Error getting After Effect IDs, contact your Imposium admin for support.',
+    errorCreatingCreds: ' Error creating credentials, contact your Imposium admin for support.',
+    errorGettingCreds: ' Error getting credentials, contact your Imposium admin for support.',
+    documentation: 'Documentation',
+    docParagraph: 'Use the links below for more information on integrating Imposium into your application.',
+    js: 'JavaScript SDK',
+    jsSdkLink: 'https://docs.imposium.com/js-sdk/#/',
+    restLink: 'https://docs.imposium.com',
+    rest: 'REST API',
+    sdkArchiveSuffix: ' - JS SDK Integration.zip'
+};
+exports.header = {
+    publishing: 'Publishing...',
+    working: 'Using Working Copy',
+    statusError: 'Error getting story status',
+    publishJobError: 'Error creating publish story job',
+    publishPollError: 'Error polling publish job status'
+};
+exports.project = {
+    compName: 'Composition',
+    tooltipCompId: 'Unique ID of the selected composition. Used to render that specific composition via the API and Imposium JS-SDK.'
+};
+exports.BATCHES_COPY = {
+    progress: {
+        notRendered: 'not rendered',
+        rendering: 'rendering',
+        rendered: 'rendered',
+        cancelled: 'cancelled',
+        queued: 'queued',
+        malformed: 'unknown'
+    }
+};
+//# sourceMappingURL=copy.js.map

package/dist/cjs/components/publish-wizard/copy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.js","sourceRoot":"","sources":["../../../../src/components/publish-wizard/copy.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/publish-wizard/publish/EmailWorkflow.js

@@ -75,6 +75,8 @@ var redux_1 = require("redux");
 var react_redux_1 = require("react-redux");
 var SelectField_1 = __importDefault(require("../../select-field/SelectField"));
 var active_batch_1 = require("../../../redux/actions/active-batch");
+var TextField_1 = __importDefault(require("../../text-field/TextField"));
+var publish_1 = require("../../../constants/publish");
 var EmailWorkflow = /** @class */ (function (_super) {
     __extends(EmailWorkflow, _super);
     function EmailWorkflow(props) {
@@ -118,7 +120,13 @@ var EmailWorkflow = /** @class */ (function (_super) {
             inventory: [],
             inventoryKeys: [],
             missingColumns: '',
-            isMissing: false
+            batchError: '',
+            creativeManagerOverrides: {
+                creative_id: '',
+                creative_library_id: '',
+                notification_email: '',
+                placement_type: 'crm-adstudio'
+            }
         };
         _this.hiddenFileInputRef = React.createRef();
         return _this;
@@ -189,13 +197,34 @@ var EmailWorkflow = /** @class */ (function (_super) {
         this.setState({ inventoryKeys: inventoryKeys });
     };
     EmailWorkflow.prototype.downloadSampleCsv = function () {
+        var e_2, _a;
         var name = this.props.story.name;
-        var _a = this.state, inventory = _a.inventory, inventoryKeys = _a.inventoryKeys;
+        var isCrM = this.props.isCrM;
+        var _b = this.state, inventory = _b.inventory, inventoryKeys = _b.inventoryKeys;
         var maskConfig = inventoryKeys.map(function (currKey) { return ({
             id: currKey,
             name: inventory[currKey].name,
             show: true
         }); });
+        if (isCrM) {
+            try {
+                for (var CRM_PLACEMENT_VARS_1 = __values(publish_1.CRM_PLACEMENT_VARS), CRM_PLACEMENT_VARS_1_1 = CRM_PLACEMENT_VARS_1.next(); !CRM_PLACEMENT_VARS_1_1.done; CRM_PLACEMENT_VARS_1_1 = CRM_PLACEMENT_VARS_1.next()) {
+                    var id = CRM_PLACEMENT_VARS_1_1.value;
+                    maskConfig.push({
+                        id: id,
+                        name: id,
+                        show: true
+                    });
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (CRM_PLACEMENT_VARS_1_1 && !CRM_PLACEMENT_VARS_1_1.done && (_a = CRM_PLACEMENT_VARS_1.return)) _a.call(CRM_PLACEMENT_VARS_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
         var emptyRow = maskConfig
             .map(function (m) { return m.id; })
             .reduce(function (prevState, currId) {
@@ -214,32 +243,24 @@ var EmailWorkflow = /** @class */ (function (_super) {
         return batchName;
     };
     EmailWorkflow.prototype.proceedWithExport = function () {
-        var _this = this;
-        var _a = this.props, renderBatch = _a.renderBatch, _b = _a.activeBatch.data, id = _b.id, name = _b.name;
-        renderBatch(id, name)
-            .then(function () {
-            _this.setState({ renderedBatch: true });
-        })
-            .catch(function (e) {
-            _this.props.handleError(copy.publish.renderBatchFailed);
-            _this.setState({ renderedBatch: false });
-            throw e;
-        });
+        var id = this.props.activeBatch.data.id;
+        this.renderBatch({ id: id });
     };
     EmailWorkflow.prototype.importBatch = function (_a) {
         var _this = this;
         var story_id = _a.story_id, id = _a.id, name = _a.name, uploadEvt = _a.uploadEvt;
         var _b = this.props, accessKey = _b.accessKey, compositionId = _b.compositionId, isExport = _b.isExport, onError = _b.onError;
+        onError(false); // reset the parent error
         this.props
             .importBatchFromCsv(story_id, id, name, uploadEvt.target.files[0], accessKey, compositionId, !isExport, isExport)
-            .then(function () {
+            .then(function (e) {
             if (_this.props.batchJobs.missing.length > 0) {
-                onError();
+                onError(true); // set the error to true
             }
             _this.setState({ uploadComplete: true, uploading: false });
             _this.getBatch();
             if (isExport && Object.keys(_this.props.batchJobs.missing).length === 0) {
-                _this.renderBatch({ id: id, name: name });
+                _this.renderBatch({ id: id });
             }
         })
             .catch(function (e) {
@@ -247,17 +268,41 @@ var EmailWorkflow = /** @class */ (function (_super) {
             throw e;
         });
     };
+    EmailWorkflow.prototype.getPostRenderActions = function () {
+        var CrMUploadAction = { data: {} };
+        var _a = this.state.creativeManagerOverrides, placement_type = _a.placement_type, creative_id = _a.creative_id, creative_library_id = _a.creative_library_id, notification_email = _a.notification_email;
+        CrMUploadAction['type'] = placement_type;
+        if (creative_id) {
+            CrMUploadAction.data['creative_id'] = creative_id;
+        }
+        if (creative_library_id) {
+            CrMUploadAction.data['creative_library_id'] = creative_library_id;
+        }
+        if (notification_email) {
+            CrMUploadAction.data['notification_email'] = notification_email;
+        }
+        return [CrMUploadAction];
+    };
     EmailWorkflow.prototype.renderBatch = function (_a) {
         var _this = this;
-        var id = _a.id, name = _a.name;
+        var id = _a.id;
+        var isCrM = this.props.isCrM;
+        var postRenderActions = isCrM ? this.getPostRenderActions() : null;
+        this.setState({ batchError: null });
         this.props
-            .renderBatch(id, name)
+            .renderBatch(id, postRenderActions)
             .then(function () {
-            _this.setState({ renderedBatch: true });
+            _this.setState({ renderedBatch: true, batchError: '' });
         })
             .catch(function (e) {
             _this.props.handleError(copy.publish.renderBatchFailed);
-            _this.setState({ renderedBatch: false });
+            _this.setState({
+                renderedBatch: false,
+                batchError: e.response.data.error,
+                uploadComplete: false,
+                uploading: false,
+                downloading: false
+            });
             throw e;
         });
     };
@@ -385,8 +430,8 @@ var EmailWorkflow = /** @class */ (function (_super) {
     };
     EmailWorkflow.prototype.render = function () {
         var _this = this;
-        var _a = this.state, uploadComplete = _a.uploadComplete, uploading = _a.uploading, downloading = _a.downloading, renderedBatch = _a.renderedBatch, selectedBatchId = _a.selectedBatchId;
-        var _b = this.props, isExport = _b.isExport, _c = _b.batchJobs, missing = _c.missing, renders = _c.renders;
+        var _a = this.state, uploadComplete = _a.uploadComplete, uploading = _a.uploading, downloading = _a.downloading, renderedBatch = _a.renderedBatch, selectedBatchId = _a.selectedBatchId, batchError = _a.batchError, creativeManagerOverrides = _a.creativeManagerOverrides;
+        var _b = this.props, isExport = _b.isExport, _c = _b.batchJobs, missing = _c.missing, renders = _c.renders, isCrM = _b.isCrM;
         var emailOptions = [
             {
                 label: (React.createElement("span", null,
@@ -412,10 +457,17 @@ var EmailWorkflow = /** @class */ (function (_super) {
             copy.publish.btnDownload));
         var reRenderLabel = (React.createElement("div", { className: 'progress-bar' },
             React.createElement("progress", { max: EmailWorkflow.PROGRESS_MAX_VALUE, value: renders[selectedBatchId] })));
-        var downloadCSVDiv = (React.createElement("div", null,
-            React.createElement("h2", null, uploadComplete ? copy.publish.downloadLink : copy.publish.generatingLink),
+        var downloadCSVDiv = isCrM && uploadComplete && renderedBatch ? (React.createElement("div", null,
+            React.createElement("h2", null, copy.publish.renderComplete),
             React.createElement(HRule_1.default, null),
-            React.createElement("p", null, uploadComplete ? copy.publish.downloadDesc : copy.publish.generatingLinkDesc),
+            React.createElement("p", null, copy.publish.goToCrM))) : (React.createElement("div", null,
+            React.createElement("h2", null, uploadComplete && renderedBatch
+                ? copy.publish.downloadLink
+                : copy.publish.generatingLink),
+            React.createElement(HRule_1.default, null),
+            React.createElement("p", null, uploadComplete && renderedBatch
+                ? copy.publish.downloadDesc
+                : copy.publish.generatingLinkDesc),
             isExport && uploadComplete && !renderedBatch ? (React.createElement(PublishWizard_1.BigButton, { label: reRenderLabel, disabled: isExport })) : (React.createElement(PublishWizard_1.BigButton, { label: downloadCsvLabel, disabled: downloading, onClick: function () { return _this.downloadCsv(); } }))));
         var downloadCSV = (React.createElement(React.Fragment, null,
             this.props.error ? (this.props.next ? downloadCSVDiv : '') : downloadCSVDiv,
@@ -425,6 +477,7 @@ var EmailWorkflow = /** @class */ (function (_super) {
             React.createElement(HRule_1.default, null),
             React.createElement("p", null, copy.publish.emailDesc),
             React.createElement("input", { type: 'file', style: { display: 'none' }, accept: 'text/csv', ref: this.hiddenFileInputRef, onChange: this.doUploadCsv }),
+            isCrM && (React.createElement(CrMOptions, { options: creativeManagerOverrides, errorCopy: batchError, onChange: function (c) { return _this.setState({ creativeManagerOverrides: c }); } })),
             React.createElement("div", { className: 'link-wrapper' }, emailOptions === null || emailOptions === void 0 ? void 0 : emailOptions.map(function (option, index) {
                 return (React.createElement(PublishWizard_1.BigButton, { label: React.createElement("span", null, option.label), onClick: option.onClick, disabled: option === null || option === void 0 ? void 0 : option.disabled, key: option.key }));
             }))));
@@ -461,5 +514,30 @@ var mapStateToProps = function (state) {
         batchesList: state.batchesList
     };
 };
+var CrMOptions = function (_a) {
+    var options = _a.options, onChange = _a.onChange, _b = _a.errorCopy, errorCopy = _b === void 0 ? '' : _b;
+    var onInputChange = function (key, val) {
+        var newOpts = __assign({}, options);
+        newOpts[key] = val;
+        onChange(newOpts);
+    };
+    var e = errorCopy ? (React.createElement("div", { className: 'batch-error' },
+        React.createElement("p", null,
+            "Error: ",
+            errorCopy),
+        React.createElement("p", null, copy.publish.missingFields))) : null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(HRule_1.default, null),
+        React.createElement("br", null),
+        React.createElement("h2", null, copy.publish.crmPlacement),
+        React.createElement("p", null, copy.publish.crmData),
+        e,
+        React.createElement("br", null),
+        React.createElement(TextField_1.default, { width: '33%', labelPosition: 'top', label: copy.publish.creativeLibraryId, value: options.creative_library_id, onChange: function (v) { return onInputChange('creative_library_id', v); } }),
+        React.createElement(TextField_1.default, { width: '33%', labelPosition: 'top', label: copy.publish.creativeId, value: options.creative_id, onChange: function (v) { return onInputChange('creative_id', v); } }),
+        React.createElement(TextField_1.default, { width: '33%', labelPosition: 'top', label: copy.publish.email, value: options.notification_email, onChange: function (v) { return onInputChange('notification_email', v); } }),
+        React.createElement("br", null),
+        React.createElement(HRule_1.default, null)));
+};
 exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps, null, { withRef: true })(EmailWorkflow);
 //# sourceMappingURL=EmailWorkflow.js.map