/* ──────────────────────────────────────────────────────────────── Home-page newsletter invitation (timed) ──────────────────────────────────────────────────────────────── Appears once — after a quiet delay or half a page of scrolling, whichever comes first. Never for someone who already subscribed, never on top of the country/language nudge, and a dismissal is remembered for 30 days. Legal text is the SAME copy as the footer form (window.COPY), so consent wording can never drift apart. ──────────────────────────────────────────────────────────────── */ const RD_NEWSPOP_KEY = 'pf-news-popup-v1'; // { at: } last dismissal const RD_NEWSPOP_DELAY = 14000; // ms before it may appear const RD_NEWSPOP_SCROLL = 0.5; // or half the page, whichever first const RD_NEWSPOP_SNOOZE = 30 * 24 * 60 * 60 * 1000; const RD_NEWSPOP_T = { de: { caps: 'Ein Willkommensgeschenk', title: 'Zehn Prozent auf die erste Box.', body: 'Trag dich in die Reisepost ein und wir schicken dir deinen persönlichen Rabattcode — dazu neue Kapitel und kleine Bastel-Ideen.', no: 'Nein danke', close: 'Schließen', }, en: { caps: 'A welcome gift', title: 'Ten percent off your first box.', body: 'Join the travel post and we’ll send you your personal discount code — plus new chapters and little crafting ideas.', no: 'No thanks', close: 'Dismiss', }, }; function rdNewsPopSnoozed() { try { const raw = localStorage.getItem(RD_NEWSPOP_KEY); if (!raw) return false; const at = Number(JSON.parse(raw).at || 0); return at > 0 && Date.now() - at < RD_NEWSPOP_SNOOZE; } catch (e) { return false; } } function rdNewsPopSnooze() { try { localStorage.setItem(RD_NEWSPOP_KEY, JSON.stringify({ at: Date.now() })); } catch (e) {} } function RdNewsPopup({ lang = 'de' }) { const [open, setOpen] = useState(false); const [email, setEmail] = useState(''); const [agree, setAgree] = useState(false); const [err, setErr] = useState(false); const [busy, setBusy] = useState(false); const [failed, setFailed] = useState(false); const [sent, setSent] = useState(false); const trap = React.useRef(null); useEffect(() => { if (rdNewsPopSnoozed()) return; if (window.PFNews && PFNews.signedUp()) return; let done = false; const fire = () => { if (done) return; // One nudge at a time: the locale/language banner gets priority. if (document.querySelector('.rd-suggest')) return; done = true; cleanup(); setOpen(true); }; const onScroll = () => { const h = document.documentElement; const max = h.scrollHeight - window.innerHeight; if (max > 0 && window.scrollY / max >= RD_NEWSPOP_SCROLL) fire(); }; const timer = setTimeout(fire, RD_NEWSPOP_DELAY); // Retry a few seconds later if a nudge was in the way the first time. const retry = setInterval(() => { if (!done) fire(); }, 6000); window.addEventListener('scroll', onScroll, { passive: true }); function cleanup() { clearTimeout(timer); clearInterval(retry); window.removeEventListener('scroll', onScroll); } return cleanup; }, []); useEffect(() => { if (!open) return; const onKey = (e) => { if (e.key === 'Escape') close(); }; window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [open]); const close = () => { rdNewsPopSnooze(); setOpen(false); }; if (!open) return null; const T = RD_NEWSPOP_T[lang] || RD_NEWSPOP_T.de; const C = ((window.COPY && (COPY[lang] || COPY.de)) || {}).news || {}; const submit = (e) => { e.preventDefault(); if (!agree) { setErr(true); return; } if (!window.PFNews || !PFNews.valid(email)) return; setBusy(true); setFailed(false); PFNews.subscribe(email, 'popup', trap.current ? trap.current.value : '').then((r) => { setBusy(false); if (r && r.ok) { setSent(true); rdNewsPopSnooze(); setTimeout(() => setOpen(false), 4200); } else setFailed(true); }); }; return (

{ if (e.target === e.currentTarget) close(); }}>

); } Object.assign(window, { RdNewsPopup, rdNewsPopSnoozed, rdNewsPopSnooze });