@capillarytech/creatives-library 7.6.0 → 7.6.2

package/containers/Email/index.js

@@ -685,8 +685,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentWillMount() {
-    console.log('new log 2');
-    console.log('Dark KNight', this.props.Templates, this.props.Email, this.props.Global, this.supportedLanguages);
+    
+    
     const formData = this.initFormData(this.props, true); //_.cloneDeep(this.state.formData);
     const isEmpty = _.isEmpty(formData);
     if (!isEmpty) {
@@ -731,7 +731,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.props.actions.getCmsSetting('edm', this.props.Templates.edmTemplate.versions.base.drag_drop_id, 'create', undefined, isEdmSupport);
       }
     }
-    console.log('Form Data ', formData);
+    
     this.setState({ content: (this.props.Templates.selectedEmailLayout ? this.props.Templates.selectedEmailLayout : ''), formData}, () => {
       // this.injectEvents(this.state.schema);
     });
@@ -743,7 +743,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentDidMount() {
-    console.log('email container mounted');
+    
     const query = {
       layout: 'EMAIL',
       type: 'LAYOUT',
@@ -756,18 +756,18 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentWillReceiveProps(nextProps) {
-    console.log('setting new language Next Props email', nextProps, this.state);
+    
     // if (this.props.location.query.type === 'embedded') {
     //   this.showNext();
     // }
 
     if (this.state.languageDataSet && nextProps.Templates.selectedEmailLayout && nextProps.Templates.selectedEmailLayout !== '' && !_.isEqual(this.props.Templates.selectedEmailLayout, nextProps.Templates.selectedEmailLayout )) {
-      console.log('setting new language content props', nextProps.Templates.selectedEmailLayout);
+      
       this.setNewLanguageContent(nextProps.Templates.selectedEmailLayout);
     }
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && _.isEmpty(this.state.schema)) {
       const newSchema = this.injectEvents(nextProps.metaEntities.layouts[0].definition);
-      console.log('Schema test 1 ', newSchema);
+      
       this.setState({schema: newSchema});
       if (this.props.location.query.module !== 'library' || (this.props.location.query.module === 'library' && this.props.getDefaultTags)) {
         const query = {
@@ -814,7 +814,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // this.injectEvents(this.state.schema);
       const baseLanguage = nextProps.Global.currentOrgDetails.basic_details.base_language;
       if (this.state.formData[`${this.state.currentTab - 1}`] && _.isEmpty(this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages)) {
-        console.log('Language Empty ', this.state.formData);
+        
         const formData = _.cloneDeep(this.state.formData);
         formData[`${this.state.currentTab - 1}`].selectedLanguages = [];
         formData[`${this.state.currentTab - 1}`].selectedLanguages.push(baseLanguage);
@@ -825,7 +825,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
       if (!_.isEmpty(this.state.schema)) {
         const schema = _.cloneDeep(this.state.schema);
-        console.log('Schema test 2', schema);
+        
         const formData = _.cloneDeep(this.state.formData);
         const container = schema.containers[0];
         // const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language;
@@ -837,7 +837,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.setState({schema});
       }
 
-      // console.log('isTagLoaded', this.isTagLoaded);
+      // 
       // if (!this.isTagLoaded) {
       //   this.isTagLoaded = true;
       //   const query = {
@@ -850,7 +850,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // }
 
       if (this.state.isEdit && !this.state.editDataSet && !_.isEmpty(nextProps.Email.templateDetails) && !_.isEmpty(this.state.schema)) {
-        console.log('setting edit data in email', nextProps.Email.templateDetails);
+        
         this.setState({editDataSet: true}, () => {
           this.setEditData(nextProps.Email.templateDetails);
         });
@@ -865,12 +865,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (!_.isEmpty(nextProps.Email.CmsSettings) && !_.isEqual(this.props.Email.CmsSettings, nextProps.Email.CmsSettings)) {
         const apiLangId = nextProps.Email.CmsSettings.langId;
         const langId = nextProps.Email.CmsSettings.langId !== "undefined" ? nextProps.Email.CmsSettings.langId : nextProps.Global.currentOrgDetails.basic_details.base_language;
-        console.log('Got src', this.state.currentTab, nextProps.Email.CmsSettings, langId, nextProps.Global.currentOrgDetails.basic_details.base_language);
+        
         const formData = _.cloneDeep(this.state.formData);
 
         const schema = _.cloneDeep(this.state.schema);
         const langIndex = formData[this.state.currentTab - 1].selectedLanguages.indexOf(langId);
-        console.log('edm trying to set data', langIndex, langId, formData[this.state.currentTab - 1].activeTab, apiLangId);
+        
         const temp = (schema.containers || {})[this.state.currentTab - 1];
         if (baseLanguage === langId && (apiLangId === "undefined" || apiLangId === formData[this.state.currentTab - 1].activeTab)) {
           temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: "none"};
@@ -889,14 +889,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           }
           _.forEach(temp.panes, (pane, index) => {
             const tempPane = pane;
-            // console.log('edm trying to set data', index, langIndex, tempPane);
+            // 
             if (parseInt(index, 10) === parseInt(langIndex, 10)) {
-              // console.log('edm trying to set data done', index, langIndex, tempPane);
+              // 
               tempPane.sections[0].inputFields[0].cols[1].colStyle = {display: ""};
               tempPane.sections[0].inputFields[0].cols[0].colStyle = {display: "none"};
             }
           });
-          console.log('Schema test 3', schema);
+          
           this.setState({schema, isSchemaChanged: true});
         } else {
           _.forEach(temp.panes, (pane, index) => {
@@ -906,21 +906,21 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
               tempPane.sections[0].inputFields[0].cols[0].colStyle = {display: ""};
             }
           });
-          console.log('Schema test 4', schema);
+          
           this.setState({schema, isSchemaChanged: true});
           let html = decodeURIComponent(nextProps.Email.CmsSettings.htmlContent);
-          console.log('Before ', html, nextProps.Email.CmsSettings.htmlContent);
+          
           html = html.replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/\\&quot;/g, '"');
-          console.log('html content ', html);
+          
           formData[this.state.currentTab - 1][langId]["template-content"] = html;
           if (window.CKEDITOR && apiLangId !== "undefined") {
             const instanceName = `template-content${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`;
-            console.log('email switch data name', instanceName);
+            
             _.forEach(window.CKEDITOR.instances, (winInstance) => {
               const tempInstance = winInstance;
-              console.log('email switch data instance', winInstance, winInstance.name);
+              
               if (winInstance.name === instanceName) {
-                console.log('setting instance name after loading', winInstance, name);
+                
                 tempInstance.setData(html);
               } else if (winInstance.name.indexOf('editor') !== -1) {
                 tempInstance.setData(html);
@@ -973,15 +973,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             formData.base[formData.base.activeTab]['template-content'] = decodeURIComponent(nextProps.Email.cmsData);
           }
         } else {
-          console.log('email switch data ', this.state.currentTab, formData, formData[`${this.state.currentTab - 1}`].activeTab);
+          
           const langIndex = formData[this.state.currentTab - 1].selectedLanguages.indexOf(formData[this.state.currentTab - 1].activeTab);
           const instanceName = `template-content${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`;
-          console.log('email switch data name', instanceName);
+          
           _.forEach(window.CKEDITOR.instances, (winInstance) => {
             const temp = winInstance;
-            console.log('email switch data instance', winInstance, winInstance.name);
+            
             if (winInstance.name === instanceName) {
-              console.log('setting instance name after loading', winInstance, name);
+              
               temp.setData(decodeURIComponent(nextProps.Email.cmsData));
             } else if (winInstance.name.indexOf('editor') !== -1) {
               temp.setData(decodeURIComponent(nextProps.Email.cmsData));
@@ -997,9 +997,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             formData.base[formData.base.activeTab].drag_drop_id = "";
             delete formData.base[formData.base.activeTab].edmeditorsrc;
           }
-          console.log('ckeditor trying to set ckeditor data');
+          
         }
-        console.log('setting template content final', formData);
+        
         this.setState({ formData }, () => {
           if (nextProps.Email.langId) {
             this.shouldStartValidation();
@@ -1008,7 +1008,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
 
       if ( !_.isEqual(nextProps.Email.uploadAssetSuccess, this.props.Email.uploadAssetSuccess) && nextProps.Email.uploadAssetSuccess) {
-        console.log('Post on will receive props');
+        
         const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
         const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
         if (isDragDrop && isEdmSupport) {
@@ -1059,14 +1059,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentWillUnmount() {
-    console.log('removed listener create');
+    
     this.resetStateValue();
     window.removeEventListener("message", this.handleFrameTasks);
     this.props.actions.clearStoreValues();
   }
 
   onFormDataChange = (formData, tabCount, currentTab) => {
-    console.log('Form data changed is ', formData, tabCount, currentTab);
+    
     // this.transformFormData(formData);
     this.setState({formData, tabCount, isSchemaChanged: false});
     if (currentTab) {
@@ -1082,12 +1082,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     // _.forEach(window.CKEDITOR.instances, (winInstance) => {
     //   const temp = winInstance;
     //   if (winInstance.name === evt.editor.name) {
-    //     console.log('setting instance name after loading', winInstance, name);
+    //     
     //     setTimeout(() => {
     //       //temp.name = id;
     //     }, 1000);
     //     //temp.name = id;
-    //     console.log('setting instance name after loading 2', winInstance, name);
+    //     
     //   }
     // });
     //}
@@ -1096,19 +1096,19 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (formData[`${this.state.currentTab - 1}`].tabKey === formData.base.tabKey) {
         formData.base[formData[`${this.state.currentTab - 1}`].activeTab][`template-content`] = _.cloneDeep(evt.editor.getData());
       }
-      console.log("Modified Form Data ", formData);
+      
       this.setState({formData, content: evt.editor.getData()}, () => {
-        console.log('Dark Knight ', this.state.content);
+        
       });
     }
   }
 
   onBlur = (evt) => {
-    console.log("onBlur fired with event info: ", evt);
+    
   }
 
   onTabChange(data, formData) {
-    console.log('inside parent ontabchange', data, this.state);
+    
     //this.resetCkEditorInstance(data, formData);
     const schema = _.cloneDeep(this.state.schema);
     const container = schema.containers[`${data - 1}`];
@@ -1129,15 +1129,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   onTemplateNameChange = (name) => {
-    console.log('Template name changed to ', name);
+    
   }
 
   onTagSelect = (data, currentTab, value) => {
-    console.log('On Tag selection ', data, currentTab, value);
+    
     const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
     const formData = _.cloneDeep(this.state.formData);
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-    console.log('isEdmsupport', isEdmSupport);
+    
     if (isDragDrop && isEdmSupport) {
       let msg = {};
       if (data === "unsubscribe") {
@@ -1161,7 +1161,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         win.postMessage(msgString, '*');
       }
     } else {
-      console.log('tag', this.state, this.state.editorInstanse);
+      
       if (this.state.editorInstanse) {
         if (data === "unsubscribe") {
           const anchor = `<a href='{{${data}}}'>${data}</a>`;
@@ -1175,7 +1175,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   onImageSelect = (data) => {
-    console.log('Calling', data);
+    
     this.setState({ showImageSelectionBox: true }, () => {
       const params = {
         name: this.state.searchText,
@@ -1187,13 +1187,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   getValidationData = () => {
-    console.log('all data save getting validation data');
+    
     const that = this;
     const formData = _.cloneDeep(this.state.formData);
     _.forEach(formData, (val, index) => {
       if (!isNaN(index)) {
         _.forEach(val.selectedLanguages, (language) => {
-          console.log('all data save language', language, val[language]);
+          
           if (val[language].is_drag_drop) {
             that.props.actions.getCmsData('edm', val[language].drag_drop_id, language);
           }
@@ -1207,7 +1207,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const formData = _.cloneDeep(this.state.formData);
     const currentTab = this.state.currentTab - 1;
     // const schema = _.cloneDeep(this.state.schema);
-    console.log('Setting new language content', formData, this.state.settingLanguage);
+    
     const currentTabData = formData[currentTab][this.state.settingLanguage.iso_code];
     currentTabData.is_drag_drop = false;
     currentTabData.drag_drop_id = "";
@@ -1218,12 +1218,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       delete currentTabData.edmeditorsrc;
     }
     formData[currentTab].selectedLanguages.push(newActiveTab);
-    console.log('setting new language content final', formData);
+    
   //  this.setState({formData});
     // const container = schema.containers[this.state.currentTab - 1];
     // const temp = container;
     // const langTab = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(newActiveTab);
-    // console.log('switch language Tab ', langTab, this.state.formData[`${this.state.currentTab - 1}`].selectedLanguages, this.state.formData[`${this.state.currentTab - 1}`].activeTab);
+    // 
     // temp.panes[langTab].sections[0].inputFields[0].cols[0].colStyle = {display: ""};
     // temp.panes[langTab].sections[0].inputFields[0].cols[1].colStyle = {display: "none"};
     // temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: "none"};
@@ -1240,14 +1240,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     this.setState({getFormDataValue: value, gettingFormData: true}, () => {
       this.saveValidationData();
     });
-    // console.log('posting final result', this.state.formData);
+    // 
     // const response = {
     //   action: "getFormData",
     //   postAction: value || 'next',
     //   value: this.transformFormData(this.state.formData),
     //   validity: this.state.isFormValid,
     // };
-    // console.log('Get Data', response);
+    // 
     // this.setState({checkValidation: true});
     // if (e) {
     //   e.source.postMessage(JSON.stringify(response), e.origin);
@@ -1260,7 +1260,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   setEditData(editData) {
-    console.log('Edit Data is ', editData);
+    
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
     const formData = _.cloneDeep(this.state.formData);
 
@@ -1293,7 +1293,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             } else if (sect.type === 'parent') {
               sect = this.cloneParent(sect, index, true);
             }
-            console.log('returning section', sect);
+            
             sections.push(sect);
             return true;
           });
@@ -1301,7 +1301,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           containers[0].panes = [];
           containers[0].panes.push(firstPane);
           schema.containers.push(containers[0]);
-          console.log('Pane Version', containers);
+          
 
           // _.forEach(sections[0].inputFields[0].cols, (inputField) => {
           //   if (this.map[inputField.id] === undefined) {
@@ -1329,21 +1329,21 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           }
         });
         if (data.constructor === Object) {
-          console.log("Edit Data ", data, 'Tab key ', editData.versions.base.tabKey, data.tabKey, index, schema.containers, formData);
+          
           if (data.tabKey === editData.versions.base.tabKey) {
             tabKey = data.tabKey;
             schema.containers[index].isActive = true;
             formData['template-version'] = formData['template-version-options'][index].key;
             currentTab = index + 1;
-            console.log('Dummy Random Tabkey Found ', tabKey, index, schema.containers[index].isActive);
+            
           } else {
             schema.containers[index].isActive = false;
-            console.log('Dummy Random ', schema.containers[index].isActive, index);
+            
           }
           // const isLanguageSupport = this.props.location.query.isLanguageSupport;
-          console.log('Schema Test ', schema, schema.containers[index]);
+          
           _.forEach(data.selectedLanguages, (lang, langIndex) => {
-            console.log('Language ', lang, langIndex);
+            
             if ((type !== 'embedded' || (type === 'embedded' && isLanguageSupport === 'true')) && lang !== this.props.Global.currentOrgDetails.basic_details.base_language) {
               const tabContent = _.cloneDeep(containers[0].tabContent.sections[0]);
               const tabContentSection = tabContent.inputFields[0].cols[0];
@@ -1360,16 +1360,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                 } else if (sect.type === 'parent') {
                   sect = this.cloneParent(sect, (langIndex + 1));
                 }
-                console.log('returning section', sect);
+                
                 sections.push(sect);
                 return true;
               });
-              // console.log('tabContent.inputFields[0].cols[0]', tabContentSection, this.state.currentTab);
-              console.log('Testing language', this.map[tabContentSection.id], tabContentSection.id, data, lang);
+              // 
+              
               this.map[`template-content${data.selectedLanguages.indexOf(lang) + 1}`] = this.map['template-content'];
               tabContentSection.id = `${tabContentSection.id}${index + 1}`;
               tabContentSection.value = `${data[lang].language}`;
-              console.log('cloned final sections', sections, tabContent);
+              
               firstPane.sections = sections;
               firstPane.sectionsHeaders = [tabContent];
               console.log('firstPane final version', JSON.stringify(firstPane));
@@ -1395,9 +1395,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
     });
 
-    console.log('Edit Form Data ', formData, schema);
+    
     this.setState({ formData, schema, tabKey, currentTab, tabCount: editData.versions.history.length }, () => {
-      console.log('Form Data Set ', this.state.formData);
+      
       _.forEach((editData.versions.base.selectedLanguages), (language) => {
         // if (formData[this.state.currentTab - 1].tabKey === formData[this.state.currentTab - 1][language].tabKey) {
         //   formData[this.state.currentTab - 1].activeTab = language;
@@ -1406,24 +1406,24 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         //   formData.base.activeTab = language;
         // }
         if (language && editData.versions.base[language].is_drag_drop) {
-          console.log('making edm calls again');
+          
           this.props.actions.getCmsSetting('edm', editData.versions.base[language].drag_drop_id, 'open', language, isEdmSupport);
         }
       });
-      console.log('final form data edit', formData);
+      
       // this.resetCkEditorInstance(this.state.currentTab - 1, formData);
       // this.setState({formData});
     });
   }
 
   getMappedEvent = (id, event) => {
-    console.log('Map ', this.map, id, event);
+    
     const mapIdObject = this.map[id];
     return mapIdObject && mapIdObject[event] ? mapIdObject[event] : () => {};
   }
 
   getCurrentWindow = (e) => {
-    console.log('in email create', e);
+    
     const response = {
       action: e.action,
       value: 'edit',
@@ -1433,11 +1433,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   getEditorInstanse = (instance, id) => {
-    console.log('Got editor Instance ', instance, id);
+    
     window.CKEDITOR.on( 'instanceReady', ( event ) => {
       this.setState({editorInstanse: event.editor});
       event.editor.on( 'focus', () => {
-        console.log( 'focused', event.editor, this );
+        
         this.setState({editorInstanse: event.editor});
       });
     });
@@ -1482,9 +1482,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   shouldStartValidation = () => {
     this.setState((prevState) => ({ cmsDataCount: prevState.cmsDataCount + 1}), () => {
-      console.log('all data save count validating', this.state.saveCount, this.state.cmsDataCount);
+      
       if (this.state.targetSaveCount === this.state.cmsDataCount) {
-        console.log('validation final starting edm validation');
+        
         this.setState({startValidation: true});
       }
     });
@@ -1500,7 +1500,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         if (!isNaN(index)) {
           _.forEach(newdata.selectedLanguages, (language) => {
             if (newdata[language].is_drag_drop && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
-              console.log('all data 4');
+              
               saveCount += 1;
             }
           });
@@ -1556,7 +1556,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showEdmEmailTemplates: false,
       editDataSet: false,
     }, () => {
-      console.log('Unmount value cleared', this.state);
+      
     });
   }
 
@@ -1567,7 +1567,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const instanceCount = 0;
     const instanceArray = [];
     _.forEach(window.CKEDITOR.instances, (instance, index) => {
-      console.log('all ck instances ', instance, index, instanceCount, langIndex);
+      
       const name = instance.name;
       if (instance.status === "destroyed") {
         return;
@@ -1588,7 +1588,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         instanceArray.push(obj);
       }
     });
-    console.log('sorted instance array before sort', instanceArray);
+    
     instanceArray.sort( (a, b) => {
       const idxA = a.idx;
       const idxB = b.idx;
@@ -1599,11 +1599,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
       return 0;
     });
-    console.log('sorted instance array after sort', instanceArray);
+    
     //instanceCount += 1;
     // if (instanceIdx === langIndex) {
     const instance = instanceArray[langIndex].instance;
-    console.log('setting instance as ', instance, instance.name);
+    
     instance1 = instance;
     this.setState({editorInstanse: instance1}, () => {
       if (this.state.editorInstanse) {
@@ -1617,13 +1617,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   uploadFile = () => {
-    console.log('uploadFile');
+    
     document.getElementById('filename').click();
-    console.log('Upload File initiated');
+    
   };
 
   useEditor = () => {
-    console.log('useEditor');
+    
     //this.toggleEdmEmailTemplateSelection();
     this.setState({addLanguageType: "useEditor"}, () => {
       this.setState({showModal: false}, () => {
@@ -1634,7 +1634,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   copyPrimaryLanguage = () => {
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-    console.log('copy primary language');
+    
     this.setState({addLanguageType: "copyPrimaryLanguage"}, () => {
       this.setState({showModal: false});
       const formData = _.cloneDeep(this.state.formData);
@@ -1652,16 +1652,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }
     const fileExtension = files[0].name.split('.').pop();
     const supportedZipFormats = ['zip'];
-    console.log('File Params ', fileExtension);
+    
     if (supportedZipFormats.indexOf(fileExtension.toLowerCase()) !== -1) {
       this.setState({ addLanguageType: "upload"}, () => {
-        console.log('Zip Format got');
+        
         this.props.templatesActions.handleZipUpload(files[0]);
         document.getElementById("filename").value = "";
         this.setState({showModal: false});
       });
     } else if (fileExtension === 'html' || fileExtension === 'htm') {
-      console.log('html Format got');
+      
       const reader = new FileReader();
       reader.onload = () => {
         this.setState({ addLanguageType: "upload"}, () => {
@@ -1674,7 +1674,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       reader.readAsText(files[0]);
     } else {
       alert(this.props.intl.formatMessage(messages.invalidFileMessage));
-      console.log('Invalid file type added! Please Give a proper zip/html file');
+      
     }
   };
 
@@ -1751,20 +1751,20 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   deleteLanguage = (passedData, val) => {
     const formData = _.cloneDeep(passedData);
-    console.log('Delete Language ', formData, val);
+    
     const schema = _.cloneDeep(this.state.schema);
     schema.containers[this.state.currentTab - 1].panes.splice(val, 1);
     schema.containers[this.state.currentTab - 1].tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: "none"};
     //this.resetCkEditorInstance(this.state.currentTab, formData);
     this.setState({schema, formData, showModal: false});
-    console.log('Schema ', schema, formData, val);
+    
   }
 
   initFormData(props, fromMount) {
-    console.log('init email', props, fromMount);
+    
     let newFormData = {};
     if (props.Global.currentOrgDetails && props.Global.currentOrgDetails.basic_details) {
-      console.log('init email actual', props, fromMount);
+      
       newFormData = {
         "0": {},
         "template-name": "",
@@ -1794,7 +1794,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   transformFormData = (formData) => {
-    console.log('Transforming data ', formData);
+    
     const newFormData = {
       base: {},
       secondary_templates: [],
@@ -1819,23 +1819,23 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           newFormData.base = _.cloneDeep(tmpData);
         }
         newFormData.secondary_templates.push({template_data: tmpData});
-        console.log('Tranforming data for embedded mode', tmpData);
+        
       }
     });
     if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "coupon_expiry" || this.props.location.query.module === "timeline" || this.props.location.query.module === "library")) {
       newFormData.base.subject = formData['template-subject'];
     }
 
-    console.log('This is test subject ', newFormData);
+    
     return newFormData;
   }
 
   handleFrameTasks = (e) => {
-    console.log('data listened to is', e.data);
+    
     const type = this.isValidJson(e.data) ? JSON.parse(e.data) : e.data;
-    console.log('data type', typeof type);
+    
     if (typeof type === 'object') {
-      console.log('received something', type);
+      
       const action = type.action;
       switch (action) {
         case "startTemplateCreation":
@@ -1844,14 +1844,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         case "edit":
           this.edmEvent = e;
           if (type.elementJson.type === "IMAGE") {
-            console.log('Data Inside ', type);
+            
             this.onImageSelect();
           }
           break;
         case "editBackground":
           this.edmEvent = e;
           if (type.elementJson.type === "BOX" || type.elementJson.type === "BUTTON" || type.elementJson.type === "GENERAL") {
-            console.log('Data Inside ', type);
+            
             this.onImageSelect();
           }
           break;
@@ -1874,21 +1874,21 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           break;
       }
     } else {
-      console.log('Else Type ', type);
+      
       switch (type) {
         case "getFormData":
           this.getFormData(e);
           break;
         case "startTemplateCreation":
-          console.log('Starting to create template');
+          
           //this.getFormData(e);
           break;
         case "moveToTemplates":
-          console.log('moving to templates');
+          
           this.moveToTemplates();
           break;
         case "validateContent":
-          console.log('validating Content');
+          
           this.validateContent(e);
           break;
         case "Save result: success":
@@ -1913,10 +1913,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleEdmSave = () => {
-    console.log('all data save', this.state.mode, this.state.targetSaveCount, this.state.saveCount);
+    
     if (this.state.mode === "save") {
       this.setState((prevState) => ({ saveCount: prevState.saveCount + 1}), () => {
-        console.log('all data save count', this.state.saveCount);
+        
         if (this.state.targetSaveCount === this.state.saveCount) {
           if (this.state.saveEdmDataMode === 'validation') {
             this.getValidationData();
@@ -1934,14 +1934,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           if (parseInt(index, 10) === (this.state.currentTab - 1)) {
             const temp = container;
             const langTab = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(formData[`${this.state.currentTab - 1}`].activeTab);
-            console.log('switch language Tab ', langTab, formData[`${this.state.currentTab - 1}`].selectedLanguages, formData[`${this.state.currentTab - 1}`].activeTab);
+            
             temp.panes[langTab].sections[0].inputFields[0].cols[0].colStyle = {display: ""};
             temp.panes[langTab].sections[0].inputFields[0].cols[1].colStyle = {display: "none"};
             temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: "none"};
           }
         });
         schema = this.showInsertImageButton(schema);
-        console.log('Handle OK ', schema);
+        
         this.setState({ schema, showConfirmationModal: false, isSchemaChanged: true }, () => {
           this.injectEvents(schema);
         });
@@ -1954,20 +1954,20 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleContentChange = (data) => {
-    console.log('CKEditor Data changed ', data);
+    
     const formData = _.cloneDeep(this.state.formData);
     formData[this.state.currentTab][formData[this.state.currentTab - 1].activeTab]["template-content"] = data;
     this.setState({formData});
   }
 
   handleOnHoverItem = (isHovering, id) => {
-    console.log('Card Howering  ', isHovering, id);
+    
     if (!isHovering) {
       // const data = _.find(this.props.Email.assetList, {_id: id});
-      // console.log('Found Data ', data);
+      // 
       // if (data) {
       //   if (this.state.isDragDrop) {
-      //     console.log('Handle EDM ', isHovering, id);
+      //     
       //   } else {
       //     this.state.editorInstanse.insertHtml(`<img src='${data.metaInfo.public_url}' alt='Capillary Image'>`);
       //   }
@@ -2027,12 +2027,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleOnItemClick = (isSelected, id) => {
-    console.log('Dummy ', isSelected, id, event);
+    
     const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
     if (isSelected) {
       const data = _.find(this.props.Email.assetList, {_id: id});
-      console.log('Found Data ', data, this.state.isDragDrop);
+      
       if (data) {
         if (isDragDrop && isEdmSupport) {
           console.log('Handle EDM ', isSelected, id, this.edmEvent, JSON.parse(this.edmEvent.data)._dynId, data.metaInfo.secure_file_path);
@@ -2094,15 +2094,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleVersionSelect = (status, formData, val) => {
-    console.log('HandleVersion select', status, val);
+    
     const newFormData = _.cloneDeep(this.state.formData);
     const schema = _.cloneDeep(this.state.schema);
     const versionIndex = _.findIndex(formData['template-version-options'], {key: status});
     newFormData['template-version'] = formData['template-version-options'][versionIndex].key;
-    console.log('Selected Version', status, formData, val, versionIndex);
+    
     const newContainers = [];
     _.forEach(schema.containers, (container, index) => {
-      console.log('Container Iteration ', container, index);
+      
       const tmpContainer = _.cloneDeep(container);
       if (index === versionIndex) {
         tmpContainer.isActive = true;
@@ -2116,11 +2116,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   afterPaste = (evt) => {
-    console.log("afterPaste fired with event info: ", evt);
+    
   }
 
   deleteVersion = (data, currentTab) => {
-    console.log('deleting version', data, currentTab);
+    
     if (this.state.tabCount === 1 || currentTab === 1) {
       return;
     }
@@ -2131,27 +2131,27 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     delete formData[`${currentTab - 1}`];
     formData['template-version-options'].splice(`${currentTab - 1}`, 1);
     formData['template-version'] = formData['template-version-options'][0].value;
-    console.log('Current formData and Schema after delete', formData, schema);
+    
     this.setState({schema, tabCount: (this.state.tabCount - 1), currentTab: 1, isSchemaChanged: true, showModal: false});
   }
 
   switchEditor = () => {
-    console.log('Editor Switched');
+    
     this.setState({showConfirmationModal: true});
   }
 
   renameVersion = (data, currentTab) => {
-    console.log('renaming version', data, currentTab);
+    
   }
 
   markFinalVersion = (data, currentTab) => {
     const message = getMessageObject('success', this.props.intl.formatMessage(messages["Template Marked as Final Successfully"]), true);
     this.props.globalActions.addMessageToQueue(message);
-    console.log('markFinal version', data, currentTab, this.state.schema);
+    
   }
 
   duplicateVersion = (formData, currentTab) => {
-    console.log('duplicate version', formData, currentTab);
+    
     this.setState({formData}, () => {
       this.addVersion(this.state.tabCount);
     });
@@ -2162,7 +2162,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       alert(this.props.intl.formatMessage(messages.moreThanFiveVersionNotAllowed));
       return;
     }
-    console.log('adding version', data, this.state.formData);
+    
     const schema = _.cloneDeep(this.state.schema);
     const tabIndex = schema.containers.length + 1; //data + 1;
     const formData = _.cloneDeep(this.state.formData);
@@ -2180,7 +2180,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       } else if (sect.type === 'parent') {
         sect = this.cloneParent(sect, tabIndex);
       }
-      console.log('returning section', sect);
+      
       sections.push(sect);
       return true;
     });
@@ -2192,7 +2192,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     _.forEach(schema.containers, (container, index) => {
       schema.containers[index].isActive = ((index + 1) === this.state.currentTab);
     });
-    console.log('Pane ', containers);
+    
 
     _.forEach(sections[0].inputFields[0].cols, (inputField) => {
       if (this.map[inputField.id] === undefined) {
@@ -2222,9 +2222,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   addLanguage = (tempLang, passedData, val, asyncLanguages) => {
     if (this.state.addLanguageType === "upload") {
       this.setState({languageDataSet: true}, () => {
-        console.log('adding from add language 1', this.props.Templates);
+        
         if (this.props.Templates.selectedEmailLayout && this.props.Templates.selectedEmailLayout !== '') {
-          console.log('adding from add language 2');
+          
           this.setNewLanguageContent(this.props.Templates.selectedEmailLayout);
         }
       });
@@ -2251,7 +2251,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
       const selectedLanguage = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(data.iso_code);
       tabKey = formData[`${this.state.currentTab - 1}`][data.iso_code].tabKey;
-      console.log('adding language', data, formData, val, selectedLanguage, formData[`${this.state.currentTab - 1}`]);
+      
       const tabIndex = (selectedLanguage) + 1;
       const containers = schema.containers.slice();
       const tabContent = _.cloneDeep(containers[0].tabContent.sections[0]);
@@ -2269,14 +2269,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         } else if (sect.type === 'parent') {
           sect = this.cloneParent(sect, tabIndex);
         }
-        console.log('returning section', sect);
+        
         sections.push(sect);
         return true;
       });
-      console.log('tabContent.inputFields[0].cols[0]', tabContentSection, this.state.currentTab);
+      
       tabContentSection.id = `${tabContentSection.id}${tabIndex}`;
       tabContentSection.value = `${data.language}`;
-      console.log('cloned final sections', sections, tabContent);
+      
       _.forEach(sections[0].inputFields[0].cols, (inputField) => {
         if (this.map[inputField.id] === undefined) {
           if (inputField.id.indexOf('template-content') > -1) {
@@ -2293,12 +2293,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       console.log('initial panes', JSON.stringify(this.state.schema.containers));
       schema.containers[`${this.state.currentTab - 1}`].panes.push(firstPane);
       // schema.containers[0].tabContent.sections.push(tabContent);
-      console.log('final schema after adding version', firstPane, schema);
+      
     }
     //this.props.templatesActions.getEdmDefaultTemplates();
     const container = schema.containers[this.state.currentTab - 1];
     const temp = container;
-    console.log('switch language Tab ', langTab, formData[`${this.state.currentTab - 1}`].selectedLanguages, this.state.formData[`${this.state.currentTab - 1}`].activeTab);
+    
     if (this.state.addLanguageType === "upload") {
       temp.panes[langTab].sections[0].inputFields[0].cols[0].colStyle = {display: ""};
       temp.panes[langTab].sections[0].inputFields[0].cols[1].colStyle = {display: "none"};
@@ -2322,7 +2322,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   openPreviewMode = (selectedAsset) => {
-    console.log('Open Preview Mode', selectedAsset);
+    
     const asset = selectedAsset;
     asset.showButtons = asset.showButtons ? !asset.showButtons : true;
     this.setState({selectedAsset: asset});
@@ -2342,18 +2342,18 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       } else if (childSection.type === 'parent') {
         sect = this.cloneParent(childSection, tabIndex, noSuffix);
       }
-      console.log('returning cloned parent section', sect);
+      
       childSections.push(sect);
       return true;
     });
     console.log('returning cloned parent section final 1', JSON.stringify(childSections));
     parentsect.childSections = childSections;
-    console.log('returning cloned parent section final', parentsect);
+    
     return _.cloneDeep(parentsect);
   }
 
   cloneColLabel = (sectionObj, tabIndex, noSuffix) => {
-    console.log('cloning cloneColLabel', sectionObj, tabIndex);
+    
     const section = _.cloneDeep(sectionObj);
     const inputFields = _.forEach(section.inputFields, (inputField) => {
       const inputF = inputField;
@@ -2362,12 +2362,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       return inputF;
     });
     section.inputFields = inputFields;
-    console.log('cloned ifs are', section);
+    
     return section;
   }
 
   cloneMultiCol = (sectionObj, tabIndex, noSuffix) => {
-    console.log('cloning multicol ', sectionObj, tabIndex);
+    
     const section = _.cloneDeep(sectionObj);
     const inputFields = _.forEach(section.inputFields, (inputField) => {
       const inputF = inputField;
@@ -2381,7 +2381,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       return inputF;
     });
     section.inputFields = inputFields;
-    console.log('cloned cols are', section);
+    
     return section;
   }
 
@@ -2403,7 +2403,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   showNext = () => {
-    console.log("Inside ShowNext");
+    
     const response = {
       action: "showNext",
       value: true,
@@ -2412,7 +2412,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   moveToTemplates = () => {
-    console.log('in move to Templates');
+    
     const modalContent = {
       title: this.props.intl.formatMessage(messages.alertMessage),
       body: this.props.intl.formatMessage(messages.goBackConfirmation),
@@ -2441,7 +2441,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   prepareImageData() {
-    console.log('Preparing Image Dataa ');
+    
     const data = [];
     const assetList = this.props.Email.assetList;
     _.forEach(assetList, (asset) => {
@@ -2579,7 +2579,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleOnTagsContextChange = (data) => {
-    console.log('parent tags context', data);
+    
     const query = {
       layout: 'EMAIL',
       type: 'TAG',
@@ -2639,7 +2639,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   startTemplateCreation(data) {
-    console.log('startTemplatecreations', data);
+    
     if (_.isEmpty(data)) {
       return;
     }
@@ -2647,9 +2647,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
      //const data = {"base":{"subject":"deded","html_content":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html> <head> \t<title>Scheduled Report</title> \t<meta http-equiv=\"Content-Type\" content=\"text/html charset=UTF-8\"/> \t<style type=\"text/css\">.container-main p{line-height: 1.6;}@media screen and (max-width: 480px){a.brand{font-size: 35px;}}@media screen and (max-width: 480px){.container-main a{text-align: center;}a.brand{text-align: center;}}a.brand img{vertical-align: middle; padding: 0 8px 0 0; width: 250px;}@media screen and (max-width: 480px){a.brand img{width: 220px !important;}}@media screen and (max-width: 480px){.container-content{padding: 15px 20px; font-size: 12px !important;} .email-footer{font-size: 12px !important;}}.container-content table{border-collapse: collapse;}.container-content table tr td p{margin: 5px;}.container-content table tr td p span{font-weight: bold; padding: 0 3px 0 0;}@media screen and (max-width: 480px){a.btn-view-reports{margin: 25px auto 10px;}}a.btn-view-reports:hover{background: grey; color: #fff;}.email-footer p{text-align: center; font-size: 12px; color: grey;}.email-footer p a{color: blue; cursor: pointer;}.email-footer p a:hover{color: grey;} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table class=\"container-main\" style=\"background:#eeeeee; color:#000000; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; margin:0 auto; max-width:978px; padding:15px; width:100%\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table class=\"email-header\" style=\"background:#ffffff; margin:0 0 5px; padding:17px 0; width:100%\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td style=\"width:100%\"><a class=\"brand\" href=\"#\" style=\"display: table; margin: 0 auto; text-decoration: none; font-size: 37px; color: grey;\"><img alt=\"Capillary Technologies\" src=\"https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/60221e2020ba572f6787.png\" /> </a></td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table>  \t\t\t<div class=\"container-content\" style=\"background:#ffffff; padding:20px 35px\"> \t\t\t<p>Hi Ashish Karan,</p>  \t\t\t<p>You&#39;ve received a new scheduled report. {{unsubscribe}}</p>  \t\t\t<table> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Org Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>autotest1</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Scheduled Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>Schedule Test</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Time Period: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>1st Jan, 2017 to 24th Sep, 2017</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Report Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>redDart Report</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table>  \t\t\t<p style=\"font-size:15px; margin-top:25px\">By clicking &quot;View Report&quot; you will be redirected to Capillary Analytics to view the automated report.</p> \t\t\t<a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91?snapshot=59c8bce750f4e75ec8b0d24c\" style=\"background: #009e0f; text-align: center; color: #fff; font-size: 16px; padding: 10px 25px; cursor: pointer; text-decoration: none; display: block; width: 120px; margin: 25px auto 15px;\" target=\"_blank\">View Report</a></div>  \t\t\t<div class=\"email-footer\"> \t\t\t<p style=\"color:grey; font-size:12px; text-align:center\">You&#39;ve received this mail because you subscribed to Schedule Test schedule of redDart Report. <a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91/schedule/59c8bce750f4e75ec8b0d24c/unsubscribeSchedule\" style=\"color: blue; cursor: pointer;\" target=\"_blank\">Unsubscribe</a></p>  \t\t\t<p><a href=\"http://capillarytech.com/privacy-policy/\" target=\"_blank\">Privacy Policy</a> | <a href=\"http://capillarytech.com/about-us/\" target=\"_blank\">About Capillary</a></p> \t\t\t</div> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","is_drag_drop":false,"drag_drop_id":null},"secondary_templates":[{"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":false,"drag_drop_id":null,"scope":null,"tag":null,"is_default":null,"html_content":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html> <head> \t<title>Scheduled Report</title> \t<meta http-equiv=\"Content-Type\" content=\"text/html charset=UTF-8\"/> \t<style type=\"text/css\">.container-main p{line-height: 1.6;}@media screen and (max-width: 480px){a.brand{font-size: 35px;}}@media screen and (max-width: 480px){.container-main a{text-align: center;}a.brand{text-align: center;}}a.brand img{vertical-align: middle; padding: 0 8px 0 0; width: 250px;}@media screen and (max-width: 480px){a.brand img{width: 220px !important;}}@media screen and (max-width: 480px){.container-content{padding: 15px 20px; font-size: 12px !important;} .email-footer{font-size: 12px !important;}}.container-content table{border-collapse: collapse;}.container-content table tr td p{margin: 5px;}.container-content table tr td p span{font-weight: bold; padding: 0 3px 0 0;}@media screen and (max-width: 480px){a.btn-view-reports{margin: 25px auto 10px;}}a.btn-view-reports:hover{background: grey; color: #fff;}.email-footer p{text-align: center; font-size: 12px; color: grey;}.email-footer p a{color: blue; cursor: pointer;}.email-footer p a:hover{color: grey;} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table class=\"container-main\" style=\"background:#eeeeee; color:#000000; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; margin:0 auto; max-width:978px; padding:15px; width:100%\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table class=\"email-header\" style=\"background:#ffffff; margin:0 0 5px; padding:17px 0; width:100%\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td style=\"width:100%\"><a class=\"brand\" href=\"#\" style=\"display: table; margin: 0 auto; text-decoration: none; font-size: 37px; color: grey;\"><img alt=\"Capillary Technologies\" src=\"https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/60221e2020ba572f6787.png\" /> </a></td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table>  \t\t\t<div class=\"container-content\" style=\"background:#ffffff; padding:20px 35px\"> \t\t\t<p>Hi Ashish Karan,</p>  \t\t\t<p>You&#39;ve received a new scheduled report. {{unsubscribe}}</p>  \t\t\t<table> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Org Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>autotest1</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Scheduled Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>Schedule Test</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Time Period: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>1st Jan, 2017 to 24th Sep, 2017</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Report Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>redDart Report</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table>  \t\t\t<p style=\"font-size:15px; margin-top:25px\">By clicking &quot;View Report&quot; you will be redirected to Capillary Analytics to view the automated report.</p> \t\t\t<a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91?snapshot=59c8bce750f4e75ec8b0d24c\" style=\"background: #009e0f; text-align: center; color: #fff; font-size: 16px; padding: 10px 25px; cursor: pointer; text-decoration: none; display: block; width: 120px; margin: 25px auto 15px;\" target=\"_blank\">View Report</a></div>  \t\t\t<div class=\"email-footer\"> \t\t\t<p style=\"color:grey; font-size:12px; text-align:center\">You&#39;ve received this mail because you subscribed to Schedule Test schedule of redDart Report. <a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91/schedule/59c8bce750f4e75ec8b0d24c/unsubscribeSchedule\" style=\"color: blue; cursor: pointer;\" target=\"_blank\">Unsubscribe</a></p>  \t\t\t<p><a href=\"http://capillarytech.com/privacy-policy/\" target=\"_blank\">Privacy Policy</a> | <a href=\"http://capillarytech.com/about-us/\" target=\"_blank\">About Capillary</a></p> \t\t\t</div> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","secondary_template_id":"9500","is_base_template":1,"language_name":"English","language":"English","lang_id":"69"}],"edit":true,"tags":[]};
   //  const data = {edit: true, "base":{"subject":"testsubject","html_content":"<html>  <head>  \t<meta charset=\"utf-8\" />  \t<title>Aster Secure</title>  \t<style type=\"text/css\">#outlook a {    padding: 0;  }      body {    width: 100% !important;    -webkit-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;    margin: 0;    padding: 0;}      .ExternalClass {    width: 100%;  }      .ExternalClass,  .ExternalClass p,  .ExternalClass span,  .ExternalClass font,  .ExternalClass td,  .ExternalClass div {    line-height: 100%;  }      #backgroundTable {    margin: 0;    padding: 0;    width: 100% !important;    line-height: 100% !important;  }  img {    outline: none;    text-decoration: none;    border: none;    -ms-interpolation-mode: bicubic;  }  a img {    border: none;  }  .image_fix {    display: block;  }  p {    margin: 0px 0px !important;  }  table td {    border-collapse: collapse;  }  table {    border-collapse: collapse;    mso-table-lspace: 0pt;    mso-table-rspace: 0pt;  }        table[class=full] {    width: 100%;    clear: both;  }  table[class=spacetable] {    height: 176px;  }  table[class=spacetable1] {    height: 431px;  }  table[class=spacetable2] {    height: 50px;  }  table[class=spacetable3] {    height: 55px;  }  \t  @media only screen and (min-width: 320px) and (max-width: 540px) {      a[href^=\"tel\"],      a[href^=\"sms\"] {          text-decoration: none;          color: #ffffff;                              pointer-events: none;          cursor: default;      }      .mobile_link a[href^=\"tel\"],      .mobile_link a[href^=\"sms\"] {          text-decoration: default;          color: #ffffff !important;          pointer-events: auto;          cursor: default;      }      img[class=logo] {          width: 132px!important;      }      img[class=shop] {          width:53px!important;             text-align: center!important;      }         table[class=innerlayer] {          width: 300px !important;          text-align: center;      }      img[class=spot] {          width: 65px!important;      }      img[class=banner] {          width: 290px !important;          text-align: center;      }      img[class=banner1] {          width: 229px!important;      }      img[class=click] {          width:55px!important;      }      img[class=border] {          width: 290px!important;      }      td[class=txtfont] {          font-size:11px!important;        height:50px!important;          line-height: 15px!important;            }  \t  span[class=txtfont] {          font-size:9px!important;        height:98px!important;          line-height:23px!important;            }       \t td[class=txtfont1] {          font-size:11px!important; height:40px!important;    line-height: 14px!important;      } img[class=left] {          width:195px!important;      } img[class=right] {          width:46px!important;      } \t   \t  td[class=txtfont3] {          font-size:8px!important;}   \ttd[class=txtfont2] {          font-size:6px!important;            line-height:9px!important;              }      td[class=txtbold] {          font-size: 21px!important;      }      img[class=gap] {          width:92px!important;      }      img[class=gap1] {          width: 20px!important;      }      table[class=social] {          width: 99% !important;      }      img[class=fb] {          width:20px!important;      }      img[class=in] {          width:21px!important;      }      img[class=tw] {          width:20px!important;      }      img[class=pin] {          width:41px!important;      }       \t   img[class=and] {          width:81px!important;      }      img[class=my] {          width: 44px!important;      }  \t    img[class=you] {          width:21px!important;      }      img[class=store] {          width:65px!important;      }  \t \t    img[class=snap] {          width:24px!important;                }      td[class=textlen] {          height:52px!important;      }  \ttd[class=tdlen]  \t{  \theight:35px!important;font-size: 10px !important;  \t}    \t\t\timg[class=a] { width: 42px!important; }   \t\t\timg[class=b] { width: 22px!important; }   \t\t\timg[class=c] { width: 72px!important; }   \t\t\timg[class=d] { width: 50px!important; }   \t\t\timg[class=e] { width: 56px!important; }   \t\t\timg[class=f] { width: 56px!important; }   \t\t\t}  \t</style>  </head>  <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center>  <table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\">  \t<tbody>  \t\t<tr>  \t\t\t<td>  \t\t\t<table align=\"center\" bgcolor=\"#fff\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\">  \t\t\t\t<tbody>  \t\t\t\t\t<tr>  \t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray;  line-height:13px;\" width=\"600\">Shop at Aster Pharmacy this month and You could be the next lucky winner!</td>  \t\t\t\t\t</tr>  \t\t\t\t\t<tr>  \t\t\t\t\t\t<td><a href=\"#\" style=\"pointer-events:none;\"><img class=\"banner\" src=\"https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/890bdffee3b2322d8ec7.jpg\" style=\"border:none; display:block\" /></a></td>  \t\t\t\t\t</tr>  \t\t\t\t\t<tr>  \t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray;  line-height:13px;\" width=\"600\">To remove your email address from our mailing list , please click on {{unsubscribe}}</td>  \t\t\t\t\t</tr>  \t\t\t\t</tbody>  \t\t\t</table>  \t\t\t</td>  \t\t</tr>  \t</tbody>  </table>  </body>  </html>  ","is_drag_drop":0,"drag_drop_id":null},"secondary_templates":[{"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":false,"drag_drop_id":null,"scope":null,"tag":null,"is_default":null,"html_content":"<html>\r\n<head>\r\n\t<meta charset=\"utf-8\" />\r\n\t<title>Aster Secure</title>\r\n\t<style type=\"text/css\">#outlook a {    padding: 0;  }      body {    width: 100% !important;    -webkit-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;    margin: 0;    padding: 0;}      .ExternalClass {    width: 100%;  }      .ExternalClass,  .ExternalClass p,  .ExternalClass span,  .ExternalClass font,  .ExternalClass td,  .ExternalClass div {    line-height: 100%;  }      #backgroundTable {    margin: 0;    padding: 0;    width: 100% !important;    line-height: 100% !important;  }  img {    outline: none;    text-decoration: none;    border: none;    -ms-interpolation-mode: bicubic;  }  a img {    border: none;  }  .image_fix {    display: block;  }  p {    margin: 0px 0px !important;  }  table td {    border-collapse: collapse;  }  table {    border-collapse: collapse;    mso-table-lspace: 0pt;    mso-table-rspace: 0pt;  }        table[class=full] {    width: 100%;    clear: both;  }  table[class=spacetable] {    height: 176px;  }  table[class=spacetable1] {    height: 431px;  }  table[class=spacetable2] {    height: 50px;  }  table[class=spacetable3] {    height: 55px;  }  \t  @media only screen and (min-width: 320px) and (max-width: 540px) {      a[href^=\"tel\"],      a[href^=\"sms\"] {          text-decoration: none;          color: #ffffff;                              pointer-events: none;          cursor: default;      }      .mobile_link a[href^=\"tel\"],      .mobile_link a[href^=\"sms\"] {          text-decoration: default;          color: #ffffff !important;          pointer-events: auto;          cursor: default;      }      img[class=logo] {          width: 132px!important;      }      img[class=shop] {          width:53px!important;             text-align: center!important;      }         table[class=innerlayer] {          width: 300px !important;          text-align: center;      }      img[class=spot] {          width: 65px!important;      }      img[class=banner] {          width: 290px !important;          text-align: center;      }      img[class=banner1] {          width: 229px!important;      }      img[class=click] {          width:55px!important;      }      img[class=border] {          width: 290px!important;      }      td[class=txtfont] {          font-size:11px!important;        height:50px!important;          line-height: 15px!important;            }  \t  span[class=txtfont] {          font-size:9px!important;        height:98px!important;          line-height:23px!important;            }       \t td[class=txtfont1] {          font-size:11px!important; height:40px!important;    line-height: 14px!important;      } img[class=left] {          width:195px!important;      } img[class=right] {          width:46px!important;      } \t   \t  td[class=txtfont3] {          font-size:8px!important;}   \ttd[class=txtfont2] {          font-size:6px!important;            line-height:9px!important;              }      td[class=txtbold] {          font-size: 21px!important;      }      img[class=gap] {          width:92px!important;      }      img[class=gap1] {          width: 20px!important;      }      table[class=social] {          width: 99% !important;      }      img[class=fb] {          width:20px!important;      }      img[class=in] {          width:21px!important;      }      img[class=tw] {          width:20px!important;      }      img[class=pin] {          width:41px!important;      }       \t   img[class=and] {          width:81px!important;      }      img[class=my] {          width: 44px!important;      }  \t    img[class=you] {          width:21px!important;      }      img[class=store] {          width:65px!important;      }  \t \t    img[class=snap] {          width:24px!important;                }      td[class=textlen] {          height:52px!important;      }  \ttd[class=tdlen]  \t{  \theight:35px!important;font-size: 10px !important;  \t}    \t\t\timg[class=a] { width: 42px!important; }   \t\t\timg[class=b] { width: 22px!important; }   \t\t\timg[class=c] { width: 72px!important; }   \t\t\timg[class=d] { width: 50px!important; }   \t\t\timg[class=e] { width: 56px!important; }   \t\t\timg[class=f] { width: 56px!important; }   \t\t\t}\r\n\t</style>\r\n</head>\r\n<body>\r\n<table align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\">\r\n\t<tbody>\r\n\t\t<tr>\r\n\t\t\t<td>\r\n\t\t\t<table align=\"center\" bgcolor=\"#fff\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"outerlayer\" style=\"width:650px\">\r\n\t\t\t\t<tbody>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray;  line-height:13px;\" width=\"600\">Shop at Aster Pharmacy this month and You could be the next lucky winner!</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td><a href=\"#\" style=\"pointer-events:none;\"><img class=\"banner\" src=\"https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/890bdffee3b2322d8ec7.jpg\" style=\"border:none; display:block\" /></a></td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t<td class=\"txtfont2\" height=\"40\" style=\"font-family: Verdana, Geneva, sans-serif; text-align:center; font-size:11px; color:gray;  line-height:13px;\" width=\"600\">To remove your email address from our mailing list , please click on {{unsubscribe}}</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t</tbody>\r\n\t\t\t</table>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</tbody>\r\n</table>\r\n</body>\r\n</html>\r\n","secondary_template_id":"9584","is_base_template":1,"language_name":"English","language":"English","lang_id":"69"}, {"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":false,"drag_drop_id":null,"scope":null,"tag":null,"is_default":null,"html_content":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"> <html> <head> \t<title>Scheduled Report</title> \t<meta http-equiv=\"Content-Type\" content=\"text/html charset=UTF-8\"/> \t<style type=\"text/css\">.container-main p{line-height: 1.6;}@media screen and (max-width: 480px){a.brand{font-size: 35px;}}@media screen and (max-width: 480px){.container-main a{text-align: center;}a.brand{text-align: center;}}a.brand img{vertical-align: middle; padding: 0 8px 0 0; width: 250px;}@media screen and (max-width: 480px){a.brand img{width: 220px !important;}}@media screen and (max-width: 480px){.container-content{padding: 15px 20px; font-size: 12px !important;} .email-footer{font-size: 12px !important;}}.container-content table{border-collapse: collapse;}.container-content table tr td p{margin: 5px;}.container-content table tr td p span{font-weight: bold; padding: 0 3px 0 0;}@media screen and (max-width: 480px){a.btn-view-reports{margin: 25px auto 10px;}}a.btn-view-reports:hover{background: grey; color: #fff;}.email-footer p{text-align: center; font-size: 12px; color: grey;}.email-footer p a{color: blue; cursor: pointer;}.email-footer p a:hover{color: grey;} \t</style> </head> <body><center>\n\t\t\t\t\t\t\t\t\t\tIf you have difficulties viewing this mail, click\n\t\t\t\t\t\t\t\t\t\t<a href=\"https://nightly.capillary.in/business_controller/campaigns/emails/links/view.php?utrack={{user_id_b64}}&mtrack={{outbox_id_b64}}\" style = \"text-decoration: underline;color: #369;\" target=\"_blank\">here</a><br/>\n\t\t\t\t\t\t\t\t\t</center> <table class=\"container-main\" style=\"background:#eeeeee; color:#000000; font-family:'Open Sans',sans-serif; font-size:16px; font-weight:400; margin:0 auto; max-width:978px; padding:15px; width:100%\"> \t<tbody> \t\t<tr> \t\t\t<td> \t\t\t<table class=\"email-header\" style=\"background:#ffffff; margin:0 0 5px; padding:17px 0; width:100%\"> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td style=\"width:100%\"><a class=\"brand\" href=\"#\" style=\"display: table; margin: 0 auto; text-decoration: none; font-size: 37px; color: grey;\"><img alt=\"Capillary Technologies\" src=\"https://s3.amazonaws.com/fileservice.in/intouch_creative_assets/60221e2020ba572f6787.png\" /> </a></td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table>  \t\t\t<div class=\"container-content\" style=\"background:#ffffff; padding:20px 35px\"> \t\t\t<p>Hi Ashish Karan,</p>  \t\t\t<p>You&#39;ve received a new scheduled report. {{unsubscribe}}</p>  \t\t\t<table> \t\t\t\t<tbody> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Org Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>autotest1</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Scheduled Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>Schedule Test</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Time Period: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>1st Jan, 2017 to 24th Sep, 2017</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t\t<tr> \t\t\t\t\t\t<td><strong>Report Name: </strong></td> \t\t\t\t\t\t<td> \t\t\t\t\t\t<p>redDart Report</p> \t\t\t\t\t\t</td> \t\t\t\t\t</tr> \t\t\t\t</tbody> \t\t\t</table>  \t\t\t<p style=\"font-size:15px; margin-top:25px\">By clicking &quot;View Report&quot; you will be redirected to Capillary Analytics to view the automated report.</p> \t\t\t<a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91?snapshot=59c8bce750f4e75ec8b0d24c\" style=\"background: #009e0f; text-align: center; color: #fff; font-size: 16px; padding: 10px 25px; cursor: pointer; text-decoration: none; display: block; width: 120px; margin: 25px auto 15px;\" target=\"_blank\">View Report</a></div>  \t\t\t<div class=\"email-footer\"> \t\t\t<p style=\"color:grey; font-size:12px; text-align:center\">You&#39;ve received this mail because you subscribed to Schedule Test schedule of redDart Report. <a href=\"https://nightly.capillary.in/analytics/v2/report/59c37820e626a10df78c8d91/schedule/59c8bce750f4e75ec8b0d24c/unsubscribeSchedule\" style=\"color: blue; cursor: pointer;\" target=\"_blank\">Unsubscribe</a></p>  \t\t\t<p><a href=\"http://capillarytech.com/privacy-policy/\" target=\"_blank\">Privacy Policy</a> | <a href=\"http://capillarytech.com/about-us/\" target=\"_blank\">About Capillary</a></p> \t\t\t</div> \t\t\t</td> \t\t</tr> \t</tbody> </table> </body> </html> ","secondary_template_id":"9500","is_base_template":false,"language_name":"Hindi","language":"Hindi","lang_id":"151"},{"is_preview_generated":null,"preview_url":null,"is_favourite":null,"is_drag_drop":1,"drag_drop_id":"55acf47048a85bbf7681a35a","scope":null,"tag":null,"is_default":null,"html_content":"","secondary_template_id":"9500","is_base_template":0,"language_name":"Japanese","language":"Japanese","lang_id":"100"}]};
-    console.log('Start template creation ', data, this.props.location.query.isLanguageSupport, this.props.location.query.type === 'embedded', this.props.location.query.type === 'embedded' && !this.props.location.query.isLanguageSupport);
+    
     if (data && data.edit) {
-      console.log('startTemplateCreation');
+      
       // const formData = {'0': {}};
       const formData = _.cloneDeep(this.state.formData);
       formData[0].selectedLanguages = [];
@@ -2658,7 +2658,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         formData['template-subject'] = (data.base && data.base.subject) ? data.base.subject : '';
         const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language;
         let languageIndex = _.findIndex(this.supportedLanguages, {iso_code: baseLanguage});
-        console.log("startTemplatecreation before index", languageIndex, this.supportedLanguages, baseLanguage, formData);
+        
         if (languageIndex === -1) {
           languageIndex = 0;
         }
@@ -2675,11 +2675,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         formData[0][this.supportedLanguages[languageIndex].iso_code] = tempData;
         formData[0].activeTab = this.supportedLanguages[languageIndex].iso_code;
         tabKey = "2";
-        console.log("start Template creation midway data", formData, languageIndex);
+        
       } else {
         const additionalLanguages = [];
         _.forEach(data.secondary_templates, (templates) => {
-          console.log('creating form data', templates);
+          
           const id = "1";
           tabKey = id;
           let languageIndex = _.findIndex(this.supportedLanguages, {language: templates.language});
@@ -2699,7 +2699,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           }
           // formData.usingTabContainer = true;
           // formData.tabCount = 1;
-          console.log('Language Index ', languageIndex, this.supportedLanguages);
+          
           // formData[0].tabkey = "1";
           // formData[0] = {};
           // formData[0].activeTab = this.props.Global.currentOrgDetails.basic_details.base_language;
@@ -2716,7 +2716,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.addLanguage(false, formData, false, additionalLanguages);
       }
       formData.base = _.cloneDeep(formData[0]);
-      console.log('startTemplateCreation final ', formData);
+      
       this.setState({formData, loading: false, injectedTags: data.tags, tabKey, isDragDrop: (data.base.is_drag_drop !== 0 )}, () => {
         // this.setState({tabKey: ''});
         _.forEach(formData[0].selectedLanguages, (language) => {
@@ -2732,7 +2732,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   startLoading = (ifEdit) => {
-    console.log('startLoading', ifEdit);
+    
     if (ifEdit) {
       this.setState({loading: true});
     }
@@ -2770,7 +2770,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           // console.log('injected event for ', col, event, this.getMappedEvent(col.id, event));
           temp.injectedEvents[event] = this.getMappedEvent(col.id, event);
         });
-        // console.log('should translate multicol', temp);
+        // 
         if (temp.type === 'icon') {
           return true;
         }
@@ -2801,7 +2801,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         _.forEach(col.supportedEvents, (event) => {
           temp.injectedEvents[event] = this.getMappedEvent(col.id, event);
         });
-        // console.log('should translate multicol action', temp);
+        // 
         if (temp.type === 'icon') {
           return true;
         }
@@ -2835,7 +2835,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       _.forEach(inputField.supportedEvents, (event) => {
         temp.injectedEvents[event] = this.getMappedEvent(inputField.id, event);
       });
-      // console.log('should translate collabel', temp);
+      // 
       if (temp.type === 'icon') {
         return true;
       }
@@ -2864,7 +2864,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       _.forEach(actionField.supportedEvents, (event) => {
         temp.injectedEvents[event] = this.getMappedEvent(actionField.id, event);
       });
-      // console.log('should translate collabel action', temp);
+      // 
       if (temp.type === 'icon') {
         return true;
       }
@@ -2916,7 +2916,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   saveFormData = (passedData) => {
     //Logic to save in db etc
     // const isValidated = this.validateFormData(formData);
-    // console.log('whyyyy');
+    // 
     // if (!isValidated) {
     //   return;
     // }
@@ -2924,16 +2924,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     //  this.saveValidationData();
     //  return;
     //}
-    console.log('save form data', passedData, this.state.gettingFormData, this.state.startValidation, this.state);
+    
     if (this.state.gettingFormData) {
-      console.log('posting final result', passedData);
+      
       const response = {
         action: "getFormData",
         postAction: this.state.getFormDataValue || 'next',
         value: this.transformFormData(passedData),
         validity: this.state.isFormValid,
       };
-      console.log('Get Data', response);
+      
       this.setState({checkValidation: true});
       if (this.props.location.query.module === 'library' && this.props.isGetFormData) {
         this.props.getFormSubscriptionData(response);
@@ -2956,10 +2956,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language;
     let baseKey = -1;
     //let saveCount = 0;
-    console.log('all data', this.state.currentTab);
+    
     _.forEach(formData, (data, index) => {
       const newdata = data;
-      console.log('all data 2', newdata, index);
+      
       if (!isNaN(index) && newdata) {
         const baseLangTabKey = newdata[baseLanguage].tabKey;
         newdata.tabKey = baseLangTabKey;
@@ -2970,7 +2970,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         _.forEach(newdata.selectedLanguages, (language) => {
           // console.log('all data 3', newdata[language], language, this.state.currentTab, index, (index + 1), (index + 1) === this.state.currentTab, newdata[language].is_drag_drop);
           // if (newdata[language].is_drag_drop && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
-          //   console.log('all data 4');
+          //   
           //   saveCount += 1;
           // }
           if (newdata[language].is_drag_drop) {
@@ -2990,9 +2990,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         delete obj.versions.base[language].edmeditorsrc;
       }
     });
-    console.log('obj', obj);
+    
     // if (saveCount === 0) {
-    console.log('final save obj', obj);
+    
     this.props.actions.createTemplate(obj);
     // } else {
     //   this.setState({saveObj: obj, targetSaveCount: saveCount, mode: "save", saveEdmDataMode: 'save'}, () => {
@@ -3011,7 +3011,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const formData = _.cloneDeep(this.state.formData);
     const activeLangTab = formData[`${this.state.currentTab - 1}`].activeTab;
     const langIndex = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(activeLangTab);
-    console.log('switching editor midway', activeLangTab, langIndex, formData);
+    
     this.setState({mode: "switchEditor"}, () => {
       console.log('posting message for switching editor', `edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`);
       const win = document.getElementById(`edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`).contentWindow;
@@ -3032,7 +3032,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   toggleEdmEmailTemplateSelection = () => {
-    console.log('toggle Selection ', this.state.showEdmEmailTemplates);
+    
     this.setState( (prevState) => ({
       showEdmEmailTemplates: !prevState.showEdmEmailTemplates}), () => {
       if (this.state.showEdmEmailTemplates) {
@@ -3050,7 +3050,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // const isEdmSupport = (this.props.location.query.isEdmSupport) ? this.props.location.query.isEdmSupport : true;
       // let getQuery = '';
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-      console.log('Selected EDM Data ', data, this.state.formData[this.state.currentTab - 1].activeTab);
+      
       this.props.actions.getCmsSetting('edm', data.versions.base.drag_drop_id, 'create', this.state.formData[this.state.currentTab - 1].activeTab, isEdmSupport);
       // this.props.templatesActions.setEdmTemplate(data);
       this.toggleEdmEmailTemplateSelection();
@@ -3091,7 +3091,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   render() {
     // const pageHeading = (this.state.isEdit) ? this.props.intl.formatMessage(messages.editHeading) : this.props.intl.formatMessage(messages.createHeading);
     // const actionComponents = '';
-    console.log('supported languages', this.supportedLanguages);
+    
     const filterContent = (
       <div className="action-container" style={{ display: 'inline-flex', width: '100%'}}>
         <div style={{ marginTop: '8px', width: '50%'}}>
@@ -3150,11 +3150,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         </Pagination>
       </div>
       );
-    console.log('Render Form Data ', this.state.formData, this.supportedLanguages, this.state);
+    
     if (!this.props.Global.currentOrgDetails || !this.props.Global.currentOrgDetails.basic_details) {
       return (<div>Loading...</div>);
     }
-    console.log('CMS Data ', this.props.Email.CmsSettings, this.props.Global.currentOrgDetails.basic_details.supported_languages);
+    
     let loaderText = this.props.Email.createTemplateInProgress ? this.props.intl.formatMessage(messages.saveTemplateLoader) : this.props.intl.formatMessage(messages.templateLoader);
     if (this.props.Email.assetUploading) {
       loaderText = this.props.intl.formatMessage(messages.uploadingImage);