);
}
// ---------- Sticky CTA bar ----------
function StickyCTA({ slotsLeft }) {
const [show, setShow] = React.useState(false);
const [dismissed, setDismissed] = React.useState(false);
const [formInView, setFormInView] = React.useState(false);
// Track form visibility via IntersectionObserver so we can suppress the
// sticky bottom CTA whenever the actual form is on screen, no point
// showing two competing CTAs.
React.useEffect(() => {
const el = document.getElementById("form-card");
if (!el || typeof IntersectionObserver === "undefined") return;
const obs = new IntersectionObserver(
(entries) => setFormInView(entries[0].isIntersecting),
{ threshold: 0.15 }
);
obs.observe(el);
return () => obs.disconnect();
}, []);
React.useEffect(() => {
const onScroll = () => {
if (dismissed) return;
setShow(window.scrollY > 900);
};
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, [dismissed]);
// Final visibility = scrolled past threshold AND form NOT in viewport
const visible = show && !formInView;
const scrollToForm = () => {
const formCard = document.getElementById("form-card");
if (!formCard) return;
const firstInput = formCard.querySelector("input, select");
if (firstInput) {
const r = firstInput.getBoundingClientRect();
const targetY = Math.max(0, window.scrollY + r.top - 240);
window.scrollTo({ top: targetY, behavior: "smooth" });
} else {
window.scrollTo({ top: formCard.offsetTop - 60, behavior: "smooth" });
}
};
return (
Get the highest payout for your gold.{slotsLeft} same-day slots remain · Free insured kit · Paid in 24 hrs
);
}
// ---------- Exit-intent popup ----------
function ExitIntent({ onClaim }) {
const [open, setOpen] = React.useState(false);
const fired = React.useRef(false);
// Suppression check. NEVER fire while the user is actively engaged with
// the lead form. Engagement counts as any of:
// 1. Focus is inside #form-card (typing right now)
// 2. Any input/select inside #form-card has a value (started filling)
// 3. The form has moved past step 1 (uploading photos / on success state)
//
// We re-check at the moment of fire so a user who starts filling at second
// 49 won't have the popup punish them at second 50.
const isFormEngaged = () => {
const formCard = document.getElementById("form-card");
if (!formCard) return false;
// Past step 1?
const step = formCard.getAttribute("data-step");
if (step && step !== "1") return true;
// Focused inside the form?
const active = document.activeElement;
if (active && formCard.contains(active) && active !== document.body) return true;
// Any field with content?
const fields = formCard.querySelectorAll("input, select, textarea");
for (const f of fields) {
if (f.type === "hidden") continue;
if (f.tagName === "SELECT") { if (f.value && f.value !== "") return true; }
else if (f.value && f.value.trim() !== "") return true;
}
return false;
};
React.useEffect(() => {
if (sessionStorage.getItem("gbe-exit-shown")) { fired.current = true; return; }
const tryFire = (reason) => {
if (fired.current) return;
if (isFormEngaged()) return; // never interrupt an active fill
fired.current = true;
sessionStorage.setItem("gbe-exit-shown", "1");
setOpen(true);
};
const onLeave = (e) => {
if (e.clientY <= 4) tryFire("mouseout");
};
// Idle timer, only fires if user hasn't engaged with the form yet
const timer = setTimeout(() => tryFire("timeout"), 50000);
document.addEventListener("mouseout", onLeave);
return () => {
document.removeEventListener("mouseout", onLeave);
clearTimeout(timer);
};
}, []);
if (!open) return null;
const close = () => setOpen(false);
const claim = () => { close(); onClaim && onClaim(); };
return (
e.stopPropagation()}>
Wait, before you go
Claim a $50 bonus on your first appraisal
Leave your email and we'll add a $50 bonus to whatever offer we send, yours to keep, no obligation.