@cs-chatbots/cobrowsing

Cobrowsing

Unified Cobrowsing Solution. It offers uniform control and appearance of the following solutions:

• Teamviewer (chatvisor)
• Avaya (Live Support) - not implemented yet
• Unblu (embedded cobrowsing) - not implemented yet

Integration

Installation

npm install @cs-chatbots/cobrowsing

Teamviewer provider integration example

import { cobrowsing, CobrowsingProvider } from '@cs-chatbots/cobrowsing'

const options = {
    provider: CobrowsingProvider.TV,
    scriptUri: 'https://staging.engage.teamviewer.com/cdn/js/abcdefgh.js'
}

const { init, isActive, start, stop } = cobrowsing(options);

start(); // Starts Teamviewer Cobrowsing session

Teamviewer Options

Option	Description
provider	Specified provider. E. g. CobrowsingProvider.TV
scriptUri	Script URI of the Teamviewer solution E.g. 'https://staging.engage.teamviewer.com/cdn/js/abcdefgh.js'
onStart	On start callback. It is triggered when the user starts the Cobrowsing session.
onStop	On stop callback. It is triggered when the user stops the Cobrowsing session.

Teamviewer Functions

method	description
init	The init() function. It should be called right after the page is loaded. Possibly during the bootstrap phase. It ensures that the selected solution is loaded and the Cobrowsing session continues. It was created primarily to ensure the continuity of the Cobrowsing session after the page reload.
isActive	The isActive() function. Returns a boolean value which shows if the Cobrowsing session is active/connected.
start	The start() function. Starts the Cobrowsing session. A small UI interface is shown where the session id is visible and the Cobrowsing session can be deactivated.
stop	The stop() function. Stops the Cobrowsing session. The UI for closing the session is destroyed. Should be called on user logout if the Cobrawsing session is active.

Development

npm install

npm run start

Dev server starts on http://localhost:4000/