@imposium-hub/components 2.8.0-7 → 2.8.0

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

@@ -12,7 +12,13 @@ import { connect } from 'react-redux';
 import SelectField from '../../select-field/SelectField';
 import { updateAssociation, getBatch, setPage } from '../../../redux/actions/active-batch';
 import TextField from '../../text-field/TextField';
-import { CRM_PLACEMENT_VARS } from '../../../constants/publish';
+import {
+    ADSTUDIO_POST_RENDER_ACTION,
+    ASSET_NAME_VAR,
+    ASSETS_POST_RENDER_ACTION,
+    CRM_PLACEMENT_VARS
+} from '../../../constants/publish';
+import CheckboxField from '../../checkbox-field/CheckboxField';
 
 interface IEmailWorkflowProps {
     story: any;
@@ -69,12 +75,12 @@ interface IEmailWorkflowProps {
     onNext: (val: boolean) => void;
     next: boolean;
     isCrM: boolean;
+    isCrMAsset?: boolean;
 }
 
 interface CrMOverrides {
     creative_id: string;
     creative_library_id: string;
-    notification_email: string;
     placement_type: string;
 }
 
@@ -124,7 +130,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
             creativeManagerOverrides: {
                 creative_id: '',
                 creative_library_id: '',
-                notification_email: '',
                 placement_type: 'crm-adstudio'
             },
             waitingForPublish: false,
@@ -266,6 +271,8 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         const { name } = this.props.story;
         const { isCrM } = this.props;
         const { inventory, inventoryKeys } = this.state;
+        const uploadAsAssets =
+            this.state.creativeManagerOverrides.placement_type === ASSETS_POST_RENDER_ACTION;
 
         const maskConfig: any[] = inventoryKeys.map((currKey: string) => {
             let value = '';
@@ -288,12 +295,27 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         });
 
         if (isCrM) {
-            for (const id of CRM_PLACEMENT_VARS) {
-                maskConfig.push({
-                    id,
-                    name: id,
-                    show: true
-                });
+            if (uploadAsAssets) {
+                maskConfig.push(
+                    {
+                        id: ASSET_NAME_VAR,
+                        name: ASSET_NAME_VAR,
+                        show: true
+                    },
+                    {
+                        id: 'creative_library_id',
+                        name: 'creative_library_id',
+                        show: true
+                    }
+                );
+            } else {
+                for (const id of CRM_PLACEMENT_VARS) {
+                    maskConfig.push({
+                        id,
+                        name: id,
+                        show: true
+                    });
+                }
             }
         }
 
@@ -436,12 +458,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
     private getPostRenderActions() {
         const CrMUploadAction = { data: {} };
         const {
-            creativeManagerOverrides: {
-                placement_type,
-                creative_id,
-                creative_library_id,
-                notification_email
-            }
+            creativeManagerOverrides: { placement_type, creative_id, creative_library_id }
         } = this.state;
 
         CrMUploadAction['type'] = placement_type;
@@ -451,9 +468,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         if (creative_library_id) {
             CrMUploadAction.data['creative_library_id'] = creative_library_id;
         }
-        if (notification_email) {
-            CrMUploadAction.data['notification_email'] = notification_email;
-        }
 
         return [CrMUploadAction];
     }
@@ -911,10 +925,8 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
         </div>
     ) : null;
 
-    return (
+    const standardInterface = (
         <>
-            <HRule />
-            <br />
             <h2>{copy.publish.crmPlacement}</h2>
             <p>{copy.publish.crmData}</p>
             {e}
@@ -933,14 +945,44 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
                 value={options.creative_id}
                 onChange={(v) => onInputChange('creative_id', v)}
             />
+        </>
+    );
+
+    const assetInterface = (
+        <>
+            <h2>{copy.publish.crmPlacement}</h2>
+            <p>{copy.publish.crmData}</p>
+            {e}
+            <br />
             <TextField
                 width={'33%'}
                 labelPosition='top'
-                label={copy.publish.email}
-                value={options.notification_email}
-                onChange={(v) => onInputChange('notification_email', v)}
+                label={copy.publish.creativeLibraryId}
+                value={options.creative_library_id}
+                onChange={(v) => onInputChange('creative_library_id', v)}
             />
+        </>
+    );
+    return (
+        <>
+            <HRule />
             <br />
+            {options['placement_type'] === ASSETS_POST_RENDER_ACTION
+                ? assetInterface
+                : standardInterface}
+            <br />
+            <HRule />
+            <CheckboxField
+                value={options['placement_type'] === ASSETS_POST_RENDER_ACTION ? true : false}
+                label={copy.publish.uploadAsAssets}
+                onChange={(v) => {
+                    if (v === false) {
+                        onInputChange('placement_type', ADSTUDIO_POST_RENDER_ACTION);
+                    } else {
+                        onInputChange('placement_type', ASSETS_POST_RENDER_ACTION);
+                    }
+                }}
+            />
             <HRule />
         </>
     );

package/src/constants/copy.ts

@@ -123,6 +123,7 @@ export const compositions = {
 };
 
 export const publish = {
+    uploadAsAssets: 'Upload as Assets',
     noVariablesError:
         'No variables found on the project. Cannot proceed with publishing to Creative Manager until at least one variable is added to the project.',
     publishInProgress: 'Publish to Creative Manager in progress',
@@ -130,7 +131,6 @@ export const publish = {
     btnCrM: 'Creative Manager',
     creativeLibraryId: 'Creative Library ID',
     creativeId: 'Creative ID',
-    email: 'Notification Email',
     missingFields: 'Please provide the missing fields and try again!',
     crmPlacement: 'Creative Manager Placement Variables',
     crmData: `If your CSV batch data doesn't contain the required Creative Manager placement variables, or you would like to override them, enter the values below before you upload the batch data.`,

package/src/constants/publish.ts

@@ -14,11 +14,16 @@ export const CRM_PLACEMENT_OPTIONS = [
     }
 ];
 
+export const ASSET_NAME_VAR = 'asset-name';
+
 export const CRM_PLACEMENT_VARS = [
     'creative_library_id',
     'creative_id',
     'version-name',
     'version-id',
-    'clickTag1',
-    'notificiaton_email'
+    'clickTag1'
 ];
+
+export const ADSTUDIO_POST_RENDER_ACTION = 'crm-adstudio';
+
+export const ASSETS_POST_RENDER_ACTION = 'crm-asset';

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

@@ -1,11 +0,0 @@
-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

@@ -1,191 +0,0 @@
-"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 (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;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.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 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]
-                    : props.existedAssets.slice(curIndex)[i];
-                updateFile['assetId'] =
-                    curIndex === 0
-                        ? props.existedAssetIds[i]
-                        : props.existedAssetIds.slice(curIndex)[i];
-                updatedAssets.push(updateFile);
-            }
-            props.onUpload(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('openreplacefilesmodal', onOpen);
-        return function () {
-            window.removeEventListener('openreplacefilesmodal', 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

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

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

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

@@ -1,11 +0,0 @@
-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/esm/components/replace-files-modal/ReplaceFilesModal.js

@@ -1,132 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import ReactDOM from 'react-dom';
-import Modal from '../modal/Modal';
-import Button from '../button/Button';
-import CheckboxField from '../checkbox-field/CheckboxField';
-import Section from '../section/Section';
-import { assets as copy } from '../../constants/copy';
-export const ReplaceFilesModal = () => {
-    const [props, setProps] = useState(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [applyToAll, setApplyToAll] = useState();
-    const [height, setHeight] = useState(200);
-    const [index, setIndex] = useState(0);
-    const replaceFileModalRef = useRef(null);
-    useEffect(() => {
-        if (replaceFileModalRef.current) {
-            const { current: { clientHeight } } = replaceFileModalRef;
-            setHeight(clientHeight + 40);
-        }
-    });
-    const onOpen = (event) => {
-        setProps({
-            ...event.detail
-        });
-        setIsOpen(true);
-    };
-    const onClose = () => {
-        props.onClose();
-        setIsOpen(false);
-    };
-    const onReplaceHandler = (curApplyToAll, curIndex, file, assetId) => {
-        const newIndex = curIndex + 1;
-        if (curApplyToAll && curIndex === 0) {
-            const updatedAssets = props.existedAssets.map((asset, i) => {
-                const updatefile = asset;
-                updatefile['assetId'] = props.existedAssetIds[i];
-                return updatefile;
-            });
-            props.onInstantUpload(updatedAssets);
-            setIndex(0);
-            setIsOpen(false);
-        }
-        else if (curApplyToAll) {
-            const updatedAssets = [];
-            for (let i = 0; i < props.existedAssets.length; i++) {
-                const updateFile = curIndex === 0
-                    ? props.existedAssets[i]
-                    : props.existedAssets.slice(curIndex)[i];
-                updateFile['assetId'] =
-                    curIndex === 0
-                        ? props.existedAssetIds[i]
-                        : props.existedAssetIds.slice(curIndex)[i];
-                updatedAssets.push(updateFile);
-            }
-            props.onUpload(updatedAssets);
-            setIndex(0);
-            onClose();
-        }
-        else {
-            if (newIndex === props.existedAssets.length) {
-                setIndex(0);
-                onClose();
-            }
-            else {
-                setIndex(newIndex);
-            }
-            const updateFile = file;
-            updateFile['assetId'] = assetId;
-            props.onUpload([updateFile]);
-        }
-    };
-    const onAsNewHandler = (curApplyToAll, curIndex, file) => {
-        const 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]);
-        }
-    };
-    const onApplyToAllHandler = (e) => {
-        setApplyToAll(e);
-        props.onApplyToAll(e);
-    };
-    const onReplace = useCallback((curApplyToAll, curIndex, file, assetId) => onReplaceHandler(curApplyToAll, curIndex, file, assetId), [isOpen]);
-    const onApplyToAll = useCallback((e) => onApplyToAllHandler(e), [isOpen]);
-    const onAsNew = useCallback((curApplyToAll, curIndex, file) => onAsNewHandler(curApplyToAll, curIndex, file), [isOpen]);
-    useEffect(() => {
-        window.addEventListener('openreplacefilesmodal', onOpen);
-        return () => {
-            window.removeEventListener('openreplacefilesmodal', onOpen);
-        };
-    }, []);
-    const modal = () => {
-        if (isOpen) {
-            const file = props.existedAssets[index];
-            const assetId = props.existedAssetIds[index];
-            const name = file.name.slice(0, file.name.lastIndexOf('.'));
-            return (React.createElement(Modal, { onRequestClose: onClose, wrapperStyle: {
-                    left: '0px',
-                    width: '100%'
-                }, style: {
-                    width: '400px',
-                    height: `${height}px`,
-                    top: 'calc(50% - 150px)',
-                    left: 'calc((100% - 400px) / 2)'
-                }, isOpen: true },
-                React.createElement(Section, null,
-                    React.createElement("div", { className: 'replace-files-modal', ref: replaceFileModalRef },
-                        React.createElement("p", null, copy.uploads.title.replace('[name]', name)),
-                        React.createElement("div", { className: 'replace-files-buttons' },
-                            React.createElement("div", { className: 'checkbox' },
-                                React.createElement(CheckboxField, { label: copy.uploads.applyAll, value: applyToAll, onChange: onApplyToAll })),
-                            React.createElement("div", { className: 'buttons' },
-                                React.createElement(Button, { onClick: () => onAsNew(applyToAll, index, file), size: 'large', style: 'bold', color: 'primary' }, copy.uploads.keepBoth),
-                                React.createElement(Button, { onClick: () => onReplace(applyToAll, index, file, assetId), size: 'large', style: 'bold', color: 'primary' }, copy.uploads.replace),
-                                React.createElement(Button, { onClick: onClose, size: 'large', style: 'bold', color: 'default' }, copy.uploads.cancelButton)))))));
-        }
-    };
-    const PortalContextComponent = () => ReactDOM.createPortal(modal(), document.querySelector('#react-root'));
-    return React.createElement(PortalContextComponent, null);
-};
-//# sourceMappingURL=ReplaceFilesModal.js.map

package/dist/esm/components/replace-files-modal/ReplaceFilesModal.js.map

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