OnShift Chat Widget

A chat widget designed to be used in both mobile and non-mobile environments. Utilizing Sendbird and the SDK they provide, this widget will allow for conversational communication between the various members of a given Engage community.

Running in Development Mode

Clone the repo
run npm install
run npm run start-dev
- this will start the chat widget on localhost:9000

Usage

Note:

this is still very much in development, but we're trying to keep the documentation up to date

Build

The widget is transpiled down to ECMAScript 2015, so it should be easily utilized in older projects and work in a variety of older browsers.

the widget has been implemented into other projects systems using the webpack module bundler
the widget utilizes the JS module system in order to achieve ease of use.

Incorporation

To incorporate the widget, the following code must be written in a React project

    import SendBirdWidget from 'onshift-chat-widget/build/widget.Sendbird.js';`
    let sbWidget = new SendBirdWidget();

in order to initialize the widget, a div with an id of sb_widget must exist somewhere in the DOM
create a json object, similar to the below:

    var loginData = {
      appId:'XXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXX',
      nickname: 'Nickname Goes Here',
      role: 'Administrator',
      userId: 'Unique ID of user goes here'
    };

appId: the id of the Sendbird application we are connecting to
userId: the id of the user who is connecting to the Sendbird application
nickname: the name to be displayed when displaying their name
accessToken: some valid access token that
in order to start the widget, invoke the widget and pass in the loginData json object you created: sbWidget.startWithConnect(loginData)

Running the tests

We are going to use the jest test running framework, as that seems to be the framework that newer OnShift components are migrating to. To run the tests, simply run npm run test.