@capillarytech/creatives-library 2.0.26 → 2.0.27

package/containers/Email/index.js

@@ -32,7 +32,6 @@ import EmailPreview from '../../components/EmailPreview';
 import ImagePreview from '../../components/ImagePreview';
 import CardGrid from '../../components/CardGrid';
 import Pagination from '../../components/Pagination';
-const BreadcrumbItem = Breadcrumb.Item;
 
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -685,8 +684,6 @@ 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) {
@@ -702,7 +699,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           value: 'New Version',
         },
       ];
-      // console.log('New Form Data Preparing ', this.initFormData());
+      //
       formData['template-version'] = "version 1";
     }
     // const formData = _.cloneDeep(this.state.formData);
@@ -729,7 +726,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);
     });
@@ -741,7 +738,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentDidMount() {
-    console.log('email container mounted');
     const query = {
       layout: 'EMAIL',
       type: 'LAYOUT',
@@ -754,18 +750,16 @@ 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 = {
@@ -797,7 +791,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           value: 'New Version',
         },
       ];
-      // console.log('New Form Data Preparing ', this.initFormData());
+      //
       formData['template-version'] = "version 1";
       //const that = this;
       this.setState({formData}, () => {
@@ -810,7 +804,6 @@ 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);
@@ -821,7 +814,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;
@@ -833,7 +826,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 = {
@@ -846,7 +839,6 @@ 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);
         });
@@ -861,12 +853,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"};
@@ -885,14 +877,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) => {
@@ -902,21 +894,20 @@ 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);
@@ -956,7 +947,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (!nextProps.Email.fetchingCmsData && !_.isEqual(nextProps.Email.cmsData, this.props.Email.cmsData)) {
         const formData = _.cloneDeep(this.state.formData);
         if (nextProps.Email.langId && nextProps.Email.langId !== 'undefined') {
-          console.log('setting template content', nextProps.Email.cmsData, decodeURIComponent(nextProps.Email.cmsData));
           const langId = nextProps.Email.langId;
           formData[`${this.state.currentTab - 1}`][langId]['template-content'] = decodeURIComponent(nextProps.Email.cmsData);
           if (formData[`${this.state.currentTab - 1}`].base) {
@@ -969,15 +959,13 @@ 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));
@@ -993,9 +981,8 @@ 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();
@@ -1010,7 +997,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           delete injectedTags["Store custom fields"];
           delete injectedTags["Transaction custom fields"];
           injectedTags = _.merge({}, injectedTags, nextProps.metaEntities.tags.custom);
-          console.log('new injected tags', nextProps.metaEntities.tags.custom);
+
           if (!_.has(nextProps.metaEntities.tags.custom, "Registration custom fields")) {
             delete injectedTags["Registration custom fields"];
           }
@@ -1025,11 +1012,9 @@ 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) {
-          console.log('Handle EDM ', this.edmEvent, JSON.parse(this.edmEvent.data)._dynId, nextProps.Email.uploadedAssetData.metaInfo.secure_file_path);
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -1076,14 +1061,12 @@ 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) {
@@ -1094,17 +1077,17 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   onChange = (evt) => {
     const formData = _.cloneDeep(this.state.formData);
-    console.log('oncontentchange onChange ', evt, evt.editor.getData());
+
     //if (evt.editor.name.indexOf('editor') === -1) {
     // _.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);
+    //
     //   }
     // });
     //}
@@ -1113,19 +1096,14 @@ 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}`];
@@ -1146,15 +1124,14 @@ 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) {
       const msg = {
         action: "InsertToCursor",
@@ -1166,14 +1143,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const win = document.getElementById(`edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`).contentWindow;
       win.postMessage(msgString, '*');
     } else {
-      console.log('tag', this.state, this.state.editorInstanse);
       this.state.editorInstanse.insertHtml(`{{${data}}}`);
       //this.resetCkEditorInstance(currentTab, formData, true, data);
     }
   }
 
   onImageSelect = (data) => {
-    console.log('Calling', data);
     this.setState({ showImageSelectionBox: true }, () => {
       const params = {
         name: this.state.searchText,
@@ -1185,13 +1160,11 @@ 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);
           }
@@ -1205,7 +1178,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 = "";
@@ -1216,12 +1189,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"};
@@ -1238,14 +1211,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);
@@ -1258,7 +1231,6 @@ 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);
 
@@ -1283,7 +1255,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           // containers[0].isActive = true;
           _.forEach(firstPane.sections, (section) => {
             let sect = _.cloneDeep(section);
-            console.log('trying to clone in add version', JSON.stringify(sect), index);
+
             if (sect.type === 'col-label') {
               sect = this.cloneColLabel(sect, index, true);
             } else if (sect.type === 'multicols') {
@@ -1291,7 +1263,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;
           });
@@ -1299,7 +1271,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) {
@@ -1327,21 +1299,17 @@ 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];
@@ -1350,7 +1318,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
               const sections = [];
               _.forEach(firstPane.sections, (section) => {
                 let sect = _.cloneDeep(section);
-                console.log('trying to clone in add version', JSON.stringify(sect), tabIndex);
+
                 if (sect.type === 'col-label') {
                   sect = this.cloneColLabel(sect, (langIndex + 1));
                 } else if (sect.type === 'multicols') {
@@ -1358,21 +1326,21 @@ 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));
+
               // panes.push(firstPane);
-              console.log('initial panes', JSON.stringify(this.state.schema.containers));
+
               schema.containers[index].panes.push(firstPane);
             } else if (lang !== this.props.Global.currentOrgDetails.basic_details.base_language) {
               delete data[lang];
@@ -1393,9 +1361,8 @@ 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;
@@ -1404,23 +1371,18 @@ 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);
-    return this.map[id][event];
-  }
+  getMappedEvent = (id, event) => this.map[id][event]
 
   getCurrentWindow = (e) => {
-    console.log('in email create', e);
     const response = {
       action: e.action,
       value: 'edit',
@@ -1429,12 +1391,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     parent.postMessage(JSON.stringify(response), '*');
   }
 
-  getEditorInstanse = (instance, id) => {
-    console.log('Got editor Instance ', instance, id);
+  getEditorInstanse = () => {
     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});
       });
     });
@@ -1479,9 +1439,7 @@ 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});
       }
     });
@@ -1497,7 +1455,6 @@ 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;
             }
           });
@@ -1511,7 +1468,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         const data = this.state.formData[this.state.currentTab - 1];
         _.forEach(data.selectedLanguages, (language, langIndex) => {
           if (data[language].is_drag_drop) {
-            console.log('saving edm template', document.getElementById("edmeditor"), `edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`);
             const win = document.getElementById(`edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`).contentWindow;
             win.postMessage("saveProject", '*');
           }
@@ -1550,7 +1506,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showEdmEmailTemplates: false,
       editDataSet: false,
     }, () => {
-      console.log('Unmount value cleared', this.state);
+
     });
   }
 
@@ -1558,10 +1514,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const currentLang = formData[`${data - 1}`].selectedLanguages.indexOf(formData[`${data - 1}`].activeTab);
     const langIndex = formData[`${data - 1}`].selectedLanguages.indexOf(formData[`${data - 1}`].activeTab);
     let instance1 = window.CKEDITOR.instances[`editor${currentLang + 1}`];
-    const instanceCount = 0;
     const instanceArray = [];
-    _.forEach(window.CKEDITOR.instances, (instance, index) => {
-      console.log('all ck instances ', instance, index, instanceCount, langIndex);
+    _.forEach(window.CKEDITOR.instances, (instance ) => {
       const name = instance.name;
       if (instance.status === "destroyed") {
         return;
@@ -1582,7 +1536,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;
@@ -1593,11 +1547,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 (onInsert && !isImage) {
@@ -1609,13 +1563,10 @@ 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}, () => {
@@ -1626,7 +1577,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);
@@ -1644,16 +1595,14 @@ 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"}, () => {
@@ -1666,7 +1615,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       reader.readAsText(files[0]);
     } else {
       alert('Invalid file type added! Please Give a proper zip/html file');
-      console.log('Invalid file type added! Please Give a proper zip/html file');
     }
   };
 
@@ -1743,20 +1691,17 @@ 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": "",
@@ -1786,7 +1731,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   transformFormData = (formData) => {
-    console.log('Transforming data ', formData);
     const newFormData = {
       base: {},
       secondary_templates: [],
@@ -1811,23 +1755,20 @@ 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":
@@ -1836,14 +1777,12 @@ 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;
@@ -1866,21 +1805,20 @@ 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":
@@ -1905,10 +1843,8 @@ 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();
@@ -1926,14 +1862,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);
         });
@@ -1946,20 +1882,18 @@ 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'>`);
       //   }
@@ -1987,7 +1921,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         });
       }
     });
-    console.log('HandleEdmOption ', JSON.stringify(schema));
+
     this.setState({schema, isSchemaChanged: true});
   }
 
@@ -2003,7 +1937,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         });
       }
     });
-    console.log('HandleHideMarkAsFinal ', JSON.stringify(schema));
+
     this.setState({schema, isSchemaChanged: true});
   }
 
@@ -2020,15 +1954,13 @@ 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);
           const evtData = JSON.parse(this.edmEvent.data);
           if (evtData.action === 'editBackground') {
             this.edmEvent.source.postMessage(JSON.stringify({
@@ -2087,15 +2019,13 @@ 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;
@@ -2109,11 +2039,10 @@ 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;
     }
@@ -2124,38 +2053,35 @@ 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);
+  duplicateVersion = (formData) => {
     this.setState({formData}, () => {
       this.addVersion(this.state.tabCount);
     });
   }
 
-  addVersion = (data) => {
+  addVersion = () => {
     if (this.state.schema.containers.length === 5) {
       alert('You cant have more that 5 versions');
       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);
@@ -2165,7 +2091,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     containers[0].isActive = true;
     _.forEach(firstPane.sections, (section) => {
       let sect = _.cloneDeep(section);
-      console.log('trying to clone in add version', JSON.stringify(sect), tabIndex);
+
       if (sect.type === 'col-label') {
         sect = this.cloneColLabel(sect, tabIndex);
       } else if (sect.type === 'multicols') {
@@ -2173,7 +2099,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;
     });
@@ -2185,7 +2111,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) {
@@ -2215,9 +2141,7 @@ 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);
         }
       });
@@ -2244,7 +2168,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]);
@@ -2254,7 +2178,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       const sections = [];
       _.forEach(firstPane.sections, (section) => {
         let sect = _.cloneDeep(section);
-        console.log('trying to clone in add version', JSON.stringify(sect), tabIndex);
+
         if (sect.type === 'col-label') {
           sect = this.cloneColLabel(sect, tabIndex);
         } else if (sect.type === 'multicols') {
@@ -2262,14 +2186,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) {
@@ -2281,17 +2205,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       });
       firstPane.sections = sections;
       firstPane.sectionsHeaders = [tabContent];
-      console.log('firstPane final version', JSON.stringify(firstPane));
+
       // panes.push(firstPane);
-      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"};
@@ -2315,14 +2238,12 @@ 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});
   }
 
   cloneParent = (section, tabIndex, noSuffix) => {
-    console.log('trying to clone', JSON.stringify(section), tabIndex);
     const parentsect = section;
     const childSectionsBeforeCloning = parentsect.childSections.slice();
     const childSections = [];
@@ -2335,18 +2256,17 @@ 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;
@@ -2355,12 +2275,11 @@ 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;
@@ -2374,7 +2293,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;
   }
 
@@ -2396,7 +2315,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   showNext = () => {
-    console.log("Inside ShowNext");
     const response = {
       action: "showNext",
       value: true,
@@ -2405,7 +2323,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   moveToTemplates = () => {
-    console.log('in move to Templates');
     const modalContent = {
       title: "Alert",
       body: "Do you really want to go back? All your temporary changes will be lost!",
@@ -2432,7 +2349,6 @@ 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) => {
@@ -2482,7 +2398,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   injectEvents = (schema) => {
     const type = this.props.location.query.type;
-    console.log('now injecting events');
+
     const temp = schema;
     temp.standalone.sections = this.injectSections(temp.standalone.sections);
     _.forEach(temp.containers, (container) => {
@@ -2490,7 +2406,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       tempContainer = this.injectContainer(tempContainer);
       return tempContainer;
     });
-    console.log("Lang Test ", this.props.location.query.isLanguageSupport, (this.props.location.query.isLanguageSupport === false));
+
     // if (type !== "embedded" || (type === "embedded" && (this.props.location.query.isLanguageSupport === "false" || (this.props.location.query.isLanguageSupport === undefined || this.props.location.query.isLanguageSupport === "true")))) {
     const ifLangSupported = this.props.location.query.isLanguageSupport === "true" || type !== "embedded";
     _.forEach(temp.containers, (container) => {
@@ -2553,7 +2469,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
     });
     //}
-    console.log('final injected schema', schema);
+
     this.setState({schema, isSchemaChanged: true}, () => {
       if (type === 'embedded') {
         this.removeStandAlone();
@@ -2572,7 +2488,6 @@ 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',
@@ -2633,7 +2548,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   startTemplateCreation(data) {
-    console.log('startTemplatecreations', data);
     if (_.isEmpty(data)) {
       return;
     }
@@ -2641,9 +2555,8 @@ 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 = [];
@@ -2652,7 +2565,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         formData['template-subject'] = 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;
         }
@@ -2668,11 +2581,9 @@ 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});
@@ -2692,7 +2603,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;
@@ -2709,7 +2620,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) => {
@@ -2724,7 +2635,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   startLoading = (ifEdit) => {
-    console.log('startLoading', ifEdit);
     if (ifEdit) {
       this.setState({loading: true});
     }
@@ -2759,10 +2669,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         }
         temp.injectedEvents = {};
         _.forEach(col.supportedEvents, (event) => {
-          // 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;
         }
@@ -2793,7 +2703,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;
         }
@@ -2827,7 +2737,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;
       }
@@ -2856,7 +2766,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;
       }
@@ -2908,7 +2818,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;
     // }
@@ -2916,16 +2826,15 @@ 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);
@@ -2935,7 +2844,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       return;
     }
     const formData = _.cloneDeep(passedData);
-    console.log('Saving form data', JSON.stringify(formData), this.state.tabCount);
+
     const obj = {};
     obj.versions = {
       base: {},
@@ -2948,10 +2857,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;
@@ -2960,9 +2869,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           baseKey = baseLangTabKey;
         }
         _.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) {
@@ -2982,15 +2891,15 @@ 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'}, () => {
     //     _.forEach(data.selectedLanguages, (language, langIndex) => {
     //       if (data[language].is_drag_drop) {
-    //         console.log('saving edm template', document.getElementById("edmeditor"), `edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`);
+    //
     //         const win = document.getElementById(`edmeditor${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`).contentWindow;
     //         win.postMessage("saveProject", '*');
     //       }
@@ -3003,9 +2912,8 @@ 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;
       win.postMessage("saveProject", '*');
     });
@@ -3024,7 +2932,6 @@ 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) {
@@ -3042,7 +2949,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();
@@ -3083,7 +2990,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%'}}>
@@ -3142,11 +3049,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);
@@ -3165,17 +3072,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         />
         {/* <PageHeader pageHeading={pageHeading} /> */}
         <Spin tip={loaderText} spinning={spinning}>
-          {this.props.location.query.type !== 'embedded' && <Row>
-            <Col span={24}>
-              {this.props.location.query.type !== "embedded" &&
-                <Breadcrumb>
-                  <BreadcrumbItem>Campaigns</BreadcrumbItem>
-                  <BreadcrumbItem>Creatives</BreadcrumbItem>
-                  <BreadcrumbItem>Email</BreadcrumbItem>
-                </Breadcrumb>
-                }
-            </Col>
-          </Row>}
+
           <Row>
             <Col>
               {/* <input type="file" id="filename" style={{ display: 'none'}} accept="text/html" onChange={(event) => this.openFile(event)} /><br/> */}