// J.A.V.A · Catálogo · App principal const { useState, useMemo, useEffect, useRef } = React; const PRODUCTS = window.JAVA_PRODUCTS; const LINES = window.JAVA_LINES; const RESTR = window.JAVA_RESTRICTIONS; const RESTR_FILTERS = window.JAVA_RESTR_FILTERS; const NUTRI = window.JAVA_NUTRI || {}; // ─── Packaging map ──────────────────────────────────────── // A embalagem vem do próprio tamanho (data.js, campo `embalagem` — junto do // SKU/EAN reais do ERP). O fallback por label cobre dados antigos sem o campo. function packagingFor(size) { if (size.embalagem) return size.embalagem; if (size.label === 'Tablete') return 'caixa com 6 unidades'; if (size.label === 'Mini' || size.label === 'Mini recheado') return 'caixa com 10 unidades'; return ''; } // ─── Top bar ─────────────────────────────────────────────── function TopBar({ variant, onPedidoRapido }) { return (
Java chocolates
Baixar PDF Contato
); } // ─── Cover ───────────────────────────────────────────────── function Cover() { return (
Catálogo de revenda Indústria brasileira

Do cacau
à barra.

Fazemos chocolate de origem, bean to bar – do cacau à barra, usando ingredientes naturais de alta qualidade e com rastreabilidade. Seguimos rigorosamente as boas práticas de fabricação, incluindo o controle de alergênicos. Aqui, todos os chocolates são zero lactose, zero glúten. Tão importante quanto ser gostoso, é ser seguro.

Cacau de Origem Sem glúten Sem leite
); } // ─── Sumário ─────────────────────────────────────────────── function Sumario({ onJumpFilter }) { const counts = useMemo( () => Object.fromEntries(LINES.map((l) => [l.id, PRODUCTS.filter((p) => p.line === l.id).length])), [] ); return (
Sem leite
Sem glúten
Vegano
Nossos produtos

Chocolates de verdade.

Atenda vários públicos com uma só marca: gourmet, veganos, fitness e alérgicos. Solução completa para sua loja: barrinhas de 20g perfeitas para o caixa e barras de 65g para levar.

{LINES.map((l, i) =>
onJumpFilter(l.id)}>
0{i + 1}
{l.label}
{l.sub}
{counts[l.id]} produtos
)}
onJumpFilter(null)}>
0{LINES.length + 1}
Todos
Catálogo completo
{PRODUCTS.length} produtos
); } // ─── Filters ─────────────────────────────────────────────── function Filters({ line, setLine, cacau, setCacau, size, setSize, restr, setRestr, onlyBest, setOnlyBest, count }) { const cacauBins = [ { id: 'all', label: 'Todos' }, { id: '0-50', label: 'até 50%' }, { id: '50-70', label: '50 – 70%' }, { id: '70-85', label: '70 – 85%' }, { id: '85-100', label: '85% +' }]; const sizeBins = [ { id: 'all', label: 'Todos' }, { id: 'tablete', label: 'Tablete 65g' }, { id: 'mini', label: 'Mini 20–25g' }]; return (
Destaques
Linha {LINES.map((l) => )}
% cacau {cacauBins.map((b) => )}
Tamanho {sizeBins.map((b) => )}
Restrições {RESTR_FILTERS.map((f) => )}
); } // ─── Card ────────────────────────────────────────────────── function Card({ p, onOpen, compareIds, toggleCompare, orcamentoIds, toggleOrcamento }) { const isCompared = compareIds.includes(p.id); const isInOrc = orcamentoIds.includes(p.id); return (
onOpen(p)} role="button" tabIndex={0} onKeyDown={(e) => {if (e.key === 'Enter' || e.key === ' ') {e.preventDefault();onOpen(p);}}}>
{p.img ? {p.name} :
{p.placeholder?.label || p.name}
} {p.status === 'novo' &&
Novo
} {p.bestseller &&
★
}
{p.cacauLabel || `${p.cacau}% cacau`}

{p.name}

{p.family}
{p.sizes.map((s) => {s.label} · {s.g}g )}
); } // ─── Sheet (detail) ──────────────────────────────────────── function Sheet({ product, onClose, onCompare, compareIds, onOrcamento, orcamentoIds, onVerOrcamento }) { const p = product; useEffect(() => { const onEsc = (e) => e.key === 'Escape' && onClose(); window.addEventListener('keydown', onEsc); document.body.style.overflow = 'hidden'; return () => {window.removeEventListener('keydown', onEsc);document.body.style.overflow = '';}; }, []); const placeholderStyle = p.placeholder ? { '--placeholder-tone': p.placeholder.tone } : {}; const nutri = NUTRI[p.id]; return (
); } // ─── Comparator ──────────────────────────────────────────── function Comparator({ ids, setIds }) { const items = ids.map((id) => PRODUCTS.find((p) => p.id === id)).filter(Boolean); const slots = Math.max(3, items.length); return (

Comparador

Adicione produtos pelo botão ⇆ comparar em cada card. Compare até 4 lado a lado.

{Array.from({ length: slots }).map((_, i) => { const p = items[i]; if (!p) return (
Slot vazio
); return (
{p.img ? :
{p.placeholder?.label || p.name}
}
); })} {comparatorRow('Produto', items, slots, (p) =>
{p.name}
{p.family}
)} {comparatorRow('% Cacau', items, slots, (p) => {p.cacauLabel || `${p.cacau}%`})} {comparatorRow('Linha', items, slots, (p) => LINES.find((l) => l.id === p.line)?.label)} {comparatorRow('Embalagens', items, slots, (p) =>
{p.sizes.map((s) =>
{s.label} · {s.g}g · {packagingFor(s)}
)}
)} {comparatorRow('Restrições', items, slots, (p) =>
{p.restrictions.map((r) => { const d = RESTR.find((x) => x.id === r); return {d?.label || r}; })}
)}
); } function comparatorRow(label, items, slots, render) { return (
{label}
{Array.from({ length: slots }).map((_, i) => { const p = items[i]; return
{p ? render(p) : ''}
; })} ); } // ─── Orçamento (cart + send) ─────────────────────────────── function OrcamentoModal({ items, qtyMap, setQty, onRemove, onClose, message, setMessage, onVerProduto }) { const [cnpj, setCnpj] = useState(''); const [zap, setZap] = useState(''); // WhatsApp do cliente (obrigatório no P0) const [enviando, setEnviando] = useState(false); const [enviado, setEnviado] = useState(null); // { numero } após o backend confirmar const [fallbackWa, setFallbackWa] = useState(false); // número não validado → wa.me manual const [formError, setFormError] = useState(''); const [toast, setToast] = useState(''); const cnpjRef = React.useRef(null); const zapRef = React.useRef(null); useEffect(() => { if (!toast) return; const t = setTimeout(() => setToast(''), 2400); return () => clearTimeout(t); }, [toast]); const flagMissing = () => { if (!temItens) { setFormError('Escolha a quantidade de pelo menos um produto para pedir o orçamento.'); return; } if (!zapOk) setFormError('Informe o WhatsApp com DDD — é nele que o orçamento chega.'); else setFormError('Informe um CNPJ válido (14 dígitos) — o endereço sai do cadastro.'); const target = !zapOk ? zapRef.current : cnpjRef.current; if (target) { try { target.focus({ preventScroll: false }); } catch { target.focus(); } } }; const formatCnpj = (v) => { const d = v.replace(/\D/g, '').slice(0, 14); if (d.length <= 2) return d; if (d.length <= 5) return d.replace(/^(\d{2})(\d+)/, '$1.$2'); if (d.length <= 8) return d.replace(/^(\d{2})(\d{3})(\d+)/, '$1.$2.$3'); if (d.length <= 12) return d.replace(/^(\d{2})(\d{3})(\d{3})(\d+)/, '$1.$2.$3/$4'); return d.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d+)/, '$1.$2.$3/$4-$5'); }; const cnpjDigits = cnpj.replace(/\D/g, ''); const cnpjOk = cnpjDigits.length === 14; const formatZap = (v) => { const d = v.replace(/\D/g, '').slice(0, 13); const semDdi = (d.length >= 12 && d.startsWith('55')) ? d.slice(2) : d; if (semDdi.length <= 2) return semDdi; if (semDdi.length <= 6) return semDdi.replace(/^(\d{2})(\d+)/, '($1) $2'); if (semDdi.length <= 10) return semDdi.replace(/^(\d{2})(\d{4})(\d+)/, '($1) $2-$3'); return semDdi.replace(/^(\d{2})(\d{5})(\d+)/, '($1) $2-$3'); }; const zapDigits = (() => { let d = zap.replace(/\D/g, ''); if ((d.length === 12 || d.length === 13) && d.startsWith('55')) d = d.slice(2); return d; })(); const zapOk = zapDigits.length === 10 || zapDigits.length === 11; const temItens = items.some((p) => p.sizes.some((sz) => ((qtyMap[p.id] && qtyMap[p.id][sz.label]) | 0) > 0)); const formOk = zapOk && cnpjOk && temItens; // ─── Envio pelo PRÓPRIO SITE (Plano 0): o backend valida o número (conversa // recente = janela de 24h aberta), cria o orçamento no ERP e devolve o PDF no // WhatsApp informado. Sem conversa recente → fallback wa.me com a mensagem pronta. const enviarPeloSite = async () => { if (!formOk) { flagMissing(); return; } setEnviando(true); setFormError(''); setFallbackWa(false); try { // Pedido por UNIDADE (decisão 31/07): a lista de preço Lojista precifica o // tablete avulso — enviamos o código unitário × (embalagens × un/embalagem). const itens = []; items.forEach((p) => p.sizes.forEach((s) => { const q = getQty(p.id, s.label); if (!q) return; const codigo = s.skuUnidade || s.sku; if (codigo) itens.push({ sku: codigo, quantidade: q * (s.un || 1) }); })); const res = await fetch('/api/public/orcamento', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ slug: 'java', whatsapp: '55' + zapDigits, cnpj: cnpjDigits, itens, observacoes: message.trim() || undefined, }), }); const json = await res.json().catch(() => ({})); if (res.ok && json.ok) { setEnviado({ numero: json.numeroPedido || null }); } else if (res.status === 409) { setFallbackWa(true); setFormError(json.message || 'Não encontramos uma conversa recente com esse WhatsApp. Envie a mensagem pronta pelo botão verde — respondemos por lá.'); } else { setFallbackWa(true); setFormError(json.message || 'Não foi possível gerar o orçamento agora. Envie pelo botão verde que atendemos por lá.'); } } catch { setFallbackWa(true); setFormError('Falha de conexão. Envie pelo botão verde que atendemos por lá.'); } finally { setEnviando(false); } }; useEffect(() => { const onEsc = (e) => e.key === 'Escape' && onClose(); window.addEventListener('keydown', onEsc); document.body.style.overflow = 'hidden'; return () => {window.removeEventListener('keydown', onEsc);document.body.style.overflow = '';}; }, []); const getQty = (pid, label) => { const m = qtyMap[pid]; if (!m || typeof m !== 'object') return 0; return m[label] | 0; }; const productTotal = (p) => p.sizes.reduce((sum, s) => sum + getQty(p.id, s.label), 0); const nSelecionados = items.reduce((n, p) => n + p.sizes.filter((sz) => getQty(p.id, sz.label) > 0).length, 0); const buildMessage = () => { const lines = []; lines.push('Olá! Gostaria de orçamento para os seguintes itens:'); lines.push(''); if (cnpj) { lines.push('Dados para emissão:'); lines.push(`CNPJ: ${cnpj}`); lines.push(''); } const orcPairs = []; items.forEach((p) => { p.sizes.forEach((s) => { const qty = getQty(p.id, s.label); if (!qty) return; const codigo = s.sku ? ` — SKU ${s.sku}${s.ean ? ' · EAN ' + s.ean : ''}` : ''; lines.push(`• ${qty} × ${p.name} — ${p.cacauLabel || p.cacau + '% cacau'} — ${s.label} ${s.g}g (${packagingFor(s)})${codigo}`); const codigoOrc = s.skuUnidade || s.sku; if (codigoOrc) orcPairs.push(`${codigoOrc} x${qty * (s.un || 1)}`); }); }); if (message.trim()) {lines.push('');lines.push('Observações:');lines.push(message.trim());} // Bloco estruturado p/ o bot criar o orçamento no ERP sem interpretação de // texto livre (parse determinístico por SKU). Não remover. if (orcPairs.length) { lines.push(''); lines.push('Código do pedido (uso interno — não apague):'); lines.push(`ORC: ${orcPairs.join('; ')} | CNPJ ${cnpjDigits}`); } lines.push(''); lines.push('— Pedido gerado pelo catálogo interativo Java 2026'); return lines.join('\n'); }; const waUrl = `https://wa.me/5531973267809?text=${encodeURIComponent(buildMessage())}`; // Copia o texto antes de abrir — evita perder a mensagem se o WhatsApp // não abrir (preview embarcado, popup bloqueado etc.). const tryCopy = async () => { try {await navigator.clipboard.writeText(buildMessage());} catch {} }; const copyMsg = async () => { try {await navigator.clipboard.writeText(buildMessage());setToast('Mensagem copiada para a área de transferência.');} catch {setToast('Não foi possível copiar — selecione o texto manualmente.');} }; return (