## Description

Jinni Chatbot engages with visitors, captures all the required details, and filters motivated vendors and landlords through AI-powered fully customisable conversations. It automatically books valuations and callbacks, and even enables you to chat with potential customers in real-time.

Save your valuable time and effort spent locating inquiries from vendors and landlords in emails and voice messages. Reach out to your customers and secure them before your competitors do.
<!-- [![mit](https://img.shields.io/badge/license-MIT-blue.svg)](https://choosealicense.com/licenses/mit/)
![Github lerna version](https://img.shields.io/github/lerna-json/v/livechat/chat-widget-adapters?label=version)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
[![Check](https://github.com/livechat/chat-widget-adapters/actions/workflows/check.yml/badge.svg?branch=master)](https://github.com/livechat/chat-widget-adapters/actions/workflows/check.yml) -->

## Installation

Using npm:

```bash
npm i jinni-chatbot
```

<!-- or using yarn:

```bash
yarn add @livechat/widget-react
``` -->

## Usage

### Render

```js

import JinniChatbot from 'jinni-chatbot'

const App = () => {
  
  return <div>
        <JinniChatbot 
          botId={Your_Bot_Key} 
          botTheme="Your_theme" 
          visible={true}
          />
     </div>
};

```

### Props

All properties described below are used for initialization on the first render and later updates of the chat widget with new values on change.

| Prop                   | Type                                   |
| ---------------------- | -------------------------------------- |
| botId                  | Provided chatbot key                   |
| botTheme               | String                                 |
| visible                | Boolean (default true)                 |


### For Next.js 

Add the following code in the Next.js project to import the library in the project and keep the SSR false for this library:

```js

import dynamic from 'next/dynamic';

const JinniChatbot = dynamic(() => import('jinni-chatbot'), { ssr: false });

```

<!-- ## License

The code and documentation in this project are released under the [MIT License](https://choosealicense.com/licenses/mit/). -->