open-index/open-npm huggingface dataset:
npm package: @simpli-nikola/simpli-ai-assistant-chat-ui
Description: Reusable React component for embedding a Simpli AI assistant chat panel.
Latest version: 1.0.0

# simpli-ai-assistant-chat

Reusable React component for embedding a Simpli AI assistant chat panel.

## Installation

```bash
npm install simpli-ai-assistant-chat-ui
```

## Usage

Import the component and use it in your React app:

```tsx
import { useState } from 'react';
import { SimpliAIAssistantChat } from 'simpli-ai-assistant-chat-ui';
import { Message, QuickReply } from 'simpli-ai-assistant-chat-ui/dist/types/chat';
import 'simpli-ai-assistant-chat-ui/dist/index.css';

function App() {
  // Example: set up your initial messages and quick replies
  const [messages, setMessages] = useState<Message[]>([]);
  const [quickReplies, setQuickReplies] = useState<QuickReply[]>([]);

  return (
    <SimpliAIAssistantChat
      token="your_api_token_here" // Required
      applicationType="knowledgeagent" // or "policyagent", "clientportal"
      quickReplies={quickReplies}
      showSearchType={false}
      initialMessages={messages}
    />
  );
}
```

## Props

| Prop                | Type        | Description                                                                 |
|---------------------|-------------|-----------------------------------------------------------------------------|
| `token`             | string      | **Required.** API token for authentication                                  |
| `applicationType`   | string      | Chat type: `"policyagent"`, `"knowledgeagent"`, or `"clientportal"`        |
| `quickReplies`      | QuickReply[]| Array of quick reply objects                                                |
| `initialMessages`   | Message[]   | Array of initial message objects                                            |
| `showSearchType`    | boolean     | Show search type selector (default: true)                                   |
| `showResponseMode`  | boolean     | Show response mode selector (default: true)                                 |
| `showVoice`         | boolean     | Show voice input button (default: false)                                    |
| `className`         | string      | Additional CSS class names for the root container (optional)                |

> **Note:** You must provide your own state management for messages and quick replies as shown in the example. The `token` prop is required for API access.

## Environment Variables

Create a `.env` file in the project root with the following variables:

```
VITE_ASSISTANT_API_BASE_URL=https://ai-assistant.simpliautomation.com/api/v1/assistant/
VITE_ASSISTANT_API_TOKEN=your_api_token_here
```

Replace `your_api_token_here` with your actual API token.
npm package: @simpli-route/apollo-ds
Description: This project is to be able to integrate all the components to be used in different SimpliRoute apps.
Latest version: 0.1.80

# Apollo-design-system

This project is to be able to integrate all the components to be used in different SimpliRoute apps.

## Tech Stack

- [pnpm](https://pnpm.io/es/)
- [React js with Vite](https://vitejs.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [TypeScript](https://www.typescriptlang.org)
- [React Aria](https://react-spectrum.adobe.com/react-aria/)
- [CVA](https://cva.style/docs)
- [ESLint](https://eslint.org)
- [Prettier](https://prettier.io)

## VSCode extensions to install

Check the **.vscode/extensions.json** file for the extensions to install in VSCode.

## VSCode settings to use

Check the **.vscode/settings.json** file for the settings to use in VSCode.

## Run Locally

After following the steps to create your **env.local** file you can run these commands to run the project locally.

Install dependencies:

```bash
  pnpm i
```

Run the project with the storybook:

```bash
  pnpm storybook
```

## Running Tests

To run tests with watch mode (default):

```bash
  pnpm test
```

## Deployment

Coming soon~