// FormularioProprietario — captação de proprietário, compartilhada pelo site.
// ────────────────────────────────────────────────────────────────────────────
// Substitui o formulário decorativo que existia na OwnerScreen: os campos não
// tinham estado, o botão não tinha ação e nada era enviado a lugar nenhum.
// Todo lead que chegou por ali se perdeu.
//
// Agora o envio faz três coisas, nessa ordem:
// 1. grava o lead no Firebase (POST em /sbl_leads), para ficar registrado
// mesmo que a pessoa desista do WhatsApp;
// 2. abre o WhatsApp com a mensagem já escrita, inclusive com o resumo da
// simulação quando o formulário vem do simulador de renda;
// 3. mostra confirmação na tela, para a pessoa saber que deu certo.
//
// O passo 1 nunca bloqueia o passo 2: se o Firebase falhar, o contato ainda
// acontece. Perder o registro é ruim; perder o cliente é pior.
// ────────────────────────────────────────────────────────────────────────────
const _LEADS_DB = 'https://sblimoveis-default-rtdb.firebaseio.com';
function _soDigitos(v) { return String(v || '').replace(/\D/g, ''); }
// (83) 9 9958-5248
function _mascaraTelefone(v) {
const d = _soDigitos(v).slice(0, 11);
if (d.length <= 2) return d;
if (d.length <= 3) return `(${d.slice(0, 2)}) ${d.slice(2)}`;
if (d.length <= 7) return `(${d.slice(0, 2)}) ${d.slice(2, 3)} ${d.slice(3)}`;
return `(${d.slice(0, 2)}) ${d.slice(2, 3)} ${d.slice(3, 7)}-${d.slice(7)}`;
}
async function registrarLead(lead) {
try {
const resp = await fetch(`${_LEADS_DB}/sbl_leads.json`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(lead),
});
return resp.ok;
} catch (e) {
return false;
}
}
window.registrarLead = registrarLead;
function FormularioProprietario({ origem, contexto, mensagemWhatsapp, titulo, subtitulo, comTipo }) {
const { Button } = window.SBLImVeisDesignSystem_08a506;
const { isMobile } = window.useResponsive();
const [nome, setNome] = React.useState('');
const [fone, setFone] = React.useState('');
const [tipo, setTipo] = React.useState('');
const [erros, setErros] = React.useState({});
const [enviando, setEnviando] = React.useState(false);
const [enviado, setEnviado] = React.useState(false);
function validar() {
const e = {};
if (nome.trim().length < 3) e.nome = 'Informe o seu nome.';
const d = _soDigitos(fone);
if (d.length < 10 || d.length > 11) e.fone = 'Informe um WhatsApp com DDD.';
if (comTipo && !tipo) e.tipo = 'Escolha o tipo de imóvel.';
setErros(e);
return Object.keys(e).length === 0;
}
async function enviar(ev) {
ev.preventDefault();
if (enviando) return;
if (!validar()) return;
setEnviando(true);
const lead = {
nome: nome.trim(),
whatsapp: _soDigitos(fone),
whatsappFormatado: fone,
tipoImovel: tipo || (contexto && contexto.tipo) || '',
origem: origem || 'site',
contexto: contexto || null,
criadoEm: new Date().toISOString(),
status: 'novo',
};
await registrarLead(lead);
const texto = (mensagemWhatsapp && mensagemWhatsapp.trim())
? mensagemWhatsapp
: `Olá! Sou ${lead.nome} e tenho um imóvel${lead.tipoImovel ? ` (${lead.tipoImovel})` : ''} em João Pessoa que gostaria de rentabilizar com locação de temporada.`;
const url = `https://wa.me/558399585248?text=${encodeURIComponent(`${texto}\n\nMeu nome: ${lead.nome}`)}`;
window.open(url, '_blank', 'noopener');
setEnviando(false);
setEnviado(true);
}
const estiloCampo = (temErro) => ({
width: '100%', height: 48, padding: '0 15px', boxSizing: 'border-box',
borderRadius: 'var(--radius-md)',
border: '1px solid ' + (temErro ? 'var(--color-danger)' : 'var(--border-default)'),
fontFamily: 'var(--font-body)', fontSize: 15, color: 'var(--text-strong)',
background: 'var(--surface-card)', outline: 'none',
});
if (enviado) {
return (
Recebemos o seu contato
Abrimos o WhatsApp com a sua mensagem pronta. Se a janela não apareceu, o bloqueador de pop-ups pode tê-la impedido — use o botão abaixo.