@imposium-hub/components 2.11.3-2 → 2.11.3

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

@@ -0,0 +1,54 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrMPublishCreativeSelectHeader = void 0;
+var React = __importStar(require("react"));
+var CheckboxField_1 = __importDefault(require("../../checkbox-field/CheckboxField"));
+var CrMPublishUI_1 = require("./CrMPublishUI");
+var CrMPublishCreativeSelectHeader = function (props) {
+    var onSelectChange = props.onSelectChange, selectedCreatives = props.selectedCreatives, creativeConfig = props.creativeConfig;
+    var publishableCreatives = creativeConfig.filter(function (creative) {
+        return (0, CrMPublishUI_1.canBePublishedTo)(creative.approvalStatus);
+    });
+    var publishableCreativeIds = publishableCreatives.map(function (creative) { return creative.creativeId; });
+    var allPublishableSelected = publishableCreativeIds.length > 0 &&
+        publishableCreativeIds.every(function (id) { return selectedCreatives.includes(id); });
+    return (React.createElement(CheckboxField_1.default, { label: '', propagate: false, value: allPublishableSelected, onChange: function (selected) { return onSelectChange(selected); } }));
+};
+exports.CrMPublishCreativeSelectHeader = CrMPublishCreativeSelectHeader;
+//# sourceMappingURL=CrMPublishCreativeSelectHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrMPublishCreativeSelectHeader.js","sourceRoot":"","sources":["../../../../../src/components/publish-wizard/publish/CrMPublishCreativeSelectHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qFAA+D;AAC/D,+CAAkD;AAQ3C,IAAM,8BAA8B,GAAmD,UAAC,KAAK;IACxF,IAAA,cAAc,GAAwC,KAAK,eAA7C,EAAE,iBAAiB,GAAqB,KAAK,kBAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IAEpE,IAAM,oBAAoB,GAAG,cAAc,CAAC,MAAM,CAAC,UAAA,QAAQ;QACvD,OAAA,IAAA,+BAAgB,EAAC,QAAQ,CAAC,cAAc,CAAC;IAAzC,CAAyC,CAC5C,CAAC;IAEF,IAAM,sBAAsB,GAAG,oBAAoB,CAAC,GAAG,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,UAAU,EAAnB,CAAmB,CAAC,CAAC;IACzF,IAAM,sBAAsB,GAAG,sBAAsB,CAAC,MAAM,GAAG,CAAC;QAC5D,sBAAsB,CAAC,KAAK,CAAC,UAAA,EAAE,IAAI,OAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA9B,CAA8B,CAAC,CAAC;IAEvE,OAAO,CACH,oBAAC,uBAAa,IACV,KAAK,EAAC,EAAE,EACR,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,sBAAsB,EAC7B,QAAQ,EAAE,UAAC,QAAQ,IAAK,OAAA,cAAc,CAAC,QAAQ,CAAC,EAAxB,CAAwB,GAClD,CACL,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,8BAA8B,kCAmBzC"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface ICrMPublishNameCellProps {
+    cell: any;
+}
+export declare const CrMPublishNameCell: React.FC<ICrMPublishNameCellProps>;
+export {};

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

@@ -0,0 +1,66 @@
+"use strict";
+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);
+    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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrMPublishNameCell = void 0;
+var React = __importStar(require("react"));
+var Tooltip_1 = require("../../Tooltip");
+var CrMPublishUI_1 = require("./CrMPublishUI");
+var copy = __importStar(require("../../../constants/copy"));
+var CrMPublishNameCell = function (props) {
+    var cell = props.cell;
+    var canBePublished = (0, CrMPublishUI_1.canBePublishedTo)(cell.row.original.approvalStatus);
+    var tooltipId = "publish-name-".concat(cell.row.original.creativeId);
+    if (canBePublished) {
+        return (React.createElement("div", { className: "crm-publish-name" }, cell.row.original.creativeName));
+    }
+    else {
+        return (React.createElement("div", __assign({ className: "crm-publish-name disabled" }, (0, Tooltip_1.renderTooltipProps)(tooltipId, copy.publish.disabledCreativeTooltip)),
+            cell.row.original.creativeName,
+            (0, Tooltip_1.renderTooltip)(tooltipId, copy.publish.disabledCreativeTooltip)));
+    }
+};
+exports.CrMPublishNameCell = CrMPublishNameCell;
+//# sourceMappingURL=CrMPublishNameCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrMPublishNameCell.js","sourceRoot":"","sources":["../../../../../src/components/publish-wizard/publish/CrMPublishNameCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,yCAAkE;AAClE,+CAAkD;AAClD,4DAAgD;AAMzC,IAAM,kBAAkB,GAAuC,UAAC,KAAK;IAChE,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACvB,IAAM,cAAc,GAAG,IAAA,+BAAgB,EAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC1E,IAAM,SAAS,GAAG,uBAAgB,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAE,CAAC;IAEjE,IAAG,cAAc,EAAC,CAAC;QACf,OAAO,CACH,6BAAK,SAAS,EAAI,kBAAkB,IAC/B,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY,CAC7B,CACT,CAAC;IACN,CAAC;SAAI,CAAC;QACF,OAAO,CACH,sCAAK,SAAS,EAAI,2BAA2B,IAAM,IAAA,4BAAkB,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC;YACjH,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,YAAY;YAC9B,IAAA,uBAAa,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAC7D,CACT,CAAC;IACN,CAAC;AACL,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface ICrMPublishPreviewCellProps {
+    cell: any;
+    crmBaseUrl: string;
+    creativeLibraryId: string;
+}
+export declare const CrMPublishPreviewCell: React.FC<ICrMPublishPreviewCellProps>;
+export {};

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

@@ -0,0 +1,48 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrMPublishPreviewCell = void 0;
+var React = __importStar(require("react"));
+var __1 = require("../../..");
+var icons_1 = require("../../../constants/icons");
+var CrMPublishPreviewCell = function (props) {
+    var cell = props.cell, crmBaseUrl = props.crmBaseUrl, creativeLibraryId = props.creativeLibraryId;
+    var creativeId = cell.row.original.creativeId;
+    var previewUrl = "".concat(crmBaseUrl, "/library/").concat(creativeLibraryId, "/creative/").concat(creativeId, "/versions/");
+    return (React.createElement("a", { href: previewUrl, target: '_blank' },
+        React.createElement(__1.Button, { style: 'subtle', size: 'small' }, icons_1.ICON_EYE)));
+};
+exports.CrMPublishPreviewCell = CrMPublishPreviewCell;
+//# sourceMappingURL=CrMPublishPreviewCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrMPublishPreviewCell.js","sourceRoot":"","sources":["../../../../../src/components/publish-wizard/publish/CrMPublishPreviewCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8BAAkC;AAClC,kDAAoD;AAQ7C,IAAM,qBAAqB,GAA0C,UAAC,KAAK;IACtE,IAAA,IAAI,GAAoC,KAAK,KAAzC,EAAE,UAAU,GAAwB,KAAK,WAA7B,EAAE,iBAAiB,GAAK,KAAK,kBAAV,CAAW;IACtD,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;IAChD,IAAM,UAAU,GAAG,UAAG,UAAU,sBAAY,iBAAiB,uBAAa,UAAU,eAAY,CAAC;IAEjG,OAAO,CACH,2BAAG,IAAI,EAAI,UAAU,EAAE,MAAM,EAAC,QAAQ;QAClC,oBAAC,UAAM,IAAC,KAAK,EAAG,QAAQ,EAAC,IAAI,EAAC,OAAO,IAChC,gBAAQ,CACJ,CACT,CACP,CAAC;AACN,CAAC,CAAC;AAZW,QAAA,qBAAqB,yBAYhC"}

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface ICrMPublishStatusCellProps {
+    cell: any;
+}
+export declare const CrMPublishStatusCell: React.FC<ICrMPublishStatusCellProps>;
+export {};

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CrMPublishStatusCell = void 0;
+var publish_1 = require("../../../constants/publish");
+var CrMPublishStatusCell = function (props) {
+    var cell = props.cell;
+    return (publish_1.CREATIVE_STATUS_LABELS[cell.row.original.approvalStatus] || cell.row.original.approvalStatus);
+};
+exports.CrMPublishStatusCell = CrMPublishStatusCell;
+//# sourceMappingURL=CrMPublishStatusCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrMPublishStatusCell.js","sourceRoot":"","sources":["../../../../../src/components/publish-wizard/publish/CrMPublishStatusCell.tsx"],"names":[],"mappings":";;;AACA,sDAAoE;AAM7D,IAAM,oBAAoB,GAAyC,UAAC,KAAK;IACpE,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACvB,OAAO,CAAC,gCAAsB,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;AAC1G,CAAC,CAAC;AAHW,QAAA,oBAAoB,wBAG/B"}

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { IImposiumAPI } from '../../..';
+interface ICrmPublishUIProps {
+    publishing: boolean;
+    error: React.ReactNode;
+    api: IImposiumAPI;
+    creativeLibraryId: string;
+    projectId: string;
+    crmBaseUrl: string;
+    selectedCreatives: string[];
+    onUpdateSelectedCreatives: (selectedCreatives: any) => void;
+}
+export declare const CrMPublishUI: React.FC<ICrmPublishUIProps>;
+export declare const canBePublishedTo: (approvalStatus: string) => boolean;
+export {};

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

@@ -0,0 +1,179 @@
+"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 __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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.canBePublishedTo = exports.CrMPublishUI = void 0;
+var React = __importStar(require("react"));
+var copy = __importStar(require("../../../constants/copy"));
+var __1 = require("../../..");
+var react_1 = require("react");
+var icons_1 = require("../../../constants/icons");
+var publish_1 = require("../../../constants/publish");
+var CrMPublishStatusCell_1 = require("./CrMPublishStatusCell");
+var CrMPublishPreviewCell_1 = require("./CrMPublishPreviewCell");
+var CrMPublishNameCell_1 = require("./CrMPublishNameCell");
+var CrMPublishCreativeSelectHeader_1 = require("./CrMPublishCreativeSelectHeader");
+var CrMPublishCreativeSelectCell_1 = require("./CrMPublishCreativeSelectCell");
+var CrMPublishUI = function (props) {
+    var publishing = props.publishing, error = props.error, crmBaseUrl = props.crmBaseUrl, creativeLibraryId = props.creativeLibraryId, projectId = props.projectId, api = props.api, selectedCreatives = props.selectedCreatives, onUpdateSelectedCreatives = props.onUpdateSelectedCreatives;
+    var _a = __read((0, react_1.useState)(''), 2), nameFilter = _a[0], setNameFilter = _a[1];
+    var _b = __read((0, react_1.useState)([]), 2), creativeConfig = _b[0], setCreativeConfig = _b[1];
+    var nameSearch = React.createElement(__1.TextField, { className: 'creative-name', buttons: [
+            React.createElement(__1.Button, { key: 'btn-search', style: 'subtle', size: 'small' }, icons_1.ICON_SEARCH)
+        ], width: '150px', value: nameFilter, onChange: function (value) { return setNameFilter(value); } });
+    var onSelectChange = (0, react_1.useCallback)(function (creativeId, selected) {
+        var previouslySelected = __spreadArray([], __read(selectedCreatives), false);
+        if (selected) {
+            onUpdateSelectedCreatives(__spreadArray(__spreadArray([], __read(previouslySelected), false), [creativeId], false));
+        }
+        else {
+            onUpdateSelectedCreatives(previouslySelected.filter(function (id) { return id !== creativeId; }));
+        }
+    }, []);
+    var onSelectAllChange = (0, react_1.useCallback)(function (selected) {
+        if (selected) {
+            var filteredData = nameFilter
+                ? creativeConfig.filter(function (creative) {
+                    return creative.creativeName.toLowerCase().includes(nameFilter.toLowerCase()) ||
+                        creative.creativeId.toLowerCase().includes(nameFilter.toLowerCase());
+                })
+                : creativeConfig;
+            var publishableCreativeIds = filteredData
+                .filter(function (creative) { return (0, exports.canBePublishedTo)(creative.approvalStatus); })
+                .map(function (creative) { return creative.creativeId; });
+            onUpdateSelectedCreatives(publishableCreativeIds);
+        }
+        else {
+            onUpdateSelectedCreatives([]);
+        }
+    }, [nameFilter, creativeConfig]);
+    var COLUMN_CONFIG = [
+        {
+            accessor: 'selected',
+            width: 25,
+            disableResize: true,
+            disableSortBy: true,
+            Header: function () { return React.createElement(CrMPublishCreativeSelectHeader_1.CrMPublishCreativeSelectHeader, { onSelectChange: onSelectAllChange, selectedCreatives: selectedCreatives, creativeConfig: creativeConfig }); },
+            Cell: function (cell) { return React.createElement(CrMPublishCreativeSelectCell_1.CrMPublishCreativeSelectCell, { cell: cell, onSelectChange: onSelectChange, selectedCreatives: selectedCreatives }); }
+        },
+        {
+            accessor: 'creativeName',
+            Header: 'Creative Name',
+            width: 250,
+            minWidth: 250,
+            maxWidth: 250,
+            disableSortBy: true,
+            Cell: function (cell) { return React.createElement(CrMPublishNameCell_1.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: function (cell) { return React.createElement(CrMPublishStatusCell_1.CrMPublishStatusCell, { cell: cell }); }
+        },
+        {
+            accessor: 'preview',
+            Header: 'Preview',
+            width: 50,
+            minWidth: 50,
+            maxWidth: 50,
+            disableSortBy: true,
+            Cell: function (cell) { return React.createElement(CrMPublishPreviewCell_1.CrMPublishPreviewCell, { cell: cell, crmBaseUrl: crmBaseUrl, creativeLibraryId: creativeLibraryId }); }
+        }
+    ];
+    (0, react_1.useEffect)(function () {
+        api.getCreativesLinkedToProject(creativeLibraryId, projectId).then(function (res) {
+            setCreativeConfig(res.creatives);
+        }).catch(function (err) {
+            console.error(err);
+        });
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement("h2", null, copy.publish.publishStepTitleFromCrM),
+        React.createElement(__1.HRule, null),
+        React.createElement("p", null, publishing ? copy.publish.publishInProgress : ''),
+        React.createElement(__1.DataTable, { showInterstitial: publishing, columns: COLUMN_CONFIG, data: creativeConfig, hidePaginator: true, itemsPerPage: 1000, tightRows: true }),
+        error && React.createElement("p", { className: 'publish-error' }, error)));
+};
+exports.CrMPublishUI = CrMPublishUI;
+var canBePublishedTo = function (approvalStatus) {
+    return publish_1.CREATIVE_STATUSES_TO_PUBLISH.includes(approvalStatus);
+};
+exports.canBePublishedTo = canBePublishedTo;
+//# sourceMappingURL=CrMPublishUI.js.map

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

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

package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IReplaceFilesModalProps {
+    onUpload: (f: any) => any;
+    onInstantUpload: (f: any) => any;
+    onApplyToAll: (e: any) => any;
+    onClose: () => void;
+    applyToAll: boolean;
+    existedAssets: any[];
+    existedAssetIds: any[];
+}
+export declare const ReplaceFilesModal: () => React.JSX.Element;

package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.js

@@ -0,0 +1,213 @@
+"use strict";
+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);
+    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 __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 });
+exports.ReplaceFilesModal = void 0;
+var react_1 = __importStar(require("react"));
+var react_dom_1 = __importDefault(require("react-dom"));
+var Modal_1 = __importDefault(require("../modal/Modal"));
+var Button_1 = __importDefault(require("../button/Button"));
+var CheckboxField_1 = __importDefault(require("../checkbox-field/CheckboxField"));
+var Section_1 = __importDefault(require("../section/Section"));
+var copy_1 = require("../../constants/copy");
+var modal_1 = require("../../utils/modal");
+var ReplaceFilesModal = function () {
+    var _a = __read((0, react_1.useState)(null), 2), props = _a[0], setProps = _a[1];
+    var _b = __read((0, react_1.useState)(false), 2), isOpen = _b[0], setIsOpen = _b[1];
+    var _c = __read((0, react_1.useState)(), 2), applyToAll = _c[0], setApplyToAll = _c[1];
+    var _d = __read((0, react_1.useState)(200), 2), height = _d[0], setHeight = _d[1];
+    var _e = __read((0, react_1.useState)(0), 2), index = _e[0], setIndex = _e[1];
+    var replaceFileModalRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(function () {
+        if (replaceFileModalRef.current) {
+            var clientHeight = replaceFileModalRef.current.clientHeight;
+            setHeight(clientHeight + 40);
+        }
+    });
+    var onOpen = function (event) {
+        setProps(__assign({}, event.detail));
+        setIsOpen(true);
+    };
+    var onClose = function () {
+        props.onClose();
+        setIsOpen(false);
+    };
+    var onReplaceHandler = function (curApplyToAll, curIndex, file, assetId) {
+        var newIndex = curIndex + 1;
+        if (curApplyToAll && curIndex === 0) {
+            var updatedAssets = props.existedAssets.map(function (asset, i) {
+                var updatefile = asset;
+                updatefile['assetId'] = props.existedAssetIds[i];
+                return updatefile;
+            });
+            props.onInstantUpload(updatedAssets);
+            setIndex(0);
+            setIsOpen(false);
+        }
+        else if (curApplyToAll) {
+            var updatedAssets = [];
+            for (var i = 0; i < props.existedAssets.length; i++) {
+                var updateFile = curIndex === 0
+                    ? props.existedAssets[i]
+                    : __spreadArray(__spreadArray([], __read(props.existedAssets.slice(0, curIndex - 1)), false), __read(props.existedAssets.slice(curIndex)), false)[i];
+                if (updateFile) {
+                    updateFile['assetId'] =
+                        curIndex === 0
+                            ? props.existedAssetIds[i]
+                            : __spreadArray(__spreadArray([], __read(props.existedAssetIds.slice(0, curIndex - 1)), false), __read(props.existedAssetIds.slice(curIndex)), false)[i];
+                    updatedAssets.push(updateFile);
+                    props.onInstantUpload(updatedAssets);
+                    setIndex(0);
+                    onClose();
+                }
+            }
+        }
+        else {
+            if (newIndex === props.existedAssets.length) {
+                setIndex(0);
+                onClose();
+            }
+            else {
+                setIndex(newIndex);
+            }
+            var updateFile = file;
+            updateFile['assetId'] = assetId;
+            props.onUpload([updateFile]);
+        }
+    };
+    var onAsNewHandler = function (curApplyToAll, curIndex, file) {
+        var newIndex = curIndex + 1;
+        if (curApplyToAll) {
+            props.onUpload(curIndex === 0 ? props.existedAssets : props.existedAssets.slice(curIndex));
+            setIndex(0);
+            onClose();
+        }
+        else {
+            if (newIndex === props.existedAssets.length) {
+                setIndex(0);
+                onClose();
+            }
+            else {
+                setIndex(newIndex);
+            }
+            props.onUpload([file]);
+        }
+    };
+    var onApplyToAllHandler = function (e) {
+        setApplyToAll(e);
+        props.onApplyToAll(e);
+    };
+    var onReplace = (0, react_1.useCallback)(function (curApplyToAll, curIndex, file, assetId) {
+        return onReplaceHandler(curApplyToAll, curIndex, file, assetId);
+    }, [isOpen]);
+    var onApplyToAll = (0, react_1.useCallback)(function (e) { return onApplyToAllHandler(e); }, [isOpen]);
+    var onAsNew = (0, react_1.useCallback)(function (curApplyToAll, curIndex, file) { return onAsNewHandler(curApplyToAll, curIndex, file); }, [isOpen]);
+    (0, react_1.useEffect)(function () {
+        window.addEventListener(modal_1.replaceFilesModalEvent, onOpen);
+        return function () {
+            window.removeEventListener(modal_1.replaceFilesModalEvent, onOpen);
+        };
+    }, []);
+    var modal = function () {
+        if (isOpen) {
+            var file_1 = props.existedAssets[index];
+            var assetId_1 = props.existedAssetIds[index];
+            var name_1 = file_1.name.slice(0, file_1.name.lastIndexOf('.'));
+            return (react_1.default.createElement(Modal_1.default, { onRequestClose: onClose, wrapperStyle: {
+                    left: '0px',
+                    width: '100%'
+                }, style: {
+                    width: '400px',
+                    height: "".concat(height, "px"),
+                    top: 'calc(50% - 150px)',
+                    left: 'calc((100% - 400px) / 2)'
+                }, isOpen: true },
+                react_1.default.createElement(Section_1.default, null,
+                    react_1.default.createElement("div", { className: 'replace-files-modal', ref: replaceFileModalRef },
+                        react_1.default.createElement("p", null, copy_1.assets.uploads.title.replace('[name]', name_1)),
+                        react_1.default.createElement("div", { className: 'replace-files-buttons' },
+                            react_1.default.createElement("div", { className: 'checkbox' },
+                                react_1.default.createElement(CheckboxField_1.default, { label: copy_1.assets.uploads.applyAll, value: applyToAll, onChange: onApplyToAll })),
+                            react_1.default.createElement("div", { className: 'buttons' },
+                                react_1.default.createElement(Button_1.default, { onClick: function () { return onAsNew(applyToAll, index, file_1); }, size: 'large', style: 'bold', color: 'primary' }, copy_1.assets.uploads.keepBoth),
+                                react_1.default.createElement(Button_1.default, { onClick: function () { return onReplace(applyToAll, index, file_1, assetId_1); }, size: 'large', style: 'bold', color: 'primary' }, copy_1.assets.uploads.replace),
+                                react_1.default.createElement(Button_1.default, { onClick: onClose, size: 'large', style: 'bold', color: 'default' }, copy_1.assets.uploads.cancelButton)))))));
+        }
+    };
+    var PortalContextComponent = function () {
+        return react_dom_1.default.createPortal(modal(), document.querySelector('#react-root'));
+    };
+    return react_1.default.createElement(PortalContextComponent, null);
+};
+exports.ReplaceFilesModal = ReplaceFilesModal;
+//# sourceMappingURL=ReplaceFilesModal.js.map