@capillarytech/creatives-library 2.0.69 → 2.0.71

package/containers/Email/index.js

@@ -9,19 +9,20 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
-import { Row, Col, Popover, Modal, Select } from 'antd';
+import Helmet from 'react-helmet';
+import { Row, Col, Spin, Breadcrumb, Popover, Modal, Select } from 'antd';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
-import { CapButton, CapInput, CapSpin } from '@capillarytech/cap-ui-library';
+import { CapButton, CapInput } from '@capillarytech/cap-ui-library';
 import { createStructuredSelector } from 'reselect';
 import _ from 'lodash';
 import moment from "moment";
 import FormBuilder from '../../components/FormBuilder';
-import { makeSelectMetaEntities, selectCurrentOrgDetails, isLoadingMetaEntities, makeSelectAuthenticated, setInjectedTags } from '../Cap/selectors';
+import { makeSelectMetaEntities, makeSelectAuthenticated, setInjectedTags } from '../Cap/selectors';
 import * as actions from './actions';
 import * as templatesActions from '../Templates/actions';
 import * as globalActions from '../../containers/Cap/actions';
 import { UserIsAuthenticated } from '../../utils/authWrapper';
-import {makeSelectEmail} from './selectors';
+import makeSelectEmail from './selectors';
 import { makeSelectTemplates } from '../Templates/selectors';
 import messages from './messages';
 // import PageHeader from '../../components/PageHeader';
@@ -31,13 +32,12 @@ import EmailPreview from '../../components/EmailPreview';
 import ImagePreview from '../../components/ImagePreview';
 import CardGrid from '../../components/CardGrid';
 import Pagination from '../../components/Pagination';
-import * as creativesContainerActions from '../CreativesContainer/actions';
+const BreadcrumbItem = Breadcrumb.Item;
 
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
     super(props);
     this.state = {
-      loadingStatus: 0,
       formData: {},
       tabCount: 1,
       currentTab: 1,
@@ -48,6 +48,543 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       },
       isEdit: false,
       schema: {},
+      // schema: {
+      //   standalone: {
+      //     sections: [
+      //       {
+      //         type: "col-label",
+      //         inputFields: [
+      //           {
+      //             id: "template-subject",
+      //             placeholder: "Enter Email Subject",
+      //             type: "input",
+      //             metaType: "text",
+      //             datatype: "string",
+      //             required: true,
+      //             label: "Subject",
+      //             style: {
+      //               fontSize: "20px",
+      //               fontFamily: "proxima-nova,sans-serif",
+      //               fontStyle: "normal",
+      //               fontWeight: 600,
+      //               display: (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs")) ? "" : "none",
+      //             },
+      //             labelStyle: {
+      //               fontSize: "18px",
+      //               fontFamily: "proxima-nova,sans-serif",
+      //               fontStyle: "normal",
+      //               fontWeight: 600,
+      //               display: (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs")) ? "" : "none",
+      //               background: "white",
+      //             },
+      //             styling: "semantic",
+      //             order: 1,
+      //             width: 9,
+      //             customComponent: false,
+      //             standalone: true,
+      //             onlyDisplay: false,
+      //             errorMessage: "Email Subject cannot be empty.",
+      //             // supportedEvents: [
+      //             //   "onChange",
+      //             // ],
+      //           },
+      //         ],
+      //       },
+      //       {
+      //         type: "multicols",
+      //         inputFields: [
+      //           {
+      //             cols: [
+      //               {
+      //                 id: "template-name",
+      //                 placeholder: "Enter template name",
+      //                 type: "input",
+      //                 metaType: "text",
+      //                 datatype: "string",
+      //                 required: true,
+      //                 style: {
+      //                   fontSize: "20px",
+      //                   fontFamily: "proxima-nova,sans-serif",
+      //                   fontStyle: "normal",
+      //                   fontWeight: 600,
+      //                 },
+      //                 styling: "semantic",
+      //                 order: 1,
+      //                 width: 9,
+      //                 customComponent: false,
+      //                 standalone: true,
+      //                 onlyDisplay: false,
+      //                 errorMessage: "Template name cannot be empty.",
+      //                 supportedEvents: [
+      //                   "onChange",
+      //                 ],
+      //               },
+      //               {
+      //                 id: "template-version",
+      //                 type: "select",  //Resembles component to be used
+      //                 options: [],
+      //                 metaType: "text",
+      //                 datatype: "string",
+      //                 required: true,
+      //                 fluid: true,
+      //                 style: {
+      //                   fontSize: '14px',
+      //                   fontFamily: 'open-sans',
+      //                   fontStyle: 'normal',
+      //                   marginBottom: '16px',
+      //                 },
+      //                 styling: "semantic",
+      //                 order: 1,
+      //                 width: 5,
+      //                 customComponent: false,
+      //                 standalone: true,
+      //                 supportedEvents: [
+      //                   'onSelect',
+      //                   'addVersion',
+      //                 ],
+      //               },
+      //               {
+      //                 id: "preview-button",
+      //                 width: 3,
+      //                 offset: 3,
+      //                 metaType: "submit-button",
+      //                 colStyle: {
+      //                   textAlign: "right",
+      //                   paddingRight: "12px",
+      //                 },
+      //                 type: "button",
+      //                 buttonType: "cancel",
+      //                 value: "Preview",
+      //                 customComponent: false,
+      //                 standalone: true,
+      //                 styling: "semantic",
+      //                 order: 3,
+      //                 fluid: false,
+      //                 submitAction: "previewTemplate",
+      //                 onlyDisplay: true,
+      //                 supportedEvents: [
+      //                   "previewTemplate",
+      //                 ],
+      //               },
+      //               {
+      //                 id: "cancel-button",
+      //                 width: 2,
+      //                 metaType: "submit-button",
+      //                 colStyle: {
+      //                   textAlign: "right",
+      //                   width: "9%",
+      //                 },
+      //                 type: "button",
+      //                 buttonType: "cancel",
+      //                 value: "Cancel",
+      //                 customComponent: false,
+      //                 standalone: true,
+      //                 styling: "semantic",
+      //                 order: 3,
+      //                 fluid: false,
+      //                 onlyDisplay: true,
+      //                 submitAction: "cancelTemplate",
+      //                 supportedEvents: [
+      //                   "cancelTemplate",
+      //                 ],
+      //               },
+      //               {
+      //                 id: "save-button",
+      //                 width: 2,
+      //                 metaType: "submit-button",
+      //                 colStyle: {
+      //                   textAlign: "right",
+      //                   width: "7%",
+      //                 },
+      //                 type: "button",
+      //                 buttonType: "primary",
+      //                 value: "Save",
+      //                 customComponent: false,
+      //                 styling: "semantic",
+      //                 order: 3,
+      //                 fluid: false,
+      //                 standalone: true,
+      //                 onlyDisplay: true,
+      //                 submitAction: "saveFormData",
+      //                 supportedEvents: [
+      //                   "saveFormData",
+      //                 ],
+      //               },
+      //             ],
+      //           },
+      //         ],
+      //         actionFields: [],
+      //       },
+      //     ],
+      //   },
+      //   containers: [
+      //     {
+      //       panes: [
+      //         {
+      //           sections: [
+      //             {
+      //               type: "multicols",
+      //               width: 24,
+      //               rowStyle: {
+      //                 // height: "calc(100vh - 142px)",
+      //               },
+      //               actionFields: [],
+      //               inputFields: [
+      //                 {
+      //                   cols: [
+      //                     {
+      //                       id: "template-content",
+      //                       type: "ckeditor",
+      //                       metaType: "text",
+      //                       datatype: "string",
+      //                       required: true,
+      //                       onlyDisplay: false,
+      //                       standalone: false,
+      //                       order: 2,
+      //                       width: 24,
+      //                       events: {
+      //                         blur: this.onBlur,
+      //                         afterPaste: this.afterPaste,
+      //                         // change: this.onChange,
+      //                       },
+      //                       colStyle: {
+      //                         display: (!_.isEmpty(this.props.Templates.edmTemplate) && this.props.Templates.edmTemplate.versions.base.drag_drop_id) ? 'none' : '',
+      //                       },
+      //                       customComponent: true,
+      //                       getEditorInstanse: this.getEditorInstanse,
+      //                       supportedEvents: [
+      //                         "onContentChange",
+      //                       ],
+      //                     },
+      //                     {
+      //                       id: "edmeditor",
+      //                       type: "edmeditor",
+      //                       metaType: "text",
+      //                       datatype: "string",
+      //                       required: true,
+      //                       onlyDisplay: true,
+      //                       standalone: false,
+      //                       width: 24,
+      //                       order: 2,
+      //                       customComponent: true,
+      //                       // getEditorInstanse: this.getEditorInstanse,
+      //                       colStyle: {
+      //                         display: (!_.isEmpty(this.props.Templates.edmTemplate) && this.props.Templates.edmTemplate.versions.base.drag_drop_id) ? '' : 'none',
+      //                       },
+      //                       supportedEvents: [
+      //                         // "onContentChange",
+      //                       ],
+      //                     },
+      //                   ],
+      //                 },
+      //               ],
+      //             },
+      //           ],
+      //         },
+      //       ],
+      //       type: "tabs",
+      //       defaultPanes: 1,
+      //       additionalPanes: 0,
+      //       id: "pane",
+      //       tabBarExtraContent: {
+      //         sections: [
+      //           {
+      //             type: "multicols",
+      //             actionFields: [],
+      //             inputFields: [
+      //               {
+      //                 cols: [
+      //                   {
+      //                     id: "add-language-button",
+      //                     metaType: "submit-button",
+      //                     type: "customPopover",
+      //                     customComponent: true,
+      //                     onlyDisplay: true,
+      //                     styling: "semantic",
+      //                     order: 3,
+      //                     width: 3,
+      //                     colStyle: {
+      //                       color: `rgb(78, 146, 229)`,
+      //                       fontSize: '14px',
+      //                       fontFamily: 'open-sans',
+      //                       lineHeight: '24px',
+      //                       textAlign: 'center',
+      //                       cursor: 'pointer',
+      //                       display: (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "timeline" )) ? 'none' : '',
+      //                     },
+      //                     popOverList: this.props.Global.currentOrgDetails && this.props.Global.currentOrgDetails.basic_details.supported_languages ? this.props.Global.currentOrgDetails.basic_details.supported_languages : [],
+      //                     baseLanguage: this.props.Global.currentOrgDetails && this.props.Global.currentOrgDetails.basic_details.base_language ? this.props.Global.currentOrgDetails.basic_details.base_language : 'en',
+      //                     submitAction: "addLanguage",
+      //                     supportedEvents: [
+      //                       "addLanguage",
+      //                     ],
+      //                   },
+      //                   {
+      //                     id: "tagList",
+      //                     label: "Tags",
+      //                     type: "tag-list",  //Resembles component to be used
+      //                     metaType: "List",
+      //                     datatype: "select",
+      //                     required: true,
+      //                     fluid: true,
+      //                     onlyDisplay: true,
+      //                     styling: "semantic",
+      //                     order: 1,
+      //                     style: {
+      //                       border: "none",
+      //                     },
+      //                     customComponent: true,
+      //                     width: 3,
+      //                     offset: 11,
+      //                     supportedEvents: [
+      //                       'onTagSelect',
+      //                     ],
+      //                   },
+      //                   {
+      //                     id: "insert-image",
+      //                     metaType: "label",
+      //                     type: "div",  //Resembles component to be used
+      //                     primitive: true,
+      //                     value: "Insert Image",
+      //                     fluid: true,
+      //                     onlyDisplay: false,
+      //                     styling: "semantic",
+      //                     order: 1,
+      //                     customComponent: false,
+      //                     submitAction: "onImageSelect",
+      //                     style: {
+      //                       color: "#4E92E5",
+      //                       fontSize: "14px",
+      //                       fontFamily: "open-sans",
+      //                       lineHeight: "24px",
+      //                       textAlign: "center",
+      //                       cursor: "pointer",
+      //                     },
+      //                     width: 3,
+      //                     supportedEvents: [
+      //                       "onImageSelect",
+      //                     ],
+      //                   },
+      //                   {
+      //                     id: "mark-final-version-label",
+      //                     metaType: "label",
+      //                     type: "div",
+      //                     primitive: true,
+      //                     value: "Mark as Final",
+      //                     onlyDisplay: true,
+      //                     customComponent: false,
+      //                     order: 3,
+      //                     width: 3,
+      //                     fluid: false,
+      //                     style: {
+      //                       color: "#4E92E5",
+      //                       fontSize: "14px",
+      //                       fontFamily: "open-sans",
+      //                       lineHeight: "24px",
+      //                       textAlign: "center",
+      //                       cursor: "pointer",
+      //                       display: (this.props.location.query.type === 'embedded') ? "none" : "",
+      //                     },
+      //                     submitAction: "markFinalVersion",
+      //                     supportedEvents: [
+      //                       "markFinalVersion",
+      //                     ],
+      //                   },
+      //                   {
+      //                     id: "tab-options-popover",
+      //                     metaType: "display",
+      //                     colStyle: {
+      //                       flex: 0,
+      //                     },
+      //                     type: "popover",
+      //                     customComponent: false,
+      //                     styling: "semantic",
+      //                     order: 3,
+      //                     width: 1,
+      //                     fluid: false,
+      //                     onlyDisplay: true,
+      //                     submitAction: "onTabOptionSelect",
+      //                     supportedEvents: [
+      //                       "onTabOptionSelect",
+      //                     ],
+      //                     content: {
+      //                       sections: [
+      //                         {
+      //                           type: "multicols",
+      //                           inputFields: [
+      //                             {
+      //                               cols: [
+      //                                 {
+      //                                   id: "duplicate-version-label",
+      //                                   metaType: "label",
+      //                                   type: "div",
+      //                                   primitive: true,
+      //                                   value: "Duplicate Version",
+      //                                   onlyDisplay: true,
+      //                                   customComponent: false,
+      //                                   order: 3,
+      //                                   fluid: false,
+      //                                   colStyle: {
+      //                                     display: (this.props.location.query.type === 'embedded') ? "none" : "",
+      //                                   },
+      //                                   className: "version-popover",
+      //                                   submitAction: "duplicateVersion",
+      //                                   supportedEvents: [
+      //                                     "duplicateVersion",
+      //                                   ],
+      //                                 },
+      //                               ],
+      //                             },
+      //                             {
+      //                               cols: [
+      //                                 {
+      //                                   id: "delete-version-label",
+      //                                   metaType: "label",
+      //                                   type: "div",
+      //                                   primitive: true,
+      //                                   value: "Delete Version",
+      //                                   onlyDisplay: true,
+      //                                   customComponent: false,
+      //                                   order: 3,
+      //                                   fluid: false,
+      //                                   colStyle: {
+      //                                     display: (this.props.location.query.type === 'embedded') ? "none" : "",
+      //                                   },
+      //                                   className: "version-popover",
+      //                                   submitAction: "deleteVersion",
+      //                                   supportedEvents: [
+      //                                     "deleteVersion",
+      //                                   ],
+      //                                 },
+      //                               ],
+      //                             },
+      //                             {
+      //                               cols: [
+      //                                 {
+      //                                   id: "delete-language-label",
+      //                                   metaType: "label",
+      //                                   type: "div",
+      //                                   primitive: true,
+      //                                   value: "Delete Language",
+      //                                   onlyDisplay: true,
+      //                                   customComponent: false,
+      //                                   order: 3,
+      //                                   fluid: false,
+      //                                   className: "version-popover",
+      //                                   submitAction: "deleteLanguage",
+      //                                   supportedEvents: [
+      //                                     "deleteLanguage",
+      //                                   ],
+      //                                 },
+      //                               ],
+      //                             },
+      //                             {
+      //                               cols: [
+      //                                 {
+      //                                   id: "switch-editor-label",
+      //                                   metaType: "label",
+      //                                   type: "div",
+      //                                   primitive: true,
+      //                                   value: "Switch Editor",
+      //                                   onlyDisplay: true,
+      //                                   customComponent: false,
+      //                                   order: 4,
+      //                                   fluid: false,
+      //                                   className: "version-popover",
+      //                                   submitAction: "switchEditor",
+      //                                   supportedEvents: [
+      //                                     "switchEditor",
+      //                                   ],
+      //                                   style: {
+      //                                     display: (!_.isEmpty(this.props.Templates.edmTemplate) && this.props.Templates.edmTemplate.versions.base.drag_drop_id) ? '' : 'none',
+      //                                   },
+      //                                 },
+      //                               ],
+      //                             },
+      //                           ],
+      //                           actionFields: [],
+      //                         },
+      //                       ],
+      //                     },
+      //                     value: {
+      //                       sections: [
+      //                         {
+      //                           type: "multicols",
+      //                           inputFields: [
+      //                             {
+      //                               cols: [
+      //                                 {
+      //                                   id: "tab-option-icon",
+      //                                   metaType: "display",
+      //                                   type: "icon",
+      //                                   onlyDisplay: true,
+      //                                   primitive: false,
+      //                                   value: "",
+      //                                   customComponent: false,
+      //                                   order: 3,
+      //                                   fluid: false,
+      //                                 },
+      //                               ],
+      //                             },
+      //                           ],
+      //                           actionFields: [],
+      //                         },
+      //                       ],
+      //                     },
+      //                     trigger: "click",
+      //                     placement: "bottomLeft",
+      //                   },
+      //                 ],
+      //               },
+      //             ],
+      //           },
+      //         ],
+      //       },
+      //       tabContent: {
+      //         sections: [
+      //           {
+      //             type: "multicols",
+      //             inputFields: [
+      //               {
+      //                 rowStyle: {
+      //                   display: "flex",
+      //                   flex: 1,
+      //                 },
+      //                 cols: [
+      //                   {
+      //                     id: "tab-header",
+      //                     metaType: "label",
+      //                     value: "English",
+      //                     primitive: true,
+      //                     dynamicTab: false,
+      //                     type: "div",
+      //                     width: 5,
+      //                     offset: 0,
+      //                     onlyDisplay: true,
+      //                     colStyle: {
+      //                       flex: 1,
+      //                     },
+      //                     supportedEvents: [
+      //                       "onChange",
+      //                     ],
+      //                   },
+      //                 ],
+      //               },
+      //             ],
+      //             actionFields: [],
+      //           },
+      //         ],
+      //       },
+      //       label: "Version",
+      //       onlyDisplay: true,
+      //       supportedEvents: [
+      //         "onTabChange",
+      //       ],
+      //       isActive: true,
+      //     },
+      //   ],
+      //   channel: "EMAIL",
+      // },
       loading: false,
       isFormValid: true,
       injectedTags: {},
@@ -80,7 +617,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
     this.isTagLoaded = false;
     this.edmEvent = undefined;
-    this.supportedLanguages = this.getSupportedLanguages(props);
+    this.supportedLanguages = this.props.Global.currentOrgDetails && this.props.Global.currentOrgDetails.basic_details.supported_languages ? this.props.Global.currentOrgDetails.basic_details.supported_languages : [];
     this.map = {
       "template-name": {
         onChange: this.onTemplateNameChange,
@@ -146,7 +683,10 @@ 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) {
@@ -162,7 +702,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);
@@ -189,7 +729,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);
     });
@@ -201,6 +741,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentDidMount() {
+    console.log('email container mounted');
     const query = {
       layout: 'EMAIL',
       type: 'LAYOUT',
@@ -213,17 +754,19 @@ 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);
-
-      this.setState({schema: newSchema, loadingStatus: this.state.loadingStatus + 1});
+      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 = {
           layout: 'EMAIL',
@@ -242,7 +785,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.showSubject();
       }, 0);
     }
-    if (nextProps.currentOrgDetails && nextProps.currentOrgDetails.basic_details && !_.isEmpty(nextProps.currentOrgDetails.basic_details) && _.isEmpty(this.state.formData)) {
+    if (nextProps.Global.currentOrgDetails && nextProps.Global.currentOrgDetails.basic_details && !_.isEmpty(nextProps.Global.currentOrgDetails.basic_details) && _.isEmpty(this.state.formData)) {
       const formData = this.initFormData(nextProps);
       formData['template-version-options'] = [
         {
@@ -256,7 +799,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}, () => {
@@ -265,10 +808,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         //   that.startTemplateCreation();
         // }, 15000);
       });
-    } else if (nextProps.currentOrgDetails && nextProps.currentOrgDetails.basic_details) {
+    } else if (nextProps.Global.currentOrgDetails && nextProps.Global.currentOrgDetails.basic_details) {
       // this.injectEvents(this.state.schema);
-      const baseLanguage = nextProps.currentOrgDetails.basic_details.base_language;
+      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);
@@ -279,19 +823,19 @@ 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.currentOrgDetails.basic_details.base_language;
+        // const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language;
         if (baseLanguage === formData[0].activeTab) {
           container.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: "none"};
         } else {
           container.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: ""};
         }
-        this.setState({schema, loadingStatus: this.state.loadingStatus + 1});
+        this.setState({schema});
       }
 
-      //
+      // console.log('isTagLoaded', this.isTagLoaded);
       // if (!this.isTagLoaded) {
       //   this.isTagLoaded = true;
       //   const query = {
@@ -304,6 +848,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // }
 
       if (this.state.isEdit && !this.state.editDataSet && !_.isEmpty(nextProps.Email.templateDetails) && !_.isEmpty(this.state.schema)) {
+        console.log('setting edit data in email', nextProps.Email.templateDetails);
         this.setState({editDataSet: true}, () => {
           this.setEditData(nextProps.Email.templateDetails);
         });
@@ -312,21 +857,18 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.startTemplateCreation(nextProps.templateData);
       }
       if (nextProps.location.query.module === 'library' && nextProps.isGetFormData) {
-        if (!_.isEmpty(this.props.Email.cmsData)) {
-          this.props.actions.resetCmsData();
-        }
         this.getFormData();
       }
 
       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.currentOrgDetails.basic_details.base_language;
-
+        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"};
@@ -345,15 +887,15 @@ 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"};
             }
           });
-
-          this.setState({schema, isSchemaChanged: true, loadingStatus: this.state.loadingStatus + 1});
+          console.log('Schema test 3', schema);
+          this.setState({schema, isSchemaChanged: true});
         } else {
           _.forEach(temp.panes, (pane, index) => {
             const tempPane = pane;
@@ -362,20 +904,21 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
               tempPane.sections[0].inputFields[0].cols[0].colStyle = {display: ""};
             }
           });
-
-          this.setState({schema, isSchemaChanged: true, loadingStatus: this.state.loadingStatus + 1});
+          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);
@@ -388,13 +931,34 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           this.hideEdmOptions(nextProps.Email.CmsSettings.isDragDrop);
         });
       }
+
+      if (nextProps.Email.createResponse && nextProps.Email.createResponse.templateId) {
+        // this.resetSchema();
+        let message;
+        if (this.state.isEdit) {
+          message = getMessageObject('success', this.props.intl.formatMessage(messages.emailEditSuccess), true);
+        } else {
+          message = getMessageObject('success', this.props.intl.formatMessage(messages.emailCreateSuccess), true);
+        }
+        this.props.globalActions.addMessageToQueue(message);
+        this.props.actions.clearCRUDResponse();
+        const module = this.props.location.query.module ? this.props.location.query.module : 'default';
+        const type = this.props.location.query.type;
+        const isLanguageSupport = this.props.location.query.isLanguageSupport || false;
+        const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
+        this.props.router.push({
+          pathname: `/email`,
+          query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport},
+        });
+      }
       if (nextProps.Email.createTemplateError && !_.isEqual(nextProps.Email.createTemplateError, this.props.Email.createTemplateError)) {
         const message = getMessageObject('error', (nextProps.Email.createTemplateErrorMessage && nextProps.Email.createTemplateErrorMessage !== '') ? nextProps.Email.createTemplateErrorMessage : this.props.intl.formatMessage(messages.somethingWentWrong), true);
         this.props.globalActions.addMessageToQueue(message);
       }
-      if (!nextProps.Email.fetchingCmsData && !_.isEqual(nextProps.Email.cmsData, this.props.Email.cmsData) && !_.isEmpty(nextProps.Email.cmsData)) {
+      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) {
@@ -407,13 +971,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             formData.base[formData.base.activeTab]['template-content'] = decodeURIComponent(nextProps.Email.cmsData);
           }
         } else {
+          console.log('email switch data ', this.state.currentTab, formData, formData[`${this.state.currentTab - 1}`].activeTab);
           const langIndex = formData[this.state.currentTab - 1].selectedLanguages.indexOf(formData[this.state.currentTab - 1].activeTab);
           const instanceName = `template-content${(langIndex + 1) > 1 ? (langIndex + 1) : ''}`;
-
+          console.log('email switch data name', instanceName);
           _.forEach(window.CKEDITOR.instances, (winInstance) => {
             const temp = winInstance;
-
+            console.log('email switch data instance', winInstance, winInstance.name);
             if (winInstance.name === instanceName) {
+              console.log('setting instance name after loading', winInstance, name);
               temp.setData(decodeURIComponent(nextProps.Email.cmsData));
             } else if (winInstance.name.indexOf('editor') !== -1) {
               temp.setData(decodeURIComponent(nextProps.Email.cmsData));
@@ -429,8 +995,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             formData.base[formData.base.activeTab].drag_drop_id = "";
             delete formData.base[formData.base.activeTab].edmeditorsrc;
           }
+          console.log('ckeditor trying to set ckeditor data');
         }
-
+        console.log('setting template content final', formData);
         this.setState({ formData }, () => {
           if (nextProps.Email.langId) {
             this.shouldStartValidation();
@@ -439,9 +1006,11 @@ 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({
@@ -477,8 +1046,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         this.props.globalActions.addMessageToQueue(message);
       }
 
-      if (!_.isEqual(nextProps.currentOrgDetails.basic_details.supported_languages, this.props.currentOrgDetails.basic_details.supported_languages)) {
-        this.supportedLanguages = nextProps.currentOrgDetails.basic_details.supported_languages;
+      if (!_.isEqual(nextProps.Global.currentOrgDetails.basic_details.supported_languages, this.props.Global.currentOrgDetails.basic_details.supported_languages)) {
+        this.supportedLanguages = nextProps.Global.currentOrgDetails.basic_details.supported_languages;
       }
 
       if (!nextProps.Email.fetchingAllAssets && !_.isEqual(nextProps.Email.fetchingAllAssets, this.props.Email.fetchingAllAssets) && !_.isEmpty(nextProps.Email.assetList) && nextProps.Email.assetList[0] && nextProps.Email.assetList[0].totalCount && this.state.totalCount === 0) {
@@ -488,15 +1057,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   componentWillUnmount() {
-    if (this.props.setIsLoadingContent) {
-      this.props.setIsLoadingContent(true); // setting isLoading of CreativesContainer so that slidebox foot can be hidden till content is loaded
-    }
+    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) {
@@ -507,17 +1075,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);
     //   }
     // });
     //}
@@ -526,14 +1094,19 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       if (formData[`${this.state.currentTab - 1}`].tabKey === formData.base.tabKey) {
         formData.base[formData[`${this.state.currentTab - 1}`].activeTab][`template-content`] = _.cloneDeep(evt.editor.getData());
       }
-
+      console.log("Modified Form Data ", formData);
       this.setState({formData, content: evt.editor.getData()}, () => {
-
+        console.log('Dark Knight ', this.state.content);
       });
     }
   }
 
+  onBlur = (evt) => {
+    console.log("onBlur fired with event info: ", evt);
+  }
+
   onTabChange(data, formData) {
+    console.log('inside parent ontabchange', data, this.state);
     //this.resetCkEditorInstance(data, formData);
     const schema = _.cloneDeep(this.state.schema);
     const container = schema.containers[`${data - 1}`];
@@ -544,24 +1117,25 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       container.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: "none"};
       container.tabBarExtraContent.sections[0].inputFields[0].cols[2].style.display = "";
     }
-    const baseLanguage = this.props.currentOrgDetails.basic_details.base_language;
+    const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language;
     if (baseLanguage === formData[`${data - 1}`].activeTab) {
       container.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: "none"};
     } else {
       container.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: ""};
     }
-    this.setState({currentTab: data, formData, schema, loadingStatus: this.state.loadingStatus + 1});
+    this.setState({currentTab: data, formData, schema});
   }
 
-  onTemplateNameChange = () => {
-
+  onTemplateNameChange = (name) => {
+    console.log('Template name changed to ', name);
   }
 
-  onTagSelect = (data) => {
+  onTagSelect = (data, currentTab, value) => {
+    console.log('On Tag selection ', data, currentTab, value);
     const isDragDrop = this.state.formData[`${this.state.currentTab - 1}`][this.state.formData[`${this.state.currentTab - 1}`].activeTab].is_drag_drop;
     const formData = _.cloneDeep(this.state.formData);
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-
+    console.log('isEdmsupport', isEdmSupport);
     if (isDragDrop && isEdmSupport) {
       let msg = {};
       if (data === "unsubscribe") {
@@ -582,6 +1156,7 @@ 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);
       if (data === "unsubscribe") {
         const anchor = `<a href='{{${data}}}'>${data}</a>`;
         this.state.editorInstanse.insertHtml(`${anchor}`);
@@ -592,7 +1167,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }
   }
 
-  onImageSelect = () => {
+  onImageSelect = (data) => {
+    console.log('Calling', data);
     this.setState({ showImageSelectionBox: true }, () => {
       const params = {
         name: this.state.searchText,
@@ -602,48 +1178,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       // this.props.actions.getAllAssets("image", params);
     });
   }
-  onUpdateTemplateComplete = (createResponse) => {
-    if (createResponse && createResponse.templateId) {
-      // this.resetSchema();
-      let message;
-      if (this.state.isEdit) {
-        message = getMessageObject('success', this.props.intl.formatMessage(messages.emailEditSuccess), true);
-      } else {
-        message = getMessageObject('success', this.props.intl.formatMessage(messages.emailCreateSuccess), true);
-      }
-      this.props.globalActions.addMessageToQueue(message);
-      this.props.actions.clearCRUDResponse();
-      const module = this.props.location.query.module ? this.props.location.query.module : 'default';
-      const type = this.props.location.query.type;
-      const isLanguageSupport = this.props.location.query.isLanguageSupport || false;
-      const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-      if (this.props.isFullMode) {
-        const {versions, ...rest} = createResponse.templateId;
-        this.props.getFormSubscriptionData({ value: versions, ...rest, validity: true});
-      } else {
-        this.props.router.push({
-          pathname: `/email`,
-          query: type === 'embedded' ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport},
-        });
-      }
-    }
-  }
 
-  getSupportedLanguages = (props) => {
-    const {currentOrgDetails} = props;
-    let supportedLanguages = [];
-    if (!_.isEmpty(currentOrgDetails)) {
-      const {basic_details} = currentOrgDetails;
-      supportedLanguages = basic_details.supported_languages || [];
-    }
-    return supportedLanguages;
-  }
   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);
           }
@@ -651,12 +1194,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
     });
   }
+
   setNewLanguageContent = (data) => {
     const content = _.cloneDeep(data);
     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 = "";
@@ -667,12 +1211,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"};
@@ -689,14 +1233,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);
@@ -705,14 +1249,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   setFormValidity = (isFormValid) => {
-    this.setState({isFormValid, startValidation: false});
+    this.setState({isFormValid});
   }
 
   setEditData(editData) {
+    console.log('Edit Data is ', editData);
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
     const formData = _.cloneDeep(this.state.formData);
 
-    const schema = (this.props.location.query.type === 'embedded') ? this.removeStandAlone(this.state.schema) : _.cloneDeep(this.state.schema);
+    const tabIndex = this.state.currentTab + 1;
+    const schema = (this.props.location.query.type === 'embedded') ? this.removeStandAlone() : _.cloneDeep(this.state.schema);
     const containers = _.cloneDeep(schema.containers.slice());
     let tabKey = "";
     let currentTab = _.cloneDeep(this.state.currentTab);
@@ -732,7 +1278,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') {
@@ -740,7 +1286,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;
           });
@@ -748,7 +1294,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) {
@@ -769,25 +1315,29 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           formData['template-version-options'].push(newVersionOption);
         }
 
-        // data.activeTab = this.props.currentOrgDetails.basic_details.base_language;
+        // data.activeTab = this.props.Global.currentOrgDetails.basic_details.base_language;
         _.forEach((data.selectedLanguages), (language) => {
           if (data.tabKey === data[language].tabKey) {
             data.activeTab = language;
           }
         });
         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) => {
-            if ((type !== 'embedded' || (type === 'embedded' && isLanguageSupport === 'true')) && lang !== this.props.currentOrgDetails.basic_details.base_language) {
+            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];
               const panes = containers[0].panes.slice();
@@ -795,7 +1345,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') {
@@ -803,23 +1353,23 @@ 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.currentOrgDetails.basic_details.base_language) {
+            } else if (lang !== this.props.Global.currentOrgDetails.basic_details.base_language) {
               delete data[lang];
               data.selectedLanguages.splice(langIndex, 1);
             }
@@ -838,8 +1388,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
     });
 
-
-    this.setState({ formData, schema, tabKey, currentTab, tabCount: editData.versions.history.length, loadingStatus: this.state.loadingStatus + 1 }, () => {
+    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;
@@ -848,18 +1399,23 @@ 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) => this.map[id][event]
+  getMappedEvent = (id, event) => {
+    console.log('Map ', this.map, id, event);
+    return this.map[id][event];
+  }
 
   getCurrentWindow = (e) => {
+    console.log('in email create', e);
     const response = {
       action: e.action,
       value: 'edit',
@@ -868,10 +1424,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     parent.postMessage(JSON.stringify(response), '*');
   }
 
-  getEditorInstanse = () => {
+  getEditorInstanse = (instance, id) => {
+    console.log('Got editor Instance ', instance, id);
     window.CKEDITOR.on( 'instanceReady', ( event ) => {
       this.setState({editorInstanse: event.editor});
       event.editor.on( 'focus', () => {
+        console.log( 'focused', event.editor, this );
         this.setState({editorInstanse: event.editor});
       });
     });
@@ -916,7 +1474,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   shouldStartValidation = () => {
     this.setState((prevState) => ({ cmsDataCount: prevState.cmsDataCount + 1}), () => {
+      console.log('all data save count validating', this.state.saveCount, this.state.cmsDataCount);
       if (this.state.targetSaveCount === this.state.cmsDataCount) {
+        console.log('validation final starting edm validation');
         this.setState({startValidation: true});
       }
     });
@@ -932,6 +1492,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         if (!isNaN(index)) {
           _.forEach(newdata.selectedLanguages, (language) => {
             if (newdata[language].is_drag_drop && ((parseInt(index, 10) + 1) === this.state.currentTab)) {
+              console.log('all data 4');
               saveCount += 1;
             }
           });
@@ -945,6 +1506,7 @@ 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", '*');
           }
@@ -983,7 +1545,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       showEdmEmailTemplates: false,
       editDataSet: false,
     }, () => {
-
+      console.log('Unmount value cleared', this.state);
     });
   }
 
@@ -991,8 +1553,10 @@ 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 ) => {
+    _.forEach(window.CKEDITOR.instances, (instance, index) => {
+      console.log('all ck instances ', instance, index, instanceCount, langIndex);
       const name = instance.name;
       if (instance.status === "destroyed") {
         return;
@@ -1013,7 +1577,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;
@@ -1024,11 +1588,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) {
@@ -1040,10 +1604,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   uploadFile = () => {
+    console.log('uploadFile');
     document.getElementById('filename').click();
+    console.log('Upload File initiated');
   };
 
   useEditor = () => {
+    console.log('useEditor');
     //this.toggleEdmEmailTemplateSelection();
     this.setState({addLanguageType: "useEditor"}, () => {
       this.setState({showModal: false}, () => {
@@ -1054,12 +1621,12 @@ 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);
       const currentTab = this.state.currentTab - 1;
-      const baseLanguage = this.props.currentOrgDetails.basic_details.base_language ? this.props.currentOrgDetails.basic_details.base_language : 'en';
+      const baseLanguage = this.props.Global.currentOrgDetails.basic_details.base_language ? this.props.Global.currentOrgDetails.basic_details.base_language : 'en';
       if (formData[currentTab][baseLanguage].is_drag_drop) {
         this.props.actions.getCmsSetting('edm', formData[currentTab][baseLanguage].drag_drop_id, 'duplicate', baseLanguage, isEdmSupport);
       }
@@ -1072,14 +1639,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }
     const fileExtension = files[0].name.split('.').pop();
     const supportedZipFormats = ['zip'];
-
+    console.log('File Params ', fileExtension);
     if (supportedZipFormats.indexOf(fileExtension.toLowerCase()) !== -1) {
       this.setState({ addLanguageType: "upload"}, () => {
+        console.log('Zip Format got');
         this.props.templatesActions.handleZipUpload(files[0]);
         document.getElementById("filename").value = "";
         this.setState({showModal: false});
       });
     } else if (fileExtension === 'html' || fileExtension === 'htm') {
+      console.log('html Format got');
       const reader = new FileReader();
       reader.onload = () => {
         this.setState({ addLanguageType: "upload"}, () => {
@@ -1092,6 +1661,7 @@ 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');
     }
   };
 
@@ -1168,25 +1738,28 @@ 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) {
+  initFormData(props, fromMount) {
+    console.log('init email', props, fromMount);
     let newFormData = {};
-    if (props.currentOrgDetails && props.currentOrgDetails.basic_details) {
+    if (props.Global.currentOrgDetails && props.Global.currentOrgDetails.basic_details) {
+      console.log('init email actual', props, fromMount);
       newFormData = {
         "0": {},
         "template-name": "",
         "base": {},
       };
       const baseData = {};
-      const baseLanguage = props.currentOrgDetails.basic_details.base_language;
-      this.supportedLanguages = this.getSupportedLanguages(props);
+      const baseLanguage = props.Global.currentOrgDetails.basic_details.base_language;
+      this.supportedLanguages = props.Global.currentOrgDetails.basic_details.supported_languages;
       const languageObject = this.supportedLanguages[_.findIndex(this.supportedLanguages, {iso_code: baseLanguage})];
       baseData.activeTab = baseLanguage;
       baseData[languageObject.iso_code] = {};
@@ -1208,6 +1781,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   transformFormData = (formData) => {
+    console.log('Transforming data ', formData);
     const newFormData = {
       base: {},
       secondary_templates: [],
@@ -1228,24 +1802,27 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           tmpData.drag_drop_id = (content.drag_drop_id ? content.drag_drop_id : "");
         }
 
-        if (index === this.props.currentOrgDetails.basic_details.base_language) {
+        if (index === this.props.Global.currentOrgDetails.basic_details.base_language) {
           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":
@@ -1254,12 +1831,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         case "edit":
           this.edmEvent = e;
           if (type.elementJson.type === "IMAGE") {
+            console.log('Data Inside ', type);
             this.onImageSelect();
           }
           break;
         case "editBackground":
           this.edmEvent = e;
           if (type.elementJson.type === "BOX" || type.elementJson.type === "BUTTON" || type.elementJson.type === "GENERAL") {
+            console.log('Data Inside ', type);
             this.onImageSelect();
           }
           break;
@@ -1282,26 +1861,25 @@ 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":
-          if (_.isEmpty(this.props.Email.cmsData)) {
-            this.handleEdmSave();
-          }
+          this.handleEdmSave();
           break;
         case "JsonChanged":
           this.edmEvent = e;
@@ -1322,8 +1900,10 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleEdmSave = () => {
+    console.log('all data save', this.state.mode, this.state.targetSaveCount, this.state.saveCount);
     if (this.state.mode === "save") {
       this.setState((prevState) => ({ saveCount: prevState.saveCount + 1}), () => {
+        console.log('all data save count', this.state.saveCount);
         if (this.state.targetSaveCount === this.state.saveCount) {
           if (this.state.saveEdmDataMode === 'validation') {
             this.getValidationData();
@@ -1341,14 +1921,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);
         });
@@ -1361,18 +1941,20 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   handleContentChange = (data) => {
+    console.log('CKEditor Data changed ', data);
     const formData = _.cloneDeep(this.state.formData);
     formData[this.state.currentTab][formData[this.state.currentTab - 1].activeTab]["template-content"] = data;
     this.setState({formData});
   }
 
-  handleOnHoverItem = (isHovering) => {
+  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'>`);
       //   }
@@ -1400,7 +1982,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         });
       }
     });
-
+    console.log('HandleEdmOption ', JSON.stringify(schema));
     this.setState({schema, isSchemaChanged: true});
   }
 
@@ -1416,30 +1998,30 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         });
       }
     });
-
+    console.log('HandleHideMarkAsFinal ', JSON.stringify(schema));
     this.setState({schema, isSchemaChanged: true});
   }
 
   showSubject = () => {
     const schema = _.cloneDeep(this.state.schema);
-    if (schema.standalone) {
-      if ((this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "timeline" || this.props.location.query.module === "coupon_expiry" ||
+    if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === "loyalty" || this.props.location.query.module === "dvs" || this.props.location.query.module === "timeline" || this.props.location.query.module === "coupon_expiry" ||
       this.props.location.query.module === "library")) {
-        schema.standalone.sections[0].inputFields[0].style.display = "";
-        schema.standalone.sections[0].inputFields[0].labelStyle.display = "";
-      }
-      this.setState({schema});
+      schema.standalone.sections[0].inputFields[0].style.display = "";
+      schema.standalone.sections[0].inputFields[0].labelStyle.display = "";
     }
+    this.setState({schema});
   }
 
   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({
@@ -1497,14 +2079,16 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     this.setState({ device });
   }
 
-  handleVersionSelect = (status, formData) => {
+  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;
@@ -1517,11 +2101,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     this.setState({formData: newFormData, schema, currentTab: (versionIndex + 1), isSchemaChanged: true});
   }
 
-  afterPaste = () => {
-
+  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;
     }
@@ -1532,35 +2117,38 @@ 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 = () => {
-
+  renameVersion = (data, currentTab) => {
+    console.log('renaming version', data, currentTab);
   }
 
-  markFinalVersion = () => {
+  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) => {
+  duplicateVersion = (formData, currentTab) => {
+    console.log('duplicate version', formData, currentTab);
     this.setState({formData}, () => {
       this.addVersion(this.state.tabCount);
     });
   }
 
-  addVersion = () => {
+  addVersion = (data) => {
     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);
@@ -1570,7 +2158,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') {
@@ -1578,7 +2166,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;
     });
@@ -1590,7 +2178,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) {
@@ -1620,7 +2208,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   addLanguage = (tempLang, passedData, val, asyncLanguages) => {
     if (this.state.addLanguageType === "upload") {
       this.setState({languageDataSet: true}, () => {
+        console.log('adding from add language 1', this.props.Templates);
         if (this.props.Templates.selectedEmailLayout && this.props.Templates.selectedEmailLayout !== '') {
+          console.log('adding from add language 2');
           this.setNewLanguageContent(this.props.Templates.selectedEmailLayout);
         }
       });
@@ -1634,82 +2224,98 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     let langTab = 0;
     const schema = _.cloneDeep(this.state.schema);
     const formData = _.cloneDeep(passedData);
-    if (!_.isEmpty(schema)) {
-      for (let idx = 0; idx < addLanguageLength; idx += 1) {
-        let newActiveTab = this.state.settingLanguage ? this.state.settingLanguage.iso_code : 'en';
-        if (asyncLanguages) {
-          newActiveTab = asyncLanguages[idx].iso_code;
-          data = asyncLanguages[idx];
-        }
+    for (let idx = 0; idx < addLanguageLength; idx += 1) {
+      let newActiveTab = this.state.settingLanguage ? this.state.settingLanguage.iso_code : 'en';
+      if (asyncLanguages) {
+        newActiveTab = asyncLanguages[idx].iso_code;
+        data = asyncLanguages[idx];
+      }
+      langTab = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(newActiveTab);
+      if (langTab === -1) {
+        formData[`${this.state.currentTab - 1}`].selectedLanguages.push(newActiveTab);
         langTab = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(newActiveTab);
-        if (langTab === -1) {
-          formData[`${this.state.currentTab - 1}`].selectedLanguages.push(newActiveTab);
-          langTab = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(newActiveTab);
+      }
+      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]);
+      const tabContentSection = tabContent.inputFields[0].cols[0];
+      const panes = containers[`${this.state.currentTab - 1}`].panes.slice();
+      const firstPane = _.cloneDeep(panes[0]);
+      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') {
+          sect = this.cloneMultiCol(sect, tabIndex);
+        } else if (sect.type === 'parent') {
+          sect = this.cloneParent(sect, tabIndex);
         }
-        const selectedLanguage = formData[`${this.state.currentTab - 1}`].selectedLanguages.indexOf(data.iso_code);
-        tabKey = formData[`${this.state.currentTab - 1}`][data.iso_code].tabKey;
-        const tabIndex = (selectedLanguage) + 1;
-        const containers = schema.containers.slice();
-        const tabContent = _.cloneDeep(containers[0].tabContent.sections[0]);
-        const tabContentSection = tabContent.inputFields[0].cols[0];
-        const panes = containers[`${this.state.currentTab - 1}`].panes.slice();
-        const firstPane = _.cloneDeep(panes[0]);
-        const sections = [];
-        _.forEach(firstPane.sections, (section) => {
-          let sect = _.cloneDeep(section);
-          if (sect.type === 'col-label') {
-            sect = this.cloneColLabel(sect, tabIndex);
-          } else if (sect.type === 'multicols') {
-            sect = this.cloneMultiCol(sect, tabIndex);
-          } else if (sect.type === 'parent') {
-            sect = this.cloneParent(sect, tabIndex);
-          }
-          sections.push(sect);
-          return true;
-        });
-        tabContentSection.id = `${tabContentSection.id}${tabIndex}`;
-        tabContentSection.value = `${data.language}`;
-        _.forEach(sections[0].inputFields[0].cols, (inputField) => {
-          if (this.map[inputField.id] === undefined) {
-            if (inputField.id.indexOf('template-content') > -1) {
-              this.map[inputField.id] = this.map['template-content'];
-            } else if (inputField.id.indexOf('edmeditor2') > -1) {
-              this.map[inputField.id] = this.map.edmeditor2;
-            }
+        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) {
+            this.map[inputField.id] = this.map['template-content'];
+          } else if (inputField.id.indexOf('edmeditor2') > -1) {
+            this.map[inputField.id] = this.map.edmeditor2;
           }
-        });
-        firstPane.sections = sections;
-        firstPane.sectionsHeaders = [tabContent];
-        // panes.push(firstPane);
-        schema.containers[`${this.state.currentTab - 1}`].panes.push(firstPane);
-        // schema.containers[0].tabContent.sections.push(tabContent);
-      }
-      //this.props.templatesActions.getEdmDefaultTemplates();
-      const container = schema.containers[this.state.currentTab - 1];
-      const temp = container;
-      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"};
-        temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: "none"};
-      }
-      temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: ""};
-      if (schema) {
-        this.setState({schema, isSchemaChanged: true, tabKey});
-        if (this.state.addLanguageType !== "upload") {
-          this.setState({addLanguageType: ''});
         }
-        //this.toggleEdmEmailTemplateSelection();
+      });
+      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"};
+      temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[3].cols[0].style = {display: "none"};
+    }
+    temp.tabBarExtraContent.sections[0].inputFields[0].cols[4].content.sections[0].inputFields[2].cols[0].style = {display: ""};
+    if (schema) {
+      this.setState({schema, isSchemaChanged: true, tabKey});
+      if (this.state.addLanguageType !== "upload") {
+        this.setState({addLanguageType: ''});
       }
+      //this.toggleEdmEmailTemplateSelection();
     }
+    // const mode = this.state.addLanguageMode;
+    // switch (mode) {
+    //   case "upload":
+    //
+    //   default:
+    //     break;
+    // }
   }
 
   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 = [];
@@ -1722,17 +2328,18 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       } else if (childSection.type === 'parent') {
         sect = this.cloneParent(childSection, tabIndex, noSuffix);
       }
-
+      console.log('returning cloned parent section', sect);
       childSections.push(sect);
       return true;
     });
-
+    console.log('returning cloned parent section final 1', JSON.stringify(childSections));
     parentsect.childSections = childSections;
-
+    console.log('returning cloned parent section final', parentsect);
     return _.cloneDeep(parentsect);
   }
 
   cloneColLabel = (sectionObj, tabIndex, noSuffix) => {
+    console.log('cloning cloneColLabel', sectionObj, tabIndex);
     const section = _.cloneDeep(sectionObj);
     const inputFields = _.forEach(section.inputFields, (inputField) => {
       const inputF = inputField;
@@ -1741,11 +2348,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       return inputF;
     });
     section.inputFields = inputFields;
-
+    console.log('cloned ifs are', section);
     return section;
   }
 
   cloneMultiCol = (sectionObj, tabIndex, noSuffix) => {
+    console.log('cloning multicol ', sectionObj, tabIndex);
     const section = _.cloneDeep(sectionObj);
     const inputFields = _.forEach(section.inputFields, (inputField) => {
       const inputF = inputField;
@@ -1759,7 +2367,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;
   }
 
@@ -1781,6 +2389,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   showNext = () => {
+    console.log("Inside ShowNext");
     const response = {
       action: "showNext",
       value: true,
@@ -1789,6 +2398,7 @@ 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!",
@@ -1815,6 +2425,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   prepareImageData() {
+    console.log('Preparing Image Dataa ');
     const data = [];
     const assetList = this.props.Email.assetList;
     _.forEach(assetList, (asset) => {
@@ -1864,15 +2475,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   injectEvents = (schema) => {
     const type = this.props.location.query.type;
-
-    let temp = _.cloneDeep(schema);
+    console.log('now injecting events');
+    const temp = schema;
     temp.standalone.sections = this.injectSections(temp.standalone.sections);
     _.forEach(temp.containers, (container) => {
       let tempContainer = container;
       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) => {
@@ -1881,8 +2492,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         _.forEach(container.tabContent.sections[0].inputFields[0].cols, (containerInputFieldCol) => {
           const tempEl = containerInputFieldCol;
           if (containerInputFieldCol.id === "tab-header") {
-            const baseLanguage = this.props.currentOrgDetails && this.props.currentOrgDetails.basic_details && this.props.currentOrgDetails.basic_details.base_language && this.props.currentOrgDetails.basic_details.base_language !== "" ? this.props.currentOrgDetails.basic_details.base_language : 'en';
-            const supportedLanguages = this.getSupportedLanguages(this.props);
+            const baseLanguage = this.props.Global.currentOrgDetails && this.props.Global.currentOrgDetails.basic_details && this.props.Global.currentOrgDetails.basic_details.base_language && this.props.Global.currentOrgDetails.basic_details.base_language !== "" ? this.props.Global.currentOrgDetails.basic_details.base_language : 'en';
+            const supportedLanguages = this.props.Global.currentOrgDetails.basic_details.supported_languages;
             if (!supportedLanguages) {
               tempEl.value = 'English';
               return;
@@ -1907,18 +2518,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           }
           if (containerInputFieldCol.id === 'add-language-button' && !ifLangSupported) {
             const newContainerInputFieldCol = containerInputFieldCol;
-            if (newContainerInputFieldCol.colStyle.display !== "none") {
-              newContainerInputFieldCol.colStyle.display = "none";
-            }
+            newContainerInputFieldCol.colStyle.display = "none";
             hideLang = true;
           } else if (containerInputFieldCol.id === 'add-language-button') {
             hideLang = true;
           }
           if (containerInputFieldCol.id === "mark-final-version-label") {
             const newContainerInputFieldCol = containerInputFieldCol;
-            if (newContainerInputFieldCol.colStyle.display !== "none") {
-              newContainerInputFieldCol.colStyle.display = "none";
-            }
+            newContainerInputFieldCol.colStyle.display = "none";
           }
           // if (containerInputFieldCol.id === "tab-options-popover") {
           //   const newContainerInputFieldCol = containerInputFieldCol;
@@ -1935,8 +2542,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       }
     });
     //}
-    temp = type === 'embedded' ? this.removeStandAlone(temp) : temp;
-    this.setState({schema: temp, isSchemaChanged: true, loadingStatus: this.state.loadingStatus + 1}, () => {
+    console.log('final injected schema', schema);
+    this.setState({schema, isSchemaChanged: true}, () => {
+      if (type === 'embedded') {
+        this.removeStandAlone();
+      }
       if (type === 'embedded' && (this.props.route.name === 'EmailView' || (this.props.location.query.module && (this.props.location.query.module.toLowerCase() === 'loyalty' || this.props.location.query.module.toLowerCase() === 'dvs' || this.props.location.query.module.toLowerCase() === 'coupon_expiry' || this.props.location.query.module.toLowerCase() === 'timeline')))) {
         if ((this.props.route.name === "EmailEdit" || this.props.route.name === "EmailCreate") && (this.props.location.query.module === "dvs" || this.props.location.query.module.toLowerCase() === 'coupon_expiry')) {
           return;
@@ -1947,10 +2557,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         parent.postMessage(JSON.stringify(response), '*');
       }
     });
-    return temp;
+    return schema;
   }
 
   handleOnTagsContextChange = (data) => {
+    console.log('parent tags context', data);
     const query = {
       layout: 'EMAIL',
       type: 'TAG',
@@ -1960,17 +2571,17 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     this.props.globalActions.fetchSchemaForEntity(query);
   }
 
-  removeStandAlone(schema) {
-    const newSchema = _.cloneDeep(schema);
-    delete newSchema.standalone;
-    newSchema.standalone = {};
-    newSchema.standalone.sections = [];
+  removeStandAlone() {
+    const schema = _.cloneDeep(this.state.schema);
+    delete schema.standalone;
+    schema.standalone = {};
+    schema.standalone.sections = [];
     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")) {
-      newSchema.standalone.sections.push(_.cloneDeep(schema.standalone.sections[0]));
+      schema.standalone.sections.push(_.cloneDeep(this.state.schema.standalone.sections[0]));
     }
 
-    _.forEach(newSchema.containers, (container) => {
+    _.forEach(schema.containers, (container) => {
       const temp = container;
       if (temp.type === 'tabs') {
         // temp.tabBarExtraContent = {};
@@ -2006,10 +2617,12 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         temp.panes.push(basePane);
       }
     });
-    return newSchema;
+    this.setState({ schema, isSchemaChanged: true });
+    return schema;
   }
 
   startTemplateCreation(data) {
+    console.log('startTemplatecreations', data);
     if (_.isEmpty(data)) {
       return;
     }
@@ -2017,17 +2630,18 @@ 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 = [];
       let tabKey;
-      if ((this.props.location.query.isLanguageSupport === undefined || this.props.location.query.isLanguageSupport === 'false')) {
+      if (this.props.location.query.type === 'embedded' && (this.props.location.query.isLanguageSupport === undefined || this.props.location.query.isLanguageSupport === 'false')) {
         formData['template-subject'] = data.base.subject ? data.base.subject : '';
-        const baseLanguage = this.props.currentOrgDetails.basic_details.base_language;
+        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;
         }
@@ -2043,9 +2657,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         formData[0][this.supportedLanguages[languageIndex].iso_code] = tempData;
         formData[0].activeTab = this.supportedLanguages[languageIndex].iso_code;
         tabKey = "2";
+        console.log("start Template creation midway data", formData, languageIndex);
       } else {
         const additionalLanguages = [];
         _.forEach(data.secondary_templates, (templates) => {
+          console.log('creating form data', templates);
           const id = "1";
           tabKey = id;
           let languageIndex = _.findIndex(this.supportedLanguages, {language: templates.language});
@@ -2065,10 +2681,10 @@ 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.currentOrgDetails.basic_details.base_language;
+          // formData[0].activeTab = this.props.Global.currentOrgDetails.basic_details.base_language;
           formData[0].base = true;
           formData[0].selectedLanguages.push(this.supportedLanguages[languageIndex].iso_code);
           formData[0][this.supportedLanguages[languageIndex].iso_code] = tempData;
@@ -2082,7 +2698,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) => {
@@ -2098,6 +2714,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   startLoading = (ifEdit) => {
+    console.log('startLoading', ifEdit);
     if (ifEdit) {
       this.setState({loading: true});
     }
@@ -2132,10 +2749,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;
         }
@@ -2166,7 +2783,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;
         }
@@ -2200,7 +2817,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;
       }
@@ -2229,7 +2846,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;
       }
@@ -2281,7 +2898,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;
     // }
@@ -2289,26 +2906,26 @@ 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,
-        type: 'EMAIL',
       };
-
+      console.log('Get Data', response);
       this.setState({checkValidation: true});
       if (this.props.location.query.module === 'library' && this.props.isGetFormData) {
         this.props.getFormSubscriptionData(response);
       }
       parent.postMessage(JSON.stringify(response), "*");
-      this.setState({gettingFormData: false, startValidation: false, loading: true});
+      this.setState({gettingFormData: false, startValidation: false});
       return;
     }
     const formData = _.cloneDeep(passedData);
-
+    console.log('Saving form data', JSON.stringify(formData), this.state.tabCount);
     const obj = {};
     obj.versions = {
       base: {},
@@ -2318,13 +2935,13 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       obj._id = this.props.Email.templateDetails._id;
     }
     obj.type = 'EMAIL';
-    const baseLanguage = this.props.currentOrgDetails.basic_details.base_language;
+    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;
@@ -2333,9 +2950,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) {
@@ -2355,15 +2972,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) {
-
-    this.props.actions.createTemplate(obj, this.onUpdateTemplateComplete);
+    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", '*');
     //       }
@@ -2371,12 +2988,14 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     //   });
     // }
   }
+
   handleOk = () => {
     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", '*');
     });
@@ -2395,6 +3014,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
   }
 
   toggleEdmEmailTemplateSelection = () => {
+    console.log('toggle Selection ', this.state.showEdmEmailTemplates);
     this.setState( (prevState) => ({
       showEdmEmailTemplates: !prevState.showEdmEmailTemplates}), () => {
       if (this.state.showEdmEmailTemplates) {
@@ -2412,7 +3032,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();
@@ -2428,21 +3048,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }
   };
 
-  isEmailLoading = () => {
-    //let {isLoading} = this.props;
-    let isLoading = this.props.isLoadingMetaEntities || this.state.loading || (this.props.Email && "createTemplateInProgress" in this.props.Email && this.props.Email.createTemplateInProgress) || (this.props.Email.assetUploading !== undefined && this.props.Email.assetUploading);
-
-    if (!isLoading) {
-      isLoading = this.state.loadingStatus < 2;
-    }
-    // if (isLoading) {
-    //   this.props.creativesContainerActions.hideCreativesContanerLoader();
-    // }
-    if (!isLoading && this.props.setIsLoadingContent) {
-      this.props.setIsLoadingContent(isLoading);
-    }
-    return isLoading;
-  }
   renderConfirmationModal() {
     const modal = (
       <Modal
@@ -2464,10 +3069,11 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       </Modal>);
     return modal;
   }
+
   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%'}}>
@@ -2501,7 +3107,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
       </div>
     );
     const schema = this.state.schema;
-    const isLoading = this.isEmailLoading();
+    const spinning = this.state.loading || (this.props.Email && "createTemplateInProgress" in this.props.Email && this.props.Email.createTemplateInProgress) || (this.props.Email.assetUploading !== undefined && this.props.Email.assetUploading);
     const previewHeader = (<h3>Email Preview</h3>);
     const imagePreviewHeader = (<h3>Image Selection</h3>);
     const imagePreviewContent = (
@@ -2522,16 +3128,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
             onItemClick={this.handleOnItemClick}
             colNumber={2}
             enablePagination
-            isLoading={this.props.Email.fetchingAllAssets}
           />
         </Pagination>
       </div>
       );
-
-    if (!this.props.currentOrgDetails || !this.props.currentOrgDetails.basic_details) {
+    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);
@@ -2542,15 +3147,43 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     }
     return (
       <div className="email-container">
-
+        <Helmet
+          title="Email"
+          meta={[
+            { name: 'description', content: 'Description of Email' },
+          ]}
+        />
         {/* <PageHeader pageHeading={pageHeading} /> */}
-        <CapSpin tip={loaderText} spinning={isLoading}>
-
+        <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/> */}
+              {/* <CKEditor
+                content={this.state.content}
+                config={{}}
+                events={this.state.events}
+              /> */}
+              {/* { (!this.props.Email.fetchingCmsSettings && !this.props.Email.fetchingCmsSettingsError &&
+                !_.isEmpty(this.props.Email.CmsSettings) && this.props.Email.CmsSettings.url) ?
+                  <EDMEditor
+                    content={'Hello World'}
+                    getEditorInstanse={this.getEditorInstanse}
+                    edmSrc={this.props.Email.CmsSettings.url}
+                  /> : ''
+              } */}
               { !_.isEmpty(schema) && (this.state.formData[0] || this.state.formData["0"]) ?
                 <FormBuilder
-                  isFullMode={this.props.isFullMode}
                   schema={schema}
                   onSubmit={this.saveFormData}
                   onChange={this.onFormDataChange}
@@ -2574,8 +3207,8 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
                   isEdit={this.state.isEdit}
                   iframeParent={parent}
                   router={this.props.router}
-                  baseLanguage={this.props.currentOrgDetails.basic_details.base_language}
-                  supportedLanguages={this.getSupportedLanguages(this.props)}
+                  baseLanguage={this.props.Global.currentOrgDetails.basic_details.base_language}
+                  supportedLanguages={this.props.Global.currentOrgDetails.basic_details.supported_languages}
                   isSchemaChanged={this.state.isSchemaChanged}
                   cmsTemplates={this.props.Templates.cmsTemplates}
                   getCmsTemplatesInProgress={this.props.Templates.getCmsTemplatesInProgress}
@@ -2591,7 +3224,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
               /> : ''}
             </Col>
           </Row>
-        </CapSpin>
+        </Spin>
         {!_.isEmpty(this.state.formData[(this.state.currentTab - 1)]) && <EmailPreview
           header={previewHeader}
           content={this.state.formData[(this.state.currentTab - 1)][this.state.formData[(this.state.currentTab - 1)].activeTab] ? this.state.formData[(this.state.currentTab - 1)][this.state.formData[(this.state.currentTab - 1)].activeTab][`template-content`] : ''}
@@ -2623,6 +3256,7 @@ Email.propTypes = {
   location: PropTypes.object,
   intl: intlShape.isRequired,
   metaEntities: PropTypes.object,
+  Global: PropTypes.object,
   templatesActions: PropTypes.object,
   route: PropTypes.object,
   templateData: PropTypes.object,
@@ -2630,20 +3264,13 @@ Email.propTypes = {
   getFormSubscriptionData: PropTypes.func,
   supportedTags: PropTypes.array,
   getDefaultTags: PropTypes.string,
-  currentOrgDetails: PropTypes.object,
-  isLoadingMetaEntities: PropTypes.bool,
-  // creativesContainerActions: PropTypes.object,
-  isFullMode: PropTypes.bool,
-  setIsLoadingContent: PropTypes.func,
   injectedTags: PropTypes.object,
 };
 
-const mapStateToProps = (state, props) => createStructuredSelector({
+const mapStateToProps = createStructuredSelector({
   Email: makeSelectEmail(),
   Templates: makeSelectTemplates(),
   metaEntities: makeSelectMetaEntities(),
-  currentOrgDetails: props.cap ? () => props.cap.currentOrgDetails : selectCurrentOrgDetails(),
-  isLoadingMetaEntities: isLoadingMetaEntities(),
   Global: makeSelectAuthenticated(),
   injectedTags: setInjectedTags(),
 });
@@ -2653,9 +3280,7 @@ function mapDispatchToProps(dispatch) {
     actions: bindActionCreators(actions, dispatch),
     globalActions: bindActionCreators(globalActions, dispatch),
     templatesActions: bindActionCreators(templatesActions, dispatch),
-    creativesContainerActions: bindActionCreators(creativesContainerActions, dispatch),
   };
 }
 
 export default UserIsAuthenticated(connect(mapStateToProps, mapDispatchToProps)(injectIntl(Email)));
-