Merge pull request #17 from apptentive/develop

Release 5.0.0
apptentive · Mar 29, 2018 · e0d7944 · e0d7944
2 parents b822d75 + e8b8d25
commit e0d7944
Showing 73 changed files with 13,732 additions and 119 deletions.
diff --git a/.gitignore b/.gitignore
@@ -43,4 +43,6 @@ local.properties
 buck-out/
 \.buckd/
 *.keystore
-
+
+# CocoaPods
+Pods
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1,81 @@
+node_modules
+coverage.android.json
+coverage.ios.json
+coverage
+npm-debug.log
+*.DS_Store
+.github
+# Xcode
+*.pbxuser
+*.mode1v3
+*.mode2v3
+*.perspectivev3
+*.xcuserstate
+project.xcworkspace/
+xcuserdata/
+
+# Config files
+.babelrc
+.editorconfig
+.eslintrc
+.flowconfig
+.watchmanconfig
+buddybuild_postclone.sh
+jsconfig.json
+
+# Sample
+sample/
+
+# Built application files
+android/*/build/
+
+# Crashlytics configuations
+android/com_crashlytics_export_strings.xml
+
+# Local configuration file (sdk path, etc)
+android/local.properties
+
+# Gradle generated files
+android/.gradle/
+
+# Signing files
+android/.signing/
+
+# User-specific configurations
+android/.idea/gradle.xml
+android/.idea/libraries/
+android/.idea/workspace.xml
+android/.idea/tasks.xml
+android/.idea/.name
+android/.idea/compiler.xml
+android/.idea/copyright/profiles_settings.xml
+android/.idea/encodings.xml
+android/.idea/misc.xml
+android/.idea/modules.xml
+android/.idea/scopes/scope_settings.xml
+android/.idea/vcs.xml
+android/*.iml
+ios/RnFirebase.xcodeproj/xcuserdata
+
+# OS-specific files
+.DS_Store
+.DS_Store?
+._*
+.Spotlight-V100
+.Trashes
+ehthumbs.db
+Thumbs.dbandroid/gradle
+android/gradlew
+android/build
+android/gradlew.bat
+android/gradle/
+docs
+.idea
+coverage
+yarn.lock
+tests
+lib/.watchmanconfig
+buddybuild_postclone.sh
+bin/test.js
+.github
+example
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,11 @@
+# Apptentive React Native Changelog
+
+This document lets you know what has changed in the React Native module. For changes in each version of the native SDKs, please see:
+
+- [Android Changelog](https://github.com/apptentive/apptentive-android/blob/master/CHANGELOG.md)
+- [iOS Changelog](https://github.com/apptentive/apptentive-ios/blob/master/CHANGELOG.md)
+
+# 2018-03-30 - v5.0.0
+
+- Apptentive Android SDK: 5.0.4
+- Apptentive iOS SDK: 5.0.3
diff --git a/README.md b/README.md
@@ -1,45 +1,181 @@
 
 # React Native Apptentive SDK
 
-_The module is still under the development and would be available soon_
-
 ## Getting started
 
-`$ npm install react-native-apptentive-sdk --save`
+### Install `npm` package
+
+`$ npm install apptentive-react-native --save`
+
+### Install Apptentive SDK (iOS only)
+
+We recommend using Cocoapods to install the Apptentive SDK. On our Customer Learning Center, you can find [instructions on how to install the SDK using CocoaPods](https://learn.apptentive.com/knowledge-base/ios-integration-reference/#cocoapods).
 
 ### Mostly automatic installation
 
-`$ react-native link react-native-apptentive-sdk`
+`$ react-native link apptentive-react-native`
 
 ### Manual installation
 
-
 #### iOS
 
+1. Add the Apptentive SDK to the iOS project or workspace. We recommend using CocoaPods. 
 1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
-2. Go to `node_modules` ➜ `react-native-apptentive-sdk` and add `RNApptentiveModule.xcodeproj`
+2. Go to `node_modules` ➜ `apptentive-react-native` and add `RNApptentiveModule.xcodeproj`
 3. In XCode, in the project navigator, select your project. Add `libRNApptentiveModule.a` to your project's `Build Phases` ➜ `Link Binary With Libraries`
-4. Run your project (`Cmd+R`)<
+4. Run your project (`Cmd+R`)
 
 #### Android
 
+**Note**: Apptentive SDK requires Android API level 26 and up to work properly.  
+
 1. Open up `android/app/src/main/java/[...]/MainActivity.java`
-  - Add `import com.reactlibrary.RNApptentiveModulePackage;` to the imports at the top of the file
-  - Add `new RNApptentiveModulePackage()` to the list returned by the `getPackages()` method
+  - Add `import com.apptentive.android.sdk.reactlibrary.RNApptentivePackage;` to the imports at the top of the file
+  - Add `new RNApptentivePackage()` to the list returned by the `getPackages()` method
 2. Append the following lines to `android/settings.gradle`:
   	```
-  	include ':react-native-apptentive-sdk'
-  	project(':react-native-apptentive-sdk').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-apptentive-sdk/android')
+  	include ':apptentive-react-native'
+  	project(':apptentive-react-native').projectDir = new File(rootProject.projectDir, 	'../node_modules/apptentive-react-native/android')
   	```
 3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
   	```
-      compile project(':react-native-apptentive-sdk')
+      compile project(':apptentive-react-native')
   	```
 
 ## Usage
+
+Create one app for each supported platform in your [Apptentive Dashboard](https://be.apptentive.com) (i.e. one Android app and one iOS app if you support both platforms that Apptentive supports). Then navigate to the [API & Development section under the Settings tab](https://be.apptentive.com/apps/current/settings/api) for each of your apps, and note the Apptentive App Key and Apptentive App Signature.
+
+Then in your `App.js` file, add code to register the Apptentive SDK:
+
 ```javascript
-import RNApptentiveModule from 'react-native-apptentive-sdk';
+import { Apptentive, ApptentiveConfiguration } from 'apptentive-react-native';
+
+const credentials = Platform.select({
+  ios: {
+    apptentiveKey: '<YOUR_IOS_APP_KEY>',
+    apptentiveSignature: '<YOUR_IOS_APP_SIGNATURE>'
+  },
+  android: {
+    apptentiveKey: '<YOUR_ANDROID_APP_KEY>',
+    apptentiveSignature: '<YOUR_ANDROID_APP_SIGNATURE>'
+  }
+});
+
+export default class App extends Component {
+  componentDidMount() {
+    const configuration = new ApptentiveConfiguration(
+      credentials.apptentiveKey,
+      credentials.apptentiveSignature
+    );
+    Apptentive.register(configuration);
+    ...
+  }
+  ...
+}
+```
+
+Again, be sure to use separate credentials for each platform, as supporting both platforms with one set of credentials is not supported.
+
+## Message Center
+
+See: [How to Use Message Center](https://learn.apptentive.com/knowledge-base/how-to-use-message-center/)
+
+### Showing Message Center
+
+With the Apptentive Message Center your customers can send feedback, and you can reply, all without making them leave the app. Handling support inside the app will increase the number of support messages received and ensure a better customer experience.
+
+Message Center lets customers see all the messages they have send you, read all of your replies, and even send screenshots that may help debug issues.
+
+Add [Message Center](http://learn.apptentive.com/knowledge-base/apptentive-android-sdk-features/#message-center) to talk to your customers.
+
+Find a place in your app where you can add a button that opens Message Center. Your setings page is a good place.
+
+```
+<Button
+  onPress={() => {
+    Apptentive.presentMessageCenter()
+      .then((presented) => console.log(`Message center presented: ${presented}`));
+  }}
+  title="Show Message Center"
+/>
+```
+
+### Unread Message Count Callback
+
+You can receive a callback when a new unread message comes in. You can use this callback to notify your customer, and display a badge letting them know how many unread messages are waiting for them. Because this listener could be called at any time, you should store the value returned from this method, and then perform any user interaction you desire at the appropriate time.
+```
+Apptentive.onUnreadMessageCountChanged = (count) => {
+  console.log(`Unread message count changed: ${count}`)
+}
+```
+
+## Events
+
+Events record user interaction. You can use them to determine if and when an Interaction will be shown to your customer. You will use these Events later to target Interactions, and to determine whether an Interaction can be shown. You trigger an Event with the `Engage()` method. This will record the Event, and then check to see if any Interactions targeted to that Event are allowed to be displayed, based on the logic you set up in the Apptentive Dashboard.
+
+```
+Apptentive.engage(this.state.eventName).then((engaged) => console.log(`Event engaged: ${engaged}`))
+```
+You can add an Event almost anywhere in your app, just remember that if you want to show an Interaction at that Event, it needs to be a place where launching an Activity will not cause a problem in your app.
 
-// TODO: Do some awesome things here
+## Push Notifications
+Apptentive can send push notifications to ensure your customers see your replies to their feedback in Message Center.  
+
+### iOS
+
+On iOS, you'll need to follow [Apple's instructions on adding Push capability to your app](https://help.apple.com/xcode/mac/current/#/devdfd3d04a1). 
+
+You will need to export your push certificate and key in `.p12` format and upload it to the [Integrations section of the Settings tab](https://be.apptentive.com/apps/current/settings/integrations) in your Apptentive dashboard under "Apptentive Push". You can find more information on this process in the [Push Notifications section of our iOS Integration Reference](https://learn.apptentive.com/knowledge-base/ios-integration-reference/#push-notifications).
+
+You will then edit your AppDelegate.m file. First import the Apptentive SDK at the top level of this file:
+
+```
+@import Apptentive;
 ```
+
+Then add the following methods to your App Delegate class:
+
+```
+- (void)application:(UIApplication *)application didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
+{
+    // Register for Apptentive's push service:
+    [Apptentive.shared setPushNotificationIntegration:ApptentivePushProviderApptentive withDeviceToken:deviceToken];
+
+    // Uncomment if using PushNotificationsIOS module:
+    //[RCTPushNotificationManager didRegisterForRemoteNotificationsWithDeviceToken:deviceToken];
+}
+
+- (void)application:(UIApplication *)application didReceiveRemoteNotification:(NSDictionary *)userInfo fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler
+{
+    // Forward the notification to the Apptentive SDK:
+    BOOL handledByApptentive = [Apptentive.shared didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler];
+
+    // Be sure your code calls the completion handler if you expect to receive non-Apptentive push notifications.
+    if (!handledByApptentive) {
+        // ...handle the push notification
+        // ...and call the completion handler:
+        completionHandler(UIBackgroundFetchResultNewData);
+
+        // Uncomment if using PushNotificationIOS module (and remove the above call to `completionHandler`):
+        //[RCTPushNotificationManager didReceiveRemoteNotification:userInfo fetchCompletionHandler:completionHandler]; 
+    }
+}
+
+- (void)application:(UIApplication *)application didReceiveLocalNotification:(UILocalNotification *)notification
+{
+    // Forward the notification to the Apptentive SDK:
+    BOOL handledByApptentive = [Apptentive.shared didReceiveLocalNotification:notification fromViewController:self.window.rootViewController];
+
+    // Uncomment if using PushNotificationIOS module:
+    //if (!handledByApptentive) {
+    //    [RCTPushNotificationManager didReceiveLocalNotification:notification];
+    //}
+}
+```
+
+Apptentive's push services work well alongside other push notification services, such as those handled by the [PushNotificationIOS React Native module](https://facebook.github.io/react-native/docs/pushnotificationios.html) . Note that you will have to implement the handful of additional methods listed in the documentation in your App Delegate to support this module.
+
+### Android
 
+On Android, you'll need to follow [Apptentive Android Integration Guide](https://learn.apptentive.com/knowledge-base/android-integration-reference/#push-notifications).
diff --git a/android/build.gradle b/android/build.gradle
@@ -5,19 +5,19 @@ buildscript {
     }
 
     dependencies {
-        classpath 'com.android.tools.build:gradle:1.3.1'
+        classpath 'com.android.tools.build:gradle:2.2.3'
     }
 }
 
 apply plugin: 'com.android.library'
 
 android {
-    compileSdkVersion 23
-    buildToolsVersion "23.0.1"
+    compileSdkVersion 26
+    buildToolsVersion "26.0.3"
 
     defaultConfig {
         minSdkVersion 16
-        targetSdkVersion 22
+        targetSdkVersion 26
         versionCode 1
         versionName "1.0"
     }
@@ -32,5 +32,6 @@ repositories {
 
 dependencies {
     compile 'com.facebook.react:react-native:+'
+    compile 'com.apptentive:apptentive-android:5.0.4'
 }
 
diff --git a/android/src/main/AndroidManifest.xml b/android/src/main/AndroidManifest.xml
@@ -1,6 +1,6 @@
 
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.reactlibrary">
+          package="com.apptentive.android.sdk.reactlibrary">
 
 </manifest>
-
+
diff --git a/android/src/main/java/com/apptentive/android/sdk/reactlibrary/RNApptentiveModule.java b/android/src/main/java/com/apptentive/android/sdk/reactlibrary/RNApptentiveModule.java
diff --git a/android/src/main/java/com/apptentive/android/sdk/reactlibrary/RNApptentivePackage.java b/android/src/main/java/com/apptentive/android/sdk/reactlibrary/RNApptentivePackage.java
@@ -0,0 +1,29 @@
+
+package com.apptentive.android.sdk.reactlibrary;
+
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.JavaScriptModule;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.List;
+
+public class RNApptentivePackage implements ReactPackage {
+	@Override
+	public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
+		return Arrays.<NativeModule>asList(new RNApptentiveModule(reactContext));
+	}
+
+	// Deprecated from RN 0.47
+	public List<Class<? extends JavaScriptModule>> createJSModules() {
+		return Collections.emptyList();
+	}
+
+	@Override
+	public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+		return Collections.emptyList();
+	}
+}
diff --git a/...oid/src/main/java/com/facebook/react/bridge/ApptentiveReactApplicationContextWrapper.java b/...oid/src/main/java/com/facebook/react/bridge/ApptentiveReactApplicationContextWrapper.java
@@ -0,0 +1,41 @@
+package com.facebook.react.bridge;
+
+import android.app.Activity;
+import android.app.Application;
+import android.content.Context;
+
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+
+import javax.annotation.Nullable;
+
+/**
+ * This class breaks encapsulation but makes its easier for end user to integrate.
+ */
+public class ApptentiveReactApplicationContextWrapper {
+	private final ReactApplicationContext reactContext;
+
+	public ApptentiveReactApplicationContextWrapper(ReactApplicationContext reactContext) {
+		if (reactContext == null) {
+			throw new IllegalArgumentException("React context is null");
+		}
+		this.reactContext = reactContext;
+	}
+
+	public Activity getCurrentActivity() {
+		return reactContext.getCurrentActivity();
+	}
+
+	public Application getApplication() {
+		return getCurrentActivity().getApplication(); // this might throw an exception but will catch it later
+	}
+
+	public Context getContext() {
+		return reactContext.getApplicationContext();
+	}
+
+	public void sendEvent(String eventName, @Nullable WritableMap event) {
+		reactContext
+			.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+			.emit(eventName, event);
+	}
+}
diff --git a/android/src/main/java/com/reactlibrary/RNApptentiveModuleModule.java b/android/src/main/java/com/reactlibrary/RNApptentiveModuleModule.java
diff --git a/android/src/main/java/com/reactlibrary/RNApptentiveModulePackage.java b/android/src/main/java/com/reactlibrary/RNApptentiveModulePackage.java
diff --git a/android/src/main/res/values/strings.xml b/android/src/main/res/values/strings.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <string name="apptentive_distribution">React Native</string>
+    <string name="apptentive_distribution_version">5.0.0</string>
+</resources>
diff --git a/android/src/main/res/values/themes-apptentive-override.xml b/android/src/main/res/values/themes-apptentive-override.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  ~ Copyright (c) 2018, Apptentive, Inc. All Rights Reserved.
+  ~ Please refer to the LICENSE file for the terms and conditions
+  ~ under which redistribution and use of this file is permitted.
+  -->
+
+<resources>
+    <!-- Return the SDK to the default Apptentive styles -->
+    <style name="ApptentiveThemeOverride" parent="ApptentiveTheme.Base.Versioned"/>
+</resources>
diff --git a/index.js b/index.js
diff --git a/ios/RNApptentiveModule.h b/ios/RNApptentiveModule.h
@@ -1,11 +1,10 @@
 
 #if __has_include("RCTBridgeModule.h")
-#import "RCTBridgeModule.h"
+#import "RCTEventEmitter.h"
 #else
-#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
 #endif
 
-@interface RNApptentiveModule : NSObject <RCTBridgeModule>
+@interface RNApptentiveModule : RCTEventEmitter <RCTBridgeModule>
 
 @end
-
diff --git a/ios/RNApptentiveModule.m b/ios/RNApptentiveModule.m
diff --git a/ios/RNApptentiveModule.podspec b/ios/RNApptentiveModule.podspec
diff --git a/ios/RNApptentiveModule.xcodeproj/project.pbxproj b/ios/RNApptentiveModule.xcodeproj/project.pbxproj
@@ -204,10 +204,8 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				HEADER_SEARCH_PATHS = (
-				"$(inherited)",
-					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
-					"$(SRCROOT)/../../../React/**",
-					"$(SRCROOT)/../../react-native/React/**",
+					"$(SRCROOT)/../../../ios/Pods/**",
+					"$(inherited)",
 				);
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_LDFLAGS = "-ObjC";
@@ -220,10 +218,8 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				HEADER_SEARCH_PATHS = (
+					"$(SRCROOT)/../../../ios/Pods/**",
 					"$(inherited)",
-					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
-					"$(SRCROOT)/../../../React/**",
-					"$(SRCROOT)/../../react-native/React/**",
 				);
 				LIBRARY_SEARCH_PATHS = "$(inherited)";
 				OTHER_LDFLAGS = "-ObjC";

diff --git a/js/index.js b/js/index.js
@@ -0,0 +1,232 @@
+
+import { NativeModules } from 'react-native'
+import { ApptentivePlatformSpecific } from './platform-specific'
+
+const { RNApptentiveModule } = NativeModules
+
+export class ApptentiveConfiguration {
+  constructor(apptentiveKey, apptentiveSignature) {
+    this.apptentiveKey = apptentiveKey
+    this.apptentiveSignature = apptentiveSignature
+    this.logLevel = 'info'
+    this.shouldSanitizeLogMessages = true
+  }
+  toString() {
+    return `(apptentiveKey=${this.apptentiveKey}, apptentiveSignature=${this.apptentiveSignature}, logLevel=${this.logLevel}, shouldSanitizeLogMessages=${shouldSanitizeLogMessages})`
+  }
+}
+
+let _eventsRegistered = false
+let _onUnreadMessageCountChanged = function(count) {}
+let _onAuthenticationFailed = function(reason) {}
+
+export class Apptentive {
+  /**
+   * Initializes Apptentive instance with a given configuration.
+   * @return Promise
+   */
+  static register(apptentiveConfiguration) {
+    if (!_eventsRegistered) {
+      _eventsRegistered = true
+
+      // unread message count
+      const emitter = ApptentivePlatformSpecific.createApptentiveEventEmitter(RNApptentiveModule)
+      emitter.addListener('onUnreadMessageCountChanged', function(e: Event) {
+        if (_onUnreadMessageCountChanged !== undefined) {
+          _onUnreadMessageCountChanged(e.count)
+        }
+      })
+
+      // auth failure callback
+      emitter.addListener('onAuthenticationFailed', function(e: Event) {
+        if (_onAuthenticationFailed !== undefined) {
+          _onAuthenticationFailed(e.reason)
+        }
+      })
+    }
+    return RNApptentiveModule.register(apptentiveConfiguration)
+  }
+
+  /**
+   * Presents Message Center.
+   * @param customData An optional dictionary of key/value pairs to be associated with the event.
+   * @return Promise with success boolean or error.
+   */
+  static presentMessageCenter(customData = null) {
+    return RNApptentiveModule.presentMessageCenter(customData)
+  }
+
+  // TODO: unread message count
+
+  /**
+   * Checks if Message Center will be displayed when `presentMessageCenter` is called.
+   * @return Promise with boolean flag or error.
+   */
+  static canShowMessageCenter() {
+    return RNApptentiveModule.canShowMessageCenter()
+  }
+
+  /**
+   * Checks whether the given event will cause an Interaction to be shown.
+   * @return Promise with boolean flag or error.
+   */
+  static canShowInteraction(event) {
+    return RNApptentiveModule.canShowInteraction(event)
+  }
+
+  /**
+   * Shows interaction UI, if applicable, related to a given event, and attaches the specified custom data to the event.
+   * @param event A string representing the name of the event.
+   * @param customData An optional dictionary of key/value pairs to be associated with the event.
+   * @return Promise with boolean flag or error.
+   */
+  static engage(event, customData = null) {
+    return RNApptentiveModule.engage(event, customData)
+  }
+
+  // TODO: extended data
+
+  /**
+   * @return Promise with person name or error.
+   */
+  static getPersonName() {
+    return RNApptentiveModule.getPersonName()
+  }
+
+  /**
+   * Sets person name.
+   * @param value New person name.
+   * @return Promise with boolean flag or error.
+   */
+  static setPersonName(value) {
+    return RNApptentiveModule.setPersonName(value)
+  }
+
+  /**
+   * @return Promise with person email or error.
+   */
+  static getPersonEmail() {
+    return RNApptentiveModule.getPersonEmail()
+  }
+
+  /**
+   * Sets person email.
+   * @param value New person email.
+   * @return Promise with boolean flag or error.
+   */
+  static setPersonEmail(value) {
+    return RNApptentiveModule.setPersonEmail(value)
+  }
+
+  /**
+   * Adds custom data associated with the current person.
+   * @param key String key for the data.
+   * @param value Value for the data (must be string, number or boolean)
+   * @return Promise with boolean flag or error.
+   */
+  static addCustomPersonData(key, value) {
+    if (value !== null && value !== undefined) {
+      const type = typeof value
+      if (type === 'string') {
+        return RNApptentiveModule.addCustomPersonDataString(key, value)
+      } else if (type === 'number') {
+        return RNApptentiveModule.addCustomPersonDataNumber(key, value)
+      } else if (type === 'boolean') {
+        return RNApptentiveModule.addCustomPersonDataBool(key, value)
+      }
+    }
+    return Promise.reject("Your value should be either a string, number or bool")
+  }
+
+  /**
+   * Removes custom data associated with the current person.
+   * @param key String key for the data.
+   * @return Promise with boolean flag or error.
+   */
+  static removeCustomPersonData(key) {
+    return RNApptentiveModule.removeCustomPersonData(key)
+  }
+
+  /**
+   * Adds custom data associated with the current device.
+   * @param key String key for the data.
+   * @param value Value for the data (must be string, number or boolean)
+   * @return Promise with boolean flag or error.
+   */
+  static addCustomDeviceData(key, value) {
+    if (value !== null && value !== undefined) {
+      const type = typeof value
+      if (type === 'string') {
+        return RNApptentiveModule.addCustomDeviceDataString(key, value)
+      } else if (type === 'number') {
+        return RNApptentiveModule.addCustomDeviceDataNumber(key, value)
+      } else if (type === 'boolean') {
+        return RNApptentiveModule.addCustomDeviceDataBool(key, value)
+      }
+    }
+    return Promise.reject("Your value should be either a string, number or bool")
+  }
+
+  /**
+   * Removes custom data associated with the current device.
+   * @param key String key for the data.
+   * @return Promise with boolean flag or error.
+   */
+  static removeCustomDeviceData(key) {
+    return RNApptentiveModule.removeCustomDeviceData(key)
+  }
+
+  /**
+   * Logs the specified user in, using the value of the proof parameter to
+   * ensure that the login attempt is authorized.
+   * @param token An authorization token.
+   * @return Promise with boolean flag or error.
+   */
+  static logIn(token) {
+    return RNApptentiveModule.logIn(token)
+  }
+
+  /**
+   * Ends the current user session. The user session will be persisted in a logged-out state
+   * so that it can be resumed using the logIn method.
+   * @return Promise with boolean flag or error.
+   */
+  static logOut() {
+    return RNApptentiveModule.logOut()
+  }
+
+  /**
+   * @return Current callback for the unread message count change in the Message Center.
+   */
+  static get onUnreadMessageCountChanged() {
+    return _onUnreadMessageCountChanged
+  }
+
+  /**
+   * Sets current callback for the unread message count change in the Message Center.
+   * @param value Callback function with a single integer parameter.
+   */
+  static set onUnreadMessageCountChanged(value) {
+    _onUnreadMessageCountChanged = value
+  }
+
+  /**
+   * @return Current callback for the authentication failures.
+   */
+  static get onAuthenticationFailed() {
+    return _onAuthenticationFailed
+  }
+
+  /**
+   * Sets current callback for the authentication failures.
+   * @param value Callback function with a single string parameter.
+   */
+  static set onAuthenticationFailed(value) {
+    _onAuthenticationFailed = value
+  }
+}
+
+module.exports = {
+  Apptentive,
+  ApptentiveConfiguration
+}
diff --git a/js/platform-specific.android.js b/js/platform-specific.android.js
@@ -0,0 +1,11 @@
+import { DeviceEventEmitter } from 'react-native'
+
+export class ApptentivePlatformSpecific {
+  static createApptentiveEventEmitter(nativeModule) {
+    return DeviceEventEmitter
+  }
+}
+
+module.exports = {
+  ApptentivePlatformSpecific
+}
diff --git a/js/platform-specific.ios.js b/js/platform-specific.ios.js
@@ -0,0 +1,11 @@
+import { NativeEventEmitter } from 'react-native'
+
+export class ApptentivePlatformSpecific {
+  static createApptentiveEventEmitter(nativeModule) {
+    return new NativeEventEmitter(nativeModule)
+  }
+}
+
+module.exports = {
+  ApptentivePlatformSpecific
+}
diff --git a/package.json b/package.json
@@ -1,15 +1,15 @@
 {
-  "name": "react-native-apptentive-sdk",
+  "name": "apptentive-react-native",
   "version": "5.0.0",
   "description": "React Native Module for Apptentive SDK",
-  "main": "index.js",
+  "main": "js/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
-  	"apptentive",
+    "apptentive",
     "react",
-  	"react-native",
+    "react-native",
     "react-component",
     "ios",
     "android"

diff --git a/sample/.babelrc b/sample/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["react-native"]
+}
diff --git a/sample/.buckconfig b/sample/.buckconfig
@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:26
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2
diff --git a/sample/.flowconfig b/sample/.flowconfig
@@ -0,0 +1,54 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+
+; Ignore polyfills
+.*/Libraries/polyfills/.*
+
+; Ignore metro
+.*/node_modules/metro/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+node_modules/react-native/flow-github/
+
+[options]
+emoji=true
+
+module.system=haste
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.native.js
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(<VERSION>\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+[version]
+^0.65.0
diff --git a/sample/.gitattributes b/sample/.gitattributes
@@ -0,0 +1 @@
+*.pbxproj -text
diff --git a/sample/.gitignore b/sample/.gitignore
@@ -0,0 +1,53 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+project.xcworkspace
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# BUCK
+buck-out/
+\.buckd/
+*.keystore
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+*/fastlane/report.xml
+*/fastlane/Preview.html
+*/fastlane/screenshots
diff --git a/sample/.watchmanconfig b/sample/.watchmanconfig
@@ -0,0 +1 @@
+{}
diff --git a/sample/App.js b/sample/App.js
@@ -0,0 +1,221 @@
+/**
+* Apptentive React Native Sample
+* https://github.com/apptentive/apptentive-react-native
+* @flow
+*/
+
+import React, { Component } from 'react';
+import {
+  Platform,
+  StyleSheet,
+  Text,
+  View,
+  Button,
+  TextInput,
+  Modal
+} from 'react-native';
+
+import CustomDataModal from './src/components/CustomDataModal'
+import AuthModal from './src/components/AuthModal'
+
+import { Apptentive, ApptentiveConfiguration } from 'apptentive-react-native';
+import { showAlert } from './src/helpers'
+
+const credentials = Platform.select({
+  ios: {
+    apptentiveKey: '<YOUR_IOS_APPTENTIVE_KEY>',
+    apptentiveSignature: '<YOUR_IOS_APPTENTIVE_SIGNATURE>'
+  },
+  android: {
+    apptentiveKey: '<YOUR_ANDROID_APPTENTIVE_KEY>',
+    apptentiveSignature: '<YOUR_ANDROID_APPTENTIVE_SIGNATURE>'
+  }
+});
+
+type Props = {};
+export default class App extends Component {
+  componentDidMount() {
+    if (credentials.apptentiveKey === '<YOUR_IOS_APPTENTIVE_KEY>' ||
+        credentials.apptentiveKey === '<YOUR_ANDROID_APPTENTIVE_KEY>') {
+      showAlert('Error', 'Please, provide Apptentive Key')
+      return
+    }
+
+    if (credentials.apptentiveSignature === '<YOUR_IOS_APPTENTIVE_SIGNATURE>' ||
+        credentials.apptentiveSignature === '<YOUR_ANDROID_APPTENTIVE_SIGNATURE>') {
+      showAlert('Error', 'Please, provide Apptentive Signature')
+      return
+    }
+
+    // Create configuration
+    const configuration = new ApptentiveConfiguration(
+      credentials.apptentiveKey,
+      credentials.apptentiveSignature
+    );
+
+    // Override log level (optional)
+    configuration.logLevel = 'verbose';
+
+    // Register Apptentive
+    Apptentive.register(configuration)
+      .then(() => {
+        Apptentive.onUnreadMessageCountChanged = (count) => {
+          this.setState({unreadMessageCount: count})
+        };
+        Apptentive.onAuthenticationFailed = (reason) => {
+          showAlert('Error', `Authentication failed:\n${reason}`)
+        }
+      })
+      .catch((error) => {
+        showAlert('Error', `Can't register Apptentive:\n${error.message}`)
+      });
+  }
+
+  constructor() {
+    super()
+    this.state = { eventName: '', mode: 'none', unreadMessageCount: 0, authModalVisible: false };
+  }
+
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text>Unread messages: {this.state.unreadMessageCount}</Text>
+        <TextInput
+          style={styles.textInput}
+          placeholder={'Event Name'}
+          value={this.state.eventName}
+          onChangeText={(text) => this.setState({eventName: text})}
+        />
+
+        <Button
+          style={styles.button}
+          onPress={() => {
+            Apptentive.engage(this.state.eventName)
+              .then((engaged) => {
+                if (!engaged) {
+                  showAlert('Interaction', `Interaction "${this.state.eventName}" was not engaged`)
+                }
+              })
+              .catch((error) => {
+                showAlert('Interaction', `Error while engaging interaction:\n\n${error.message}`)
+              })
+          }}
+          title="Engage"
+        />
+
+        <Button
+          style={styles.button}
+          onPress={() => {
+            Apptentive.presentMessageCenter()
+              .then((presented) => {
+                if (!presented) {
+                  showAlert('Message Center', 'Message Center was not presented')
+                }
+              })
+              .catch((error) => {
+                showAlert('Message Center', `Error while presenting Message Center:\n\n${error.message}`)
+              })
+          }}
+          title="Message Center"
+        />
+
+        <Button
+          style={styles.button}
+          onPress={() => {
+            Apptentive.canShowInteraction(this.state.eventName)
+              .then((canShow) => {
+                showAlert('Interaction', `Can Show Interaction for Event "${this.state.eventName}": ${canShow}`)
+              })
+              .catch((error) => {
+                showAlert('Interaction', `Error while checking interaction:\n\n${error.message}`)
+              })
+          }}
+          title="Can Show Interaction?"
+        />
+
+        <Button
+          style={styles.button}
+          onPress={() => {
+            this._openCustomDataModal('device')
+          }}
+          title="Device Data"
+        />
+
+        <Button
+          style={styles.button}
+          onPress={() => {
+            this._openCustomDataModal('person')
+          }}
+          title="Person Data"
+        />
+
+        <Button
+          onPress={() => {
+            this._openAuthModal()
+          }}
+          title="Authentication"
+        />
+
+        { this._renderCustomDataModal(this.state.mode) }
+        { this._renderAuthModal() }
+
+      </View>
+    );
+  }
+
+  _renderCustomDataModal(mode) {
+    if (this.state.mode !== 'none') {
+      return (
+      <CustomDataModal
+        mode={mode}
+        closeHandler={() => { this._closeCustomDataModal() }}
+      />)
+    }
+    return null
+  }
+
+  _renderAuthModal() {
+    if (this.state.authModalVisible) {
+      return (
+      <AuthModal
+        closeHandler={() => { this._closeAuthModal() }}
+      />)
+    }
+    return null
+  }
+
+  _openCustomDataModal(mode) {
+    this.setState({mode: mode})
+  }
+
+  _closeCustomDataModal() {
+    this.setState({mode: 'none'})
+  }
+
+  _openAuthModal() {
+    this.setState({authModalVisible: true})
+  }
+
+  _closeAuthModal() {
+    this.setState({authModalVisible: false})
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#F5FCFF',
+  },
+  textInput: {
+    height: 40,
+    width: 300,
+    borderColor: 'gray',
+    borderWidth: 1
+  },
+  button: {
+    width: 200,
+    height: 40
+  }
+});
diff --git a/sample/__tests__/App.js b/sample/__tests__/App.js
@@ -0,0 +1,12 @@
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  const tree = renderer.create(
+    <App />
+  );
+});
diff --git a/sample/android/app/BUCK b/sample/android/app/BUCK
@@ -0,0 +1,65 @@
+# To learn about Buck see [Docs](https://buckbuild.com/).
+# To run your application with Buck:
+# - install Buck
+# - `npm start` - to start the packager
+# - `cd android`
+# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
+# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
+# - `buck install -r android/app` - compile, install and run application
+#
+
+lib_deps = []
+
+for jarfile in glob(['libs/*.jar']):
+  name = 'jars__' + jarfile[jarfile.rindex('/') + 1: jarfile.rindex('.jar')]
+  lib_deps.append(':' + name)
+  prebuilt_jar(
+    name = name,
+    binary_jar = jarfile,
+  )
+
+for aarfile in glob(['libs/*.aar']):
+  name = 'aars__' + aarfile[aarfile.rindex('/') + 1: aarfile.rindex('.aar')]
+  lib_deps.append(':' + name)
+  android_prebuilt_aar(
+    name = name,
+    aar = aarfile,
+  )
+
+android_library(
+    name = "all-libs",
+    exported_deps = lib_deps,
+)
+
+android_library(
+    name = "app-code",
+    srcs = glob([
+        "src/main/java/**/*.java",
+    ]),
+    deps = [
+        ":all-libs",
+        ":build_config",
+        ":res",
+    ],
+)
+
+android_build_config(
+    name = "build_config",
+    package = "com.sample",
+)
+
+android_resource(
+    name = "res",
+    package = "com.sample",
+    res = "src/main/res",
+)
+
+android_binary(
+    name = "app",
+    keystore = "//android/keystores:debug",
+    manifest = "src/main/AndroidManifest.xml",
+    package_type = "debug",
+    deps = [
+        ":app-code",
+    ],
+)
diff --git a/sample/android/app/build.gradle b/sample/android/app/build.gradle
@@ -0,0 +1,151 @@
+apply plugin: "com.android.application"
+
+import com.android.build.OutputFile
+
+/**
+ * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
+ * and bundleReleaseJsAndAssets).
+ * These basically call `react-native bundle` with the correct arguments during the Android build
+ * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
+ * bundle directly from the development server. Below you can see all the possible configurations
+ * and their defaults. If you decide to add a configuration block, make sure to add it before the
+ * `apply from: "../../node_modules/react-native/react.gradle"` line.
+ *
+ * project.ext.react = [
+ *   // the name of the generated asset file containing your JS bundle
+ *   bundleAssetName: "index.android.bundle",
+ *
+ *   // the entry file for bundle generation
+ *   entryFile: "index.android.js",
+ *
+ *   // whether to bundle JS and assets in debug mode
+ *   bundleInDebug: false,
+ *
+ *   // whether to bundle JS and assets in release mode
+ *   bundleInRelease: true,
+ *
+ *   // whether to bundle JS and assets in another build variant (if configured).
+ *   // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
+ *   // The configuration property can be in the following formats
+ *   //         'bundleIn${productFlavor}${buildType}'
+ *   //         'bundleIn${buildType}'
+ *   // bundleInFreeDebug: true,
+ *   // bundleInPaidRelease: true,
+ *   // bundleInBeta: true,
+ *
+ *   // whether to disable dev mode in custom build variants (by default only disabled in release)
+ *   // for example: to disable dev mode in the staging build type (if configured)
+ *   devDisabledInStaging: true,
+ *   // The configuration property can be in the following formats
+ *   //         'devDisabledIn${productFlavor}${buildType}'
+ *   //         'devDisabledIn${buildType}'
+ *
+ *   // the root of your project, i.e. where "package.json" lives
+ *   root: "../../",
+ *
+ *   // where to put the JS bundle asset in debug mode
+ *   jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
+ *
+ *   // where to put the JS bundle asset in release mode
+ *   jsBundleDirRelease: "$buildDir/intermediates/assets/release",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in debug mode
+ *   resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
+ *
+ *   // where to put drawable resources / React Native assets, e.g. the ones you use via
+ *   // require('./image.png')), in release mode
+ *   resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
+ *
+ *   // by default the gradle tasks are skipped if none of the JS files or assets change; this means
+ *   // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
+ *   // date; if you have any other folders that you want to ignore for performance reasons (gradle
+ *   // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
+ *   // for example, you might want to remove it from here.
+ *   inputExcludes: ["android/**", "ios/**"],
+ *
+ *   // override which node gets called and with what additional arguments
+ *   nodeExecutableAndArgs: ["node"],
+ *
+ *   // supply additional arguments to the packager
+ *   extraPackagerArgs: []
+ * ]
+ */
+
+project.ext.react = [
+    entryFile: "index.js"
+]
+
+apply from: "../../node_modules/react-native/react.gradle"
+
+/**
+ * Set this to true to create two separate APKs instead of one:
+ *   - An APK that only works on ARM devices
+ *   - An APK that only works on x86 devices
+ * The advantage is the size of the APK is reduced by about 4MB.
+ * Upload all the APKs to the Play Store and people will download
+ * the correct one based on the CPU architecture of their device.
+ */
+def enableSeparateBuildPerCPUArchitecture = false
+
+/**
+ * Run Proguard to shrink the Java bytecode in release builds.
+ */
+def enableProguardInReleaseBuilds = false
+
+android {
+    compileSdkVersion 26
+    buildToolsVersion "26.0.3"
+
+    defaultConfig {
+        applicationId "com.sample"
+        minSdkVersion 16
+        targetSdkVersion 26
+        versionCode 1
+        versionName "1.0"
+        ndk {
+            abiFilters "armeabi-v7a", "x86"
+        }
+    }
+    splits {
+        abi {
+            reset()
+            enable enableSeparateBuildPerCPUArchitecture
+            universalApk false  // If true, also generate a universal APK
+            include "armeabi-v7a", "x86"
+        }
+    }
+    buildTypes {
+        release {
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+    // applicationVariants are e.g. debug, release
+    applicationVariants.all { variant ->
+        variant.outputs.each { output ->
+            // For each separate APK per architecture, set a unique version code as described here:
+            // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
+            def versionCodes = ["armeabi-v7a":1, "x86":2]
+            def abi = output.getFilter(OutputFile.ABI)
+            if (abi != null) {  // null for the universal-debug, universal-release variants
+                output.versionCodeOverride =
+                        versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
+            }
+        }
+    }
+}
+
+dependencies {
+    compile project(':apptentive-react-native')
+    compile fileTree(dir: "libs", include: ["*.jar"])
+    compile "com.android.support:appcompat-v7:26.1.0"
+    compile "com.facebook.react:react-native:+"  // From node_modules
+}
+
+// Run this once to be able to run the application with BUCK
+// puts all compile dependencies into folder libs for BUCK to use
+task copyDownloadableDepsToLibs(type: Copy) {
+    from configurations.compile
+    into 'libs'
+}
diff --git a/sample/android/app/proguard-rules.pro b/sample/android/app/proguard-rules.pro
@@ -0,0 +1,70 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Disabling obfuscation is useful if you collect stack traces from production crashes
+# (unless you are using a system that supports de-obfuscate the stack traces).
+-dontobfuscate
+
+# React Native
+
+# Keep our interfaces so they can be used by other ProGuard rules.
+# See http://sourceforge.net/p/proguard/bugs/466/
+-keep,allowobfuscation @interface com.facebook.proguard.annotations.DoNotStrip
+-keep,allowobfuscation @interface com.facebook.proguard.annotations.KeepGettersAndSetters
+-keep,allowobfuscation @interface com.facebook.common.internal.DoNotStrip
+
+# Do not strip any method/class that is annotated with @DoNotStrip
+-keep @com.facebook.proguard.annotations.DoNotStrip class *
+-keep @com.facebook.common.internal.DoNotStrip class *
+-keepclassmembers class * {
+    @com.facebook.proguard.annotations.DoNotStrip *;
+    @com.facebook.common.internal.DoNotStrip *;
+}
+
+-keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
+  void set*(***);
+  *** get*();
+}
+
+-keep class * extends com.facebook.react.bridge.JavaScriptModule { *; }
+-keep class * extends com.facebook.react.bridge.NativeModule { *; }
+-keepclassmembers,includedescriptorclasses class * { native <methods>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.UIProp <fields>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactProp <methods>; }
+-keepclassmembers class *  { @com.facebook.react.uimanager.annotations.ReactPropGroup <methods>; }
+
+-dontwarn com.facebook.react.**
+
+# TextLayoutBuilder uses a non-public Android constructor within StaticLayout.
+# See libs/proxy/src/main/java/com/facebook/fbui/textlayoutbuilder/proxy for details.
+-dontwarn android.text.StaticLayout
+
+# okhttp
+
+-keepattributes Signature
+-keepattributes *Annotation*
+-keep class okhttp3.** { *; }
+-keep interface okhttp3.** { *; }
+-dontwarn okhttp3.**
+
+# okio
+
+-keep class sun.misc.Unsafe { *; }
+-dontwarn java.nio.file.*
+-dontwarn org.codehaus.mojo.animal_sniffer.IgnoreJRERequirement
+-dontwarn okio.**
diff --git a/sample/android/app/src/main/AndroidManifest.xml b/sample/android/app/src/main/AndroidManifest.xml
@@ -0,0 +1,26 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    package="com.apptentive.reactnative.sample">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
+        android:windowSoftInputMode="adjustResize">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
+    </application>
+
+</manifest>
diff --git a/sample/android/app/src/main/java/com/apptentive/reactnative/sample/MainActivity.java b/sample/android/app/src/main/java/com/apptentive/reactnative/sample/MainActivity.java
@@ -0,0 +1,15 @@
+package com.apptentive.reactnative.sample;
+
+import com.facebook.react.ReactActivity;
+
+public class MainActivity extends ReactActivity {
+
+    /**
+     * Returns the name of the main component registered from JavaScript.
+     * This is used to schedule rendering of the component.
+     */
+    @Override
+    protected String getMainComponentName() {
+        return "sample";
+    }
+}
diff --git a/sample/android/app/src/main/java/com/apptentive/reactnative/sample/MainApplication.java b/sample/android/app/src/main/java/com/apptentive/reactnative/sample/MainApplication.java
@@ -0,0 +1,47 @@
+package com.apptentive.reactnative.sample;
+
+import android.app.Application;
+
+import com.apptentive.android.sdk.reactlibrary.RNApptentivePackage;
+import com.facebook.react.ReactApplication;
+import com.facebook.react.ReactNativeHost;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.shell.MainReactPackage;
+import com.facebook.soloader.SoLoader;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class MainApplication extends Application implements ReactApplication {
+
+  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
+    @Override
+    public boolean getUseDeveloperSupport() {
+      return BuildConfig.DEBUG;
+    }
+
+    @Override
+    protected List<ReactPackage> getPackages() {
+      return Arrays.<ReactPackage>asList(
+          new MainReactPackage(),
+          new RNApptentivePackage()
+      );
+    }
+
+    @Override
+    protected String getJSMainModuleName() {
+      return "index";
+    }
+  };
+
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
+
+  @Override
+  public void onCreate() {
+    super.onCreate();
+    SoLoader.init(this, /* native exopackage */ false);
+  }
+}
diff --git a/sample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/sample/android/app/src/main/res/mipmap-hdpi/ic_launcher.png
diff --git a/sample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/sample/android/app/src/main/res/mipmap-mdpi/ic_launcher.png
diff --git a/sample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/sample/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png
diff --git a/sample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/sample/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png
diff --git a/sample/android/app/src/main/res/values/strings.xml b/sample/android/app/src/main/res/values/strings.xml
@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">sample</string>
+</resources>
diff --git a/sample/android/app/src/main/res/values/styles.xml b/sample/android/app/src/main/res/values/styles.xml
@@ -0,0 +1,8 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+        <!-- Customize your theme here. -->
+    </style>
+
+</resources>
diff --git a/sample/android/build.gradle b/sample/android/build.gradle
@@ -0,0 +1,32 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+
+buildscript {
+    repositories {
+        jcenter()
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:2.2.3'
+
+        // NOTE: Do not place your application dependencies here; they belong
+        // in the individual module build.gradle files
+    }
+}
+
+allprojects {
+    repositories {
+        mavenLocal()
+        jcenter()
+        maven {
+            // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
+            url "$rootDir/../node_modules/react-native/android"
+        }
+        maven {
+            url 'https://maven.google.com/'
+            name 'Google'
+        }
+    }
+}
diff --git a/sample/android/gradle.properties b/sample/android/gradle.properties
@@ -0,0 +1,20 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx10248m -XX:MaxPermSize=256m
+# org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+android.useDeprecatedNdk=true
diff --git a/sample/android/gradle/wrapper/gradle-wrapper.jar b/sample/android/gradle/wrapper/gradle-wrapper.jar
diff --git a/sample/android/gradle/wrapper/gradle-wrapper.properties b/sample/android/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,5 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip
diff --git a/sample/android/gradlew b/sample/android/gradlew
@@ -0,0 +1,164 @@
+#!/usr/bin/env bash
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS=""
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn ( ) {
+    echo "$*"
+}
+
+die ( ) {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+esac
+
+# For Cygwin, ensure paths are in UNIX format before anything is touched.
+if $cygwin ; then
+    [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"`
+fi
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >&-
+APP_HOME="`pwd -P`"
+cd "$SAVED" >&-
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin, switch paths to Windows format before running java
+if $cygwin ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=$((i+1))
+    done
+    case $i in
+        (0) set -- ;;
+        (1) set -- "$args0" ;;
+        (2) set -- "$args0" "$args1" ;;
+        (3) set -- "$args0" "$args1" "$args2" ;;
+        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
+function splitJvmOpts() {
+    JVM_OPTS=("$@")
+}
+eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
+JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
+
+exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
diff --git a/sample/android/gradlew.bat b/sample/android/gradlew.bat
@@ -0,0 +1,90 @@
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS=
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windowz variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+if "%@eval[2+2]" == "4" goto 4NT_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+goto execute
+
+:4NT_args
+@rem Get arguments from the 4NT Shell from JP Software
+set CMD_LINE_ARGS=%$
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/sample/android/keystores/BUCK b/sample/android/keystores/BUCK
@@ -0,0 +1,8 @@
+keystore(
+    name = "debug",
+    properties = "debug.keystore.properties",
+    store = "debug.keystore",
+    visibility = [
+        "PUBLIC",
+    ],
+)
diff --git a/sample/android/keystores/debug.keystore.properties b/sample/android/keystores/debug.keystore.properties
@@ -0,0 +1,4 @@
+key.store=debug.keystore
+key.alias=androiddebugkey
+key.store.password=android
+key.alias.password=android
diff --git a/sample/android/settings.gradle b/sample/android/settings.gradle
@@ -0,0 +1,5 @@
+rootProject.name = 'sample'
+include ':apptentive-react-native'
+project(':apptentive-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/apptentive-react-native/android')
+
+include ':app'
diff --git a/sample/app.json b/sample/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "sample",
+  "displayName": "sample"
+}
diff --git a/sample/index.js b/sample/index.js
@@ -0,0 +1,4 @@
+import { AppRegistry } from 'react-native';
+import App from './App';
+
+AppRegistry.registerComponent('sample', () => App);
diff --git a/sample/ios/Podfile b/sample/ios/Podfile
@@ -0,0 +1,16 @@
+# Uncomment the next line to define a global platform for your project
+platform :ios, '9.0'
+
+target 'sample' do
+  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
+  use_frameworks!
+
+  # Pods for sample
+  pod 'apptentive-ios', '5.0.3'
+
+  target 'sampleTests' do
+    inherit! :search_paths
+    # Pods for testing
+  end
+
+end
diff --git a/sample/ios/Podfile.lock b/sample/ios/Podfile.lock
@@ -0,0 +1,12 @@
+PODS:
+  - apptentive-ios (5.0.3)
+
+DEPENDENCIES:
+  - apptentive-ios (= 5.0.3)
+
+SPEC CHECKSUMS:
+  apptentive-ios: ad55e169a5ad1d1b999f4f9e996948a2227c1bce
+
+PODFILE CHECKSUM: 560bee8688bf2b5ee064773d554a8a8c46aa1e81
+
+COCOAPODS: 1.4.0
diff --git a/sample/ios/sample.xcodeproj/project.pbxproj b/sample/ios/sample.xcodeproj/project.pbxproj
diff --git a/sample/ios/sample.xcodeproj/xcshareddata/xcschemes/sample-tvOS.xcscheme b/sample/ios/sample.xcodeproj/xcshareddata/xcschemes/sample-tvOS.xcscheme
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0820"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D2A28121D9B038B00D4039D"
+               BuildableName = "libReact.a"
+               BlueprintName = "React-tvOS"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+               BuildableName = "sample-tvOS.app"
+               BlueprintName = "sample-tvOS"
+               ReferencedContainer = "container:sample.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "sample-tvOSTests.xctest"
+               BlueprintName = "sample-tvOSTests"
+               ReferencedContainer = "container:sample.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "2D02E48F1E0B4A5D006451C7"
+               BuildableName = "sample-tvOSTests.xctest"
+               BlueprintName = "sample-tvOSTests"
+               ReferencedContainer = "container:sample.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "sample-tvOS.app"
+            BlueprintName = "sample-tvOS"
+            ReferencedContainer = "container:sample.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "sample-tvOS.app"
+            BlueprintName = "sample-tvOS"
+            ReferencedContainer = "container:sample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "2D02E47A1E0B4A5D006451C7"
+            BuildableName = "sample-tvOS.app"
+            BlueprintName = "sample-tvOS"
+            ReferencedContainer = "container:sample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/sample/ios/sample.xcodeproj/xcshareddata/xcschemes/sample.xcscheme b/sample/ios/sample.xcodeproj/xcshareddata/xcschemes/sample.xcscheme
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "0620"
+   version = "1.3">
+   <BuildAction
+      parallelizeBuildables = "NO"
+      buildImplicitDependencies = "YES">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "83CBBA2D1A601D0E00E9B192"
+               BuildableName = "libReact.a"
+               BlueprintName = "React"
+               ReferencedContainer = "container:../node_modules/react-native/React/React.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+               BuildableName = "sample.app"
+               BlueprintName = "sample"
+               ReferencedContainer = "container:sample.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "NO"
+            buildForArchiving = "NO"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "sampleTests.xctest"
+               BlueprintName = "sampleTests"
+               ReferencedContainer = "container:sample.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES">
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "00E356ED1AD99517003FC87E"
+               BuildableName = "sampleTests.xctest"
+               BlueprintName = "sampleTests"
+               ReferencedContainer = "container:sample.xcodeproj">
+            </BuildableReference>
+         </TestableReference>
+      </Testables>
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "sample.app"
+            BlueprintName = "sample"
+            ReferencedContainer = "container:sample.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "sample.app"
+            BlueprintName = "sample"
+            ReferencedContainer = "container:sample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+      <AdditionalOptions>
+      </AdditionalOptions>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "sample.app"
+            BlueprintName = "sample"
+            ReferencedContainer = "container:sample.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
diff --git a/sample/ios/sample.xcworkspace/contents.xcworkspacedata b/sample/ios/sample.xcworkspace/contents.xcworkspacedata
diff --git a/sample/ios/sample/AppDelegate.h b/sample/ios/sample/AppDelegate.h
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+#import <UIKit/UIKit.h>
+
+@interface AppDelegate : UIResponder <UIApplicationDelegate>
+
+@property (nonatomic, strong) UIWindow *window;
+
+@end
diff --git a/sample/ios/sample/AppDelegate.m b/sample/ios/sample/AppDelegate.m
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+#import "AppDelegate.h"
+
+#import <React/RCTBundleURLProvider.h>
+#import <React/RCTRootView.h>
+
+@implementation AppDelegate
+
+- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
+{
+  NSURL *jsCodeLocation;
+
+  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index" fallbackResource:nil];
+
+  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
+                                                      moduleName:@"sample"
+                                               initialProperties:nil
+                                                   launchOptions:launchOptions];
+  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
+
+  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
+  UIViewController *rootViewController = [UIViewController new];
+  rootViewController.view = rootView;
+  self.window.rootViewController = rootViewController;
+  [self.window makeKeyAndVisible];
+  return YES;
+}
+
+@end
diff --git a/sample/ios/sample/Base.lproj/LaunchScreen.xib b/sample/ios/sample/Base.lproj/LaunchScreen.xib
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
+        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
+    </dependencies>
+    <objects>
+        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
+        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
+        <view contentMode="scaleToFill" id="iN0-l3-epB">
+            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
+            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+            <subviews>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
+                    <rect key="frame" x="20" y="439" width="441" height="21"/>
+                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="sample" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
+                    <rect key="frame" x="20" y="140" width="441" height="43"/>
+                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                    <nil key="highlightedColor"/>
+                </label>
+            </subviews>
+            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+            <constraints>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
+                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
+                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
+                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
+                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
+                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
+            </constraints>
+            <nil key="simulatedStatusBarMetrics"/>
+            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
+            <point key="canvasLocation" x="548" y="455"/>
+        </view>
+    </objects>
+</document>
diff --git a/sample/ios/sample/Images.xcassets/AppIcon.appiconset/Contents.json b/sample/ios/sample/Images.xcassets/AppIcon.appiconset/Contents.json
@@ -0,0 +1,38 @@
+{
+  "images" : [
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "29x29",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "40x40",
+      "scale" : "3x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "iphone",
+      "size" : "60x60",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/sample/ios/sample/Images.xcassets/Contents.json b/sample/ios/sample/Images.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}
diff --git a/sample/ios/sample/Info.plist b/sample/ios/sample/Info.plist
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleDisplayName</key>
+	<string>sample</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>APPL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+	<key>LSRequiresIPhoneOS</key>
+	<true/>
+	<key>UILaunchStoryboardName</key>
+	<string>LaunchScreen</string>
+	<key>UIRequiredDeviceCapabilities</key>
+	<array>
+		<string>armv7</string>
+	</array>
+	<key>UISupportedInterfaceOrientations</key>
+	<array>
+		<string>UIInterfaceOrientationPortrait</string>
+		<string>UIInterfaceOrientationLandscapeLeft</string>
+		<string>UIInterfaceOrientationLandscapeRight</string>
+	</array>
+	<key>UIViewControllerBasedStatusBarAppearance</key>
+	<false/>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string></string>
+	<key>NSAppTransportSecurity</key>
+	<!--See http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/ -->
+	<dict>
+		<key>NSExceptionDomains</key>
+		<dict>
+			<key>localhost</key>
+			<dict>
+				<key>NSExceptionAllowsInsecureHTTPLoads</key>
+				<true/>
+			</dict>
+		</dict>
+	</dict>
+</dict>
+</plist>
diff --git a/sample/ios/sample/main.m b/sample/ios/sample/main.m
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import "AppDelegate.h"
+
+int main(int argc, char * argv[]) {
+  @autoreleasepool {
+    return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));
+  }
+}
diff --git a/sample/ios/sampleTests/Info.plist b/sample/ios/sampleTests/Info.plist
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>CFBundleDevelopmentRegion</key>
+	<string>en</string>
+	<key>CFBundleExecutable</key>
+	<string>$(EXECUTABLE_NAME)</string>
+	<key>CFBundleIdentifier</key>
+	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<key>CFBundleInfoDictionaryVersion</key>
+	<string>6.0</string>
+	<key>CFBundleName</key>
+	<string>$(PRODUCT_NAME)</string>
+	<key>CFBundlePackageType</key>
+	<string>BNDL</string>
+	<key>CFBundleShortVersionString</key>
+	<string>1.0</string>
+	<key>CFBundleSignature</key>
+	<string>????</string>
+	<key>CFBundleVersion</key>
+	<string>1</string>
+</dict>
+</plist>
diff --git a/sample/ios/sampleTests/sampleTests.m b/sample/ios/sampleTests/sampleTests.m
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+#import <UIKit/UIKit.h>
+#import <XCTest/XCTest.h>
+
+#import <React/RCTLog.h>
+#import <React/RCTRootView.h>
+
+#define TIMEOUT_SECONDS 600
+#define TEXT_TO_LOOK_FOR @"Welcome to React Native!"
+
+@interface sampleTests : XCTestCase
+
+@end
+
+@implementation sampleTests
+
+- (BOOL)findSubviewInView:(UIView *)view matching:(BOOL(^)(UIView *view))test
+{
+  if (test(view)) {
+    return YES;
+  }
+  for (UIView *subview in [view subviews]) {
+    if ([self findSubviewInView:subview matching:test]) {
+      return YES;
+    }
+  }
+  return NO;
+}
+
+- (void)testRendersWelcomeScreen
+{
+  UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController];
+  NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS];
+  BOOL foundElement = NO;
+
+  __block NSString *redboxError = nil;
+  RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+    if (level >= RCTLogLevelError) {
+      redboxError = message;
+    }
+  });
+
+  while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) {
+    [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+    [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];
+
+    foundElement = [self findSubviewInView:vc.view matching:^BOOL(UIView *view) {
+      if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) {
+        return YES;
+      }
+      return NO;
+    }];
+  }
+
+  RCTSetLogFunction(RCTDefaultLogFunction);
+
+  XCTAssertNil(redboxError, @"RedBox error: %@", redboxError);
+  XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS);
+}
+
+
+@end
diff --git a/sample/package-lock.json b/sample/package-lock.json
diff --git a/sample/package.json b/sample/package.json
@@ -0,0 +1,23 @@
+{
+  "name": "sample",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start",
+    "test": "jest"
+  },
+  "dependencies": {
+    "apptentive-react-native": "file:..",
+    "react": "16.3.0-alpha.1",
+    "react-native": "0.54.2"
+  },
+  "devDependencies": {
+    "babel-jest": "22.4.1",
+    "babel-preset-react-native": "4.0.0",
+    "jest": "22.4.2",
+    "react-test-renderer": "16.3.0-alpha.1"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}
diff --git a/sample/src/components/AuthModal.js b/sample/src/components/AuthModal.js
@@ -0,0 +1,82 @@
+import React, { Component } from 'react';
+import { View, Text, Modal, Button, TextInput } from 'react-native';
+import { Apptentive } from 'apptentive-react-native';
+import { showAlert } from '../helpers'
+
+export default class CustomDataModal extends Component {
+  constructor() {
+    super()
+    this.state = { isLoggedIn: false, JWT: '' }
+  }
+
+  render() {
+    return (
+      <Modal
+        animationType="slide"
+        transparent={false}
+        onRequestClose={() => { this.props.closeHandler() }}
+        >
+        <View style={styles.container} >
+          <TextInput
+            style={styles.borderedTextInput}
+            placeholder={'JWT'}
+            value={this.state.JWT}
+            onChangeText={(text) => this.setState({JWT: text})}
+          />
+          <View style={styles.buttonContainer}>
+            <Button title='Login' onPress={() => {
+                this._login()
+              }}
+            />
+            <Button title='Logout' onPress={() => {
+                this._logout()
+              }}
+            />
+          </View>
+        </View>
+    </Modal>);
+  }
+
+  _login() {
+    Apptentive.logIn(this.state.JWT)
+      .then(() => {
+        this.setState({isLoggedIn: true});
+        showAlert("Login", "Success!", this.props.closeHandler)
+      })
+      .catch((errorMessage) => {
+        showAlert("Login Failed", errorMessage.message, this.props.closeHandler)
+      });
+  }
+
+  _logout() {
+    Apptentive.logOut()
+      .then(() => {
+        this.setState({isLoggedIn: true});
+        showAlert("Logout", "Success!", this.props.closeHandler)
+      })
+      .catch((errorMessage) => {
+        showAlert("Logout failed", errorMessage.message, this.props.closeHandler)
+      });
+
+    this.setState({isLoggedIn: false})
+  }
+}
+
+styles = {
+  container: {
+    marginTop: 22,
+    flex: 1,
+    flexDirection: 'column',
+  },
+  buttonContainer: {
+    width: 300,
+    height: 40,
+    flexDirection: 'row'
+  },
+  borderedTextInput: {
+    height: 40,
+    width: 300,
+    borderColor: 'gray',
+    borderWidth: 1
+  }
+}
diff --git a/sample/src/components/CustomDataModal.js b/sample/src/components/CustomDataModal.js
@@ -0,0 +1,112 @@
+import React, { Component } from 'react';
+import { View, Text, Modal, Button, TextInput, Picker } from 'react-native';
+import { Apptentive } from 'apptentive-react-native';
+
+export default class CustomDataModal extends Component {
+  constructor() {
+    super()
+    this.state = { key: '', value: '', type: 'string'}
+  }
+
+  render() {
+    return (
+      <Modal
+        animationType="slide"
+        transparent={false}
+        onRequestClose={() => { this.props.closeHandler() }}
+        >
+        <View style={styles.container} >
+          <Button title="Done" onPress={() => {
+              this.props.closeHandler()
+            }}
+          />
+          <Picker
+            selectedValue={this.state.type}
+            onValueChange={(itemValue, itemIndex) => this.setState({type: itemValue})}>
+            <Picker.Item label="String" value="string" />
+            <Picker.Item label="Boolean" value="boolean" />
+            <Picker.Item label="Number" value="number" />
+          </Picker>
+          <View style={styles.dataContainer}>
+            <View style={styles.textInputButtonRow}>
+              <TextInput
+                style={styles.borderedTextInput}
+                placeholder={'Custom data key'}
+                value={this.state.key}
+                onChangeText={(text) => this.setState({key: text})}
+              />
+              <Button
+                style={styles.button}
+                onPress={() => {
+                  if (this.props.mode == 'person') {
+                    Apptentive.removeCustomPersonData(this.state.key)
+                  } else if (this.props.mode == 'device') {
+                    Apptentive.removeCustomDeviceData(this.state.key)
+                  }
+                }
+              }
+              title="Remove"
+            />
+            </View>
+            <View
+              style={styles.textInputButtonRow}>
+              <TextInput
+                style={styles.borderedTextInput}
+                placeholder={`Custom data ${this.state.type}`}
+                value={this.state.value}
+                onChangeText={(text) => this.setState({value: text})}
+              />
+              <Button
+                style={styles.button}
+                onPress={() => {
+                  if (this.props.mode == 'person') {
+                    const value = this._getTypedValue(this.state.value, this.state.type)
+                    Apptentive.addCustomPersonData(this.state.key, value)
+                  } else if (this.props.mode == 'device') {
+                    const value = this._getTypedValue(this.state.value, this.state.type)
+                    Apptentive.addCustomDeviceData(this.state.key, value)
+                  }
+                }}
+                title="Add"/>
+            </View>
+          </View>
+        </View>
+    </Modal>);
+  }
+
+  _getTypedValue(value, type) {
+    switch (type) {
+      case 'number':
+        return Number.parseFloat(value)
+      case 'boolean':
+        return value == 'true'
+      default:
+        return value
+    }
+  }
+}
+
+styles = {
+  container: {
+    flex: 1,
+    marginTop: 22,
+    flexDirection: 'column'
+  },
+  dataContainer: {
+    flexDirection: 'column',
+    height: 80
+  },
+  textInputButtonRow: {
+    flex: 1,
+    flexDirection: 'row',
+    height: 40
+  },
+  borderedTextInput: {
+    flex: 1,
+    borderColor: 'gray',
+    borderWidth: 1,
+    height: 40
+  },
+  button: {
+  }
+}
diff --git a/sample/src/helpers.js b/sample/src/helpers.js
@@ -0,0 +1,20 @@
+import { Alert } from 'react-native';
+
+function showAlert(title, message, closeHandler) {
+  Alert.alert(
+    title,
+    message,
+    [
+      {text: 'OK', style: 'cancel', onPress: () => {
+        if (closeHandler !== undefined) {
+          closeHandler()
+        }
+      }},
+    ],
+    { cancelable: false }
+  )
+}
+
+module.exports = {
+  showAlert
+}