To set up Sprinklr Messenger, you need to link the Sprinklr Messenger in your project and add the necessary permissions. 

Setup for Android

To setup Sprinklr Messenger, follow these steps: 

Link Sprinklr Messenger in Your Project

You can link Sprinklr Messenger in your project with autolinking or without autolinking. Autolinking automatically links the peer dependencies in your project with Sprinklr Messenger.

​

​

See the relevant section for steps: 

• Autolinking is enabled (recommended)  

• Autolinking is disabled  

Autolinking Enabled

1. In android/settings.gradle, add the following lines. This will add Sprinklr Messenger and related dependencies to your app. 

include ':spr-native-kit'project(':spr-native-kit').projectDir = new File(rootProject.projectDir, '../node_modules/@sprinklrjs/native-kit/android') 

2. In MainApplication.java, add the following lines to make Sprinklr Messenger related packages a part of React Native package: 

To enable autolinking, pass true as value to the getPackages method. 

import com.sprinklr.messenger.SPRMessengerPackagesProvider ​@Override ​protected List<ReactPackage> getPackages() { ​List<ReactPackage> packages = new ArrayList<>(Arrays.asList( ​...{YOUR_NATIVE_PACKAGES} ​)); ​packages.addAll(SPRMessengerPackagesProvider.getPackages(true)); // send false to disable automatic linking, send true or nothing to enable autolinking ​return packages; ​} 

Autolinking Disabled

1. In android/settings.gradle, add following lines. This will add Sprinklr Messenger and related dependencies to your app. 

include ':@sprinklr-chat-native-client' ​project(':@sprinklr-chat-native-client').projectDir = new File(rootProject.projectDir, '../node_modules/@sprinklrjs/chat-native-client/android')   ​include ':spr-native-kit' ​project(':spr-native-kit').projectDir = new File(rootProject.projectDir, '../node_modules/@sprinklrjs/native-kit/android') 

2. In android/app/build.gradle, add the following line:

dependencies {   implementation project(':@sprinklr-chat-native-client') } 

3. Add these lines to MainApplication.java. This will make Sprinklr Messenger’s related packages a part of the React Native package:

import com.sprinklr.messenger.SPRMessengerPackagesProvider . .      @Override      protected List<ReactPackage> getPackages() {        List<ReactPackage> packages = new ArrayList<>(Arrays.asList(           ...{YOUR_NATIVE_PACKAGES}        ));        packages.addAll(SPRMessengerPackagesProvider.getPackages());        return packages;      } 

Add Permissions to Your Project

If you are supporting media upload/download and location sharing features in messenger, include the following permissions in AndroidManifest.xml:

​

Example

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.DOWNLOAD_WITHOUT_NOTIFICATION" /> <uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.RECORD_AUDIO" />   <uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>

​

Setup for iOS

To setup Sprinklr Messenger in iOS, follow these steps: 

Link Sprinklr Messenger in Your Project

In Podfile, add the following lines. This will add Sprinklr Messenger and related dependencies to your app:

pod 'SPRMessenger', :path => '../node_modules/@sprinklrjs/chat-native-client/SPRMessenger.podspec'  pod 'SPRNativeKit', :path => '../node_modules/@sprinklrjs/native-kit/SPRNativeKit.podspec' # Add this pod manually if not linked automatically via react native auto linking 

Add Permissions to Your Project

If you are supporting upload and download media functionality in messenger, include the following permissions in the info.plist file:

Example

<key>NSCameraUsageDescription</key> <string>Messenger app requires access to the camera to capture the photos.</string> <key>NSMicrophoneUsageDescription</key> <string>Messenger app requires access to the microphone to record video.</string> <key>NSPhotoLibraryUsageDescription</key> <string>Messenger app requires access to the photos library.</string> <key>NSLocationWhenInUseUsageDescription</key><string>We need your location to display it on the map.</string> 

Next Step

Initialize Sprinklr Live Chat

​Additional Resources

See All Integration Steps

​