Simpli AI Assistant Panel

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

Installation

npm install simpli-ai-assistant-panel

Usage

Basic Usage

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

function App() {
  return (
    <AIAssistantProvider application="policyagent">
      <SimpliAIAssistantPanel isAuthenticated={true} />
    </AIAssistantProvider>
  );
}

With Custom Document Download

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 (
    <AIAssistantProvider 
      application="policyagent"
      onDownloadDoc={handleDownloadDoc}
    >
      <SimpliAIAssistantPanel isAuthenticated={true} />
    </AIAssistantProvider>
  );
}

With useAssistant Callback

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 (
    <AIAssistantProvider 
      application="policyagent"
      useAssistant={handleAssistantCallback}
    >
      <SimpliAIAssistantPanel isAuthenticated={true} />
    </AIAssistantProvider>
  );
}

API Reference

AIAssistantProvider Props

| 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<void> | No | Callback function for custom document download functionality |

SimpliAIAssistantPanel Props

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