@capillarytech/creatives-library 7.6.2 → 7.6.3

package/containers/Templates/index.js

@@ -97,7 +97,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   componentWillMount() {
     if (this.state.channel === '') {
       let channel = '';
-      
+      console.log('templates props', this.props);
       switch (this.props.route.name.toLowerCase()) {
         case "sms":
           channel = 'Sms';
@@ -153,11 +153,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       //   this.props.actions.getEdmDefaultTemplates();
       // }
     }
-    
+    console.log('added listener templates,', this.props);
     window.addEventListener("message", this.handleFrameTasks);
   }
   componentWillReceiveProps(nextProps) {
-    
+    console.log('nextProps templates', nextProps, this.props.Create);
     const params = {
       name: this.state.searchText,
       sortBy: this.state.sortBy,
@@ -187,7 +187,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       } else if (nextProps.route.name.toLowerCase() === 'line') {
         channel = 'Line';
       }
-      // 
+      // console.log('Next Props details ', nextProps.route.name, channel);
       this.setState({ channel }, () => {
         if (this.state.channel.toLowerCase() === 'line' || this.state.channel.toLowerCase() === 'sms' || this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill' || (this.state.channel.toLowerCase() === 'wechat' && !_.isEmpty(nextProps.Templates.selectedWeChatAccount))) {
           if (this.state.channel.toLowerCase() === 'wechat' && !_.isEmpty(nextProps.Templates.selectedWeChatAccount)) {
@@ -299,14 +299,14 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     if (!nextProps.Templates.deleteTemplateInProgress && !_.isEqual(nextProps.Templates.deleteTemplateInProgress, this.props.Templates.deleteTemplateInProgress) &&
     nextProps.Templates.deleteResponse) {
-      
+      console.log("delete");
       const message = getMessageObject('success', `${this.state.channel.toUpperCase()} ${this.props.intl.formatMessage(messages['Template deleted successfully'])}`, true);
       nextProps.globalActions.addMessageToQueue(message);
       this.getAllTemplates({params, resetPage: true});
     }
 
     if (!nextProps.Templates.sendingFile && !_.isEqual(this.props.Templates.sendingFile, nextProps.Templates.sendingFile) && !nextProps.Templates.errorSendingFile) {
-      
+      console.log('Got html Content ', nextProps.Templates.selectedEmailLayout);
       const module = this.props.location.query.module ? this.props.location.query.module : 'default';
       const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
@@ -354,14 +354,14 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   componentWillUnmount() {
-    
+    console.log('removed listener templates');
     window.removeEventListener("message", this.handleFrameTasks);
     this.props.actions.resetTemplateStoreData();
     // this.setState({defaultAccount: false});
   }
 
   onAccountSelect(value, option) {
-    
+    console.log('Selected Account ', value, option);
     this.setState({selectedAccount: value}, () => {
       const params = {
         name: this.state.searchText,
@@ -376,7 +376,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
         this.props.actions.setWeChatAccount(this.props.Templates.weCrmAccounts[_.findIndex(this.props.Templates.weCrmAccounts, { name: value})]);
         params.accountId = this.props.Templates.weCrmAccounts[_.findIndex(this.props.Templates.weCrmAccounts, { name: value})].id;
       }
-      
+      console.log("getAllTemplates params: ", params);
       this.getAllTemplates({params, resetPage: true});
     });
   }
@@ -389,7 +389,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     locale = this.getMappedLocale(locale);
     //locale = 'zh';
-    
+    console.log('Setting final locale as', locale);
     moment.locale(locale);
   };
 
@@ -404,7 +404,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   getAllTemplates = ({params, getNextPage, resetPage}, resetTemplates) => {
     let queryParams = params;
     let page = this.state.page;
-    
+    console.log('Get all templates ', this.props.Templates.getAllTemplatesInProgress, resetPage, page, this.state.templatesCount, this.state.perPageLimit, getNextPage);
     if (resetTemplates) {
       queryParams.name = this.state.searchText;
       queryParams.sortBy = this.state.sortBy;
@@ -448,7 +448,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   };
 
   getCurrentWindow(e) {
-    
+    console.log('in sms templates', e);
     const response = {
       action: e.action,
       value: 'templates',
@@ -458,7 +458,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   skipTemplateSelection = (e) => {
-    
+    console.log("vvv", e);
     const type = this.props.location.query.type;
     const module = (type === 'embedded') ? this.props.location.query.module : 'default';
     if (this.state.channel.toLowerCase() === 'email') {
@@ -499,12 +499,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   handleMenuAction = (item = {}, key) => {
-    
+    console.log('Menu Clicked ', item.key, key);
     if ((item.key || '').toLowerCase() === 'uploadfile') {
       document.getElementById('filename').click();
-      
+      console.log('Upload File');
     } else if ((item.key || '').toLowerCase() === 'useeditor') {
-      
+      console.log('Use Editor');
       this.toggleEdmEmailTemplateSelection();
     }
   };
@@ -540,13 +540,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const module = this.props.location.query.module ? this.props.location.query.module : 'default';
     const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
-    
+    console.log('File Params ', fileExtension);
     if (supportedZipFormats.indexOf(fileExtension.toLowerCase()) !== -1) {
-      
+      console.log('Zip Format got');
       this.props.actions.handleZipUpload(files[0]);
       document.getElementById("filename").value = "";
     } else if (fileExtension === 'html' || fileExtension === 'htm') {
-      
+      console.log('html Format got');
       const reader = new FileReader();
       reader.onload = () => {
         const text = reader.result;
@@ -673,17 +673,17 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     return result;
   }
   startLoading(ifEdit) {
-    
+    console.log('startLoading', ifEdit);
     if (ifEdit) {
       this.setState({loading: true});
     }
   }
 
   startTemplateCreation(data) {
-    
+    console.log('startTemplateCreation', data);
     if (data.edit) {
       const ifUnicode = checkUnicode(data.content);
-      
+      console.log('smsDetails', ifUnicode, data.content);
       const content = data.content;
       const tempData = {
         'sms-editor': content,
@@ -698,10 +698,10 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   handleFrameTasks = (e) => {
-    
+    console.log('data listened to is 222', e.data, e);
     const type = e.data;
     if (typeof type === 'object') {
-      
+      console.log('received something', type);
       const action = type.action;
       switch (action) {
         case "startTemplateCreation":
@@ -722,11 +722,11 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     }
     switch (type) {
       case "startTemplateCreation":
-        
+        console.log('Starting to create template');
         //this.getFormData(e);
         break;
       case "validateContent":
-        
+        console.log('validating Content');
         this.validateContent(e);
         break;
       default:
@@ -789,7 +789,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   searchTemplate(data) {
-    
+    console.log('searching template', data);
     this.setState({searchText: data}, () => {
       const params = {
         name: this.state.searchText,
@@ -843,14 +843,14 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     if (this.state.channel.toLowerCase() === 'ebill' || this.state.channel.toLowerCase() === 'email') {
       this.toggleEmailPreview();
     } else {
-      
+      console.log('toggle Preview ', this.state.previewOpen);
       this.setState( (prevState) => ({
         previewOpen: !prevState.previewOpen}));
     }
   }
 
   toggleEdmEmailTemplateSelection = () => {
-    
+    console.log('toggle Selection ', this.state.showEdmEmailTemplates);
     this.setState( (prevState) => ({
       showEdmEmailTemplates: !prevState.showEdmEmailTemplates}), () => {
       this.props.actions.getEdmDefaultTemplates();
@@ -858,13 +858,13 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   };
 
   deleteTemplate(template) {
-    
+    console.log('deleting template', template);
     this.props.actions.deleteTemplate(this.state.channel.toUpperCase(), template._id);
     this.setState({actionTemplate: {}});
   }
 
   duplicateTemplate(template) {
-    
+    console.log('dup template', template);
     const duplicateObj = _.cloneDeep(template);
     duplicateObj.name = `Copy of ${template.name} ${moment().format('MM-DD-YYYY HH:mm:ss')}`;
     delete duplicateObj._id;
@@ -883,7 +883,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   handleOnHoverItem(isHovering, id) {
-    
+    console.log('parent handle hover', isHovering, id);
     if (isHovering) {
       this.setState({hoveredItem: id});
     } else {
@@ -892,7 +892,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   }
 
   handleOnItemClick(isClicked, id) {
-    
+    console.log('parent handle click', isClicked, id);
     this.setState({clickedItem: id});
   }
 
@@ -904,7 +904,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       const isLanguageSupport = (this.props.location.query.isLanguageSupport) ? this.props.location.query.isLanguageSupport : true;
       const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
       let getQuery = '';
-      
+      console.log('Selected EDM Data ', data);
       this.props.actions.setEdmTemplate(data);
       if (this.state.channel && this.state.channel.toLowerCase() === 'email') {
         getQuery = (type === 'embedded') ? {type: 'embedded', module, isLanguageSupport, isEdmSupport} : {module, isLanguageSupport, isEdmSupport};
@@ -923,7 +923,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
   };
 
   handleEditClick(e, id, modeType, path) {
-    
+    console.log('inside props****', this.props);
     if (modeType && modeType !== undefined) {
       this.setState({modeType});
     }
@@ -933,9 +933,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
     const isEdmSupport = (this.props.location.query.isEdmSupport !== "false") || false;
     let getQuery = "";
     let pathName = path;
-    
+    console.log('type**** ', type);
     e.stopPropagation();
-    
+    console.log('clicked', id);
     this.props.actions.resetTemplateData();
     if (this.state.channel.toLowerCase() === 'sms') {
       pathName = `/sms/edit/${id}`;
@@ -983,7 +983,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       templateInfo.content = template.versions.base;
       templateInfo.appName = this.props.Templates.selectedWeChatAccount.name;
     } else if (this.state.channel.toLowerCase() === "email") {
-      
+      console.log('Test ', template);
       this.props.actions.getTemplateDetails(template._id);
     } else if (this.state.channel.toLowerCase() === 'ebill') {
       this.props.actions.getTemplateDetails(template._id);
@@ -1074,9 +1074,9 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
       });
     }*/
     data.map( (template = {}) => {
-      // 
+      // console.log("Templates ", template._id, " Data ", template);
       const temp = {};
-      // 
+      // console.log('template ', template);
       const updateDateTime = (moment().format('DD-MM-YYYY') === moment(template.updatedAt).format('DD-MM-YYYY')) ? moment(template.updatedAt).format('hh:mma') : moment(template.updatedAt).format('DD MMM YYYY');
       let content = '';
       temp.id = template._id;
@@ -1102,12 +1102,12 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
           );
         }
       } else if (this.state.channel.toLowerCase() === 'email' || this.state.channel.toLowerCase() === 'ebill') {
-        // 
-        
+        // console.log('Data Prepare');
+        console.log('Data Prepare');
         const imgSrc = template && template.versions && template.versions.base ? template.versions.base.preview_http_url : '';
         const ifPreviewGenerated = template && template.versions && template.versions.base ? template.versions.base.isPreviewGenerated : 0;
         content = <img src={imgSrc || ''} alt={this.props.intl.formatMessage(messages.previewGenerateText)} width="100%" height="100%"/>;
-        
+        console.log('qwerty template preview', imgSrc, template, ifPreviewGenerated, content);
         temp.content = (
           <div
             className="sms-template-content">
@@ -1568,7 +1568,7 @@ export class Templates extends React.Component { // eslint-disable-line react/pr
                 { name: 'description', content: this.props.intl.formatMessage(messages.descriptionTemplates) },
               ]}
             />
-            {((templateList && templateList.length > 0) || isSearch) && <Pagination onPageChange={() => {  this.getAllTemplates({getNextPage: true}); }} paginationSelector="pagination-container">
+            {((templateList && templateList.length > 0) || isSearch) && <Pagination onPageChange={() => { console.log('getting all templates pagination'); this.getAllTemplates({getNextPage: true}); }} paginationSelector="pagination-container">
               <CardGrid
                 className={this.state.channel.toLowerCase() === "mobilepush" ? "mobilepush-templates" : ""}
                 listItem={templateList}

package/containers/Templates/sagas.js

@@ -27,7 +27,7 @@ export function* getAllTemplates(channel, queryParams) {
 
 export function* deleteTemplate(channel, id) {
   try {
-    
+    console.log('saga deleteTemplates', channel, id);
     const result = yield call(Api.deleteTemplate, channel, id);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.DELETE_TEMPLATE_SUCCESS, data: result.response });
@@ -81,7 +81,7 @@ export function* sendZippedFile({selectedFile}) {
     if (result.status.isError) {
       errorMessage = result.message;
     }
-    
+    console.log("Got Result ", result);
     console.log("Got decoded result", decodeURIComponent(result.response.metaEntity.htmlContent));
     yield [
       put({
@@ -101,7 +101,7 @@ export function* sendZippedFile({selectedFile}) {
 
 export function* getEdmTemplates() {
   try {
-    
+    console.log('saga getAllTemplates');
     const result = yield call(Api.getEdmTemplates);
     const edmTemplates = result.response;
     yield put({ type: types.GET_EDM_DEAFULT_TEMPLATES_SUCCESS, data: edmTemplates });
@@ -112,7 +112,7 @@ export function* getEdmTemplates() {
 
 export function* getTemplateDetails(id, channel) {
   try {
-    
+    console.log('saga get Template details', id);
     const result = yield call(Api.getTemplateDetails, id, channel);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });
@@ -140,7 +140,7 @@ function* watchGetUserList() {
 }
 
 function* watchFetchWeCrmAccounts() {
-  
+  console.log('watching wecrm accounts');
   const watcher = yield takeLatest(types.GET_WECRM_ACCOUNTS_REQUEST, fetchWeCrmAccounts);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);

package/containers/WeChat/MapTemplates/actions.js

@@ -39,7 +39,7 @@ export function setWeChatAccount(weChatAccount) {
 }
 
 export function getTemplateDetails(id) {
-  
+  console.log('getting template', id);
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
   };

package/containers/WeChat/MapTemplates/index.js

@@ -147,7 +147,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       this.props.actions.getTemplateDetails(this.props.params.id);
       this.setState({isEdit: true});
     }
-    
+    console.log("Mount Params ", this.props.Templates.selectedWeChatAccount, this.props.location.query.type);
     if (this.props.Templates.selectedWeChatAccount || (this.props.location.query.type === 'embedded' && this.props.location.query.module === 'loyalty')) {
       if (this.props.Templates.selectedWeChatAccount) {
         const params = {
@@ -163,7 +163,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       }
       window.addEventListener("message", this.handleFrameTasks);
     } else if (this.props.location.query.type === 'embedded' && this.props.location.query.module === 'outbound') {
-      
+      console.log('Inside embedded Outbound');
     } else {
       const module = this.props.location.query.module ? this.props.location.query.module : 'default';
       const type = this.props.location.query.type;
@@ -175,7 +175,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   componentDidMount() {
-    
+    console.log('added listener create,', this.props);
     const query = {
       layout: 'WECHAT',
       type: 'LAYOUT',
@@ -191,7 +191,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
     if (nextProps.isGetFormData) {
       this.getFormData();
     }
-    
+    console.log('MetaEntity nextprops ', nextProps.metaEntities);
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && _.isEmpty(this.state.schema) && !nextProps.WeChat.getTemplateDetailsInProgress) {
       this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       const query = {
@@ -276,7 +276,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
         this.props.globalActions.addMessageToQueue(message);
       }
 
-      // 
+      // console.log('All Dont Hail ', query);
       // this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       // const query = {
       //   layout: 'WECHAT',
@@ -334,7 +334,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   componentWillUnmount() {
-    
+    console.log('removed listener create');
     window.removeEventListener("message", this.handleFrameTasks);
     this.props.templateActions.resetTemplate();
     this.resetState();
@@ -347,7 +347,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
     if (this.props.location.query.type === 'embedded' && (this.props.location.query.module === 'loyalty')) {
       selectedTemplateData = this.state.editTemplateData;
       if (this.props.params.id && _.isEmpty(this.props.WeChat.weChatTemplates) && _.isEqual(formData['wechat-template'], this.state.formData['wechat-template'])) {
-        
+        console.log('In If', formData['wechat-template']);
         selectedTemplate = {
           template_id: this.props.WeChat.templateDetails.versions.base.template_id,
           title: this.props.WeChat.templateDetails.versions.base.Title,
@@ -369,7 +369,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
         });
       }
     } else if (this.state.isEdit && this.state.editTemplateData.versions) {
-      
+      console.log('this.state.editTemplateData', this.state.editTemplateData);
       selectedTemplateData = _.cloneDeep(this.state.editTemplateData);
       selectedTemplate = {
         template_id: selectedTemplateData.versions.base.template_id,
@@ -453,7 +453,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   getFormData(e) {
-    
+    console.log('posting final result', this.state.formData, this.state.editTemplateData);
     const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.WeChat.selectedWeChatAccount);
     const data = {
       template_id: this.state.editTemplateData.versions.base.template_id,
@@ -499,7 +499,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       value: data,
       validity: this.state.isFormValid,
     };
-    
+    console.log('response ', response);
     this.setState({checkValidation: true});
     if (this.props.location.query.module === 'library') {
       this.props.getLibraryFormData(response);
@@ -509,7 +509,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   getCurrentWindow(e) {
-    
+    console.log('in sms create', e);
     const response = {
       action: e.action,
       value: 'edit',
@@ -530,18 +530,18 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   startLoading(ifEdit) {
-    
+    console.log('startLoading', ifEdit);
     if (ifEdit) {
       this.setState({loading: true});
     }
   }
 
   handleFrameTasks = (e) => {
-    // 
+    // console.log('data listened to is', e.data);
     const type = 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":
@@ -562,15 +562,15 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
           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;
         default:
@@ -580,7 +580,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   moveToTemplates() {
-    
+    console.log('in move to Templates');
     const modalContent = {
       title: this.props.intl.formatMessage(messages.alertMessage),
       body: this.props.intl.formatMessage(messages.goBackConfirmation),
@@ -620,7 +620,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       this.isAccountChange = true;
       return;
     }
-    
+    console.log('Setting Data ', weChatData, this.state.baseSchema);
     const {map} = _.cloneDeep(this.state);
     const templateTags = this.getTagsFromContent(weChatData.content);
     const formData = _.cloneDeep(this.state.formData);
@@ -828,7 +828,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
     // schema.standalone.sections[0].childSections[1].childSections[1].inputFields[0].cols[0].content = weChatData.content;
 
     this.setState({schema, map, selectedTemplateTags: templateTags, formData}, () => {
-      
+      console.log('Is internal URL ', this.state.schema, formData);
       this.prepareWeChatPreviewData(weChatData, templateTags);
     });
   }
@@ -886,12 +886,12 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   selectWechatAccount(value, option) {
-    // 
+    // console.log('Test ', value, option);
     // templateActions.setWeChatAccount();
   }
 
   setTemplateOptions(weChatData) {
-    
+    console.log('Set Templates ', weChatData);
     //const {schema, baseSchema} = this.state;
     const schema = _.cloneDeep(this.state.schema);
     const baseSchema = _.cloneDeep(this.state.schema);
@@ -916,7 +916,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
       }
     });
     this.setState({schema, baseSchema: _.cloneDeep(baseSchema)}, () => {
-      
+      console.log('setTemplateOptions', this.state.baseSchema, schema);
       if (_.isEmpty(this.state.baseSchema)) {
         this.setState({baseSchema: _.cloneDeep(schema)});
       }
@@ -928,11 +928,11 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   setContent(content) {
-    
+    console.log('Template content changed to ', content);
   }
 
   setEditData() {
-    
+    console.log('Inside Edit Data ', this.state.editTemplateData);
     const formData = _.cloneDeep(this.state.formData);
     const baseSchema = _.cloneDeep(this.state.baseSchema);
     if (_.isEmpty(baseSchema)) {
@@ -960,12 +960,12 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
 
   maskTemplateUrl(url) {
     const selectedWeChatAccount = (!_.isEmpty(this.props.Templates.selectedWeChatAccount) ? this.props.Templates.selectedWeChatAccount : this.props.WeChat.selectedWeChatAccount);
-    
+    console.log('wecrm url', selectedWeChatAccount.configs.wecrm_app_id);
 
     const appid = selectedWeChatAccount.configs.wecrm_app_id;
     const domain = selectedWeChatAccount.configs.domain;
     const maskedUrl = `${domain}/web?appid=${appid}&redirect_uri=${escape(url)}&response_type=code&scope=snsapi_base&state=STATE`;
-    
+    console.log('wecrm masked url', maskedUrl);
     return maskedUrl;
   }
 
@@ -981,7 +981,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   handleOnTagsContextChange = (data) => {
-    
+    console.log('parent tags context', data);
     const query = {
       layout: 'WECHAT',
       type: 'TAG',
@@ -992,11 +992,11 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   startTemplateCreation(data) {
-    
+    console.log('startTemplateCreation');
   }
 
   selectWechatTemplate() {
-    
+    console.log('Updated data');
   }
 
   removeActionButtons() {
@@ -1303,7 +1303,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
         color: "#00000",
       }
     });
-    
+    console.log("Final Object ", obj);
     this.props.actions.createTemplate(obj);
   }
 
@@ -1330,7 +1330,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   }
 
   injectEvents(schema) {
-    
+    console.log('injecting events', schema);
     if (_.isEmpty(schema)) {
       return false;
     }
@@ -1381,7 +1381,7 @@ export class MapTemplates extends React.Component { // eslint-disable-line react
   injectMultiColSection(section) {
     _.forEach(section.inputFields, (inputField) => {
       _.forEach(inputField.cols, (col) => {
-        
+        console.log('injecting for col', col);
         let temp = col;
         if (temp.type === 'popover') {
           temp.content.sections = this.injectSections(temp.content.sections);

package/containers/WeChat/MapTemplates/sagas.js

@@ -5,7 +5,7 @@ import * as types from './constants';
 
 export function* getDefaultWeChatTemplates(params) {
   try {
-    
+    console.log('Saga param ', params.channel, params.queryParams);
     const result = yield call(Api.getAllTemplates, {channel: params.channel, queryParams: params.queryParams});
     yield put({ type: types.GET_WECHAT_DEFAULT_TEMPLATES_SUCCESS, data: result.response.unMapped, templateData: result.response.mapped});
   } catch (error) {
@@ -44,7 +44,7 @@ export function* fetchWeCrmAccounts() {
 
 export function* getTemplateDetails(id) {
   try {
-    
+    console.log('saga get Template details', id);
     const result = yield call(Api.getTemplateDetails, id);
     // const sidebar = result.response.sidebar;
     yield put({ type: types.GET_TEMPLATE_DETAILS_SUCCESS, data: result.response });