@capillarytech/creatives-library 6.9.9 → 6.10.0

package/components/CapTagList/index.js

@@ -187,7 +187,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
               {this.props.moduleFilterEnabled ? <CapSelect getPopupContainer={(triggerNode) => triggerNode.parentNode} style={{width: '250px', marginBottom: '16px', minWidth: 'initial', display: 'inherit'}} onChange={this.props.onContextChange} defaultValue="All" options={options}>
               </CapSelect> : ''}
               <Tree
-                styling={{height: '350px', overflow: 'auto'}}
+                styling={{'height': '350px', 'overflow': 'auto'}}
                 onSelect={this.handleOnSelect}
                 selectedKeys={this.state.tagValue}
                 expandedKeys={this.state.expandedKeys}

package/components/Edmeditor/index.js

@@ -44,7 +44,7 @@ class Edmeditor extends React.Component { // eslint-disable-line react/prefer-st
     console.log('current language edm editor loading', this.props.id, this.props.edmSrc);
     return (
       this.props.edmSrc ?
-        (<iframe id={this.props.id} className={this.props.activeClass} src={this.props.edmSrc} height="460" width="100%" style={{height: "calc(100vh - 180px)"}}></iframe>)
+        (<iframe id={this.props.id} className={this.props.activeClass} src={this.props.edmSrc} height="460" width="100%" style={{"height": "calc(100vh - 180px)"}}></iframe>)
       : 'aaasass'
     );
   }

package/components/FormBuilder/index.js

@@ -912,6 +912,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
 
   };
   saveForm(saveForm) {
+    
     if (this.props.isNewVersionFlow && !saveForm) {
       this.props.getValidationData();
       return;

package/containers/TagList/index.js

@@ -82,9 +82,9 @@ export class TagList extends React.Component { // eslint-disable-line react/pref
         console.log('Inside ', tag.label);
         mainTags[tag.value] = {
           'tag-header': true,
-          "name": tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
-          "desc": tag.desc ? tag.desc : tag.label.en,
-          "subtags": tag.subtags,
+          name: tag.label[this.props.userLocale] ? tag.label[this.props.userLocale] : tag.label.en,
+          desc: tag.desc ? tag.desc : tag.label.en,
+          subtags: tag.subtags,
         };
       }
     });

package/index.html

@@ -11,9 +11,6 @@
     <meta http-equiv="Pragma" content="no-cache" />
     <meta http-equiv="Expires" content="0" />
     <script src="https://use.typekit.net/ifw1ntv.js"></script>
-
-    <script src="https://app-rsrc.getbee.io/plugin/BeePlugin.js" type="text/javascript"></script>
-
     <!-- Google Tag Manager -->
     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "6.9.9",
+  "version": "6.10.0",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -16,7 +16,6 @@
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "^7.2.1",
     "@capillarytech/cap-ui-utils": "1.2.6",
-    "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "1.1.3",
     "jquery": "^3.3.1",

package/services/api.js

@@ -319,38 +319,23 @@ export const getCmsTemplateSettings = (cmsType, projectId, cmsMode, langId, isEd
   return API.get(url);
 };
 
-export const getCmsTemplateSettingsV2 = (cmsType, projectId, cmsMode, langId, isEdmSupport) => {
-  const url = `${API_ENDPOINT}/cms/v2/getDetails/?type=${cmsType}&projectId=${projectId}&cmsMode=${cmsMode}&langId=${langId}&isEdmSupport=${isEdmSupport ? 1 : 0}`;
-  return API.get(url);
-};
-
-
 export const getCmsTemplateData = (cmsType, projectId, langId) => {
   const url = `${API_ENDPOINT}/cms/getContent?type=${cmsType}&projectId=${projectId}&langId=${langId}`;
   return API.get(url);
 };
 
-export const getCmsTemplateDataV2 = (cmsType, projectId, langId) => {
-  const url = `${API_ENDPOINT}/cms/v2/getContent?type=${cmsType}&projectId=${projectId}&langId=${langId}`;
-  return API.get(url);
-};
-
 export const getCmsData = (cmsType, projectId, langId) => {
   const url = `${API_ENDPOINT}/cms/getCmsData?type=${cmsType}&projectId=${projectId}&langId=${langId}`;
   return API.get(url);
 };
 
+
 export const getEdmTemplates = () => {
   console.log('in api.js');
   const url = `${API_ENDPOINT}/templates/email/default`;
   return request(url, getAPICallObject('GET'));
 };
 
-export const getDefaultBeeTemplates = () => {
-  const url = `${API_ENDPOINT}/templates/v2/email/default`;
-  return request(url, getAPICallObject('GET'));
-}
-
 // All about line
 
 export const createLineTemplate = ({template}) => {

package/v2Components/CapTagList/index.js

@@ -156,72 +156,50 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
   }
 
   render() {
-    const { hidePopover = false, tags = {}, intl = {}, moduleFilterEnabled, label, modalProps } = this.props;
-    const tg = tags;
-    const {formatMessage} = intl;
-    const { tagValue, expandedKeys, autoExpandParent, searchValue, visible } = this.state;
+    const tg = this.props.tags;
     const options = [
       {
         value: "All",
-        label: formatMessage(messages.all),
+        label: this.props.intl.formatMessage(messages.all),
         key: 'all',
       },
       {
         value: "Outbound",
-        label: formatMessage(messages.outbound),
+        label: this.props.intl.formatMessage(messages.outbound),
         key: 'outbound',
       },
       {
         value: "Loyalty",
-        label: formatMessage(messages.loyalty),
+        label: this.props.intl.formatMessage(messages.loyalty),
         key: 'loyalty',
       },
     ];
-    const contentSection = (<div>
-      <CapSpin tip={formatMessage(messages.gettingTags)} spinning={this.props.loading}>
-        <Search
-          style={{ marginBottom: 8, width: '250px'}}
-          placeholder={formatMessage(messages.search)}
-          onChange={this.onChange} />
-        {moduleFilterEnabled ?
-          <CapSelect
-            getPopupContainer={(triggerNode) => triggerNode.parentNode}
-            style={{width: '250px', marginBottom: '16px', minWidth: 'initial', display: 'inherit'}}
-            onChange={this.props.onContextChange}
-            defaultValue={formatMessage(messages.all)}
-            options={options}>
-          </CapSelect> : ''}
-        <CapTree
-          styling={{height: '350px', overflow: 'auto'}}
-          onSelect={this.handleOnSelect}
-          selectedKeys={tagValue}
-          expandedKeys={expandedKeys}
-          autoExpandParent={autoExpandParent}
-          onExpand={this.onExpand}
-      >
-          {this.renderTags(tg, searchValue)}
-        </CapTree>
-      </CapSpin>
-    </div>);
     return (
-      <>
-        {hidePopover ? <CapModal
-          visible={this.props.visibleTaglist}
-          footer={[]}
-          {...modalProps}
-          >
-          {contentSection}
-        </CapModal> :
+      <div>
         <CapPopover
-          visible={visible}
+          visible={this.state.visible}
           onVisibleChange={this.togglePopoverVisibility}
-          content={contentSection}
+          content={<div>
+            <CapSpin tip={this.props.intl.formatMessage(messages.gettingTags)} spinning={this.props.loading}>
+              <Search style={{ marginBottom: 8, width: '250px'}} placeholder={this.props.intl.formatMessage(messages.search)} onChange={this.onChange} />
+              {this.props.moduleFilterEnabled ? <CapSelect getPopupContainer={(triggerNode) => triggerNode.parentNode} style={{width: '250px', marginBottom: '16px', minWidth: 'initial', display: 'inherit'}} onChange={this.props.onContextChange} defaultValue={this.props.intl.formatMessage(messages.all)} options={options}>
+              </CapSelect> : ''}
+              <CapTree
+                styling={{height: '350px', overflow: 'auto'}}
+                onSelect={this.handleOnSelect}
+                selectedKeys={this.state.tagValue}
+                expandedKeys={this.state.expandedKeys}
+                autoExpandParent={this.state.autoExpandParent}
+                onExpand={this.onExpand}
+              >
+                {this.renderTags(tg, this.state.searchValue)}
+              </CapTree>
+            </CapSpin>
+          </div>}
           trigger="click"
-          placement="topLeft"
-          >
-          <CapButton isAddBtn type="flat">{label || ''}</CapButton>
+          placement="bottomRight">
+          <CapButton isAddBtn type="flat">{this.props.label !== '' ? this.props.label : ''}</CapButton>
         </CapPopover>
-        }
         <CapModal
           visible={this.state.showModal}
           title={this.props.intl.formatMessage(messages["Dynamic Days before Expiry"])}
@@ -237,7 +215,7 @@ class CapTagList extends React.Component { // eslint-disable-line react/prefer-s
           <p>{this.props.intl.formatMessage(messages.numberOfDaysBeforeExpiry)}</p>
           <CapInput onChange={this.handleDynamicDateChange} value={this.state.dynamicDateValue} size="default"></CapInput>
         </CapModal>
-      </>
+      </div>
     );
   }
 }
@@ -250,13 +228,6 @@ CapTagList.propTypes = {
   loading: PropTypes.bool,
   moduleFilterEnabled: PropTypes.bool,
   intl: intlShape.isRequired,
-  visibleTaglist: PropTypes.bool,
-  hidePopover: PropTypes.bool,
-  modalProps: PropTypes.any,
-};
-
-CapTagList.defaultValue = {
-  hidePopover: false,
 };
 
 export default injectIntl(CapTagList);

package/v2Components/CmsTemplatesComponent/index.js

@@ -7,23 +7,23 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 // import styled from 'styled-components';
-import {CapButton, CapCustomCard, CapSpin} from '@capillarytech/cap-ui-library';
+import {CapButton, CapCustomCard} from '@capillarytech/cap-ui-library';
 import { FormattedMessage } from 'react-intl';
 import messages from './messages';
 const {CapCustomCardList} = CapCustomCard;
 function CmsTemplatesComponent(props) {
-  const cardDataList = (props.cmsTemplates || []).map((template) => (
+  const cardDataList = props.cmsTemplates.map((template) => (
     {
       key: template.name,
       title: template.name,
       url: template.versions.base.preview_http_url,
       hoverOption: <CapButton onClick={() => props.handleEdmDefaultTemplateSelection(template._id)}><FormattedMessage {...messages.select}/></CapButton>,
     }));
-  return (<CapSpin spinning={props.cmsTemplatesLoader}>
+  return (<div>
     <div className="pagination-container">
       <CapCustomCardList cardList={cardDataList} type="Email" />
     </div>
-  </CapSpin>);
+  </div>);
 }
 
 CmsTemplatesComponent.propTypes = {

package/v2Components/Edmeditor/index.js

@@ -44,7 +44,7 @@ class Edmeditor extends React.Component { // eslint-disable-line react/prefer-st
     console.log('current language edm editor loading', this.props.id, this.props.edmSrc);
     return (
       this.props.edmSrc ?
-        (<iframe id={this.props.id} className={this.props.activeClass} src={this.props.edmSrc} height="460" width="100%" style={{height: "calc(100vh - 180px)"}}></iframe>)
+        (<iframe id={this.props.id} className={this.props.activeClass} src={this.props.edmSrc} height="460" width="100%" style={{"height": "calc(100vh - 180px)"}}></iframe>)
       : 'aaasass'
     );
   }

package/v2Components/EmailPreview/_emailPreview.scss

@@ -9,8 +9,8 @@
 
   #emailPreivew-container {
     position: relative;
-    left: 18vw;
-    width: 82vw;
+    left: 20vw;
+    width: 80vw;
     height: 100vh;
     background: rgba(255,255,255,1);
     // padding: 0 24px 0 24px;

package/v2Components/FormBuilder/index.js

@@ -11,7 +11,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import _ from 'lodash';
 import { Tabs, Table, Modal} from 'antd';
-import { CapSpin, CapDrawer, CapButton, CapInput, CapPopover, CapImage, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon} from '@capillarytech/cap-ui-library';
+import { CapDrawer, CapButton, CapInput, CapPopover, CapImage, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon} from '@capillarytech/cap-ui-library';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import LabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
 import { CAP_SPACE_12, CAP_SPACE_08, FONT_COLOR_05, FONT_COLOR_04 } from '@capillarytech/cap-ui-library/styled/variables';
@@ -21,7 +21,6 @@ import SlideBox from '../SlideBox';
 import CardGrid from '../CardGrid';
 import CKEditor from "../Ckeditor/";
 import EDMEditor from "../Edmeditor";
-import BeeEditor from '../BeeEditor';
 import CustomPopOver from '../CustomPopOver';
 import messages from './messages';
 import './_formBuilder.scss';
@@ -276,6 +275,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
   onEdit() {
 
   }
+
   getModal = () => {
     let modal;
     if (this.state.modal) {
@@ -925,10 +925,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           for (var i = 0; i < data.selectedLanguages.length; i+= 1) {
             const currentLang = data.selectedLanguages[i];
             const content = data[currentLang]['template-content'];
-            if (!content) {
-              return false;
-            }
-            const tagValidationResponse = this.validateTags(content, tags, injectedTags);;
+            const tagValidationResponse = this.validateTags(content, tags, injectedTags);
             if (errorData[index][currentLang] === undefined) {
               errorData[index][currentLang] = {};
             }
@@ -2956,28 +2953,24 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             if (channel === 'EMAIL') {
               moduleFilterEnabled = this.props.isFullMode;
             }
-            const langIndex = 0;
-            const currentLang = (!_.isEmpty(this.state.formData) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`]) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages) && this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex]) ? this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex] : this.props.baseLanguage;
-            if (!(_.get(this.state, `formData[${this.state.currentTab - 1}][${currentLang}].is_drag_drop`, false)) || channel !== 'EMAIL') {
-              columns.push(
-                <CapColumn key={`input-${val.id}`} offset={val.offset} span={val.width ? val.width : ''} style={val.style ? val.style : {marginBottom: '16px'}}>
-                  <TagList
-                    key={`input-${val.id}`}
-                    moduleFilterEnabled={moduleFilterEnabled}
-                    label={val.label ? val.label : ''}
-                    onTagSelect={(data) => this.callChildEvent(data, val, 'onTagSelect')}
-                    onContextChange={this.props.onContextChange}
-                    location={this.props.location}
-                    tags={this.props.tags ? this.props.tags : []}
-                    injectedTags={this.props.injectedTags ? this.props.injectedTags : {}}
-                    className={val.className ? val.className : ''}
-                    id={val.id}
-                    userLocale={this.props.userLocale}
-                    selectedOfferDetails={this.props.selectedOfferDetails}
-                  />
-                </CapColumn>
-              );
-            }
+            columns.push(
+              <CapColumn key={`input-${val.id}`} offset={val.offset} span={val.width ? val.width : ''} style={val.style ? val.style : {marginBottom: '16px'}}>
+                <TagList
+                  key={`input-${val.id}`}
+                  moduleFilterEnabled={moduleFilterEnabled}
+                  label={val.label ? val.label : ''}
+                  onTagSelect={(data) => this.callChildEvent(data, val, 'onTagSelect')}
+                  onContextChange={this.props.onContextChange}
+                  location={this.props.location}
+                  tags={this.props.tags ? this.props.tags : []}
+                  injectedTags={this.props.injectedTags ? this.props.injectedTags : {}}
+                  className={val.className ? val.className : ''}
+                  id={val.id}
+                  userLocale={this.props.userLocale}
+                  selectedOfferDetails={this.props.selectedOfferDetails}
+                />
+              </CapColumn>
+            );
             break;
           case "button":
             if (styling === 'semantic' && val.metaType === 'submit-button') {
@@ -3198,53 +3191,38 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             }
           }
             break;
-          case "BEEeditor": {
+          case "edmeditor": {
+            // if (!this.state.formData[`${this.state.currentTab - 1}`]) {
+            //   return true;
+            // }
             let langTab = 1;
-            if (val.id.match(/BEEeditor/g)) {
+            if (val.id.match(/edmeditor/g)) {
               if (val.id.length > 9 && val.id.charAt(9)) {
                 langTab = val.id.charAt(9);
               }
             }
-            const { currentTab, formData } = this.state;
-            const supportedLanguages = formData[currentTab - 1].selectedLanguages;
+            const supportedLanguages = this.state.formData[this.state.currentTab - 1].selectedLanguages;
+            // let langIndex = 0;
+            // if (val.id.indexOf('edmeditor') > -1 && val.id !== 'edmeditorsrc') {
+            //   const test = val.id.replace('src', '');
+            //   langIndex = parseInt(test.replace('edmeditor', ''), 10) - 1;
+            // }
+            // const currentLang = (!_.isEmpty(this.state.formData) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`]) && !_.isEmpty(this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages) && this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex]) ? this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages[langIndex] : this.props.baseLanguage;
             const currentLang = supportedLanguages[langTab - 1];
+            const edmSrc = this.state.formData[`${this.state.currentTab - 1}`][currentLang] && this.state.formData[`${this.state.currentTab - 1}`][currentLang][`edmeditor${this.state.currentTab > 1 ? this.state.currentTab : ''}src`];
 
-            let beeJson = '',
-              beeToken = '',
-              uuid = '';
-            const data = formData[`${currentTab - 1}`][currentLang];
-            if (data) {
-              beeJson = data[`BEEeditor${currentTab > 1 ? currentTab : ''}json`];
-              beeToken = data[`BEEeditor${currentTab > 1 ? currentTab : ''}token`];
-              uuid = this.props.uuid;
-            }
-            if (!beeJson || !beeToken) {
+
+            if (!edmSrc) {
               return false;
             }
-            let isModuleFilterEnabled = _.get(this.props.location, 'query.type', '') !== 'embedded';
-            const schemaChannel = _.get(this.props.schema, 'channel', "");
-            if (schemaChannel === 'EMAIL') {
-              isModuleFilterEnabled = this.props.isFullMode;
-            }
+
+
             columns.push(
               <CapColumn style={val.colStyle ? val.colStyle : {}} span={val.width}>
-                <BeeEditor
-                  uid={uuid}
-                  tokenData={beeToken}
+                <EDMEditor
                   id={val.id}
-                  beeJson={beeJson}
-                  showTagsPopover={this.showTagsPopover}
-                  location={this.props.location}
-                  label={val.label || ''}
-                  className={val.className || ''}
-                  userLocale={this.props.userLocale}
-                  selectedOfferDetails={this.props.selectedOfferDetails}
-                  tags={this.props.tags || []}
-                  injectedTags={this.props.injectedTags ? this.props.injectedTags : {}}
-                  saveBeeInstance={this.props.saveBeeInstance}
-                  saveBeeData={this.props.saveBeeData}
-                  onContextChange={this.props.onContextChange}
-                  moduleFilterEnabled={isModuleFilterEnabled}
+                  getEditorInstanse={this.getEditorInstanse}
+                  edmSrc={edmSrc}
                 />
               </CapColumn>
             );
@@ -3285,9 +3263,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           }
         </CapRow>
       );
-      if (columns.length) {
-        fields.push(row);
-      }
+      fields.push(row);
     });
 
     _.forEach(section.actionFields, (field) => {
@@ -3327,18 +3303,8 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
           }
         </CapRow>
       );
-      if (columns.length) {
-        fields.push(row);
-      }
-
+      fields.push(row);
     });
-    if(!this.props.isEmailLoading && this.props.schema.channel.toUpperCase() === 'EMAIL' && !fields.length) {
-      return (
-        <div style={{ textAlign: 'center' }}>
-          <CapSpin spinning />
-        </div>
-      );
-    }
     return fields;
   }
 
@@ -3572,7 +3538,6 @@ FormBuilder.propTypes = {
   setDrawerVisibility: PropTypes.bool,
   capDrawerContent: PropTypes.array,
   isFullMode: PropTypes.bool,
-
 };
 
 export default injectIntl(FormBuilder);

package/v2Containers/App/constants.js

@@ -46,4 +46,3 @@ export const CHANNEL_EDIT_TRACK_MAPPING = {
   line: TRACK_EDIT_LINE,
 };
 export const GTM_TRACKING_ID = 'UA-110024621-2';
-export const BEE_PLUGIN = 'BEE_PLUGIN';

package/v2Containers/CreativesContainer/SlideBoxFooter.js

@@ -10,13 +10,13 @@ function getFullModeSaveBtn(slidBoxContent) {
     <FormattedMessage {...messages.creativesTemplatesSaveFullMode}/>;
 }
 function SlideBoxFooter(props) {
-  const { slidBoxContent, onSave, onEditTemplate, onCreateNextStep, isFullMode, fetchingCmsData} = props;
+  const { slidBoxContent, onSave, onEditTemplate, onCreateNextStep, isFullMode} = props;
   return (
     <div>
       <div>
         {props.shouldShowDoneFooter() && (
           <div>
-            <CapButton onClick={onSave} disabled={fetchingCmsData || false}>
+            <CapButton onClick={onSave}>
               {isFullMode ?
                 getFullModeSaveBtn(slidBoxContent)
               :

package/v2Containers/CreativesContainer/index.js

@@ -25,7 +25,6 @@ import * as globalActions from '../Cap/actions';
 import {isLoading as isLoadingSelector} from './selectors';
 import messages from './messages';
 import { MAP_TEMPLATE } from '../WeChat/Wrapper/constants';
-import { makeSelectFetchingCmsData } from '../Email/selectors';
 
 const classPrefix = 'add-creatives-section';
 
@@ -166,8 +165,6 @@ class Creatives extends React.Component {
             iso_code: templateData.iso_code,
             language: templateData.language,
             drag_drop_id: templateData.drag_drop_id,
-            json_content: templateData.json_content,
-            id: templateData.id,
           };
           creativesTemplateData = {
             base: formData,
@@ -531,7 +528,7 @@ class Creatives extends React.Component {
   }
   render() {
     const {slidBoxContent, isGetFormData, showSlideBox, templateData, currentChannel, emailCreateMode, templateStep, isLoadingContent, mobilePushCreateMode, isDiscardMessage, weChatTemplateType, weChatMaptemplateStep} = this.state;
-    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData, fetchingCmsData} = this.props;
+    const {isFullMode, creativesMode, cap, isUploading, channelsToHide, selectedWeChatAccount, forwardedTags, channelsToDisable, selectedOfferDetails, onTestContentClicked, onPreviewContentClicked, getCreativesData} = this.props;
     const mapTemplateCreate = slidBoxContent === 'createTemplate' && weChatTemplateType === MAP_TEMPLATE && templateStep !== 'modeSelection';
     /* TODO: Instead of passing down same props separately to each component down, write common function to these props and pass it accordingly */
     return (
@@ -620,12 +617,11 @@ class Creatives extends React.Component {
               emailCreateMode={emailCreateMode}
               shouldShowContinueFooter={this.shouldShowContinueFooter}
               shouldShowDoneFooter={this.shouldShowDoneFooter}
-              fetchingCmsData={fetchingCmsData}
             />
           }
           handleClose={this.handleCloseSlideBox}
           show={showSlideBox}
-          size="size-xl"
+          size="size-l"
         />
       </SlideBoxWrapper>
     );
@@ -663,7 +659,6 @@ const mapStatesToProps = () => createStructuredSelector({
   EmailLayout: selectEmailLayout(),
   isUploading: uploadSelector(),
   Templates: makeSelectTemplates(),
-  fetchingCmsData: makeSelectFetchingCmsData(),
 });
 function mapDispatchToProps(dispatch) {
   return {

package/v2Containers/Email/constants.js

@@ -35,4 +35,3 @@ export const CLEAR_ALL_VALUES = "app/v2Containers/Email/CLEAR_ALL_VALUES";
 export const DUPLICATE_TEMPLATE_REQUEST = 'app/v2Containers/Email/DUPLICATE_TEMPLATE_REQUEST';
 export const DUPLICATE_TEMPLATE_SUCCESS = 'app/v2Containers/Email/DUPLICATE_TEMPLATE_SUCCESS';
 export const DUPLICATE_TEMPLATE_FAILURE = 'app/v2Containers/Email/DUPLICATE_TEMPLATE_FAILURE';
-