/* ============================================================ EBTR — Newsletter capture: Stefi-voice popup + inline CTA ------------------------------------------------------------ - EBTRNewsletterPopup: fires on 50% scroll OR exit-intent, once per visitor (localStorage), never if already subscribed. - EBTRInlineCTA: the article-end band — the hottest lead point. Both write to window.EBTR_SAVE_SUBSCRIBER (Firestore subscribers), one required field (email) + optional first name, GDPR notice + link. ============================================================ */ const EBTR_NL_SEEN_KEY = "ebtr_news_popup_seen"; const EBTR_NL_SUB_KEY = "ebtr_subscribed"; function ebtrNlField(extra) { return Object.assign({ fontFamily: "var(--font-body)", fontSize: 15, color: "var(--white)", background: "var(--neutral-900)", border: "1px solid var(--border-strong)", borderRadius: "var(--radius-sm)", padding: "13px 14px", outline: "none", width: "100%", boxSizing: "border-box", }, extra || {}); } /* Resolve the campaign tag for attribution: explicit prop > ?utm_campaign= > current article id > "site" */ function ebtrCampaign(explicit) { if (explicit) return explicit; try { var qs = new URLSearchParams(window.location.search); var utm = qs.get("utm_campaign"); if (utm) return utm; var a = qs.get("a"); if (a) return a; var pm = (window.location.pathname || "").match(/\/a\/([^/?#]+)/); if (pm) return decodeURIComponent(pm[1]); } catch (e) {} return "site"; } /* Shared form: email (required) + first name (optional) + GDPR notice */ function EBTRNewsletterForm({ source, campaign, onDone, buttonLabel }) { const [email, setEmail] = React.useState(""); const [name, setName] = React.useState(""); const [err, setErr] = React.useState(""); const [busy, setBusy] = React.useState(false); const submit = () => { if (!/.+@.+\..+/.test(email)) { setErr("Enter a valid email."); return; } setErr(""); setBusy(true); try { localStorage.setItem(EBTR_NL_SUB_KEY, "1"); } catch (e) {} const p = window.EBTR_SAVE_SUBSCRIBER ? window.EBTR_SAVE_SUBSCRIBER({ email: email, name: name, consent: true, source: source || "review", campaign: ebtrCampaign(campaign) }) : Promise.resolve(); p.then(function () { onDone && onDone(); }).catch(function () { onDone && onDone(); }); }; const onKey = (e) => { if (e.key === "Enter") submit(); }; return (
setEmail(e.target.value)} onKeyDown={onKey} placeholder="you@work.com" style={ebtrNlField()} /> setName(e.target.value)} onKeyDown={onKey} placeholder="First name (optional)" style={ebtrNlField({ fontSize: 14 })} /> {err &&
{err}
}
One email every other week. Unsubscribe anytime. We send a confirmation link first — see our privacy policy.
); } /* Small AI-disclosure line — Stefi transparency */ function EBTRStefiNote() { return (
AI Hosted by Stefi, EBTHub's disclosed AI persona. Edited by humans.
); } /* ---- The exit/scroll popup ---- */ function EBTRNewsletterPopup() { const [open, setOpen] = React.useState(false); const [done, setDone] = React.useState(false); const dismiss = React.useCallback(function () { setOpen(false); try { localStorage.setItem(EBTR_NL_SEEN_KEY, "1"); } catch (e) {} }, []); React.useEffect(function () { let seen = false, subbed = false; try { seen = !!localStorage.getItem(EBTR_NL_SEEN_KEY); subbed = !!localStorage.getItem(EBTR_NL_SUB_KEY); } catch (e) {} if (seen || subbed) return; let fired = false; const fire = function () { if (fired) return; fired = true; setOpen(true); cleanup(); }; const onScroll = function () { const h = document.documentElement; const scrolled = (h.scrollTop || document.body.scrollTop); const height = (h.scrollHeight - h.clientHeight) || 1; if (scrolled / height >= 0.5) fire(); }; const onExit = function (e) { if (e.clientY <= 0) fire(); }; const t = setTimeout(function () { document.addEventListener("mouseout", onExit); }, 8000); // arm exit-intent after 8s window.addEventListener("scroll", onScroll, { passive: true }); function cleanup() { clearTimeout(t); window.removeEventListener("scroll", onScroll); document.removeEventListener("mouseout", onExit); } return cleanup; }, []); React.useEffect(function () { const onKey = function (e) { if (e.key === "Escape") dismiss(); }; if (open) window.addEventListener("keydown", onKey); return function () { window.removeEventListener("keydown", onKey); }; }, [open, dismiss]); if (!open) return null; return (
e.stopPropagation()} style={{ position: "relative", width: "100%", maxWidth: 460, background: "var(--surface-raised)", border: "1px solid var(--border-hairline)", borderTop: "3px solid var(--ebt-purple)", padding: "clamp(26px,5vw,40px)", boxShadow: "0 30px 80px rgba(0,0,0,0.5)" }}> {done ? (
Almost there

Check your inbox.

I've sent a confirmation link. Click it, and you're in. — Stefi

) : (
The Review Newsletter

I don't exist.
This newsletter does.

Every other week: the research — and the part the careful people leave out. No fluff, no schedule-filler.

setDone(true)} /> )}
); } /* ---- Article-end inline CTA — the hottest lead point ---- */ function EBTRInlineCTA({ campaign }) { const [done, setDone] = React.useState(false); return (
{done ? (

You're on the list.

Confirmation link sent — click it and I'll start sending. — Stefi

) : (
Before you go

Subscribe, and I'll put the part they missed in your inbox.

You read to the end — you're exactly who this is for. Every other week, the evidence and the uncomfortable bit. — Stefi

setDone(true)} />
)}
); } Object.assign(window, { EBTRNewsletterPopup, EBTRInlineCTA, EBTRNewsletterForm });