@capillarytech/creatives-library 2.0.33 → 2.0.35

package/containers/Sms/Create/index.js

@@ -24,6 +24,7 @@ import * as charCount from '../../../utils/smsCharCount';
 import { checkUnicode} from '../../../utils/smsCharCountV2';
 import * as globalActions from '../../../containers/Cap/actions';
 import {getMessageObject} from '../../../utils/messageUtils';
+import * as creativesContainerActions from '../../CreativesContainer/actions';
 // import callNativeEvent from '../../../utils/callNativeEvent';
 
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
@@ -85,7 +86,6 @@ 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();
@@ -93,7 +93,6 @@ 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',
@@ -127,12 +126,10 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   componentWillReceiveProps(nextProps) {
-    console.log('recieved props ', nextProps, nextProps.Create, this.props.Create);
     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', 'SMS Template Created Successfully', true);
       this.props.globalActions.addMessageToQueue(message);
@@ -150,7 +147,6 @@ 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 = {
@@ -174,7 +170,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       delete injectedTags["Store custom fields"];
       delete injectedTags["Transaction custom fields"];
       injectedTags = _.merge({}, injectedTags, nextProps.metaEntities.tags.custom);
-      console.log('new injected tags', nextProps.metaEntities.tags.custom);
+
       if (!_.has(nextProps.metaEntities.tags.custom, "Registration custom fields")) {
         delete injectedTags["Registration custom fields"];
       }
@@ -187,30 +183,28 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       this.setState({injectedTags, loadingStatus: this.state.loadingStatus + 1});
     }
     // if (nextProps.metaEntities && nextProps.metaEntities.tags && nextProps.metaEntities.tags.length > 0 && _.isEmpty(this.state.schema)) {
-    //   console.log('final schema is**', nextProps.metaEntities.layouts[0].definition);
+    //
     //   this.injectEvents(nextProps.metaEntities.layouts[0].definition);
     // }
   }
 
   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});
@@ -218,24 +212,20 @@ 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;
@@ -249,7 +239,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     result.base = baseData;
     const msgObj = charCount.updateCharCount(baseData['sms-editor']);
     result.base.msg_count = msgObj.msgCount;
-    console.log("Message Count", msgObj.msgCount);
+
     const response = {
       action: "getFormData",
       value: result,
@@ -257,8 +247,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       validity: this.state.isFormValid,
       type: 'SMS',
     };
-    this.setState({checkValidation: true});
-    console.log('posting final result internal', response);
+    this.setState({checkValidation: true, loading: true});
+
     if (e) {
       e.source.postMessage(JSON.stringify(response), e.origin);
     }
@@ -266,7 +256,6 @@ 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',
@@ -356,7 +345,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   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!",
@@ -383,7 +371,6 @@ 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) => {
@@ -391,7 +378,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, loadingStatus: this.state.loadingStatus + 1}, () => {
       const type = this.props.location.query.type;
       if (type === 'embedded') {
@@ -430,10 +417,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         }
         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;
         }
@@ -464,7 +450,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;
         }
@@ -498,7 +484,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;
       }
@@ -527,7 +513,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;
       }
@@ -577,7 +563,6 @@ 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;
@@ -586,12 +571,11 @@ 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;
@@ -605,12 +589,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       return inputF;
     });
     section.inputFields = inputFields;
-    console.log('cloned cols are', section);
+
     return section;
   }
 
   cloneParent(section, tabIndex) {
-    console.log('trying to clone', JSON.stringify(section), tabIndex);
     const parentsect = section;
     const childSectionsBeforeCloning = parentsect.childSections.slice();
     const childSections = [];
@@ -623,19 +606,17 @@ 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;
     }
@@ -646,22 +627,19 @@ 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', 'Template Marked as Final Successfully', 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();
@@ -685,7 +663,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;
         }
@@ -710,7 +688,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;
       }
@@ -733,12 +711,11 @@ 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;
   }
 
@@ -769,9 +746,8 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
 
   startTemplateCreation(data) {
     if (data.edit) {
-      console.log('startTemplateCreation');
       const ifUnicode = checkUnicode(data.content ? data.content : '');
-      console.log('smsDetails', ifUnicode, data.content);
+
       const content = data.content;
       const id = _.uniqueId();
       const tempData = {
@@ -792,18 +768,15 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   }
 
   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":
@@ -827,15 +800,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:
@@ -845,7 +818,6 @@ 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',
@@ -876,7 +848,6 @@ 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,
@@ -913,11 +884,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: {},
@@ -930,7 +901,7 @@ 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);
   }
   isSmsLoading = () => {
@@ -940,6 +911,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     if (!isLoading) {
       isLoading = this.state.loadingStatus < 2;
     }
+    if (isLoading) {
+      this.props.creativesContainerActions.hideCreativesContanerLoader();
+    }
     return isLoading;
   }
   render() {
@@ -951,7 +925,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     }
     return (
       <div>
-        <Spin tip={this.props.intl.formatMessage(messages.saveTemplateLoader)} spinning={spinning}>
+        <Spin spinning={spinning}>
           {/*<\Row style={{marginBottom: '16px', marginLeft: '-40px'}}>
             <Col offset={1}>
               <Breadcrumb>
@@ -1005,6 +979,7 @@ Create.propTypes = {
   supportedTags: PropTypes.array,
   getDefaultTags: PropTypes.string,
   isLoadingMetaEntities: PropTypes.bool,
+  creativesContainerActions: PropTypes.object,
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -1018,6 +993,7 @@ function mapDispatchToProps(dispatch) {
   return {
     actions: bindActionCreators(actions, dispatch),
     globalActions: bindActionCreators(globalActions, dispatch),
+    creativesContainerActions: bindActionCreators(creativesContainerActions, dispatch),
   };
 }