@imposium-hub/components 2.16.0-0 → 3.0.0-0

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

@@ -14,17 +14,6 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -41,23 +30,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __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 __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -98,11 +77,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DistributeOptions = exports.BigLink = exports.WizardError = exports.TabHeader = exports.TabContent = exports.BigButton = void 0;
+exports.BigLink = exports.WizardError = exports.TabHeader = exports.TabContent = exports.BigButton = void 0;
 var React = __importStar(require("react"));
-var CrMPublishUI_1 = require("./publish/CrMPublishUI");
 var Button_1 = __importDefault(require("../button/Button"));
-var ChangeReportTree_1 = __importDefault(require("../change-report/ChangeReportTree"));
 var SelectField_1 = __importDefault(require("../select-field/SelectField"));
 var HRule_1 = __importDefault(require("../h-rule/HRule"));
 var icons_1 = require("../../constants/icons");
@@ -116,8 +93,6 @@ var PublishStatusIndicator_1 = __importDefault(require("./publish/PublishStatusI
 var redux_1 = require("redux");
 var publish_1 = require("../../redux/actions/publish");
 var react_redux_1 = require("react-redux");
-var publish_2 = require("../../constants/publish");
-var feature_flags_react_1 = require("@innovid/feature-flags-react");
 var PublishWizard = /** @class */ (function (_super) {
     __extends(PublishWizard, _super);
     function PublishWizard(props) {
@@ -147,9 +122,7 @@ var PublishWizard = /** @class */ (function (_super) {
         };
         _this.nextClickHandler = function () {
             _this.setState({ nextStep: true, error: false });
-            var exportIndex = 7;
-            var crmExportIndex = 8;
-            if (_this.state.screenIndex === exportIndex || _this.state.screenIndex === crmExportIndex) {
+            if (_this.state.screenIndex === 7 || _this.state.screenIndex === 8) {
                 _this.emailWorkflow.current.getWrappedInstance().proceedWithExport();
             }
         };
@@ -166,12 +139,7 @@ var PublishWizard = /** @class */ (function (_super) {
             }
         };
         var unpublished_changes = props.publishData.unpublished_changes;
-        var hasReviewStep = !!props.auditLogEnabled;
-        var screenIndex = hasReviewStep
-            ? 0
-            : unpublished_changes === undefined || unpublished_changes === true
-                ? 0
-                : 1;
+        var screenIndex = unpublished_changes === undefined || unpublished_changes === true ? 0 : 1;
         _this.state = {
             compositions: [],
             afterEffects: [],
@@ -187,46 +155,26 @@ var PublishWizard = /** @class */ (function (_super) {
             error: false,
             next: false,
             nextStep: false,
-            publishError: null,
-            selectedCreatives: [],
-            changeReport: null,
-            publishNotes: '',
-            publishTriggered: false
+            publishError: null
         };
         _this.emailWorkflow = React.createRef();
         _this.hiddenFileInputRef = React.createRef();
         return _this;
     }
     PublishWizard.prototype.componentDidUpdate = function (prevProps, prevState) {
-        var hasReviewStep = !!this.props.auditLogEnabled;
-        // If we just finished publishing, advance to the Distribution screen
-        // When hasReviewStep: screen 0 = Review Changes, screen 1 = Distribution
-        // When !hasReviewStep: screen 0 = Publish, screen 1 = Distribution
-        var publishScreenIndex = 0;
-        var distributionScreenIndex = hasReviewStep ? 1 : 1;
+        // If we just finished publushing, and we're on the first screen still go to the second screen
         if (prevProps.publishData.publishing &&
             !this.props.publishData.publishing &&
-            this.state.screenIndex === publishScreenIndex &&
+            this.state.screenIndex === 0 &&
             !this.state.publishError) {
             this.setState({
-                screenIndex: distributionScreenIndex
+                screenIndex: 1
             });
         }
     };
     PublishWizard.prototype.componentDidMount = function () {
         var _this = this;
-        var _a = this.props, story = _a.story, api = _a.api, handleError = _a.handleError, activeComposition = _a.activeComposition, auditLogEnabled = _a.auditLogEnabled;
-        if (auditLogEnabled) {
-            api.getAuditLog(story.id)
-                .then(function (entries) {
-                var currentEntry = entries === null || entries === void 0 ? void 0 : entries[0];
-                var report = (currentEntry === null || currentEntry === void 0 ? void 0 : currentEntry.id) === 'current' ? currentEntry.changes : null;
-                _this.setState({ changeReport: report });
-            })
-                .catch(function () {
-                _this.setState({ changeReport: [] });
-            });
-        }
+        var _a = this.props, story = _a.story, api = _a.api, handleError = _a.handleError, activeComposition = _a.activeComposition;
         // Pull in all of the access creds for the composition dropdown
         api.getAssets({ type: assets_1.ASSET_TYPES.VIDEO_COMPOSITION }, story.id)
             .then(function (res) {
@@ -333,96 +281,54 @@ var PublishWizard = /** @class */ (function (_super) {
     };
     PublishWizard.prototype.handlePublish = function () {
         var _this = this;
-        this.setState({ publishTriggered: true });
         var _a = this.props, id = _a.story.id, api = _a.api, handleError = _a.handleError, fromCrM = _a.fromCrM;
-        var distributionScreenIndex = 1;
-        var publishNotes = this.state.publishNotes;
         if (fromCrM) {
             this.props
-                .publishVersion(api, id, publishNotes, this.state.selectedCreatives)
+                .publishVersion(api, id)
                 .then(function () {
-                _this.setState({ screenIndex: distributionScreenIndex });
+                _this.setState({ screenIndex: 1 });
             })
                 .catch(function (e) {
                 _this.setState({ publishError: e });
             });
         }
         else {
-            this.props.publishVersion(api, id, publishNotes).catch(function (e) {
+            this.props.publishVersion(api, id).catch(function (e) {
                 handleError(e);
             });
-            this.setState({ screenIndex: distributionScreenIndex });
+            this.setState({ screenIndex: 1 });
         }
     };
     PublishWizard.prototype.shouldDisablePublishButtonForCrM = function () {
         var _a = this.props, story = _a.story, project = _a.project, fromCrM = _a.fromCrM;
         var variables = story ? story.acts[project.actId].inventory : {};
         var varLength = variables ? Object.keys(variables).length : 0;
-        var projectType = story.creativeId
-            ? publish_2.CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
-            : publish_2.CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
         if (fromCrM && varLength === 0) {
             return true;
         }
-        else if (fromCrM &&
-            this.state.selectedCreatives.length === 0 &&
-            projectType === publish_2.CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE) {
-            return true;
-        }
         return false;
     };
-    PublishWizard.prototype.getErrorCopyForCrMPublish = function () {
-        var _a = this.props, story = _a.story, project = _a.project;
-        var variables = story ? story.acts[project.actId].inventory : {};
-        var varLength = variables ? Object.keys(variables).length : 0;
-        if (varLength === 0) {
-            return copy.publish.noVariablesError;
-        }
-        else if (this.state.selectedCreatives.length === 0) {
-            return null;
-        }
-    };
     PublishWizard.prototype.renderLowerButtons = function () {
         var _this = this;
         var _a = this.state, screenIndex = _a.screenIndex, done = _a.done, error = _a.error, next = _a.next;
-        var _b = this.props, fromCrM = _b.fromCrM, story = _b.story;
         var publishing = this.props.publishData.publishing;
         var disabledForCrM = this.shouldDisablePublishButtonForCrM();
-        var hasReviewStep = !!this.props.auditLogEnabled;
-        var distributionScreenIndex = 1;
         var lowerButtons = [];
-        if (hasReviewStep && screenIndex === 0) {
-            // Review Changes step: Skip and Publish buttons (no Back)
-            // Publish triggers the actual publish and goes to Distribution
-            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnSkip, key: 'btn-skip', size: 'large', onClick: function () { return _this.setState({ screenIndex: distributionScreenIndex }); }, color: 'primary' }, copy.publish.btnSkip));
-            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnPublish, size: 'large', key: 'btn-publish-review', disabled: publishing, onClick: function () { return _this.handlePublish(); }, color: 'primary' }, copy.publish.btnPublish));
-        }
-        else if (!hasReviewStep && screenIndex === 0) {
-            // Non-review path: original Publish step
-            var projectType = story.creativeId
-                ? publish_2.CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
-                : publish_2.CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
-            var btnCopy = fromCrM
-                ? projectType === publish_2.CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE
-                    ? "Publish to ".concat(this.state.selectedCreatives.length, " Creatives")
-                    : 'Publish to Creative Manager'
-                : copy.publish.btnPublish;
-            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnPublish, size: 'large', disabled: publishing || disabledForCrM, key: 'btn-publish', onClick: function () { return _this.handlePublish(); }, color: 'primary' }, btnCopy));
-            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnSkip, key: 'btn-skip', size: 'large', onClick: function () { return _this.setState({ screenIndex: distributionScreenIndex }); }, color: 'primary' }, copy.publish.btnSkip));
+        // publish and skip buttons
+        if (screenIndex === 0) {
+            // publish
+            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnPublish, size: 'large', disabled: publishing || disabledForCrM, key: 'btn-publish', onClick: function () { return _this.handlePublish(); }, color: 'primary' }, copy.publish.btnPublish));
+            // skip publish
+            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnSkip, key: 'btn-skip', size: 'large', onClick: function () { return _this.setState({ screenIndex: 1 }); }, color: 'primary' }, copy.publish.btnSkip));
         }
         else {
-            // Distribution and sub-screens: Back button (and Done/Finish if applicable)
+            // display button when emailworkflow downloading state is true to close the modal
             if (done || error) {
                 lowerButtons.push(React.createElement(Button_1.default, { tooltip: error ? copy.publish.btnCancel : copy.publish.btnFinished, size: 'large', key: 'btn-finish', onClick: function () { return _this.onCloseHandler(); }, color: 'primary' }, error ? copy.publish.btnCancel : copy.publish.btnFinished));
             }
-            // Back button: from distribution → go to review/publish (screen 0)
-            // from sub-screens → go back to distribution
-            // Disable back to review if publishing or already published
-            var backIndex_1 = screenIndex === distributionScreenIndex ? 0 : distributionScreenIndex;
-            var disableBack = hasReviewStep &&
-                screenIndex === distributionScreenIndex &&
-                (publishing || this.state.publishTriggered);
-            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnBack, size: 'large', key: 'btn-back', disabled: disableBack, onClick: function () {
+            var backIndex_1 = screenIndex === 1 ? 0 : 1;
+            // back button
+            lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnBack, size: 'large', key: 'btn-back', onClick: function () {
                     return _this.setState({
                         screenIndex: backIndex_1,
                         next: false,
@@ -435,51 +341,35 @@ var PublishWizard = /** @class */ (function (_super) {
                         }
                     });
                 }, color: 'primary' }, copy.publish.btnBack));
+            // reimport after column align
             if (error) {
                 lowerButtons.push(React.createElement(Button_1.default, { tooltip: copy.publish.btnNext, size: 'large', key: 'btn-next', color: 'primary', disabled: !next, onClick: function () { return _this.nextClickHandler(); } }, copy.publish.btnNext));
             }
         }
         return lowerButtons;
     };
-    PublishWizard.prototype.renderReviewChanges = function () {
-        var _this = this;
-        var _a = this.state, changeReport = _a.changeReport, publishNotes = _a.publishNotes;
-        return (React.createElement("div", { className: 'publish-wizard-step publish-wizard-step--review' },
-            React.createElement("h2", null, copy.publish.reviewChangesStepTitle),
-            React.createElement(HRule_1.default, null),
-            React.createElement("p", null, copy.publish.reviewChangesDescription),
-            React.createElement(ChangeReportTree_1.default, { sections: changeReport, defaultExpanded: true, emptyMessage: copy.publish.noChangesMessage, loadingMessage: copy.publish.loadingChangesMessage }),
-            React.createElement("div", { className: 'publish-notes-wrapper' },
-                React.createElement("label", { className: 'publish-notes-label' }, copy.publish.publishNotesLabel),
-                React.createElement("textarea", { className: 'publish-notes-textarea', value: publishNotes, maxLength: copy.publish.publishNotesMaxLength, onChange: function (e) { return _this.setState({ publishNotes: e.target.value }); }, placeholder: copy.publish.publishNotesPlaceholder }))));
-    };
     PublishWizard.prototype.renderPublish = function () {
-        var _this = this;
-        var _a = this.props, fromCrM = _a.fromCrM, story = _a.story;
         var publishing = this.props.publishData.publishing;
+        var disabledForCrM = this.shouldDisablePublishButtonForCrM();
         var publishError = this.state.publishError;
-        var errorCopyForCrM = this.getErrorCopyForCrMPublish();
-        var errorCopy = publishError ? publishError : errorCopyForCrM ? errorCopyForCrM : null;
-        var projectType = story.creativeId
-            ? publish_2.CRM_INTEGRATED_PROJECT_TYPES.SINGLE_CREATIVE
-            : publish_2.CRM_INTEGRATED_PROJECT_TYPES.MULTI_CREATIVE;
+        var errorCopy = publishError
+            ? publishError
+            : disabledForCrM
+                ? copy.publish.noVariablesError
+                : null;
         var error = errorCopy ? (React.createElement("p", { className: 'publish-error' },
             React.createElement("span", { className: 'icon' }, icons_1.ICON_EXCLAIMATION_TRIANGLE),
             "\u00A0\u00A0",
             errorCopy)) : null;
-        if (fromCrM) {
-            return (React.createElement(CrMPublishUI_1.CrMPublishUI, { projectType: projectType, selectedCreatives: this.state.selectedCreatives, onUpdateSelectedCreatives: function (c) { return _this.setState({ selectedCreatives: c }); }, onError: function (e) { return _this.setState({ publishError: e }); }, publishing: publishing, error: error, creativeLibraryId: story.creativeLibraryId, projectId: story.id, api: this.props.api, crmBaseUrl: this.props.creativeManagerBaseUrl }));
-        }
-        else {
-            return (React.createElement("div", null,
-                React.createElement("h2", null, copy.publish.publishStepTitle),
-                React.createElement(HRule_1.default, null),
-                React.createElement("p", null, publishing ? copy.publish.publishInProgress : copy.publish.publishStepDesc),
-                error));
-        }
+        return (React.createElement("div", null,
+            React.createElement("h2", null, copy.publish.publishStepTitle),
+            React.createElement(HRule_1.default, null),
+            React.createElement("p", null, publishing ? copy.publish.publishInProgress : copy.publish.publishStepDesc),
+            error));
     };
     PublishWizard.prototype.renderDistributionOptions = function () {
         var e_1, _a, e_2, _b, e_3, _c;
+        var _this = this;
         var compOpts = [];
         var credOpts = [];
         var _d = this.state, compositions = _d.compositions, afterEffects = _d.afterEffects, selectedComposition = _d.selectedComposition, credentials = _d.credentials, accessKey = _d.accessKey;
@@ -532,6 +422,76 @@ var PublishWizard = /** @class */ (function (_super) {
             }
             finally { if (e_3) throw e_3.error; }
         }
+        var distributionOptions = !fromCrM
+            ? [
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_GLOBE,
+                        "\u00A0",
+                        copy.publish.btnWebsite)),
+                    onClick: function (e) { return _this.onSelectOption(2); }
+                },
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_EMAIL,
+                        "\u00A0",
+                        copy.publish.btnEmail)),
+                    onClick: function (e) { return _this.onSelectOption(3); }
+                },
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_HUBSPOT,
+                        "\u00A0",
+                        copy.publish.btnHubspot)),
+                    onClick: function (e) { return _this.onSelectOption(5); }
+                },
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_PROJECT_DIAGRAM,
+                        "\u00A0",
+                        copy.publish.btnAPI)),
+                    onClick: function (e) { return _this.onSelectOption(6); }
+                },
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_DOWNLOAD,
+                        "\u00A0",
+                        copy.publish.btnExport)),
+                    onClick: function (e) { return _this.onSelectOption(7); }
+                },
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_IMAGE,
+                        "\u00A0",
+                        copy.publish.btnCRM)),
+                    onClick: function (e) { return _this.onSelectOption(8); }
+                }
+            ]
+            : [
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_DOWNLOAD,
+                        "\u00A0",
+                        copy.publish.btnRunTestBatch)),
+                    onClick: function (e) { return _this.onSelectOption(7); }
+                },
+                {
+                    label: (React.createElement("span", null,
+                        icons_1.ICON_UP_RIGHT_FROM_SQUARE,
+                        "\u00A0",
+                        copy.publish.btnCrM)),
+                    link: "".concat(creativeManagerBaseUrl, "/library/").concat(story.creativeLibraryId, "/creative/").concat(story.creativeId, "/versions/")
+                }
+            ];
+        if (publishDataset) {
+            var indexes_1 = [0, 2, 3];
+            distributionOptions = distributionOptions.reduce(function (acc, value, index) {
+                if (!indexes_1.includes(index)) {
+                    acc.push(value);
+                }
+                return acc;
+            }, []);
+        }
         var compDropdown = !fromCrM ? (React.createElement(SelectField_1.default, { label: copy.project.compName, value: selectedComposition, onChange: this.onCompositionChange, options: compOpts, tooltip: copy.project.tooltipCompId })) : null;
         var accessKeyDropdown = !fromCrM ? (React.createElement(SelectField_1.default, { label: copy.publish.accessKey, value: accessKey, onChange: this.onCredentialsChange, options: credOpts, tooltip: copy.publish.tooltipAccessKey })) : null;
         return (React.createElement("div", null,
@@ -547,8 +507,14 @@ var PublishWizard = /** @class */ (function (_super) {
             React.createElement("div", { style: { marginTop: '10px' } },
                 compDropdown,
                 accessKeyDropdown,
-                React.createElement("div", { className: 'link-wrapper' },
-                    React.createElement(exports.DistributeOptions, { story: story, fromCrM: fromCrM, onSelectOption: this.onSelectOption, selectedComposition: selectedComposition, publishDataset: publishDataset, creativeManagerBaseUrl: creativeManagerBaseUrl, hasReviewStep: !!this.props.auditLogEnabled })))));
+                React.createElement("div", { className: 'link-wrapper' }, distributionOptions === null || distributionOptions === void 0 ? void 0 : distributionOptions.map(function (option, index) {
+                    if (option.link) {
+                        return (React.createElement(exports.BigLink, { key: index, label: option.label, link: option.link }));
+                    }
+                    else {
+                        return (React.createElement(exports.BigButton, { key: index, disabled: !selectedComposition, label: option.label, onClick: option.onClick }));
+                    }
+                })))));
     };
     PublishWizard.prototype.render = function () {
         var _a;
@@ -558,14 +524,12 @@ var PublishWizard = /** @class */ (function (_super) {
             return comp.id === selectedComposition;
         })) === null || _a === void 0 ? void 0 : _a.name) || '';
         var variables = story ? story.acts[project.actId].inventory : {};
-        var hasReviewStep = !!this.props.auditLogEnabled;
         return (React.createElement("div", { className: 'publish-wizard' },
             React.createElement("div", { className: 'publish-wizard-header' },
                 copy.publish.publishTitle,
-                React.createElement(PublishStatusIndicator_1.default, { api: api, storyId: story.id })),
+                React.createElement(PublishStatusIndicator_1.default, { api: api })),
             React.createElement("div", null,
-                hasReviewStep && screenIndex === 0 && this.renderReviewChanges(),
-                !hasReviewStep && screenIndex === 0 && this.renderPublish(),
+                screenIndex === 0 && this.renderPublish(),
                 screenIndex === 1 && this.renderDistributionOptions(),
                 screenIndex === 2 && (React.createElement(WebpageHosted_1.default, { story: story, compositionId: selectedComposition, accessKey: accessKey })),
                 (screenIndex === 3 || screenIndex === 7 || screenIndex === 8) && (React.createElement(EmailWorkflow_1.default, { isCrM: screenIndex === 8, isExport: screenIndex === 7 || screenIndex === 8, isEmail: screenIndex === 3, api: api, story: story, variables: variables, onDone: this.onDoneHandler, onError: this.onErrorHandler, onNext: this.onNextHandler, error: error, status: status, renderBatch: renderBatch, batchJobs: batchJobs, accessKey: accessKey, compositionId: selectedComposition, compositionName: compName, handleError: handleError, createFreshBatch: createFreshBatch, getBatches: getBatches, getBatchExport: getBatchExport, importBatchFromCsv: importBatchFromCsv, publishDataset: publishDataset, activeDatasetId: activeDatasetId, importBatchFromDataset: importBatchFromDataset, next: nextStep, ref: this.emailWorkflow })),
@@ -584,12 +548,7 @@ var mapStateToProps = function (state) { return ({
 var mapDispatchToProps = function (dispatch) {
     return (0, redux_1.bindActionCreators)({ publishVersion: publish_1.publishVersion }, dispatch);
 };
-var ConnectedPublishWizard = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(PublishWizard);
-var PublishWizardWithFlag = function (props) {
-    var auditLogEnabled = (0, feature_flags_react_1.useFlag)('feature.IMPOSIUM_EDITOR.AUDIT_LOG');
-    return (React.createElement(ConnectedPublishWizard, __assign({}, props, { auditLogEnabled: auditLogEnabled })));
-};
-exports.default = PublishWizardWithFlag;
+exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(PublishWizard);
 var BigButton = function (p) { return (React.createElement("div", { className: "big-link ".concat(p.disabled && 'disabled'), onClick: function () { return p.onClick(); }, style: p.style },
     React.createElement("h1", null, p.label))); };
 exports.BigButton = BigButton;
@@ -618,107 +577,4 @@ var BigLink = function (p) {
         React.createElement("h1", null, p.label)));
 };
 exports.BigLink = BigLink;
-var DistributeOptions = function (_a) {
-    var story = _a.story, fromCrM = _a.fromCrM, onSelectOption = _a.onSelectOption, selectedComposition = _a.selectedComposition, publishDataset = _a.publishDataset, creativeManagerBaseUrl = _a.creativeManagerBaseUrl, _b = _a.hasReviewStep, hasReviewStep = _b === void 0 ? false : _b;
-    var shift = 0;
-    var selectOption = function (index) { return onSelectOption(index + shift); };
-    var isPrerendersEnabled = (0, feature_flags_react_1.useFlag)('feature.IMPOSIUM_EDITOR.PRERENDERS_CRM_WORKFLOW');
-    var getCrMLink = function (creativeLibraryId, creativeId) {
-        if (creativeId) {
-            return "".concat(creativeManagerBaseUrl, "/library/").concat(creativeLibraryId, "/creative/").concat(creativeId, "/versions/");
-        }
-        else {
-            return "".concat(creativeManagerBaseUrl, "/library/").concat(creativeLibraryId);
-        }
-    };
-    var distributionOptions = !fromCrM
-        ? [
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_GLOBE,
-                    "\u00A0",
-                    copy.publish.btnWebsite)),
-                onClick: function (e) { return selectOption(2); }
-            },
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_EMAIL,
-                    "\u00A0",
-                    copy.publish.btnEmail)),
-                onClick: function (e) { return selectOption(3); }
-            },
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_HUBSPOT,
-                    "\u00A0",
-                    copy.publish.btnHubspot)),
-                onClick: function (e) { return selectOption(5); }
-            },
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_PROJECT_DIAGRAM,
-                    "\u00A0",
-                    copy.publish.btnAPI)),
-                onClick: function (e) { return selectOption(6); }
-            },
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_DOWNLOAD,
-                    "\u00A0",
-                    copy.publish.btnExport)),
-                onClick: function (e) { return selectOption(7); }
-            },
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_IMAGE,
-                    "\u00A0",
-                    copy.publish.btnCRM)),
-                onClick: function (e) { return selectOption(8); }
-            }
-        ]
-        : [
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_DOWNLOAD,
-                    "\u00A0",
-                    copy.publish.btnRunTestBatch)),
-                onClick: function (e) { return selectOption(7); }
-            },
-            {
-                label: (React.createElement("span", null,
-                    icons_1.ICON_UP_RIGHT_FROM_SQUARE,
-                    "\u00A0",
-                    copy.publish.btnCrM)),
-                link: getCrMLink(story.creativeLibraryId, story.creativeId)
-            }
-        ];
-    if (publishDataset) {
-        var indexes_1 = [0, 2, 3];
-        distributionOptions = distributionOptions.reduce(function (acc, value, index) {
-            if (!indexes_1.includes(index)) {
-                acc.push(value);
-            }
-            return acc;
-        }, []);
-    }
-    if (fromCrM && isPrerendersEnabled) {
-        distributionOptions.push({
-            label: (React.createElement("span", null,
-                icons_1.ICON_IMAGE,
-                "\u00A0",
-                copy.publish.btnCRM)),
-            onClick: function (e) { return selectOption(8); },
-            style: { width: 'calc(100% - 4px)' }
-        });
-    }
-    return (React.createElement(React.Fragment, null, distributionOptions === null || distributionOptions === void 0 ? void 0 : distributionOptions.map(function (option, index) {
-        if (option.link) {
-            return (React.createElement(exports.BigLink, { key: index, label: option.label, link: option.link }));
-        }
-        else {
-            return (React.createElement(exports.BigButton, { key: index, disabled: !selectedComposition, label: option.label, onClick: option.onClick, style: option.style }));
-        }
-    })));
-};
-exports.DistributeOptions = DistributeOptions;
 //# sourceMappingURL=PublishWizard.js.map