@imposium-hub/components 2.11.3-3 → 2.11.4

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

@@ -0,0 +1,56 @@
+"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.CrMPublishCreativeSelectCell = void 0;
+var React = __importStar(require("react"));
+var CheckboxField_1 = __importDefault(require("../../checkbox-field/CheckboxField"));
+var CrMPublishUI_1 = require("./CrMPublishUI");
+var CrMPublishCreativeSelectCell = function (props) {
+    var cell = props.cell, onSelectChange = props.onSelectChange, selectedCreatives = props.selectedCreatives;
+    var creativeId = cell.row.original.creativeId;
+    var isSelected = selectedCreatives.includes(creativeId);
+    var showCheckbox = (0, CrMPublishUI_1.canBePublishedTo)(cell.row.original.approvalStatus);
+    if (showCheckbox) {
+        return (React.createElement(CheckboxField_1.default, { label: '', propagate: false, value: isSelected, onChange: function (selected) { return (onSelectChange(creativeId, selected)); } }));
+    }
+    else {
+        return null;
+    }
+};
+exports.CrMPublishCreativeSelectCell = CrMPublishCreativeSelectCell;
+//# sourceMappingURL=CrMPublishCreativeSelectCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrMPublishCreativeSelectCell.js","sourceRoot":"","sources":["../../../../../src/components/publish-wizard/publish/CrMPublishCreativeSelectCell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,qFAA+D;AAC/D,+CAAkD;AAS3C,IAAM,4BAA4B,GAAiD,UAAC,KAAK;IACpF,IAAA,IAAI,GAAwC,KAAK,KAA7C,EAAE,cAAc,GAAwB,KAAK,eAA7B,EAAE,iBAAiB,GAAK,KAAK,kBAAV,CAAW;IAC1D,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;IAChD,IAAM,UAAU,GAAG,iBAAiB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC1D,IAAM,YAAY,GAAG,IAAA,+BAAgB,EAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxE,IAAG,YAAY,EAAC,CAAC;QACb,OAAO,CACH,oBAAC,uBAAa,IACV,KAAK,EAAC,EAAE,EACR,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,QAAQ,IAAG,OAAA,CAAC,cAAc,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,EAAtC,CAAsC,GAC9D,CACL,CAAC;IACN,CAAC;SAAI,CAAC;QACF,OAAO,IAAI,CAAC;IAChB,CAAC;AACL,CAAC,CAAC;AAjBW,QAAA,4BAA4B,gCAiBvC"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface ICrMPublishCreativeSelectHeaderProps {
+    onSelectChange: (selected: boolean) => void;
+    selectedCreatives: string[];
+    creativeConfig: any[];
+}
+export declare const CrMPublishCreativeSelectHeader: React.FC<ICrMPublishCreativeSelectHeaderProps>;
+export {};

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,16 @@
+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;
+    onError: (error: string) => 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,180 @@
+"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; }));
+        }
+    }, [selectedCreatives, onUpdateSelectedCreatives]);
+    var onSelectAllChange = (0, react_1.useCallback)(function (selected) {
+        if (selected) {
+            var publishableCreativeIds = creativeConfig
+                .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(projectId).then(function (res) {
+            setCreativeConfig(res.creatives);
+        }).catch(function (err) {
+            var _a, _b;
+            var msg = ((_b = (_a = err.response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.error) || err.message;
+            var errorCopy = copy.publish.errorGettingCreatives.replace('{{ERR}}', msg);
+            props.onError(errorCopy);
+        });
+    }, []);
+    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: nameFilter
+                ? creativeConfig.filter(function (creative) {
+                    return creative.creativeName.toLowerCase().includes(nameFilter.toLowerCase());
+                })
+                : 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/publish-wizard/publish/HubSpotFlow.d.ts

@@ -11,6 +11,6 @@ declare class HubSpotFlow extends React.PureComponent<IHubSpotFlowProps, undefin
     constructor(props: any);
     private createUrl;
     private getFirstAct;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default HubSpotFlow;

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

@@ -6,7 +6,7 @@ interface IWebpageHostedProps {
 }
 export declare const documentationLinks: {
     key: string;
-    label: React.JSX.Element;
+    label: JSX.Element;
     link: string;
 }[];
 declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
@@ -14,6 +14,6 @@ declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
     private downloadSampleWebPage;
     private getFirstAct;
     private linkToDemoPage;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default WebpageHosted;

package/dist/cjs/components/section/Section.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-declare const Section: (props: any) => React.JSX.Element;
+declare const Section: (props: any) => JSX.Element;
 export default Section;

package/dist/cjs/components/section/Section.stories.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
-    component: (props: any) => React.JSX.Element;
+    component: (props: any) => JSX.Element;
 };
 export default _default;
-export declare const defaultSection: () => React.JSX.Element;
+export declare const defaultSection: () => JSX.Element;

package/dist/cjs/components/select-field/SelectField.d.ts

@@ -24,6 +24,6 @@ declare class SelectField extends React.PureComponent<ISelectFieldProps> {
     constructor(props: any);
     private copyToClipboard;
     private onChange;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default SelectField;

package/dist/cjs/components/select-field/SelectField.stories.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import SelectField from './SelectField';
 declare const _default: {
     title: string;
     components: typeof SelectField;
 };
 export default _default;
-export declare const defaultSelectField: () => React.JSX.Element;
+export declare const defaultSelectField: () => JSX.Element;

package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
     component: React.FC<import("./ShortcutMenu").IShortcutMenu>;
 };
 export default _default;
-export declare const defaultShortcutMenu: () => React.JSX.Element;
+export declare const defaultShortcutMenu: () => JSX.Element;

package/dist/cjs/components/slider-field/SliderField.d.ts

@@ -26,6 +26,6 @@ declare class SliderField extends React.PureComponent<ISliderFieldProps, ISlider
     private rangeInputChange;
     private numberInputChange;
     private toggle;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default SliderField;

package/dist/cjs/components/slider-field/SliderField.stories.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import SliderField from './SliderField';
 declare const _default: {
     title: string;
     component: typeof SliderField;
 };
 export default _default;
-export declare const defaultSliderField: () => React.JSX.Element;
+export declare const defaultSliderField: () => JSX.Element;

package/dist/cjs/components/smpte-field/SMPTEField.d.ts

@@ -31,6 +31,6 @@ declare class SMPTEField extends React.PureComponent<ISMPTEFieldProps, ISMPTEFie
     private onChange;
     private setDuration;
     private SMTPEValidator;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default SMPTEField;

package/dist/cjs/components/tabs/Tabs.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export interface ITab {
     content?: any;
     key?: string;
@@ -7,7 +6,5 @@ export interface ITab {
     label: any;
     menuButtons?: JSX.Element;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<any, "targetRef"> & {
-    targetRef?: any;
-}, "width">, "height">, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const _default: any;
 export default _default;

package/dist/cjs/components/tabs/Tabs.stories.d.ts

@@ -1,9 +1,6 @@
-import * as React from 'react';
 declare const _default: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<any, "targetRef"> & {
-        targetRef?: any;
-    }, "width">, "height">, "ref"> & React.RefAttributes<HTMLElement>>;
+    component: any;
 };
 export default _default;
-export declare const defaultTabs: () => React.JSX.Element;
+export declare const defaultTabs: () => JSX.Element;