To integrate Sprinklr Live Chat Messenger into your project, you must install the Live Chat SDK along with its necessary peer dependencies. This section provides a step-by-step guide to install Live Chat Messenger and its necessary dependencies. 

Prerequisite 

Before you begin with the installation, ensure that the following prerequisite is met: 

Configure Sprinklr Messenger Registry

Sprinklr Live Chat Messenger is a restricted package. Therefore, you need to configure the following registry in .npmrc for Sprinklr scoped packages: 

@sprinklrjs:registry=https://prod-nexus-external.sprinklr.com/nexus/repository/npm/   
always-auth=true   
_auth=<SPR_REGISTRY_AUTH_TOKEN>

Install Sprinklr Messenger

Install the Sprinklr Messenger in your project using your preferred package manager, as shown in the following commands: 

Using yarn

yarn add @sprinklrjs/chat-native-client@11.1.1 

Using npm

npm install --save @sprinklrjs/chat-native-client@11.1.1 

​

Install Sprinklr Messenger Peer Dependencies

Sprinklr Live Chat Messenger supports the peer dependencies listed in the Supported Peer Dependencies table. You can install these dependencies as part of the Sprinklr Messenger installation.

In addition to installing these dependencies, they also need to be linked natively. To properly link them, refer to their official documentation. Additionally, verify that you have all the required dependencies and that their versions meet the specified threshold in the Supported Versions column of the Supported Peer Dependencies table.

If you need to use an alternative to a specific dependency or implement a custom solution, refer to the Customize Peer Dependencies section for guidance.

Supported Peer Dependencies

The following sections provide an overview of the supported peer dependencies and their respective details:

State Management

React Native UI Components

Utility Libraries

React Native Community Libraries

Additional React Native Features

Install Peer Dependencies

You can use the following yarn or npm command to install the peer dependencies:

Using yarn

yarn add <package-name> 

Example

yarn add react-native-vector-icons react-native-blob-util react-native-image-picker react-native-video @react-native-community/netinfo react-native-webview react-native-permissions @react-native-camera-roll/camera-roll @react-native-async-storage/async-storage @react-native-clipboard/clipboard react-native-svg react-native-reanimated 

Using npm

npm install <package-name> 

Example

npm install --save react-native-vector-icons react-native-blob-util react-native-image-picker react-native-video @react-native-community/netinfo react-native-webview react-native-permissions @react-native-camera-roll/camera-roll @react-native-async-storage/async-storage @react-native-clipboard/clipboard react-native-svg react-native-reanimated 

​

Next Step

Set Up Live Chat Messenger

Additional Resources

See All Integration Steps