@koreai/agentai-web-sdk
v1.2.1
Published
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 e
Downloads
177
Keywords
Readme
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 package manager:
npm install --save npm i @koreai/agentai-web-sdk
Get AAWindow and AAConfig
import { AAConfig, AAWindow } from '@koreai/agentai-web-sdk';
Configure AAConfig
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
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
<script src="https://cdn.jsdelivr.net/npm/@koreai/[email protected]/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>