@capillarytech/creatives-library 7.6.2 → 7.6.4

package/containers/Sms/Create/index.js

@@ -82,7 +82,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   componentWillMount() {
-    
+    console.log('create mounting');
     if (this.props.route.name === 'view') {
       this.setState({loading: false});
       // this.removeStandAlone();
@@ -90,7 +90,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   componentDidMount() {
-    
+    console.log('added listener create,', this.props);
     const query = {
       layout: 'SMS',
       type: 'LAYOUT',
@@ -124,12 +124,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   componentWillReceiveProps(nextProps) {
-    
+    console.log('recieved props ', nextProps, this.props, this.state);
     if (nextProps.location.query.module === 'library' && nextProps.isGetFormData) {
       nextProps.getFormSubscriptionData(this.getFormData());
     }
     if (nextProps.createResponse && nextProps.createResponse.templateId) {
-      
+      console.log('create response', nextProps.createResponse);
       this.discardValues();
       const message = getMessageObject('success', this.props.intl.formatMessage(messages.smsCreateSuccess), true);
       this.props.globalActions.addMessageToQueue(message);
@@ -147,7 +147,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       this.props.globalActions.addMessageToQueue(message);
     }
     if (nextProps.metaEntities && nextProps.metaEntities.layouts && nextProps.metaEntities.layouts.length > 0 && _.isEmpty(this.state.schema)) {
-      
+      console.log('final schema is**', nextProps.metaEntities.layouts[0].definition);
       this.injectEvents(nextProps.metaEntities.layouts[0].definition);
       if (this.props.location.query.module !== 'library' || (this.props.location.query.module === 'library' && this.props.getDefaultTags)) {
         const query = {
@@ -168,24 +168,24 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   componentWillUnmount() {
-    
+    console.log('removed listener create');
     window.removeEventListener("message", this.handleFrameTasks);
   }
 
   onTemplateNameChange(name) {
-    
+    console.log('Template name changed to ', name);
   }
 
   onTemplateContentChange(content) {
-    
+    console.log('Template content changed to ', content);
   }
 
   onVersionNameChange(data, versionIndex) {
-    
+    console.log('version name changed to', data, versionIndex);
   }
 
   onFormDataChange(formData, tabCount, currentTab) {
-    
+    console.log('Form data changed is ', formData, tabCount, currentTab);
     this.setState({formData, tabCount});
     if (currentTab) {
       this.setState({currentTab});
@@ -193,24 +193,24 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   onTagSelect(data, currentTab) {
-    
+    console.log('parent data tag', data, currentTab);
     const editorId = currentTab > 1 ? `sms-editor${currentTab}` : 'sms-editor';
     this.insertAtCursor(document.getElementById(editorId), `{{${data}}}`, currentTab);
     document.getElementById(editorId).focus();
   }
 
   onTabChange(data) {
-    
+    console.log('inside parent ontabchange', data, this.state);
     this.setState({currentTab: data});
   }
 
   getFormData(e, value) {
-    
+    console.log('posting final result', this.state.formData);
     const formData = _.cloneDeep(this.state.formData);
     let baseData = {};
     let versionIdx;
     _.forEach(formData, (val, idx) => {
-      
+      console.log('val', val);
       if (val.base && idx !== 'base') {
         baseData = val;
         versionIdx = idx;
@@ -224,7 +224,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     result.base = baseData;
     const msgObj = updateCharCount(baseData['sms-editor']);
     result.base.msg_count = msgObj.msgCount;
-    
+    console.log("Message Count", msgObj.msgCount);
     const response = {
       action: "getFormData",
       value: result,
@@ -232,7 +232,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       validity: this.state.isFormValid,
     };
     this.setState({checkValidation: true});
-    
+    console.log('posting final result internal', response);
     if (e) {
       e.source.postMessage(JSON.stringify(response), e.origin);
     }
@@ -240,7 +240,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   getCurrentWindow(e) {
-    
+    console.log('in sms create', e);
     const response = {
       action: e.action,
       value: 'edit',
@@ -331,7 +331,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   moveToTemplates() {
-    
+    console.log('in move to Templates');
     const modalContent = {
       title: this.props.intl.formatMessage(messages.alertMessage),
       body: this.props.intl.formatMessage(messages.goBackConfirmation),
@@ -358,7 +358,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   injectEvents(schema) {
-    
+    console.log('now injecting events');
     const temp = schema;
     temp.standalone.sections = this.injectSections(temp.standalone.sections);
     _.forEach(temp.containers, (container) => {
@@ -366,7 +366,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       tempContainer = this.injectContainer(tempContainer);
       return tempContainer;
     });
-    
+    console.log('final injected schema', schema);
     this.setState({schema}, () => {
       const type = this.props.location.query.type;
       if (type === 'embedded') {
@@ -408,7 +408,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
           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;
         }
@@ -439,7 +439,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         _.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;
         }
@@ -473,7 +473,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       _.forEach(inputField.supportedEvents, (event) => {
         temp.injectedEvents[event] = this.getMappedEvent(inputField.id, event);
       });
-      
+      console.log('should translate collabel', temp);
       if (temp.type === 'icon') {
         return true;
       }
@@ -502,7 +502,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       _.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;
       }
@@ -552,7 +552,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   cloneColLabel(sectionObj, tabIndex) {
-    
+    console.log('cloning cloneColLabel', sectionObj, tabIndex);
     const section = _.cloneDeep(sectionObj);
     const inputFields = _.forEach(section.inputFields, (inputField) => {
       const inputF = inputField;
@@ -561,12 +561,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       return inputF;
     });
     section.inputFields = inputFields;
-    
+    console.log('cloned ifs are', section);
     return section;
   }
 
   cloneMultiCol(sectionObj, tabIndex) {
-    
+    console.log('cloning multicol ', sectionObj, tabIndex);
     const section = _.cloneDeep(sectionObj);
     const inputFields = _.forEach(section.inputFields, (inputField) => {
       const inputF = inputField;
@@ -580,7 +580,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       return inputF;
     });
     section.inputFields = inputFields;
-    
+    console.log('cloned cols are', section);
     return section;
   }
 
@@ -598,19 +598,19 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       } else if (childSection.type === 'parent') {
         sect = this.cloneParent(childSection, tabIndex);
       }
-      
+      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);
   }
 
   deleteVersion(data, currentTab) {
-    
-    
+    console.log('trying to delete version in parent sms create');
+    console.log('deleting version', data, currentTab);
     if (this.state.tabCount === 1) {
       return;
     }
@@ -621,22 +621,22 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   renameVersion(data, currentTab) {
-    
+    console.log('renaming version', data, currentTab);
   }
 
   markFinalVersion(data, currentTab) {
     const message = getMessageObject('success', this.props.intl.formatMessage(messages.templateMarkedFinal), true);
     this.props.globalActions.addMessageToQueue(message);
-    
+    console.log('markFinal version', data, currentTab);
   }
 
   duplicateVersion(data, currentTab) {
-    
+    console.log('duplicate version', data, currentTab);
     this.addVersion(this.state.tabCount);
   }
 
   addVersion(data, addNow) {
-    
+    console.log('adding version', data);
     let tabIndex = data + 1;
     const schema = _.cloneDeep(this.state.schema);
     const containers = schema.containers.slice();
@@ -660,7 +660,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         });
         firstPane.sections = sections;
         schema.containers[0].panes.push(firstPane);
-        
+        console.log('adding version tabIndex', tabIndex, tabIndex === 5, schema.containers[0].tabBarExtraContent.sections[0].actionFields[0].cols);
         if (tabIndex === 5) {
           schema.containers[0].tabBarExtraContent.sections[0].actionFields[0].cols[0].disabled = true;
         }
@@ -685,7 +685,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       });
       firstPane.sections = sections;
       schema.containers[0].panes.push(firstPane);
-      
+      console.log('adding version tabIndex', tabIndex, tabIndex === 5, schema.containers[0].tabBarExtraContent.sections[0].actionFields[0].cols);
       if (tabIndex === 5) {
         schema.containers[0].tabBarExtraContent.sections[0].actionFields[0].cols[0].disabled = true;
       }
@@ -708,12 +708,12 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       }
     }
     if (isValid) {
-      
+      console.log('isValid');
       return true;
     }
     const message = getMessageObject('error', 'Template data is not valid', true);
     this.props.globalActions.addMessageToQueue(message);
-    
+    console.log('not valid');
     return false;
   }
 
@@ -741,11 +741,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   startTemplateCreation(data) {
-    
+    console.log("reached here", data);
     if (data.edit) {
-      
+      console.log('in if startTemplateCreation', data.tags);
       const ifUnicode = checkUnicode(data.content ? data.content : '');
-      
+      console.log('smsDetails', ifUnicode, data.content);
       const content = data.content;
       const id = _.uniqueId();
       const tempData = {
@@ -761,25 +761,25 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         this.setState({tabKey: ''});
       });
     } else {
-      
+      console.log("in else startTemplateCreation: ", data.tags);
       this.setState({injectedTags: data.tags});
     }
     this.props.globalActions.setInjectedTags(data.tags);
   }
 
   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":
@@ -803,15 +803,15 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
           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:
@@ -821,7 +821,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   handleOnTagsContextChange = (data) => {
-    
+    console.log('parent tags context', data);
     const query = {
       layout: 'SMS',
       type: 'TAG',
@@ -852,7 +852,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   validateContent = (e) => {
-    
+    console.log('posting final validation result', this.state.isFormValid);
     const response = {
       action: "validateContent",
       value: this.state.isFormValid,
@@ -1370,11 +1370,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   saveFormData(formData) {
     //Logic to save in db etc
     // const isValidated = this.validateFormData(formData);
-    // 
+    // console.log('whyyyy');
     // if (!isValidated) {
     //   return;
     // }
-    
+    console.log('Saving form data', formData, this.state.tabCount);
     const obj = {};
     obj.versions = {
       base: {},
@@ -1387,11 +1387,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
     obj.name = formData['template-name'];
     obj.versions.base = formData.base;
-    
+    console.log('obj', obj);
     this.props.actions.createTemplate(obj);
   }
   render() {
-    
+    console.log("this.props sms create: ", this.props);
     const schema = this.state.schema;
     const spinning = this.state.loading || (this.props.Create && "createTemplateInProgress" in this.props.Create && this.props.Create.createTemplateInProgress);
     let tags = this.props.metaEntities && this.props.metaEntities.tags && this.props.metaEntities.tags.standard ? this.props.metaEntities.tags.standard : [];

package/containers/Sms/Create/sagas.js

@@ -9,7 +9,7 @@ import * as types from './constants';
 export function* createTemplate(template) {
   let errorMsg;
   try {
-    
+    console.log('saga createTemplate sms', template);
     const result = yield call(Api.createTemplate, template);
     // const sidebar = result.response.sidebar;
     if (result.message || result.status.code === 500) {
@@ -24,7 +24,7 @@ export function* createTemplate(template) {
 
 
 function* watchCreateTemplate() {
-  
+  console.log('inside watch');
   const watcher = yield takeLatest(types.CREATE_TEMPLATE_REQUEST, createTemplate);
   yield take(LOCATION_CHANGE);
   yield cancel(watcher);

package/containers/Sms/Edit/actions.js

@@ -12,14 +12,14 @@ export function defaultAction() {
 }
 
 export function editTemplate(template) {
-  
+  console.log('action trigereed');
   return {
     type: types.EDIT_TEMPLATE_REQUEST, template,
   };
 }
 
 export function getTemplateDetails(id) {
-  
+  console.log('getting template', id);
   return {
     type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
   };
@@ -33,7 +33,7 @@ export function setTemplateDetails(templateDetails) {
 }
 
 export function clearEditResponse() {
-  
+  console.log('clearEditResponse');
   return {
     type: types.CLEAR_EDIT_RESPONSE_REQUEST,
   };