Integration

Do the following Installation and Instance creation steps to integrate the Web Client SDK into your project directory.

Installation Steps

Do the following step to integrate the Web Client SDK package into your project’s root directory.

Add @bluejeans/web-client-sdk as a dependency to your package.json file.
```
npm i @bluejeans/web-client-sdk
```

Note

If you are using styled-components as a dependency in your package, use the version under 4.0.0. However, we recommend using 3.4.5 version for optimal usage.

Instance Creation using the SDK

Run the following command to import the BJNWebClientSDK into your project.
```
import { BJNWebClientSDK } from '@bluejeans/web-client-sdk';
```
Run the following command to create a new instance of the SDK.
```
let webClientSDK = new BJNWebClientSDK();
```

Alternative Installation Instruction via Script tag

Run the following command link that will automatically download the package at the relevant location.

<script crossorigin src="https://unpkg.com/react@16.12.0/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16.12.0/umd/react-dom.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-is@16.12.0/umd/react-is.production.min.js"></script>
<script crossorigin src="https://unpkg.com/styled-components@3.4.5/dist/styled-components.js"></script>
<script crossorigin src="https://unpkg.com/@bluejeans/web-client-sdk@latest/dist/BJNWebClientSDK.js"></script>

BJNWebClientSDK has an internal dependency on styled-components on ReactJs. Hence this style requires the styled-components CDN bundles, react and related modules (before BJNWebClientSDK.js script). For more details on styled component installation, see here.

Instance Creation Using the SDK

Run the following command to create a new instance using the SDK
```
var webClientSDK = new BJNWebClientSDK.BJNWebClientSDK();
```

The SDK features and use cases can be explored in Exploring the SDK.