/* global React */ const { useState: useLM } = React; /* LeadMagnet — sähköpostimuotti oppaiden lataamiseen. Käyttö: */ function LeadMagnet({ title, subtitle, bullets = [], file = "#", slug = "guide", coverEyebrow = "Opas", coverTone = "navy", coverNumber, layout = "card", anchor }) { const [vals, setVals] = useLM({ name: "", email: "", consent: false }); const [errs, setErrs] = useLM({}); const [done, setDone] = useLM(false); const setV = (k, v) => { setVals(s => ({ ...s, [k]: v })); setErrs(e => ({ ...e, [k]: null })); }; const submit = (e) => { e.preventDefault(); const er = {}; if (!vals.name.trim()) er.name = "Anna nimesi."; if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(vals.email)) er.email = "Tarkista sähköpostiosoite."; if (!vals.consent) er.consent = "Suostumus tarvitaan."; if (Object.keys(er).length) { setErrs(er); setTimeout(() => { const k = Object.keys(er)[0]; const el = document.querySelector(`[data-lm="${slug}"] [name="${k}"]`); if (el && el.focus) el.focus(); }, 0); return; } setDone(true); if (typeof window.amTrack === "function") window.amTrack("lead_magnet_download", { slug, title }); // Lähetä Formspreelle (fire-and-forget — ei estä PDF:n latausta vaikka epäonnistuisi) try { const formData = new FormData(); formData.append("name", vals.name); formData.append("email", vals.email); formData.append("slug", slug); formData.append("title", title); formData.append("timestamp", new Date().toISOString()); fetch("https://formspree.io/f/xgodzqpz", { method: "POST", body: formData, headers: { "Accept": "application/json" }, keepalive: true, }).catch((err) => { console.error("Lead-magnet-lähetys epäonnistui:", err); }); } catch (err) { console.error("Lead-magnet-lähetys epäonnistui:", err); } const winRef = window.open(file, "_blank", "noopener,noreferrer"); setTimeout(() => { const a = document.createElement("a"); a.href = file; a.download = (file.split("/").pop() || "opas.pdf"); a.rel = "noopener"; document.body.appendChild(a); a.click(); a.remove(); if (!winRef) { /* anchor-click hoitaa */ } }, 300); }; const toneClass = "lm-cover-" + (coverTone || "navy"); return ( ); } window.LeadMagnet = LeadMagnet;