Agent AI Web SDK¶
Agent AI Web SDK provides a versatile and customizable solution for integrating chatbot functionalities into web applications. Built using JavaScript, Preact, and SCSS, this SDK enables seamless interaction, real-time event handling, and UI customization for an enhanced user experience.
Prerequisites¶
Before using the SDK, generate the following:
- Client ID
- Bot ID
- Client Secret
To generate the above identifiers, persue the following steps:
- Navigate to the page AgentAssist Configuration.
- Open the Automations section.
- Create a new bot or import an existing one.
- Once the bot is created or imported, its details will be displayed under the Channels section of the Configuration page.
Generate a JWT (JSON Web Token) using the above identifiers.
Getting Started¶
There are two ways to integrate the SDK into your project:
- Installation via CDN
- Installation via NPM
Installation via CDN¶
Include the SDK directly in your HTML via a CDN:
Using the av credentials, you can
{
botName: "<BOT_NAME>",
conversationId: "XXXX",
interactiveLanguage: "en",
customData: {},
userName: "<User Name>",
channel: "chat",
{
sessionId: 0,
summaryEnabled: "true",
}
};
Installation via NPM¶
To install the SDK via NPM, use the following command
Initialize the SDK in your project
import { AAConfig, AAWindow } from '@kore/agentai-web-sdk';
const aaWindowInstance = new AAWindow();
const config = { ...AAConfig };
config.connectionDetails = {
domainUrl: "<DOMAIN_URL>",
token: "<YOUR_TOKEN>",
botId: "XXXX",
botName: "<BOT_NAME>",
conversationId: "XXXX",
interactiveLanguage: "en",
customData: {},
userName: "<USER_NAME>",
channel: "chat",
}