/* PORCEVILLE — Caco, vendedor virtual (IA) */
const CACO_SYSTEM = `Você é o Caco, vendedor virtual da Porceville (porcelanas e vidros personalizados, Joinville/SC, +30 anos de experiência). Tom: próximo e acolhedor, consultivo, bem-humorado na medida (1 emoji no máximo), profissional sem ser formal demais. Nunca use linguagem agressiva de vendas nem promessas exageradas. Responda SEMPRE em português, curto (máx ~5 linhas).
REGRA DE OURO: a Porceville trabalha SOB ORÇAMENTO — NUNCA invente preços nem valores. Quando o cliente quiser valores, oriente a adicionar os itens ao orçamento no app e enviar pelo WhatsApp, que a equipe responde com valores e prazos.
TÉCNICAS DE GRAVAÇÃO:
- Serigrafia: logo em 1 a 5 cores. Quantidade MÍNIMA de 35 unidades.
- Sublimação: impressão colorida total, chamada de "Multicor" no app. Disponível a partir de 1 peça (sem mínimo), em qualquer produto.
- Pronta entrega: produtos com selo "pronta entrega" no app têm estampas exclusivas Porceville, sem personalização e sem mínimo.
CATÁLOGO ATUAL (sem preços — lista gerada do cadastro real, sempre atualizada):
{{CATALOGO}}
PERFIS: empresa/brinde → categoria Canecas; bar/cervejaria → Canecos de Chopp ou Copos (sub Cerveja/Chopp); hotel/restaurante → Xícara com Pires ou Mesa & Complementos; presente individual/foto → qualquer produto em Multicor (sublimação, sem mínimo); revenda/estoque → produto com selo "pronta entrega".
FLUXO: entenda o uso (empresa? presente? bar?), a quantidade aproximada e quantas cores tem a logo. Se < 35 un, só dá Multicor (sublimação, a partir de 1 peça); a partir de 35 un libera a logo em 1–5 cores (serigrafia). Recomende no máx. 2 produtos por vez, pelo NOME EXATO do catálogo acima (nunca invente nome de produto que não está na lista). Feche orientando: "adiciona no orçamento e envia pelo WhatsApp que a equipe responde rapidinho".`;
const CACO_SUGGEST = [
'Brindes pra minha empresa 🏢',
'Canecos pra minha cervejaria 🍺',
'Presente com foto, pode ser 1 só?',
'Quanto custa a caneca?',
];
// catálogo do prompt gerado AO VIVO do cadastro (PORCE_DATA) — nunca fica desatualizado se o admin mudar categorias/produtos
function buildCacoCatalog() {
const linhas = (PORCE_DATA.categories || [])
.filter(c => c.id !== 'todos')
.map(c => {
const nomes = [...new Set(PORCE_DATA.products.filter(p => p.cat === c.id).map(p => displayName(p.name)))].slice(0, 8);
return nomes.length ? `${c.label}: ${nomes.join(', ')}${nomes.length === 8 ? '…' : ''}` : null;
})
.filter(Boolean);
return linhas.join('\n') || 'Catálogo em atualização — oriente o cliente a ver o app.';
}
// 1º produto ativo de uma categoria (opcionalmente filtrando kind) — sempre resolve pro catálogo atual, nunca um ID travado
function firstActiveByCat(catId, kind) {
const p = PORCE_DATA.products.find(x => x.cat === catId && (!kind || x.kind === kind));
return p ? p.id : undefined;
}
function cacoFallback(text) {
const t = text.toLowerCase();
if (/pre[çc]o|custa|valor|quanto/.test(t)) return { text: 'A gente trabalha sob orçamento — assim você recebe o valor certinho pro seu caso. Adiciona os itens no orçamento e envia pelo WhatsApp que a equipe responde rapidinho! 😉' };
if (/cerveja|bar|chopp/.test(t)) return { text: 'Pra bares e cervejarias os Canecos de Chopp são o clássico. Gravamos sua logo em até 5 cores (mín. 35 un).', product: firstActiveByCat('chopp') };
if (/presente|foto|1 |uma /.test(t)) return { text: 'Pra presente com foto a impressão Multicor é perfeita: colorida total e sem quantidade mínima — pode ser 1 unidade só! ✨', product: firstActiveByCat('canecas', 'sublime') };
if (/empresa|brinde|corporativ/.test(t)) return { text: 'Pra brindes corporativos as Canecas fazem sucesso — sua logo entra em até 5 cores. Quantas unidades você precisa?', product: firstActiveByCat('canecas') };
return { text: 'Me conta pra que você quer as peças — empresa, bar, hotel ou presente? E quantas unidades, mais ou menos? Assim eu já te indico o produto certo. 😊' };
}
function CacoProductCard({ id, app }) {
const p = PORCE_DATA.getProduct(id);
if (!p) return null;
return (
);
}
function detectPorceProducts(text) {
const t = (text || '').toLowerCase();
const hits = [];
PORCE_DATA.products.forEach(p => {
const n = p.name.toLowerCase();
// o nome do catálogo é uma frase SEO longa; casa pelo trecho antes do 1º separador (·, |, -)
const base = n.split(/\s*[·|]\s*|\s+-\s+/)[0].trim();
if ((base && t.includes(base)) || t.includes(n)) hits.push(p.id);
});
return hits.slice(0, 1);
}
function CacoScreen({ app }) {
const scrollRef = React.useRef(null);
const [typing, setTyping] = React.useState(false);
const [draft, setDraft] = React.useState('');
React.useEffect(() => {
const el = scrollRef.current; if (el) el.scrollTop = el.scrollHeight;
}, [app.caco, typing]);
const send = async (text) => {
const t = text.trim(); if (!t) return;
app.pushCaco({ id: Date.now(), role: 'user', text: t });
setDraft('');
setTyping(true);
try {
const cacoCfg = (PORCE_DATA.settings && PORCE_DATA.settings.caco) || {};
const system = CACO_SYSTEM.replace('{{CATALOGO}}', buildCacoCatalog()) + (cacoCfg.memory ? `\n\nBASE DE CONHECIMENTO (atualizada pela equipe):\n${cacoCfg.memory}` : '');
const history = app.caco.slice(-10).map(m => ({ role: m.role === 'user' ? 'user' : 'caco', text: m.text }));
const model = cacoCfg.model || 'gemini-2.0-flash';
let reply = null;
if (cacoCfg.gemini_key) {
// key cadastrada no admin → chama o Gemini direto
const contents = [...history.map(m => ({ role: m.role === 'user' ? 'user' : 'model', parts: [{ text: m.text }] })), { role: 'user', parts: [{ text: t }] }];
const r = await fetch(`https://generativelanguage.googleapis.com/v1beta/models/${model}:generateContent?key=${cacoCfg.gemini_key}`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ system_instruction: { parts: [{ text: system }] }, contents, generationConfig: { maxOutputTokens: 320, temperature: 0.7 } }) });
const d = await r.json();
reply = d && d.candidates && d.candidates[0] && d.candidates[0].content && d.candidates[0].content.parts && d.candidates[0].content.parts[0] && d.candidates[0].content.parts[0].text;
} else {
// sem key no admin → função serverless (env GEMINI_API_KEY)
const r = await fetch('/api/caco', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ system, message: t, history, model }) });
const d = await r.json();
reply = d && d.reply;
}
if (!reply) throw new Error('sem resposta');
setTyping(false);
const clean = (reply || '').replace(/\*\*(.*?)\*\*/g, '$1').replace(/^\s*[-*]\s+/gm, '• ').trim();
const prods = detectPorceProducts(clean);
app.pushCaco({ id: Date.now() + 1, role: 'caco', text: clean || 'Me conta um pouco mais? 😊', product: prods[0] });
} catch (e) {
setTyping(false);
const r = cacoFallback(t);
app.pushCaco({ id: Date.now() + 1, role: 'caco', ...r });
}
};
return (
{/* header */}
C
Caco
online · seu consultor Porceville
{/* mensagens */}
{app.caco.length === 0 && (
{/* vídeo de apresentação do Caco */}
▶ Conheça o Caco
Oi! Eu sou o Caco 👋
Consultor da Porceville. Me conta o que você precisa — eu te indico a peça certa e monto seu orçamento.