@tmf/mailbox-front (0.1.1)
Installation
@tmf:registry=npm install @tmf/mailbox-front@0.1.1"@tmf/mailbox-front": "0.1.1"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.
- Versão: 0.1.0
- Distribuição: registry npm privado (org TMF, Forgejo)
- Peer deps:
react,react-dom(>= 18) - Deps:
@tanstack/react-query,lucide-react
Instalação
npm install @tmf/mailbox-front
Uso (plug-and-play)
import { MailboxApp } from '@tmf/mailbox-front'
<MailboxApp baseUrl="/api/service/mailbox" getToken={() => auth.token} />
⚠️
baseUrldeve ser/api/service/mailbox— é o prefixo que otmf-mailbox-serviceexpõe (S2S, espelha/api/service/service-desk). O Provider monta sozinho oMailboxApiClient(fetch sobre${baseUrl}/messages) e umQueryClientinterno — 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('/api/service/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 — SDK Python — e packages/mailbox/service — serviço
FastAPI) implementa:
| Método | Endpoint | Retorno |
|---|---|---|
listMessages(params) |
GET /api/service/mailbox/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,useMailboxUIdefaultMailboxUIPrimitives,mergeMailboxUI(slot pattern de UI)mailboxQueryKeys, tipos (MailboxMessage,MailboxApiClient,MailboxLabels, …)PACKAGE_VERSION
Documentação
| Arquivo | Conteúdo |
|---|---|
FUNCIONALIDADES.md |
Catálogo de componentes, hooks, slots e tipos |
CONFORMANCE.md |
Checklist de conformidade ao padrão-ouro TMF |
CHANGELOG.md |
Histórico de versões |
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 |