/* Captação: nome + WhatsApp. Ao enviar, abre a conversa no WhatsApp da loja. */
const WPP = '5515996520317';
function telLimpo(t) { return (t || '').replace(/\D/g, ''); }
function mascara(t) {
const d = telLimpo(t).slice(0, 11);
if (d.length <= 2) return d;
if (d.length <= 7) return `(${d.slice(0,2)}) ${d.slice(2)}`;
return `(${d.slice(0,2)}) ${d.slice(2,3)} ${d.slice(3,7)}-${d.slice(7)}`;
}
function LeadForm({ vehicle, assunto, horario, onDone }) {
const { Input, Button, SpecList, Icon } = window.Ds55VeCulosDesignSystem_b5c845;
const [nome, setNome] = React.useState('');
const [tel, setTel] = React.useState('');
const [erro, setErro] = React.useState(null);
const [enviado, setEnviado] = React.useState(false);
const valido = nome.trim().length > 2 && telLimpo(tel).length >= 10;
const enviar = () => {
if (!valido) { setErro('Preencha nome e WhatsApp com DDD.'); return; }
const texto = assunto === 'visita'
? `Oi, sou ${nome}. Quero agendar visita para o ${vehicle.model} ${vehicle.year}${horario ? ' — ' + horario : ''}.`
: `Oi, sou ${nome}. Quero o laudo do ${vehicle.model} ${vehicle.year}.`;
setEnviado(true);
window.open(`https://wa.me/${WPP}?text=${encodeURIComponent(texto)}`, '_blank');
if (onDone) onDone({ nome, tel, assunto, horario });
};
if (enviado) {
return (
ABRIMOS O WHATSAPP
Se a conversa não abriu, chame direto: (15) 9 9652-0317.
);
}
return (
{assunto === 'visita'
? `Deixa nome e WhatsApp que eu confirmo ${horario ? 'o horário de ' + horario : 'a visita'} com você.`
: 'Deixa nome e WhatsApp que eu envio o laudo completo em PDF.'}
{ setNome(e.target.value); setErro(null); }} />
{ setTel(e.target.value); setErro(null); }} error={erro} />
SÓ USAMOS SEU NÚMERO PARA ESSA CONVERSA
);
}
function Agenda({ valor, onChange }) {
const { SpecList, Icon } = window.Ds55VeCulosDesignSystem_b5c845;
const dias = React.useMemo(() => {
const out = [];
const hoje = new Date();
for (let i = 1; out.length < 6; i++) {
const d = new Date(hoje.getTime() + i * 86400000);
if (d.getDay() === 0) continue;
out.push(d);
}
return out;
}, []);
const [dia, setDia] = React.useState(0);
const sabado = dias[dia].getDay() === 6;
const horas = sabado ? ['09:00', '10:00', '11:00', '12:00'] : ['09:00', '11:00', '14:00', '16:00', '17:30'];
const semana = d => d.toLocaleDateString('pt-BR', { weekday: 'short' }).replace('.', '').toUpperCase();
const numero = d => String(d.getDate()).padStart(2, '0');
const mes = d => d.toLocaleDateString('pt-BR', { month: 'short' }).replace('.', '').toUpperCase();
const rotulo = h => `${semana(dias[dia])} ${numero(dias[dia])}/${String(dias[dia].getMonth() + 1).padStart(2, '0')} · ${h}`;
return (
{dias.map((d, k) => {
const on = k === dia;
return (
);
})}
{horas.map(h => {
const rot = rotulo(h);
const on = valor === rot;
return (
);
})}