# Agent AI Web SDK
Kore.ai offers the Agent AI Web SDK, a versatile and customizable solution for integrating Agent AI into your web application. It is built using JavaScript, Preact, and CSS/SCSS, enabling dynamic HTML generation and customization through a comprehensive event system.

With just few lines of code, you can embed our Kore.ai Agent AI Web SDK into your applications to enable end-users to interact with your applications using Natural Language. For more information, refer to

Agent AI Web SDK

## 💡 Getting Started

First, install Agent AI web SDK via the [npm](https://www.npmjs.com/get-npm) package manager:

```bash
npm install --save npm i @koreai/agentai-web-sdk
```

Get AAWindow and AAConfig

```js
import { AAConfig, AAWindow } from '@koreai/agentai-web-sdk';
```
Configure AAConfig



```js
    let aaConfig = AAConfig;
    aaConfig.connectionDetails = {
        conversationId: "PLEASE_ENTER_CONVERSATION_ID",
        botId : "PLEASE_ENTER_BOT_ID",
        domainURL: "PLEASE_ENETR_DOMAIN_URL",
        token: "PLEASE_ENTER_TOKEN",
        interactiveLanguage: "PLEASE_ENTER_LANGUAGE",
        customData: "PLEASE_ENTER_CUSTOM_DATA",
        userName: "PLEASE_ENTER_USER_NAME",
        channel: "PLEASE_ENTER_CHANNEL",
        sessionId: "PLEASE_ENTER_SESSION_ID",
        summaryEnabled: "PLEASE_ENTER_SUMMARY_ENABLED"
    };
    aaConfig.container = 'aa-web-sdk';
    aaConfig.branding.colors.primay = '#2970FF';

    /* 
        Important Note: These keys are provided here for quick demos to generate JWT token at client side but not for Production environment.
        Refer below document for JWT token generation at server side. Client Id and Client secret should maintained at server end.
        https://developer.kore.ai/docs/bots/sdks/user-authorization-and-assertion/
    **/

```


Create AAWindow instance and trigger show method
```js
    var chatWindowInstance = new AAWindow(aaConfig);
    chatWindowInstance.show(aaConfig);
```

## 💡 Using Agent AI via CDN

include the following script in your html file and configure bot configurations 

```js

<script src="https://cdn.jsdelivr.net/npm/@koreai/agentai-web-sdk@1.0.0/dist/umd/agentai-web-sdk-umd.min.js"></script> 
<script>
        var aaWindow=KoreAASDK.AAWindow;
        var aaConfig=KoreAASDK.AAConfig;

        aaConfig.connectionDetails = {
            conversationId: "PLEASE_ENTER_CONVERSATION_ID",
            botId : "PLEASE_ENTER_BOT_ID",
            domainURL: "PLEASE_ENETR_DOMAIN_URL",
            token: "PLEASE_ENTER_TOKEN",
            interactiveLanguage: "PLEASE_ENTER_LANGUAGE",
            customData: "PLEASE_ENTER_CUSTOM_DATA",
            userName: "PLEASE_ENTER_USER_NAME",
            channel: "PLEASE_ENTER_CHANNEL",
            sessionId: "PLEASE_ENTER_SESSION_ID",
            summaryEnabled: "PLEASE_ENTER_SUMMARY_ENABLED"
        };
        aaConfig.container = 'aa-web-sdk';
        aaConfig.branding.colors.primay = '#2970FF';

        /* 
            Important Note: These keys are provided here for quick demos to generate JWT token at client side but not for Production environment.
            Refer below document for JWT token generation at server side. Client Id and Client secret should maintained at server end.
            https://developer.kore.ai/docs/bots/sdks/user-authorization-and-assertion/
        **/

        var chatWindowInstance = new aaWindow(aaConfig);
        chatWindowInstance.show(aaConfig);
        
</script>

```