Merge pull request #22 from onmyway133/ios_collapse_id

Adding ability to set apns-collapse-id to iOS notifications

Author: onmyway133

components/InputComponent.js

@@ -142,13 +142,19 @@ class InputComponent extends React.Component {
     const notification = new APN.Notification()
     notification.expiry = Math.floor(Date.now() / 1000) + 3600
 
+    const collapseId = input.collapseId
+    if (collapseId && collapseId !== '') {
+      notification.collapseId = collapseId
+    }
+
     try {
       notification.rawPayload = JSON.parse(input.message)
     } catch(e) {
       this.props.updateOutput({
         loading: false,
         text: 'Failed: ' + e
       })
+      return
     }
 
     notification.topic = input.bundleId

components/iOSComponent.js

@@ -45,6 +45,7 @@ class iOSComponent extends React.Component {
       bundleId: '',
       environment: 'sandbox',
       deviceToken: '',
+      collapseId: '',
       message: JSON.stringify(defaultMessage)
     }
   }
@@ -133,7 +134,7 @@ class iOSComponent extends React.Component {
 
   makeAuthenticationElement() {
     const tabsOptions = {
-      value: this.state.authentication.value,
+      value: this.state.authentication,
       onChange: this.handleAuthenticationChange
     }
 
@@ -270,6 +271,7 @@ class iOSComponent extends React.Component {
         React.createElement('legend', {}, 'Body'),
         this.makeBundleIdElement(),
         this.makeDeviceTokenElement(),
+        this.makeCollapseIdElement(),
         this.makeMessageElement()
       )
     )
@@ -313,6 +315,25 @@ class iOSComponent extends React.Component {
     )
   }
 
+  makeCollapseIdElement() {
+    const textFieldOptions = {
+      style: {
+        width: '100%'
+      },
+      hintText: 'Enter collapse id (optional)',
+      value: this.state.collapseId,
+      onChange: (event, value) => {
+        this.setState({
+          collapseId: value
+        })
+      }
+    }
+
+    return React.createElement('div', {},
+      React.createElement(TextField, textFieldOptions)
+    )
+  }
+
   makeMessageElement() {
     const textFieldOptions = {
       style: {