@capillarytech/creatives-library 2.0.70 → 2.0.72

package/app.js

@@ -6,7 +6,7 @@ import createHistory from 'history/lib/createBrowserHistory';
 import { applyRouterMiddleware, Router, useRouterHistory } from 'react-router';
 import { syncHistoryWithStore } from 'react-router-redux';
 import { useScroll } from 'react-router-scroll';
-import Cap from 'containers/Cap';
+import Cap from 'v2Containers/Cap';
 import { LocaleProvider } from 'antd';
 import { makeSelectLocationState } from 'containers/Cap/selectors';
 import LanguageProvider from 'containers/LanguageProvider';

package/components/Ckeditor/index.js

@@ -163,7 +163,8 @@ class Ckeditor extends React.Component { // eslint-disable-line react/prefer-sta
     _.forEach(this.props.events, (event, index) => {
       this.editorInstance.on(index, event);
     });
-    if (this.props.channel.toLowerCase() === 'wechat') {
+    const channel = _.get(this.props, 'channel');
+    if (channel && channel.toLowerCase() === 'wechat') {
       this.editorInstance.on('blur', this.onFocusOut);
       _.forEach(this.props.events, (event, index) => {
         this.editorInstance.on(index, event);

package/components/EmailMobilePreview/index.scss

@@ -9,7 +9,6 @@ $classPrefix: email-mobile-preview-container;
         #emailPreivew-content-wrapper{
           width: 100%;
           height: 90%;
-          overflow: auto;
           // display: table;
     
           #emailPreivew-content {

package/components/EmailPreviewV2/_emailPreviewV2.scss

@@ -6,10 +6,13 @@ $classPrefix: email-preview-v2;
         overflow-y: auto;
         // font-family: 'proxima-nova';
         overflow: hidden;
+
+        #email-iframe {
+          width: -webkit-fill-available;
+        }
         #emailPreivew-content-wrapper{
           width: 100%;
           height: 90%;
-          overflow: auto;
           // display: table;
     
           #emailPreivew-content {

package/components/EmailPreviewV2/index.js

@@ -88,7 +88,7 @@ class EmailPreviewV2 extends React.Component {
                     {currentDevice === devices.mobile ?
                       <img src={mobileBody} alt="capillary" width="85%" /> : ''}
                     <div className={messageContainerName}>
-                      <iframe srcDoc={templateContent} {...deviceAspectRatio[currentDevice]} >
+                      <iframe id="email-iframe" srcDoc={templateContent} {...deviceAspectRatio[currentDevice]} >
                         <p><FormattedMessage {...messages.noIframeSupport}/></p>
                       </iframe>
                     </div>

package/components/FormBuilder/index.js

@@ -421,7 +421,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     if (this.props.schema.channel === 'SMS') {
         
       for (let count = 0; count < this.state.tabCount; count += 1) {
-        if (_.isEmpty(errorData[count])) {
+        if (_.isEmpty(errorData[count]) && this.props.isNewVersionFlow) {
           return;
         }
         const index = count + 1;
@@ -432,7 +432,10 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         const unicodeCheck = this.state.formData[count][`unicode-validity${index > 1 ? index : ''}`];
         const ifUnicode = content && content !== '' ? checkUnicode(content) : false;
         
-        const tagValidationResponse = this.validateTags(content, tags, injectedTags);
+        let tagValidationResponse = false;
+        if (content) {
+          tagValidationResponse = this.validateTags(content, tags, injectedTags);
+        }
         
         if (tagValidationResponse.valid) {
           errorData[count][`sms-editor${index > 1 ? index : ''}`] = false;
@@ -585,6 +588,10 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                 }
               }
 
+            } else {
+                errorData[parseInt(index)][`message-editor${selector}`] = true;
+                isValid = false;
+                isCurrentTabValid = false;
             }
             
             
@@ -607,6 +614,10 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                   isValid = false;
                 }
               }
+            } else {
+              errorData[parseInt(index)][`message-title${selector}`] = true;
+              isValid = false;
+              isCurrentTabValid = false;
             }
             // if(tab['primary-cta-link'].trim() === ""){
             //   errorData[parseInt(index)][`primary-cta-link`] = true;
@@ -802,7 +813,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         }
         // Check if template subject present in form data from Loyalty, DVS, Timeline
         if (index === 'template-subject' && type.toLowerCase() === 'embedded' && (currentModule.toLowerCase() === 'loyalty' || currentModule.toLowerCase() === 'dvs' || currentModule.toLowerCase() === 'timeline' || currentModule.toLowerCase() === 'library')) {
-          if (data.trim() === '') {
+          if (data && data.trim() === '') {
             errorData[index] = true;
             isValid = false;
           } else {
@@ -2007,6 +2018,8 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       // this.setState({currentEvent: {}, currentEventData: {}});
     } else if (id === 'email-version-delete-modal') {
       this.deleteVersion(false, this.state.currentTab);
+    } else if ( id === 'template-delete-confirm-modal') {
+      this.props.handleDelete(this.props.modal);
     }
   };
   handleCancel = (ev) => {
@@ -2412,7 +2425,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             columns.push(
               <CapColumn>
                 <CapButton
-                  onClick={(data) => val.id === 'save-button' ? this.saveForm() : this.callChildEvent(data, val, val.submitAction)}>
+                  onClick={(data) => this.callChildEvent(data, val, val.submitAction)}>
                   {val.value}
                 </CapButton>
               </CapColumn>
@@ -2474,7 +2487,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
         if (_.isEmpty(value) && !_.isEmpty(val.value)) {
           children = val.value;
         }
+        const ref = _.get(this, `props.refs[${val.id}]`);
         return (<div
+          ref={ref}
           className={val.className ? val.className : ''}
           id={`${val.id}${childIndex > 1 ? childIndex : ''}`}
           onClick={(data) => this.callChildEvent(data, val, val.submitAction)}
@@ -2679,9 +2694,9 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             );
             break;
           case 'upload':
-            ifError = this.state.checkValidation && (isVersionEnable ? this.state.errorData[`${this.state.currentTab - 1}`][val.id] : this.state.errorData[val.id]);
+            ifError = (this.state.checkValidation || this.props.startValidation) && (isVersionEnable ? this.state.errorData[`${this.state.currentTab - 1}`][val.id] : this.state.errorData[val.id]);
             const ImageComponent = (props) => (
-              <div>
+              <div key={`${val.id}-${this.state.currentTab}`}>
                 <div className={`image-container ${props.ifError ? 'error' : ''}`}>
                   {self.state && !!self.state.formData[`${self.state.currentTab - 1}`].image ?
                     <img src={self.state.formData[`${self.state.currentTab - 1}`].image} alt={props.alt} style={props.style}/>
@@ -2689,14 +2704,13 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     <div style={{width: "100%", textAlign: "center"}}><span className="image-placeholder">{props.placeholder}</span></div>
                   }
                 </div>
-
               </div>
              );
             const WithLabel = LabelHOC(ImageComponent);
-            const {errorMessage, ...rest} = val.previewProps;
+            const {errorMessage, ...rest} = val.previewProps || {};
             columns.push(
               <CapColumn span={val.width} offset={val.offset} style={val.style}>
-                {val.showPreview && <WithLabel key={`${val.id}-with-label`} {...rest} errorMessage={ifError && errorMessage}/>}
+                {val.showPreview && <WithLabel key={`${val.id}-with-label`} {...rest} errorMessage={ifError && errorMessage} ifError={ifError}/>}
                 <form encType="multipart/form-data" id={val.id}>
                   <input key={val.id} style={{ display: 'none'}} id="fileName" type="file" onChange={(e) => this.uploadImages(e, {files: e.target.files}, val)} accept={val.supportedExtensions ? val.supportedExtensions : "image/*"} />
                   <CapButton disabled={val.disabled ? val.disabled : false} type="secondary" onClick={(e) => this.openFileDialog(e, val.id)} style={{float: 'right'}}>
@@ -2741,7 +2755,7 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
                     type={val.buttonType}
                     icon={val.icon}
                     disabled={val.disabled ? val.disabled : false}
-                    onClick={(data) => val.id === 'save-button' ? this.saveForm() : this.callChildEvent(data, val, val.submitAction)}>
+                    onClick={(data) => this.callChildEvent(data, val, val.submitAction)}>
                     {val.value}
                   </CapButton>
                 </CapColumn>
@@ -3272,6 +3286,7 @@ FormBuilder.propTypes = {
   startValidation: PropTypes.bool,
   // saveForm: PropTypes.bool,
   stopValidation: PropTypes.func,
+  handleDelete: PropTypes.func,
 };
 
 export default FormBuilder;

package/components/Header/index.js

@@ -4,7 +4,9 @@
 *
 */
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+
+import React from 'react';
 // import styled from 'styled-components';
 import { FormattedMessage } from 'react-intl';
 

package/components/TemplatePreview/WechatRichmediaTemplatePreview/index.js

@@ -27,7 +27,7 @@ class WechatRichmediaTemplatePreview extends React.PureComponent { // eslint-dis
               <div className="preview-overflow-wrap-fields" style={{ position: "absolute", bottom: "5%", left: "5%" }}>{contentData.title ? contentData.title : ""}</div>
             </CapRow>
             {Object.keys(mediaList).length === 1 ?
-              <CapRow style={{ height: 32, left: "5%" }}>
+              <CapRow style={{ height: 32 }}>
                 {contentData.digest ? contentData.digest : ""}
               </CapRow>
               :
@@ -38,7 +38,7 @@ class WechatRichmediaTemplatePreview extends React.PureComponent { // eslint-dis
       } else {
         returnObj.push(
           <CapRow style={{ "width": "100%", "height": 64, "border-bottom": "0.5px solid lightgrey" }}>
-            <CapColumn className="preview-overflow-wrap-fields" style={{ padding: "5% 0% 0% 5%", float: "left" }}>
+            <CapColumn className="preview-overflow-wrap-fields" style={{ padding: "5% 0% 0% 5%", float: "left", width: "auto" }}>
               {contentData.title}
             </CapColumn>
             <CapColumn style={{ float: "right" }}>
@@ -50,6 +50,41 @@ class WechatRichmediaTemplatePreview extends React.PureComponent { // eslint-dis
     });
     return returnObj;
   }
+  prepareCardLayoutPreviewData = (mediaList) => {
+    const returnObj = [];
+    _.forEach(mediaList, (contentData, contentIndex) => {
+      const id = parseInt(contentIndex, 10);
+      if (id === 0) {
+        returnObj.push(
+          <div style={{ width: "100%", height: 116, position: "relative" }}>
+            <CapRow>
+              <img alt="default" width="100%" height="110px" src={contentData.image_url} />
+              <div className="preview-overflow-wrap-fields" style={{ position: "absolute", bottom: "5%", left: "10%", width: "auto" }}>{contentData.title ? contentData.title : ""}</div>
+            </CapRow>
+            {Object.keys(mediaList).length === 1 ?
+              <CapRow style={{ height: 32, left: "12%" }}>
+                {contentData.digest ? contentData.digest : ""}
+              </CapRow>
+              :
+              ""
+            }
+          </div>
+        );
+      } else {
+        returnObj.push(
+          <CapRow style={{ "width": "100%", "height": 64, "border-bottom": "0.5px solid lightgrey", "padding": "0 8px" }}>
+            <CapColumn className="preview-overflow-wrap-fields" style={{ padding: "5% 0% 0% 8%", float: "left", width: "auto" }}>
+              {contentData.title}
+            </CapColumn>
+            <CapColumn style={{ float: "right" }}>
+              <img alt="default" width="60px" height="60px" src={contentData.image_url}/>
+            </CapColumn>
+          </CapRow>
+        );
+      }
+    });
+    return returnObj;
+  }
   goToEdit(e, path) {
     this.props.onEditClick(e, this.props.templateId, this.props.modeType, path);
   }
@@ -78,7 +113,7 @@ class WechatRichmediaTemplatePreview extends React.PureComponent { // eslint-dis
             <div className={`preview-container ${this.props.type === 'embedded' ? 'embedded-preview' : ''}`}>
               <div className="shell align-center" id="sms-preview">
                 <div className="wechatMsgContainerCardLayout">
-                  <div>{this.preparePreviewData(this.props.content)}
+                  <div>{this.prepareCardLayoutPreviewData(this.props.content)}
                   </div>
                 </div>
               </div>

package/components/TemplatePreview/index.js

@@ -8,10 +8,9 @@ import PropTypes from 'prop-types';
 
 import React from 'react';
 import _ from 'lodash';
-import { injectIntl, intlShape, FormattedMessage} from 'react-intl';
+import { injectIntl, FormattedMessage} from 'react-intl';
 // import styled from 'styled-components';
-import {CapColumn} from '@capillarytech/cap-ui-library';
-import moment from 'moment';
+import {CapColumn, CapRow, CapHeading} from '@capillarytech/cap-ui-library';
 import './_templatePreview.scss';
 import {updateCharCount} from '../../utils/smsCharCountV2';
 import messages from './messages';
@@ -33,7 +32,7 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
       for (let i = 0, limit = 0; i < smsDetails.parts; i += 1, limit += smsDetails.chars_sms) {
         content.push(smsDetails.char_list.slice(limit, smsDetails.chars_sms * (i + 1)));
       }
-      if (document.getElementById("msg_count")) {
+      if (document.getElementById("msg_count") && this.props.showCount) {
         document.getElementById("msg_count").val = smsDetails.parts;
       }
       //smsText = this.props.intl.formatMessage(messages.previewGenerationMessage);
@@ -52,36 +51,46 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
       });
     }
     return (
-      <div className={`preview-container ${type === 'embedded' ? 'embedded-preview' : ''}`}>
-        { channel && channel.toLowerCase() === 'sms' &&
-          <div className="shell align-center" id="sms-preview">
-            <img className="preview-image sms" src={smsBody} alt="Preview is being generated"/>
-            <div className="msgContainer sms">
-              <img className="sms-icon" src={smsIcon} alt="Sms icon" />
-              <div className={"message-pop sms"}>
-                {content && content.length && content.map((msg, index) =>
-                  <CapColumn key={`"message-pop-content-${index}`} className="message-pop-item align-left" style={{ background: '#3F51B5', color: '#ffffff'}}>
-                    {msg}
-                  </CapColumn>)
+      <CapRow>
+        {this.props.showCount && <CapColumn span={16}>
+          {channel && channel.toLowerCase() === 'sms' && <CapHeading type="h3">
+            <FormattedMessage {...messages.charactersTotal} values={{smsCount: smsDetails.parts, charCount: smsDetails.chars_used}}/>
+            {smsDetails.unicode &&
+              <FormattedMessage {...messages.smsFormatType}/>
+            }
+          </CapHeading>}
+        </CapColumn>}
+        <CapColumn span={this.props.showCount ? 8 : 24}>
+          <div className={`preview-container ${type === 'embedded' ? 'embedded-preview' : ''}`}>
+            { channel && channel.toLowerCase() === 'sms' &&
+              <div className="shell align-center" id="sms-preview">
+                <img className="preview-image sms" src={smsBody} alt="Preview is being generated"/>
+                <div className="msgContainer sms">
+                  <img className="sms-icon" src={smsIcon} alt="Sms icon" />
+                  <div className={"message-pop sms"}>
+                    {content && content.length && content.map((msg, index) =>
+                      <CapColumn key={`"message-pop-content-${index}`} className="message-pop-item align-left" style={{ background: '#3F51B5', color: '#ffffff'}}>
+                        {msg}
+                      </CapColumn>)
                 }
+                  </div>
+                </div>
               </div>
-            </div>
-          </div>
-        }
-        {channel && channel.toLowerCase() === 'wechat' ?
-          ( <div className="shell align-center" id="sms-preview">
-            <img className="preview-image" src={channel.toLowerCase() === 'wechat' ? wechatBody : smsBody} alt="Preview is being generated"/>
-            <div className="msgContainer">
-              {this.props.channel.toLowerCase() === 'wechat' ? <div className="sms-icon" style={{ width: '25px', height: '25px', background: '#2E89DF' }}></div> : <img className="sms-icon" src={smsIcon} alt="Sms icon" />}
-              <div className="message-pop align-left" style={{ background: `${this.props.channel.toLowerCase() === 'wechat' ? '#ffffff' : '#3F51B5'}`, color: `${this.props.channel.toLowerCase() === 'wechat' ? '#333333' : '#ffffff'}`}}>{content}
+          }
+            {channel && channel.toLowerCase() === 'wechat' ?
+            ( <div className="shell align-center" id="sms-preview">
+              <img className="preview-image" src={channel.toLowerCase() === 'wechat' ? wechatBody : smsBody} alt="Preview is being generated"/>
+              <div className="msgContainer">
+                {this.props.channel.toLowerCase() === 'wechat' ? <div className="sms-icon" style={{ width: '25px', height: '25px', background: '#2E89DF' }}></div> : <img className="sms-icon" src={smsIcon} alt="Sms icon" />}
+                <div className="message-pop align-left" style={{ background: `${this.props.channel.toLowerCase() === 'wechat' ? '#ffffff' : '#3F51B5'}`, color: `${this.props.channel.toLowerCase() === 'wechat' ? '#333333' : '#ffffff'}`}}>{content}
+                </div>
               </div>
             </div>
-          </div>
           ) : ''
         }
-        { channel && (channel.toLowerCase() === 'mobilepush') &&
-          (<div className="shell align-center" id="mobilepush-preview">
-            <img className="preview-image" src={this.props.device === "android" ? androidPushMessagePhone : iPhonePushMessagePhone} alt="Preview is being generated"/>
+            { channel && (channel.toLowerCase() === 'mobilepush') &&
+            (<div className="shell align-center" id="mobilepush-preview">
+              <img className="preview-image" src={this.props.device === "android" ? androidPushMessagePhone : iPhonePushMessagePhone} alt="Preview is being generated"/>
               {(!!content.header || !!content.bodyText || !!content.bodyImage) &&
                 <div className={`${this.props.device}-push-message-Container`}>
                   {this.props.device === "android" ?
@@ -124,10 +133,10 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
                   }
                 </div>
               }
-          </div>
+            </div>
           )
         }
-        {
+            {
           channel && channel.toLowerCase() === 'line' ? (
             <div className="shell align-center" id="sms-preview">
               <img className="preview-image" src={wechatBody} alt="Preview is being generated"/>
@@ -142,25 +151,11 @@ class TemplatePreview extends React.Component { // eslint-disable-line react/pre
             </div>
           ) : ''
         }
-        {
-          this.props.charCounterEnabled && !_.isEmpty(smsDetails) ?
-            <div>
-              <p className="preview-info">
-                {smsDetails.unicode &&
-                <div style={{fontSize: '16px'}}>{`${this.props.intl.formatMessage(messages.smsFormatType)}`}</div>
-                }
-                <div style={{marginTop: '8px', fontSize: '16px'}} >{`${this.props.intl.formatMessage(messages.sms)}: ${smsDetails.parts}`}</div>
-                <div style={{fontSize: '16px'}}>{`${this.props.intl.formatMessage(messages.charactersPerSms)}: ${smsDetails.chars_used}`}</div>
-              </p>
-            </div>
-            : ''
-        }
-        {this.props.templateData && this.props.templateData.updatedByName &&
-          [<p className="preview-info" key="preview-info-modified"><FormattedMessage {...messages.lastModified} />: {moment(this.props.templateData.updatedAt).format('MM-DD-YYYY')}</p>,
-            <p style={{marginBottom: '8px'}} className="preview-info" key="preview-info-updated"><FormattedMessage {...messages.uploadedBy} /> : {this.props.templateData.updatedByName}</p>,
-          ]
-        }
-      </div>
+
+          </div>
+
+        </CapColumn>
+      </CapRow>
     );
   }
 }
@@ -172,10 +167,9 @@ TemplatePreview.propTypes = {
   channel: PropTypes.string,
   charCounterEnabled: PropTypes.bool,
   location: PropTypes.object,
-  intl: intlShape.isRequired,
   device: PropTypes.string,
   unicodeEnabled: PropTypes.bool,
-  templateData: PropTypes.object,
+  showCount: PropTypes.bool,
 };
 
 export default (injectIntl(TemplatePreview));

package/components/TemplatePreview/messages.js

@@ -20,7 +20,7 @@ export default defineMessages({
   },
   charactersTotal: {
     id: 'app.components.TemplatePreview.charactersTotal',
-    defaultMessage: "SMS Char total",
+    defaultMessage: "{smsCount} SMS ({charCount} characters)",
   },
   smsFormatType: {
     id: 'app.components.TemplatePreview.smsFormatType',

package/config/app.js

@@ -8,6 +8,7 @@ const config = {
     login_url: 'auth/login',
     //dashboard_url: '/sms',
     dashboard_url: '/v2',
+    accountConfig: (strs, accountId) => `org/config/AccountAdd?q=a&channelId=2&accountId=${accountId}&edit=1`,
   },
   development: {
     api_endpoint: 'https://nightly.capillary.in/arya/api/v1/creatives',

package/containers/Cap/actions.js

@@ -51,11 +51,6 @@ export function fetchSchemaForEntity(queryParams) {
   };
 }
 
-export function clearMetaEntities() {
-  return {
-    type: types.CLEAR_META_ENTITIES,
-  };
-}
 export function setInjectedTags(injectedTags) {
   return {
     type: types.SET_INJECTED_TAGS, injectedTags,

package/containers/Cap/reducer.js

@@ -6,7 +6,7 @@ import _ from 'lodash';
 import * as types from './constants';
 import initialState from '../../initialState';
 
-function capReducer(state = fromJS(initialState.cap), action) {
+function capReducer(state = fromJS(initialState), action) {
   switch (action.type) {
     case types.LOGIN_REQUEST:
       return state.set('login_progress', true);

package/containers/Cap/selectors.js

@@ -18,10 +18,6 @@ const makeSelectMetaEntities = () => createSelector(
   (globalState) => globalState.get('metaEntities')
 );
 
-const isLoadingMetaEntities = () => createSelector(
-  selectCapDomain,
-  (globalState) => globalState.get('fetchingSchema')
-);
 const setInjectedTags = () => createSelector(
   selectCapDomain,
   (globalState) => {
@@ -58,13 +54,6 @@ const makeSelectUser = () => createSelector(
   selectCapDomain,
   (globalState) => globalState.get('user')
 );
-const selectCurrentOrgDetails = () => createSelector(
-  selectCapDomain,
-  (globalState) => {
-    const currentOrgDetails = globalState.get('currentOrgDetails');
-    return currentOrgDetails ? currentOrgDetails.toJS() : null;
-  }
-);
 
 const makeSelectFetchingSchema = () => createSelector(
   selectCapDomain,
@@ -78,8 +67,6 @@ export {
   makeSelectOrgId,
   makeSelectMetaEntities,
   makeSelectUser,
-  selectCurrentOrgDetails,
-  isLoadingMetaEntities,
   makeSelectFetchingSchema,
   setInjectedTags,
 };

package/containers/Ebill/index.js

@@ -25,7 +25,6 @@ import makeSelectEbill from './selectors';
 import messages from './messages';
 import EmailPreview from '../../components/EmailPreview';
 import './_ebill.scss';
-import callNativeEvent from '../../utils/callNativeEvent';
 const BreadcrumbItem = Breadcrumb.Item;
 
 export class Ebill extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -884,7 +883,7 @@ export class Ebill extends React.Component { // eslint-disable-line react/prefer
       myField.value += myValue;
     }
     const event = new Event('input', { bubbles: true });
-    callNativeEvent({field, value: myField.value, event});
+    myField.dispatchEvent(event);
   };
 
   injectMessages(elem) {

package/containers/Email/_email.scss

@@ -77,6 +77,7 @@
   .ant-tabs-extra-content{
     flex: 1;
     align-self: flex-end;
+    padding: 4px;
     height: 42px;
   }
 

package/containers/Email/actions.js

@@ -6,11 +6,10 @@
 
 import * as types from './constants';
 
-export function createTemplate(template, onCreateTemplateComplete) {
+export function createTemplate(template) {
   return {
     type: types.CREATE_TEMPLATE_REQUEST,
     template,
-    onCreateTemplateComplete,
   };
 }
 
@@ -23,6 +22,7 @@ export function duplicateTemplate(id, channel) {
 }
 
 export function getTemplateDetails(id, channel) {
+  console.log('getting template', id, channel);
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST,
     id,
@@ -39,6 +39,7 @@ export function getAllAssets(assetType, queryParams) {
 }
 
 export function getCmsSetting(cmsType, projectId, cmsMode, langId, isEdmSupport) {
+  console.log('cms actions', langId, isEdmSupport);
   return {
     type: types.GET_CMS_EDITOR_DETAILS_REQUEST,
     cmsType,
@@ -78,9 +79,3 @@ export function uploadAsset(file, assetType, fileParams) {
     fileParams,
   };
 }
-
-export function resetCmsData() {
-  return {
-    type: types.RESET_CMS_EDITOR_DATA,
-  };
-}

package/containers/Email/constants.js

@@ -23,7 +23,6 @@ export const GET_CMS_EDITOR_DETAILS_FAILURE = 'app/containers/Email/GET_CMS_EDIT
 export const GET_CMS_EDITOR_DATA_REQUEST = 'app/containers/Email/GET_CMS_EDITOR_DATA_REQUEST';
 export const GET_CMS_EDITOR_DATA_SUCCESS = 'app/containers/Email/GET_CMS_EDITOR_DATA_SUCCESS';
 export const GET_CMS_EDITOR_DATA_FAILURE = 'app/containers/Email/GET_CMS_EDITOR_DATA_FAILURE';
-export const RESET_CMS_EDITOR_DATA = 'app/containers/Email/RESET_CMS_EDITOR_DATA';
 
 export const UPLOAD_ASSET_REQUEST = 'app/containers/Email/UPLOAD_ASSET_REQUEST';
 export const UPLOAD_ASSET_SUCCESS = 'app/containers/Email/UPLOAD_ASSET_SUCCESS';