chatKit lib

? Por que?

Biblioteca de componentes de reação que permite criar uma interface de diálogo que interage com um serviço de terceiros que fornece a capacidade de interagir com chat.

? Instalar

Para instalar a biblioteca, você precisa inserir o próximo comando:

 npm i sova - chatkit

Início rápido

Para iniciar rapidamente e fazer alterações em um componente da biblioteca, insira o próximo comando em seu arquivo App.jsx :

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

? Índice

A biblioteca consiste nos seguintes componentes:

? CkComponents - componentes UI do widget (componentes react);
? ckAPIMethods - métodos que afetam o comportamento da UI ou a interação com a UI;
ckStore - gerenciamento de conteúdo.

A descrição detalhada da biblioteca é fornecida abaixo.

Descrição da biblioteca

Componentes Ck

 import { CkComponents } from "sova-chatkit"

O widget usa os próximos componentes de reação:

Componente
Distintivo	botão de expansão do widget
Mensagem	bolha de mensagem de texto com informações sobre isso
Diálogo	exibindo um conjunto de mensagens de texto
Cabeçalho	título do widget
Avaliar	componente de avaliar a mensagem
Remetente	componente de entrada e envio de mensagens

Cada componente aceita adereços do ckStore com valor true ou false , indicando se o componente deve se apegar às informações do ckStore base ou não.

ckAPIMethods

 import { ckAPIMethods } from "sova-chatkit"

ckAPIMethods armazena uma lista de métodos:

Método API
receberMessageAPI	adicione mensagens de texto à LOJA
enviarMensagemAPI	enviar mensagens para o módulo para solicitação de chamada
estiloAPI	edite o tema do widget ou componente individual
uiManagmentAPI	alterar configurações de componentes em STORE
configuraçõesAPI	alterar imagens no widget
módulosAPI	conexão de módulos de diálogo
idiomaAPI	pacotes de idiomas de configurações

Todos os métodos afetam as informações armazenadas ckStore e podem alterar o comportamento e a exibição do widget.

Loja

 import { ckStore } from "sova-chatkit"

ckStore armazena informações de conteúdo em chaves globais:

Chave
mensagem	histórico de mensagens do usuário e respostas recebidas
módulos	informações dos módulos de diálogo
configurações	configurações de diálogo e seus estados
linguagem	pacotes de idiomas de configurações
estilos	configurações de estilo da caixa de diálogo e componentes individuais
clienteConfig	configurações de widget de nível superior
gestão	configurações de widget

Implementado com Storeon. Você pode ver todas as informações de conteúdo nas ferramentas de desenvolvimento do React.