// COOKIE CONSENT BANNER // Pairs with the default-deny Consent Mode snippet in each page's // (see the inline script above the GTM tag). This component only records the // user's choice and pushes the update; the blocking itself is done by Google // Consent Mode inside GTM. // // Storage: localStorage key `outrun-cookie-consent`, shape // { analytics: bool, marketing: bool, ts: ISO8601, v: 1 } // Bump CONSENT_VERSION to re-ask everyone (e.g. if a new vendor is added). const CONSENT_KEY = 'outrun-cookie-consent'; const CONSENT_VERSION = 1; function readConsent() { try { const raw = localStorage.getItem(CONSENT_KEY); if (!raw) return null; const v = JSON.parse(raw); return v && v.v === CONSENT_VERSION ? v : null; } catch (e) { return null; } } function pushConsent({ analytics, marketing }) { const state = { analytics_storage: analytics ? 'granted' : 'denied', ad_storage: marketing ? 'granted' : 'denied', ad_user_data: marketing ? 'granted' : 'denied', ad_personalization: marketing ? 'granted' : 'denied', }; if (typeof window.gtag === 'function') { window.gtag('consent', 'update', state); } window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'outrun_consent_update', ...state }); } function writeConsent({ analytics, marketing }) { try { localStorage.setItem(CONSENT_KEY, JSON.stringify({ analytics, marketing, ts: new Date().toISOString(), v: CONSENT_VERSION, })); } catch (e) { /* private mode - choice applies to this session only */ } pushConsent({ analytics, marketing }); } // Footer "Cookie settings" link calls this. window.openCookieSettings = function () { window.dispatchEvent(new CustomEvent('outrun:open-cookie-settings')); }; function CcButton({ kind, onClick, children }) { const ED = React.useContext(EdCtx); const edText = ED.text; const [hover, setHover] = React.useState(false); const solid = kind === 'solid'; const base = solid ? ED.green : ED.ink; return ( ); } function CcToggle({ label, note, checked, onChange, locked }) { const ED = React.useContext(EdCtx); const edText = ED.text; return (

{label}{locked && Always on}

{note}

); } function CookieConsent() { const ED = React.useContext(EdCtx); const edText = ED.text; const isMobile = useIsMobile(); const [open, setOpen] = React.useState(false); const [detail, setDetail] = React.useState(false); const [analytics, setAnalytics] = React.useState(true); const [marketing, setMarketing] = React.useState(false); React.useEffect(() => { const saved = readConsent(); if (saved) { pushConsent(saved); // re-assert on every page load } else { const t = setTimeout(() => setOpen(true), 600); return () => clearTimeout(t); } }, []); React.useEffect(() => { const reopen = () => { const saved = readConsent(); if (saved) { setAnalytics(saved.analytics); setMarketing(saved.marketing); } setDetail(false); setOpen(true); }; window.addEventListener('outrun:open-cookie-settings', reopen); return () => window.removeEventListener('outrun:open-cookie-settings', reopen); }, []); if (!open) return null; const decide = (a, m) => { writeConsent({ analytics: a, marketing: m }); setOpen(false); setDetail(false); }; return ( ); } Object.assign(window, { CookieConsent, readConsent, openCookieSettings: window.openCookieSettings });