Simpli AI Assistant Panel

A reusable React component for integrating AI assistant functionality into your applications.

Installation

``bash
npm install simpli-ai-assistant-panel
`

Usage

$3

`tsx
import React from 'react';
import { SimpliAIAssistantPanel, AIAssistantProvider } from 'simpli-ai-assistant-panel';
import 'simpli-ai-assistant-panel/styles'; // Import the styles

function App() {
return (



);
}
`

$3

`tsx
import React from 'react';
import { SimpliAIAssistantPanel, AIAssistantProvider } from 'simpli-ai-assistant-panel';
import 'simpli-ai-assistant-panel/styles';

function App() {
const handleDownloadDoc = async (contentElement, title) => {
console.log('Generating document:', title);
console.log('Content:', contentElement.innerHTML);
};

return (
application="policyagent"
onDownloadDoc={handleDownloadDoc}
>


);
}
`

$3

`tsx
import React from 'react';
import { SimpliAIAssistantPanel, AIAssistantProvider } from 'simpli-ai-assistant-panel';
import 'simpli-ai-assistant-panel/styles';

function App() {
const handleAssistantCallback = () => {
console.log('Assistant interaction completed');
};

return (
application="policyagent"
useAssistant={handleAssistantCallback}
>


);
}
`

API Reference

$3

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| application | string | No | Application identifier for the AI assistant |
| useAssistant | () => void | No | Callback function called after successful message sending or feedback submission |
| onDownloadDoc | (contentElement: HTMLElement, title: string) => Promise | No | Callback function for custom document download functionality |

$3

| Prop | Type | Required | Description |
|------|------|----------|-------------|
| isAuthenticated | boolean` | Yes | Whether the user is authenticated to use the assistant |