Skip to content

guustmc/react-native-zendesk-chat

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

React Native Wrapper around Zopim Zendesk Chat

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Objective-C 50.3%
  • Java 45.5%
  • Ruby 3.5%
  • JavaScript 0.7%