Chatbox-afrosaude

Instalação

Para instalar esta biblioteca, execute:

npm install chatbox-afrosaude

Uso

Primeiro, importe o ChatboxModule no seu módulo Angular:

import { ChatboxModule } from 'chatbox-afrosaude';

@NgModule({
  imports: [
    // ...existing imports...
    ChatboxModule
  ],
  // ...existing code...
})
export class AppModule { }

Em seguida, você pode usar o componente lib-chat em seus templates:

<lib-chat [agentId]="yourAgentId" [dados]="userData" [styles]="customStyles" [buttonElement]="triggerButton"></lib-chat>

Exemplo

Aqui está um exemplo completo de como usar o componente lib-chat:

// app.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    <button #chatButton (click)="openChat()">Abrir Chat</button>
    <lib-chat [agentId]="agentId" [dados]="userData" [styles]="customStyles" [buttonElement]="chatButton"></lib-chat>
  `,
  styles: []
})
export class AppComponent {
  agentId = 'your-agent-id';
  userData = {
    nome: 'John',
    sobrenome: 'Doe',
    email: '[email protected]'
  };
  customStyles = {
    backgroundColor: '#f0f0f0'
  };

  openChat() {
    // Lógica para abrir o chat
  }
}

Outra Forma de Carregar a Biblioteca

Você também pode carregar a biblioteca usando um serviço Angular. Este método encapsula a lógica de abertura do chatbox em um serviço, tornando o código mais modular e reutilizável.

import { Injectable } from "@angular/core";
import { ChatboxService } from "chatbox-afrosaude";
import { environment } from "src/environments/environment";

@Injectable({
  providedIn: "root",
})
export class ChatService {
  private botaoChatBox: HTMLElement;
  private agentId: string = environment.agentId;

  constructor(private chatboxService: ChatboxService) {}

  abrirChatBox(botao: HTMLElement, dadosUsuario: any = null) {
    this.botaoChatBox = botao;
    this.chatboxService.abrirChatBox(this.agentId, dadosUsuario, null, this.botaoChatBox);
  }
}

Neste exemplo, criamos um serviço ChatService que utiliza o ChatboxService para abrir o chatbox. O ChatService recebe o agentId do ambiente e possui um método abrirChatBox que pode ser chamado com um botão e dados do usuário para abrir o chatbox.