// Shared primitives used by all three variations of the honeymoon registry. // Each variation imports these globals from window. const WEDDING_DATE = new Date('2026-06-13T13:00:00'); // Monzo.Me link for the joint account. The h= and account_type=joint params // must be preserved exactly — they're what tells Monzo to pay into the joint pot. const MONZO_URL_TEMPLATE = 'https://monzo.me/jimbobhofton?h=XD7frY&account_type=joint'; function buildMonzoUrl(amount, gift, from, note) { const url = new URL(MONZO_URL_TEMPLATE); url.pathname = `${url.pathname}/${encodeURIComponent(amount)}`; let desc = gift.title; if (from) desc += ` — from ${from}`; if (note) desc += ` — "${note}"`; url.searchParams.set('d', desc); return url.toString(); } // ─── Gift list ─── const GIFTS = [ { id: 'coffee', title: 'Coffee for two', price: 5, blurb: 'Fuel us up for a morning coastal walk — two proper flat whites.', mark: 'coffee' }, { id: 'guinness', title: 'A pint of the black stuff', price: 7, blurb: 'You can\u2019t go to Ireland and not have one. Go on, buy us one.', mark: 'pint' }, { id: 'lunch', title: 'Harbour lunch', price: 20, blurb: 'Fish & chips on the pier, a bowl of chowder, or a pub lunch with a view.', mark: 'bowl' }, { id: 'kayak', title: 'Kayak on a lough', price: 35, blurb: 'An hour on the water somewhere impossibly still and green.', mark: 'paddle' }, { id: 'campsite', title: 'A night at a pitch', price: 40, blurb: 'Somewhere with a sea view, maybe a campfire, definitely stars.', mark: 'tent' }, { id: 'cliffs', title: 'Cliffs of Moher day', price: 45, blurb: 'Entry, coffee, a windswept walk and slightly too many photos.', mark: 'cliff' }, { id: 'dinner', title: 'Proper dinner out', price: 50, blurb: 'A sit-down somewhere special to actually celebrate being married.', mark: 'fork' }, { id: 'spa', title: 'Spa day recovery', price: 80, blurb: 'After the hiking and driving, help us properly switch off.', mark: 'steam' }, { id: 'diesel', title: 'A tank of diesel', price: 100, blurb: 'The Sprinter is thirsty. Keep us moving up the Wild Atlantic Way.', mark: 'fuel' }, { id: 'ferry', title: 'Ferry to the islands', price: 120, blurb: 'Crossing to the Aran Islands \u2014 stone walls, seals, and no WiFi.', mark: 'ferry' }, { id: 'custom', title: 'You pick the amount', price: null, blurb: 'Whatever feels right. Every little bit becomes part of the trip.', mark: 'heart' }, ]; // ─── Countdown hook ─── function useCountdown(target) { const [now, setNow] = React.useState(() => new Date()); React.useEffect(() => { const id = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(id); }, []); const diff = Math.max(0, target - now); const days = Math.floor(diff / 86400000); const hours = Math.floor((diff % 86400000) / 3600000); const minutes = Math.floor((diff % 3600000) / 60000); const seconds = Math.floor((diff % 60000) / 1000); return { days, hours, minutes, seconds, done: diff === 0 }; } // ─── Guestbook storage (shared via /api/guestbook) ─── // `storageKey` arg is unused now (kept for call-site compatibility); the // guestbook is global, not per-page. function useGuestbook(_storageKey) { const [entries, setEntries] = React.useState([]); React.useEffect(() => { let cancelled = false; fetch('/api/guestbook') .then(r => r.ok ? r.json() : []) .then(data => { if (!cancelled && Array.isArray(data)) setEntries(data); }) .catch(() => {}); return () => { cancelled = true; }; }, []); const add = async (name, msg) => { const entry = { name: name.trim(), msg: msg.trim(), when: new Date().toLocaleDateString('en-GB', { month: 'short', day: 'numeric' }), }; setEntries(prev => [entry, ...prev].slice(0, 200)); try { const res = await fetch('/api/guestbook', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ name: entry.name, msg: entry.msg, hp: '' }), }); if (!res.ok) throw new Error(`status ${res.status}`); const list = await res.json(); if (Array.isArray(list)) setEntries(list); } catch (err) { setEntries(prev => prev.filter(x => !(x.name === entry.name && x.msg === entry.msg && x.when === entry.when))); if (typeof window !== 'undefined') window.alert("Couldn't post your note — please try again in a moment."); } }; return [entries, add]; } // ─── Gift modal (mocked payment flow) ─── function GiftModal({ gift, onClose, accent = '#7a8a6b' }) { const [step, setStep] = React.useState('form'); const [amount, setAmount] = React.useState(gift?.price || 25); const [from, setFrom] = React.useState(''); const [note, setNote] = React.useState(''); React.useEffect(() => { const onKey = (e) => e.key === 'Escape' && onClose(); window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, [onClose]); if (!gift) return null; const submit = (e) => { e.preventDefault(); const amt = Math.max(1, Math.floor(Number(amount) || 0)); if (!amt) return; const url = buildMonzoUrl(amt, gift, from, note); const win = window.open(url, '_blank', 'noopener,noreferrer'); if (!win) { // popup blocked — fall back to same-tab navigation window.location.href = url; return; } setStep('thanks'); }; return (
e.stopPropagation()} style={{ background: '#fbf6ec', borderRadius: 8, maxWidth: 440, width: '100%', padding: '32px 28px', boxShadow: '0 30px 80px rgba(0,0,0,0.3)', border: `1px solid ${accent}33`, fontFamily: 'inherit', animation: 'slideUp .25s cubic-bezier(.2,.8,.3,1)' }}> {step === 'form' && ( <>
Gift · {gift.id}

{gift.title}

setAmount(e.target.value)} style={{ width: '100%', padding: '10px 12px', fontSize: 18, fontFamily: 'var(--serif)', border: `1px solid ${accent}55`, background: '#fff', borderRadius: 4, marginBottom: 14, color: '#2a2620' }} /> setFrom(e.target.value)} placeholder="so we can thank you" required style={{ width: '100%', padding: '10px 12px', fontSize: 15, fontFamily: 'inherit', border: `1px solid ${accent}55`, background: '#fff', borderRadius: 4, marginBottom: 14, color: '#2a2620' }} />