/* PORCEVILLE — Orçamento (lista + envio WhatsApp) e histórico */
function buildWhatsMessage(quote) {
const lines = quote.map(e => {
const grav = e.colors === 'colorido' ? 'multicor (sublimação)'
: e.colors ? `logo em ${e.colors} ${e.colors === '1' ? 'cor' : 'cores'} (serigrafia)`
: 'pronta entrega';
const pc = e.piece ? (PORCE_DATA.pieceColors.find(c => c.id === e.piece)?.label) : null;
const ml = e.size ? `${e.size}ml ` : '';
return `• ${e.qty}× ${ml}${e.name} — ${grav}${pc ? `, peça ${pc.toLowerCase()}` : ''}`;
});
return encodeURIComponent(
`Olá, Porceville! Gostaria de um orçamento:\n\n${lines.join('\n')}\n\nAguardo o retorno. Obrigado!`
);
}
function porceUpsell(app, max) {
const inCart = new Set(app.quote.map(e => e.productId));
const pool = PORCE_DATA.products.filter(p => !inCart.has(p.id));
// categoria dominante do carrinho → prioriza complementares (cat diferente)
const catCount = {};
app.quote.forEach(e => { const p = PORCE_DATA.getProduct(e.productId); if (p) catCount[p.cat] = (catCount[p.cat] || 0) + 1; });
const domCat = Object.keys(catCount).sort((a, b) => catCount[b] - catCount[a])[0] || null;
// kits cujo bundle contém itens já no carrinho vão pro topo, com selo "complete o kit"
const kits = pool.filter(p => p.kind === 'kit' && Array.isArray(p.bundle) && p.bundle.some(id => inCart.has(id)));
const rest = pool.filter(p => kits.indexOf(p) === -1);
const comp = rest.filter(p => domCat && p.cat !== domCat);
const same = rest.filter(p => comp.indexOf(p) === -1);
const rank = arr => [...arr.filter(p => p.best), ...arr.filter(p => !p.best)];
return [...kits.map(p => ({ ...p, _kitMatch: true })), ...rank(comp), ...rank(same)].slice(0, max || 6);
}
function PorceUpsellRow({ app, title }) {
// lista congelada no mount: adicionar um item não embaralha a fileira nem some com o card
const sug = React.useMemo(() => porceUpsell(app, 8), []);
const [added, setAdded] = React.useState({});
React.useEffect(() => {
if (!sug.length) return;
try { window.PORCE_TRACK && PORCE_TRACK('view_item_list', { item_list_name: 'adicione-tambem', items: sug.map(p => p.id).join(',') }); } catch (e) {}
}, []);
if (!sug.length) return null;
// adição direta com defaults seguros — sem passar pelo detalhe de 4 passos
const quickAdd = (p) => {
try { window.PORCE_TRACK && PORCE_TRACK('select_item', { item_id: p.id, item_list_name: p._kitMatch ? 'complete-o-kit' : 'adicione-tambem' }); } catch (e) {}
const size = (p.sizes && p.sizes.length) ? (p.sizes.includes(300) ? 300 : p.sizes[0]) : null;
app.addToQuote({ productId: p.id, name: p.name, detail: p.detail, kind: p.kind, qty: 1, colors: p.ready ? null : 'colorido', piece: null, size, variant: null });
setAdded(m => ({ ...m, [p.id]: true }));
};
return (
{title || 'Adicione também'}
{sug.map(p => (
app.openDetail(p.id)} style={{ position: 'relative', cursor: 'pointer' }}>
{p._kitMatch &&
Complete o kit}
{displayName(p.name)}
{priceTag(p)}
))}
);
}
function PorceQuoteScreen({ app }) {
const total = app.quote.reduce((s, e) => s + e.qty, 0);
if (app.quote.length === 0) {
return (
Seu orçamento está vazio
Adicione produtos com a quantidade e as cores da sua logo — a gente responde com os valores.
);
}
return (
{app.quote.length} {app.quote.length === 1 ? 'item' : 'itens'} · {total} peças
Sem compromisso
{app.quote.map(e => (
{displayName(e.name)}
{engravingLabel(e)}
Sob orçamento
app.setQuoteQty(e.key, Math.max(1, n))} />
))}
Enviando pelo WhatsApp, nossa equipe responde com valores e prazos em horário comercial.
);
}
function PorceHeader({ title }) {
return (
);
}
function PorceFooter({ app }) {
return (
);
}
// ============ Histórico de orçamentos ============
function PorceHistoryScreen({ app }) {
return (
{app.sent.length === 0 ? (
Nenhum orçamento enviado
Os orçamentos que você enviar pelo WhatsApp aparecem aqui.
) : (
{app.sent.map(o => (
Orçamento #{o.id}
Aguardando retorno
{o.summary}
{o.when}
{o.pieces} peças
))}
)}
);
}
Object.assign(window, { PorceQuoteScreen, PorceHistoryScreen, PorceHeader, PorceFooter, buildWhatsMessage });