React SDK

npm install plazbot

import { Plazbot } from 'plazbot'
import { PlazbotProvider, Chat } from 'plazbot/react'

const sdk = new Plazbot({
  workspaceId: 'YOUR_WORKSPACE_ID',
  apiKey: 'YOUR_API_KEY',
  zone: 'LA',
})

export default function App() {
  return (
    <PlazbotProvider sdk={sdk} agentId="YOUR_AGENT_ID">
      <Chat showHeader showPoweredBy />
    </PlazbotProvider>
  )
}

<PlazbotProvider>
  ├── <Chat />            # Chat completo con header, mensajes e input
  ├── <ChatWidget />      # Boton flotante con chat embebido
  ├── useChat()           # Hook para construir UI custom
  ├── useAgent()          # Hook para obtener datos del agente
  └── useSession()        # Hook para gestionar la sesion
</PlazbotProvider>