@tmf/mailbox-front (0.1.0)
Published 2026-06-26 13:05:04 -03:00 by tarcisio
Installation
@tmf:registry=npm install @tmf/mailbox-front@0.1.0"@tmf/mailbox-front": "0.1.0"About this package
@tmf/mailbox-front
Módulo Mailbox plug-and-play da plataforma TMF — caixa de entrada unificada de mensagens inbound (WhatsApp / E-mail / SMS).
Extraído do antigo
SDInboxTabledo@tmf/service-desk-front. Inbound multicanal é domínio de mensageria, não de tickets — por isso virou módulo próprio, com contrato (MailboxApiClient) e backend próprios.
Instalação
npm install @tmf/mailbox-front
Peer deps: react, react-dom. Deps: @tanstack/react-query, lucide-react.
Uso (plug-and-play)
import { MailboxApp } from '@tmf/mailbox-front'
<MailboxApp baseUrl="/api/mailbox" getToken={() => auth.token} />
O Provider monta sozinho o MailboxApiClient (fetch sobre baseUrl) e um
QueryClient interno — o host não precisa prover <QueryClientProvider>.
Uso (modo avançado — client próprio)
import { MailboxApp, type MailboxApiClient } from '@tmf/mailbox-front'
const client: MailboxApiClient = {
listMessages: (params) => http.get('/mailbox/messages', params),
}
<MailboxApp client={client} onReply={(msg) => openComposer(msg)} />
Contrato de backend
O front é agnóstico de transporte. O backend próprio do módulo
(packages/mailbox/back / service — a criar) implementa:
| Método | Endpoint sugerido | Retorno |
|---|---|---|
listMessages(params) |
GET /messages |
MailboxListResponse (cursor-based) |
Exports
MailboxApp— componente top-level (Provider + header + caixa de entrada)MailboxInbox— só a tabela da caixa de entrada (uso avulso)MailboxProvider,useMailboxContext,useMailboxUImailboxQueryKeys, tipos (MailboxMessage,MailboxApiClient, …)
Dependencies
Dependencies
| ID | Version |
|---|---|
| @tanstack/react-query | ^5.0.0 |
| lucide-react | ^0.400.0 |
Development dependencies
| ID | Version |
|---|---|
| @types/react | ^18.2.47 |
| @types/react-dom | ^18.2.18 |
| tsup | ^8.5.1 |
| typescript | ^5.3.3 |
Peer dependencies
| ID | Version |
|---|---|
| react | >=18.0.0 |
| react-dom | >=18.0.0 |
Keywords
tmf
mailbox
inbox
messaging
react
components
plug-and-play