Simple module that allows displaying Zopim Chat from Zendesk for React Native.
For RN version higher than 0.30 use version >= 0.1.x
For RN version lower than 0.30 use version 0.0.2.
Since version 0.2.0 department
is set to ZDCPreChatDataRequiredEditable
.
I could not find how to make the import for iOS work properly since I'm using Cocoapods for Zendesk, if you have a suggestion that would be great.
Follow the instructions to install the SDK for iOS and Android.
npm install react-native-zendesk-chat --save
- In Xcode, drag and drop
node_modules/react-native-zendesk-chat/RNZendeskChat.m
andnode_modules/react-native-zendesk-chat/RNZendeskChat.h
into your project. - Configure
ZDCChat
inAppDelegate.m
:
[ZDCChat configure:^(ZDCConfig *defaults) {
defaults.accountKey = "YOUR_ZENDESK_ACCOUNT_KEY";
}];
npm install react-native-zendesk-chat --save
- Open up
android/app/main/java/[...]/MainActivity.java
- Add
import com.taskrabbit.zendesk.*;
to the imports at the top of the file - Add
new RNZendeskChatPackage(this)
to the list returned by thegetPackages()
method
- 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')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:
compile project(':react-native-zendesk-chat')
- Configure
ZopimChat
inandroid/app/main/java/[...]/MainActivity.java
ZopimChat.init("YOUR_ZENDESK_ACCOUNT_KEY").build();
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"
});
- Allow setting form configuration from JS
- Add examples