@imposium-hub/components 2.7.3 → 2.8.0-0

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

@@ -12,13 +12,7 @@ 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 {
-    ADSTUDIO_POST_RENDER_ACTION,
-    ASSET_NAME_VAR,
-    ASSETS_POST_RENDER_ACTION,
-    CRM_PLACEMENT_VARS
-} from '../../../constants/publish';
-import CheckboxField from '../../checkbox-field/CheckboxField';
+import { CRM_PLACEMENT_VARS } from '../../../constants/publish';
 
 interface IEmailWorkflowProps {
     story: any;
@@ -75,12 +69,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;
 }
 
@@ -130,6 +124,7 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
             creativeManagerOverrides: {
                 creative_id: '',
                 creative_library_id: '',
+                notification_email: '',
                 placement_type: 'crm-adstudio'
             },
             waitingForPublish: false,
@@ -271,8 +266,6 @@ 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 = '';
@@ -281,9 +274,6 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
             if (variables?.previewItem?.src) {
                 const { url, src } = variables.previewItem;
                 value = url ? url : src ? src : '';
-            } else if (variables?.defaultItem?.src) {
-                const { url, src } = variables.defaultItem;
-                value = url ? url : src ? src : '';
             }
 
             return {
@@ -295,27 +285,12 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
         });
 
         if (isCrM) {
-            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
-                    });
-                }
+            for (const id of CRM_PLACEMENT_VARS) {
+                maskConfig.push({
+                    id,
+                    name: id,
+                    show: true
+                });
             }
         }
 
@@ -458,7 +433,12 @@ class EmailWorkflow extends React.PureComponent<IEmailWorkflowProps, IEmailWorkf
     private getPostRenderActions() {
         const CrMUploadAction = { data: {} };
         const {
-            creativeManagerOverrides: { placement_type, creative_id, creative_library_id }
+            creativeManagerOverrides: {
+                placement_type,
+                creative_id,
+                creative_library_id,
+                notification_email
+            }
         } = this.state;
 
         CrMUploadAction['type'] = placement_type;
@@ -468,6 +448,9 @@ 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];
     }
@@ -925,8 +908,10 @@ const CrMOptions: React.FC<ICrMOptionsProps> = ({ options, onChange, errorCopy =
         </div>
     ) : null;
 
-    const standardInterface = (
+    return (
         <>
+            <HRule />
+            <br />
             <h2>{copy.publish.crmPlacement}</h2>
             <p>{copy.publish.crmData}</p>
             {e}
@@ -945,44 +930,14 @@ 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.creativeLibraryId}
-                value={options.creative_library_id}
-                onChange={(v) => onInputChange('creative_library_id', v)}
+                label={copy.publish.email}
+                value={options.notification_email}
+                onChange={(v) => onInputChange('notification_email', 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,7 +123,6 @@ 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',
@@ -131,6 +130,7 @@ 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,16 +14,11 @@ 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'
+    'clickTag1',
+    'notificiaton_email'
 ];
-
-export const ADSTUDIO_POST_RENDER_ACTION = 'crm-adstudio';
-
-export const ASSETS_POST_RENDER_ACTION = 'crm-asset';