/* ============================================ WIDGETS GLOBAIS — Clinical Vet WhatsApp lead capture · LGPD cookie consent · Back-to-top ============================================ */ const { useState: useStateW, useEffect: useEffectW, useRef: useRefW } = React; // Storage keys const LS = { lgpd: 'cv_lgpd_v1', lead: 'cv_lead_v1', leads: 'cv_leads_v1', prefs: 'cv_cookie_prefs_v1', }; // ============================================ // WhatsApp Popover — appointment / emergency based on hours // ============================================ function readBizHours() { try { const saved = JSON.parse(localStorage.getItem('cv_biz_hours_v1') || 'null'); if (saved) return saved; } catch {} return { weekday: { open:7, close:22 }, saturday: { open:7, close:22 }, sunday: { emergencyOnly:true }, emergency24h: true, commercialPhone: '5511999900000', emergencyPhone: '5511988880000', daysClosed: [], }; } function isCommercialHoursNow(cfg) { const now = new Date(); const day = now.getDay(); // 0=sun const h = now.getHours() + now.getMinutes()/60; if (day === 0 && cfg.sunday?.emergencyOnly) return false; if (day === 6) return h >= cfg.saturday.open && h < cfg.saturday.close; return h >= cfg.weekday.open && h < cfg.weekday.close; } function WhatsAppFloat() { const [open, setOpen] = useStateW(false); const [mode, setMode] = useStateW('appt'); // 'appt' | 'emergency' const [data, setData] = useStateW({ name:'', phone:'', subject:'consulta', terms:false, marketing:true }); const [saved, setSaved] = useStateW(null); const cfg = readBizHours(); const isCommercial = isCommercialHoursNow(cfg); useEffectW(() => { try { const stored = JSON.parse(localStorage.getItem(LS.lead) || 'null'); if (stored) setSaved(stored); } catch {} setMode(isCommercial ? 'appt' : 'emergency'); }, [isCommercial]); const update = (k, v) => setData(d => ({...d, [k]: v})); const captureLead = (e) => { e?.preventDefault(); if (!data.terms || !data.name || !data.phone) return; const record = { ...data, mode, device: { ua: navigator.userAgent.slice(0,120), lang: navigator.language, screen: `${window.screen.width}x${window.screen.height}`, viewport: `${window.innerWidth}x${window.innerHeight}`, platform: navigator.platform, referrer: document.referrer || 'direct', page: window.location.pathname, }, at: new Date().toISOString(), }; try { localStorage.setItem(LS.lead, JSON.stringify(record)); const all = JSON.parse(localStorage.getItem(LS.leads) || '[]'); all.unshift(record); localStorage.setItem(LS.leads, JSON.stringify(all.slice(0, 100))); } catch {} setSaved(record); const targetPhone = mode === 'emergency' ? cfg.emergencyPhone : cfg.commercialPhone; const msg = encodeURIComponent(`Olá! Sou ${data.name}. ${mode === 'emergency' ? '🚨 PRECISO DE ATENDIMENTO DE EMERGÊNCIA' : `Vim pelo site da Clinical Vet — gostaria de informações sobre ${data.subject}.`}`); setTimeout(() => { window.open(`https://wa.me/${targetPhone}?text=${msg}`, '_blank'); setOpen(false); }, 600); }; const callEmergency = () => { window.location.href = `tel:${cfg.emergencyPhone}`; }; const skipForm = () => { if (saved) { const targetPhone = mode === 'emergency' ? cfg.emergencyPhone : cfg.commercialPhone; const msg = encodeURIComponent(`Olá! Vim pelo site da Clinical Vet.`); window.open(`https://wa.me/${targetPhone}?text=${msg}`, '_blank'); setOpen(false); } }; return ( <> {open && (
setOpen(false)}>
e.stopPropagation()}>
{mode === 'emergency' ? 🚨 : }
Clinical Vet
{mode === 'emergency' ? 'plantão 24h ativo · ligue agora' : 'comercial · responde em poucos min'}
{mode === 'emergency' ? ( <>

Atendimento de emergência

Pets não esperam. Para urgências (vômito, sangramento, trauma, dificuldade respiratória), ligue agora — nosso plantão atende 24h.

{cfg.emergencyPhone.replace(/^55/, '+55 ')}
ou WhatsApp
) : !saved ? ( <>

Olá! Antes de continuarmos, conta um pouquinho sobre você — assim a gente já te atende personalizado 🐾

update('name', e.target.value)} placeholder="Como podemos te chamar?"/>
update('phone', e.target.value)} placeholder="(11) 99999-9999"/>
) : ( <>

Que bom te ver de novo, {saved.name}! 🐾

Vamos direto para o WhatsApp?

)}
)} ); } // ============================================ // LGPD Cookie Consent // ============================================ function CookieConsent() { const [show, setShow] = useStateW(false); const [details, setDetails] = useStateW(false); const [prefs, setPrefs] = useStateW({ necessary:true, analytics:true, marketing:false, personalization:true }); useEffectW(() => { try { const saved = localStorage.getItem(LS.lgpd); if (!saved) { setTimeout(() => setShow(true), 1500); } else { setPrefs(JSON.parse(saved)); } } catch { setShow(true); } }, []); const accept = (p) => { try { localStorage.setItem(LS.lgpd, JSON.stringify(p)); } catch {} setPrefs(p); setShow(false); }; if (!show) { return ( ); } return (
{!details ? ( <>
🐾

A gente cuida dos cookies também

Usamos cookies para melhorar sua experiência, analisar o uso do site e oferecer conteúdo personalizado. Você pode escolher quais aceitar. Saiba mais.

) : (

Preferências de cookies

{[ { k:'necessary', t:'Necessários', d:'Essenciais para o funcionamento do site (login, segurança). Não podem ser desativados.', locked:true }, { k:'analytics', t:'Análise', d:'Google Analytics para entender como você navega e melhorar a experiência.' }, { k:'personalization', t:'Personalização', d:'Lembrar suas preferências, paleta de cores e produtos vistos.' }, { k:'marketing', t:'Marketing', d:'Mostrar anúncios relevantes e medir campanhas. Compartilhado com parceiros.' }, ].map(c => (
{c.t}
{c.d}
))}
)}
); } // ============================================ // Back-to-top // ============================================ function BackToTop() { const [visible, setVisible] = useStateW(false); useEffectW(() => { const onScroll = () => setVisible(window.scrollY > 600); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); } // ============================================ // Global widget bundle — drop in once per page // ============================================ function GlobalWidgets() { return ( <> ); } Object.assign(window, { WhatsAppFloat, CookieConsent, BackToTop, GlobalWidgets });