import { formatDateBr } from "../../utils/formatters.ts"; import { quantidadeDoItem } from "./quantidade-do-item.ts"; import { explicarConsumo, formatarDuracao, notasDaQuantidade, quantidadeLegivel, unidadeLegivel, type ConsumoDoInsumo, type LinhaDeSeparacao, type TempoDoProcesso, } from "./ficha-de-producao.ts"; /** * A ordem de produção impressa. * * É o papel que vai para a bancada. Diz o que separar, o que fazer, em que * ordem e em quanto tempo — e deixa espaço para quem fez anotar quando * começou, quando terminou, e o que se perdeu ou teve de ser refeito. Não tem * preço, desconto nem telefone do cliente: nada disso ajuda a produzir, e * ficha que circula na oficina não é lugar para valor comercial. * * Tipografia de papel: a mesma família do sistema (Plus Jakarta Sans, com * fallback do sistema), só três pesos (400, 600, 700) e todo texto preto — * hierarquia vem do tamanho e do peso, não de cinza. Cor só em fundo e * borda, para guiar o olho sem clarear a leitura. */ export type ProductionSheetVariacao = { atributo: string; valor: string }; export type ProductionSheetGabarito = { nome: string; url: string; formato: string }; export type ProductionSheetItem = { id?: string | null; title?: string | null; description?: string | null; quantity?: number | string | null; unit_type?: string | null; width_m?: number | string | null; height_m?: number | string | null; length_m?: number | string | null; sku?: string | null; barcode?: string | null; /* Falso no item avulso: sem produto não há ficha técnica, só a descrição. */ tem_produto?: boolean | null; variacoes?: ProductionSheetVariacao[] | null; insumos?: ConsumoDoInsumo[] | null; processos?: TempoDoProcesso[] | null; minutos_totais?: number | null; /* O que a bancada precisa saber antes de confiar na ficha deste item. */ avisos?: string[] | null; /* De onde veio a receita: congelada na venda, do cadastro atual, ou nenhuma. */ receita_de?: "venda" | "cadastro" | "nenhuma" | null; receita_em?: string | null; gabaritos?: ProductionSheetGabarito[] | null; art_images?: string[] | null; }; export type ProductionSheetPayload = { order?: { id?: string | null; number?: number | string | null; created_at?: string | null; status?: string | null; notes?: string | null; internal_notes?: string | null; quote_title?: string | null; delivery_date?: string | null; production_started_at?: string | null; production_accumulated_seconds?: number | null; production_last_stopped_at?: string | null; /* A soma dos processos da ficha, no tamanho e quantidade deste pedido. */ minutos_previstos?: number | null; } | null; company?: { catalog_name?: string | null; store_name?: string | null; logo_url?: string | null; catalog_logo_url?: string | null; } | null; client?: { name?: string | null; company_name?: string | null; } | null; items?: ProductionSheetItem[] | null; /* Cada insumo uma vez, somado entre os itens: a lista do almoxarifado. */ separacao?: LinhaDeSeparacao[] | null; }; type ProductionSheetHtmlOptions = { autoPrint?: boolean; autoClose?: boolean; }; function toNumber(value: number | string | null | undefined) { const parsed = Number(value); return Number.isFinite(parsed) ? parsed : 0; } function formatNumber(value: number | string | null | undefined, digits = 3) { return new Intl.NumberFormat("pt-BR", { minimumFractionDigits: 0, maximumFractionDigits: digits, }).format(toNumber(value)); } function formatDate(value?: string | null) { if (!value) return "-"; return formatDateBr(value) || "-"; } function escapeHtml(value: string) { return value .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } function humanizeStatus(status?: string | null) { switch (status) { case "pending_production": return "Aguardando produção"; case "in_production": return "Em produção"; case "finished": return "Finalizado"; case "delivered": return "Entregue"; case "canceled": return "Cancelado"; default: return status || "-"; } } /* Na bancada, o que cobre a peça vem antes do que a contorna, e o que é por peça fecha a lista. É a ordem em que se separa. */ const ORDEM_DA_BASE: Record = { por_m2: 0, por_m_largura: 1, por_m_altura: 2, por_perimetro: 3, por_peca: 4, }; function ordenarInsumos(insumos: ConsumoDoInsumo[]) { return [...insumos].sort((a, b) => { const base = ORDEM_DA_BASE[a.base] - ORDEM_DA_BASE[b.base]; if (base !== 0) return base; if (a.origem.tipo !== b.origem.tipo) return a.origem.tipo === "ficha" ? -1 : 1; return a.nome.localeCompare(b.nome, "pt-BR"); }); } function companyName(payload: ProductionSheetPayload) { return payload.company?.catalog_name || payload.company?.store_name || "Empresa"; } function clientDisplayName(payload: ProductionSheetPayload) { return payload.client?.company_name || payload.client?.name || "Cliente"; } function renderInsumos(insumos: ConsumoDoInsumo[], temProduto: boolean) { if (!insumos.length) { return `
${ temProduto ? "Produto sem insumos na ficha técnica." : "Item sem produto vinculado: sem ficha técnica." }
`; } const rows = ordenarInsumos(insumos) .map((insumo) => { const nome = escapeHtml(insumo.nome || "Material"); /* A quantidade na unidade em que se lê (17 ml, não 0,017 l), e as notas de onde o número veio — as mesmas do painel. */ const legivel = quantidadeLegivel(insumo.quantidade, insumo.unidade); const notas = notasDaQuantidade(insumo) .map((nota) => `
${escapeHtml(nota)}
`) .join(""); const origem = insumo.origem.tipo === "opcao" ? `opção: ${escapeHtml(insumo.origem.opcao)}` : ""; const receita = explicarConsumo(insumo); const quantidade = insumo.semMedida ? 'sem medida no item' : `${formatNumber(legivel.valor)} ${escapeHtml(legivel.unidade)}${notas}`; /* Serviço não se separa: sem caixa para marcar. */ const marca = insumo.natureza === "servico" ? "" : ''; return `${nome}${origem}${escapeHtml(receita)}${quantidade}${marca}`; }) .join(""); return ` ${rows}
InsumoComo se calculaSepararOK
`; } function renderProcessos(processos: TempoDoProcesso[], minutosTotais: number, temProduto: boolean) { if (!processos.length) { return `
${ temProduto ? "Produto sem processos na ficha técnica." : "Item sem produto vinculado: sem ficha técnica." }
`; } const rows = processos .map((processo, index) => { const nome = escapeHtml(processo.nome || "Processo"); const recurso = escapeHtml(processo.recurso || "-"); const tipo = processo.tipo === "maquina" ? "máquina" : processo.tipo === "pessoa" ? "pessoa" : ""; const tempo = processo.semMedida ? 'sem medida no item' : `${escapeHtml(formatarDuracao(processo.minutosTotais))}${ processo.minutosDeSetup > 0 ? `
${formatNumber(processo.minutosDeProducao, 1)} + ${formatNumber(processo.minutosDeSetup, 1)} min preparo
` : "" }`; return `${index + 1}${nome}${recurso}${ tipo ? ` ${tipo}` : "" }${tempo}`; }) .join(""); return ` ${rows}
#ProcessoRecursoTempoFeito
Tempo previsto do item${escapeHtml(formatarDuracao(minutosTotais))}
`; } function renderGabaritos(gabaritos: ProductionSheetGabarito[]) { if (!gabaritos.length) return ""; const rows = gabaritos .map( (g) => `
  • ${escapeHtml(g.formato.toUpperCase())}${escapeHtml(g.nome)}
    • ` ) .join(""); return `
    Gabaritos
    `; } function renderVariacoes(variacoes: ProductionSheetVariacao[]) { if (!variacoes.length) return ""; return `${variacoes .map((v) => `${escapeHtml(v.atributo)}${escapeHtml(v.valor)}`) .join("")}`; } function renderArtes(artImages: string[]) { if (!artImages.length) return ""; return `
    Artes aprovadas
    ${artImages .map( (url) => `
    Arte do item
    ` ) .join("")}
    `; } /* Quem fez, de quando a quando, e se conferiu: enquanto o apontamento não está em tela, o papel é o registro. */ function renderExecucao() { return `
    Responsável Início Fim Conferido
    `; } /* Perdas e retrabalho: o que se estragou, quanto, por quê. É o que depois vira baixa de estoque e histórico do produto — e é justamente o que hoje se perde na conversa de corredor. */ function renderPerdas() { const linhas = [1, 2, 3] .map( () => `` ) .join(""); return `
    Perdas e retrabalho Sem perdas nem retrabalho
    ${linhas}
    Insumo ou peçaQtdMotivo (impressão, corte, defeito do insumo, cliente…)Refeito
    `; } function renderItems(items: ProductionSheetItem[]) { if (!items.length) { return '
    Não há itens neste pedido.
    '; } return items .map((item, index) => { const title = escapeHtml(item.title || "Item sem título"); const description = (item.description || "").trim(); const quantidade = quantidadeDoItem(item); const temProduto = item.tem_produto !== false; const insumos = Array.isArray(item.insumos) ? item.insumos : []; const processos = Array.isArray(item.processos) ? item.processos : []; const variacoes = Array.isArray(item.variacoes) ? item.variacoes : []; const gabaritos = Array.isArray(item.gabaritos) ? item.gabaritos : []; const avisos = Array.isArray(item.avisos) ? item.avisos.filter(Boolean) : []; const artImages = Array.isArray(item.art_images) ? item.art_images.filter(Boolean) : []; const barcodeText = item.barcode ? `Cód. ${escapeHtml(item.barcode)}` : ""; const skuText = item.sku ? `SKU ${escapeHtml(item.sku)}` : ""; const identifierText = [skuText, barcodeText].filter(Boolean).join(" · "); const receita = item.receita_de === "venda" ? `Receita congelada na venda${item.receita_em ? ` em ${escapeHtml(formatDate(item.receita_em))}` : ""}` : item.receita_de === "cadastro" ? "Receita do cadastro atual do produto" : ""; return `
    ${index + 1}

    ${title}

    ${identifierText ? `${identifierText}` : ""} ${renderVariacoes(variacoes)}
    ${escapeHtml(quantidade.pecasTexto)} ${quantidade.medida ? `${escapeHtml(quantidade.medida)}` : ""} ${quantidade.total ? `${escapeHtml(quantidade.total)}` : ""} ${ processos.length ? `${escapeHtml(formatarDuracao(toNumber(item.minutos_totais)))}` : "" }
    ${description ? `
    ${escapeHtml(description)}
    ` : ""} ${ temProduto ? "" : '
    Item sem produto vinculado: não há ficha técnica. Produzir pela descrição e pela arte.
    ' } ${avisos.map((aviso) => `
    ${escapeHtml(aviso)}
    `).join("")}

    Insumos

    ${renderInsumos(insumos, temProduto)}

    Processos, na ordem

    ${renderProcessos(processos, toNumber(item.minutos_totais), temProduto)}
    ${receita ? `
    ${receita}
    ` : ""} ${renderGabaritos(gabaritos)} ${renderArtes(artImages)} ${renderExecucao()} ${renderPerdas()}
    `; }) .join(""); } /* O checklist de separação vai numa folha própria: quem separa insumo é o almoxarifado, e a folha dele circula sozinha, antes da produção começar. Linhas altas para marcar e anotar à mão. */ function renderChecklistDeSeparacao( separacao: LinhaDeSeparacao[], cabecalho: { logoUrl: string; empresa: string; numero: string; cliente: string; entrega: string; itens: number } ) { if (!separacao.length) return ""; const rows = separacao .map((linha, index) => { const legivel = quantidadeLegivel(linha.quantidade, linha.unidade); /* Com rendimento, a folha inteira veio da soma das frações dos itens. */ const soma = linha.natureza === "rendimento" && linha.fracaoSomada > 0 && linha.fracaoSomada !== linha.quantidade ? `
    ${formatNumber(linha.fracaoSomada)} pela soma dos itens
    ` : ""; return ` ${index + 1} ${escapeHtml(linha.nome)} ${formatNumber(legivel.valor)} ${escapeHtml(legivel.unidade)}${soma} ${linha.itens} ${linha.itens === 1 ? "item" : "itens"} `; }) .join(""); return `
    folha seguinte
    ${cabecalho.logoUrl ? `` : ""}
    Checklist de separação de insumos
    ${cabecalho.empresa}
    PEDIDO#${cabecalho.numero}
    Entrega ${cabecalho.entrega}
    Cliente${cabecalho.cliente} Insumos${separacao.length} Itens do pedido${cabecalho.itens}

    Separe tudo antes de liberar o pedido para a bancada. Marque cada linha ao separar e anote o que faltou ou foi trocado.

    ${rows}
    #InsumoQuantidadeUsado emFaltou / trocado por / observação
    Separado por Data Tudo separado Faltou algo
    `; } export function buildProductionSheetHtml( payload: ProductionSheetPayload, options: ProductionSheetHtmlOptions = {} ) { const autoPrint = options.autoPrint === true; const autoClose = options.autoClose === true; const safeCompany = escapeHtml(companyName(payload)); const safeClient = escapeHtml(clientDisplayName(payload)); const orderNumber = escapeHtml(String(payload.order?.number ?? "-")); const status = escapeHtml(humanizeStatus(payload.order?.status)); const createdAt = escapeHtml(formatDate(payload.order?.created_at)); const quoteTitle = (payload.order?.quote_title || "").trim(); const deliveryDate = escapeHtml(formatDate(payload.order?.delivery_date)); const minutosPrevistos = toNumber(payload.order?.minutos_previstos); const tempoPrevisto = minutosPrevistos > 0 ? escapeHtml(formatarDuracao(minutosPrevistos)) : "sem ficha"; const notes = (payload.order?.notes || "").trim(); const internalNotes = (payload.order?.internal_notes || "").trim(); const logoUrl = (payload.company?.logo_url || payload.company?.catalog_logo_url || "").trim(); const items = Array.isArray(payload.items) ? payload.items : []; const separacao = Array.isArray(payload.separacao) ? payload.separacao : []; return ` Ordem de produção #${orderNumber}
    ${logoUrl ? `` : ""}
    Ordem de produção
    ${safeCompany}
    PEDIDO#${orderNumber}
    Emitida em ${createdAt}${status}
    Cliente${safeClient} Entrega${deliveryDate} Tempo previsto${tempoPrevisto} Itens${items.length}
    ${quoteTitle ? `
    ${escapeHtml(quoteTitle)}
    ` : ""} ${renderItems(items)} ${ notes ? `
    Observações do pedido
    ${escapeHtml(notes)}
    ` : "" } ${ internalNotes ? `
    Observações internas
    ${escapeHtml(internalNotes)}
    ` : "" }
    Conferido por
    Data
    Assinatura
    Documento interno de produção. Não contém valores comerciais. Pedido #${orderNumber} · ${safeCompany}
    ${renderChecklistDeSeparacao(separacao, { logoUrl, empresa: safeCompany, numero: orderNumber, cliente: safeClient, entrega: deliveryDate, itens: items.length, })}
    ${ autoPrint ? `` : "" } `; } export function renderProductionSheetPrint( payload: ProductionSheetPayload, printWindow: Window ) { const html = buildProductionSheetHtml(payload, { autoPrint: true, autoClose: true }); printWindow.document.open(); printWindow.document.write(html); printWindow.document.close(); }