react-native-zendesk-chat

react-native-zendesk-chat

Simple module that allows displaying Zopim Chat from Zendesk for React Native.

VERSIONS

For RN version higher than 0.59 use version >= 0.3.0

For RN version lower than 0.59 use version <= 0.2.2

Known Issues

Getting Started

Follow the instructions to install the SDK for iOS and Android.

Manual install

1. With npm:

   npm install react-native-zendesk-chat --save

   or with yarn:

   yarn add react-native-zendesk-chat

iOS

1. Add a reference to your Podfile:

   pod 'RNZendeskChat', :git => 'https://github.com/robertmurray/react-native-zendesk-chat.git'

   then run pod install: (cd ios; pod install)

   or manually:

   In Xcode, drag and drop node_modules/react-native-zendesk-chat/RNZendeskChat.m and node_modules/react-native-zendesk-chat/RNZendeskChat.h into your project.

2. Configure ZDCChat in AppDelegate.m:

#import <ZDCChat/ZDCChat.h>

[ZDCChat initializeWithAccountKey:@"YOUR_ZENDESK_ACCOUNT_KEY"];

Android

1. Open up android/app/main/java/[...]/MainApplication.java

• Add import com.taskrabbit.zendesk.*; to the imports at the top of the file
• Add new RNZendeskChatPackage(this) to the list returned by the getPackages() method

1. Append the following lines to android/settings.gradle:

include ':react-native-zendesk-chat'
project(':react-native-zendesk-chat').projectDir = new File(rootProject.projectDir,	'../node_modules/react-native-zendesk-chat/android')

1. Insert the following lines inside the dependencies block in android/app/build.gradle:

compile project(':react-native-zendesk-chat')

1. Configure ZopimChat in android/app/main/java/[...]/MainActivity.java

ZopimChat.init("YOUR_ZENDESK_ACCOUNT_KEY").build();

Usage

In your code add:

import ZendeskChat from 'react-native-zendesk-chat

...

ZendeskChat.startChat({
  name: user.full_name,
  email: user.email,
  phone: user.mobile_phone,
  tags: ['tag1', 'tag2'],
  department: "Your department"
});

TODO

• Allow setting form configuration from JS
• Add examples

License

React Native is MIT licensed, as found in the LICENSE file.