Library of react components that allows you to create dialog interface that interacts with a third-party service that provides the ability to interact with chat.

For install library you need enter next comand:

npm i sova-chatkit

For quick start and make changes to a library component, enter in your App.jsx file next comand:

import React from "react"
import { CkComponents } from "sova-chatkit"
 
function App() {
 return (
 <div className="App">
   <CkComponents.ChatIt ckStore={true} />
 </div>
 )
}
 
export default App

The library consists of the next components:

🦄 CkComponents - UI components of widget (react-components);
🔧 ckAPIMethods - methods that affect behavior of UI or interaction with UI;
📘 ckStore - management of content.

Detailed description of the library is given below.

import { CkComponents } from "sova-chatkit"

Widget uses next react components:

Each component accepts props from ckStore with value true or false denoting whether the component should cling information from the base ckStore or not.

import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods stores a list of methods:

All methods affect information stored ckStore and can change widget behavior and display.

import { ckStore } from "sova-chatkit"

ckStore stores content information in global keys:

Implemented with Storeon. You can see all content information in react dev tools.