@capillarytech/creatives-library 2.0.17 → 2.0.19

package/containers/Sms/Create/index.js

@@ -24,7 +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 callNativeEvent from '../../../utils/callNativeEvent';
+// import callNativeEvent from '../../../utils/callNativeEvent';
 
 export class Create extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -219,7 +219,7 @@ 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}}}`);
+    this.insertAtCursor(document.getElementById(editorId), `{{${data}}}`, currentTab);
     document.getElementById(editorId).focus();
   }
 
@@ -740,7 +740,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     return false;
   }
 
-  insertAtCursor(field, myValue) {
+  insertAtCursor(field, myValue, currentTab) {
     //IE support
     const myField = field;
     if (document.selection) {
@@ -758,8 +758,11 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
     } else {
       myField.value += myValue;
     }
-    const event = new Event('input', { bubbles: true });
-    callNativeEvent({field, value: myField.value, event});
+    const formData = _.cloneDeep(this.state.formData);
+    formData[currentTab - 1][field.id] = myField.value;
+    this.setState({formData});
+    // const event = new Event('input', { bubbles: true });
+    // callNativeEvent({field, value: myField.value, event});
   }
 
   startTemplateCreation(data) {

package/containers/Sms/Edit/index.js

@@ -24,7 +24,7 @@ import '../Create/_smsCreate.scss';
 import messages from './messages';
 import * as globalActions from '../../../containers/Cap/actions';
 import {getMessageObject} from '../../../utils/messageUtils';
-import callNativeEvent from '../../../utils/callNativeEvent';
+// import callNativeEvent from '../../../utils/callNativeEvent';
 
 export class Edit extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -217,7 +217,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
   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}}}`);
+    this.insertAtCursor(document.getElementById(editorId), `{{${data}}}`, currentTab);
     document.getElementById(editorId).focus();
   }
 
@@ -755,7 +755,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
       }
     }
   }
-  insertAtCursor(field, myValue) {
+  insertAtCursor(field, myValue, currentTab) {
     //IE support
     const myField = field;
     if (document.selection) {
@@ -773,8 +773,11 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
     } else {
       myField.value += myValue;
     }
-    const event = new Event('input', { bubbles: true });
-    callNativeEvent({field, value: myField.value, event});
+    const formData = _.cloneDeep(this.state.formData);
+    formData[currentTab - 1][field.id] = myField.value;
+    this.setState({formData});
+    // const event = new Event('input', { bubbles: true });
+    // callNativeEvent({field, value: myField.value, event});
   }
 
   handleFrameTasks = (e) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/utils/callNativeEvent.js

@@ -1,15 +1,16 @@
 //https://github.com/facebook/react/issues/11488#issuecomment-470623779
-export default function callNativeEvent({field, value, ev}) {
-  const event = ev;
+export default function callNativeEvent({field, value, event}) {
+  //cuz in react 16 native events does not work
+  const ev = event;
   const input = field;
   const lastValue = input.value;
   input.value = value;
 // hack React15
-  event.simulated = true;
+  ev.simulated = true;
 // hack React16 内部定义了descriptor拦截value，此处重置状态
   const tracker = input._valueTracker;
   if (tracker) {
     tracker.setValue(lastValue);
   }
-  input.dispatchEvent(event);
+  input.dispatchEvent(ev);
 }