@boolean-systems/chat-sdk-react

SDK React para integrar el chat del microservicio de Boolean en cualquier aplicación React.

Instalación

npm install @boolean-systems/chat-sdk-react

Uso Básico

import React from 'react';
import { ChatWidget } from '@boolean-systems/chat-sdk-react';

function App() {
  const getAccessToken = () => {
    return localStorage.getItem('accessToken');
  };

  const handleTokenExpired = async () => {
    // Lógica para refrescar el token
    console.log('Token expirado, refrescando...');
  };

  return (
    <ChatWidget
      apiBaseURL="https://micro-chats-back-2.booleanstaging.com/api"
      conversationId="d7829e72-901e-4e74-8b5d-7c372fa13dac"
      getAccessToken={getAccessToken}
      onTokenExpired={handleTokenExpired}
      currentUserId="6"
    />
  );
}

export default App;

Auto-crear Conversación

import React from 'react';
import { ChatWidget } from '@boolean-systems/chat-sdk-react';

function TenderChat({ tenderId }: { tenderId: string }) {
  const getAccessToken = () => localStorage.getItem('accessToken');

  return (
    <ChatWidget
      apiBaseURL="https://micro-chats-back-2.booleanstaging.com/api"
      tenderId={tenderId}
      autoCreate={true}
      getAccessToken={getAccessToken}
      currentUserId="6"
      onChatCreated={(chatId) => {
        console.log('Chat creado:', chatId);
      }}
      onError={(error) => {
        console.error('Error en chat:', error);
      }}
    />
  );
}

Props del ChatWidget

• apiBaseURL (string, requerido): URL base de la API del microservicio de chats
• getAccessToken (function, requerido): Función que retorna el token JWT de acceso
• conversationId (string, opcional): ID de la conversación existente
• tenderId (string, opcional): ID de la licitación (para auto-crear conversación)
• ticketId (string, opcional): ID del ticket (para auto-crear conversación)
• autoCreate (boolean, opcional): Si es true, crea automáticamente una conversación
• currentUserId (string, opcional): ID del usuario actual
• onTokenExpired (function, opcional): Callback cuando el token expira
• onChatCreated (function, opcional): Callback cuando se crea un chat
• onError (function, opcional): Callback para manejar errores
• className (string, opcional): Clase CSS personalizada
• placeholder (string, opcional): Placeholder del input de mensaje
• showHeader (boolean, opcional): Mostrar header con el título de la conversación
• height (string, opcional): Altura del componente (default: '600px')

Licencia

MIT

Autor

Boolean Systems