/* ============================================================ EBTR — Article reader Progress bar · reading time · bookmark · author w/ role badge · related · premium paywall (free preview → unlock). ============================================================ */ const { Stat: EBStat, Badge: EBBadgeR, Button: EBButtonR, ThreeBar: EBThreeBarR, Eyebrow: EBEyebrowR } = window.EBTHubDesignSystem_ccdc9d; /* ---- Per-user watermark layer (faint, tiled, diagonal; non-interactive) ---- */ function ebtrWatermarkURI(text) { const svg = ``; return `url("data:image/svg+xml;utf8,${encodeURIComponent(svg)}")`; } function EBTRWatermark({ viewer }) { const label = `Licensed to ${viewer.name} · ${viewer.company}`; return

; } /* ---- Watermarked PDF export (browser print-to-PDF; reader's name on every page) ---- */ function ebtrEscape(s) { return String(s).replace(/&/g, "&").replace(//g, ">"); } function ebtrBlockHTML(b) { if (b.t === "p") return `

${ebtrEscape(b.text)}

`; if (b.t === "h2") return `

${ebtrEscape(b.text)}

`; if (b.t === "quote") return `

${ebtrEscape(b.text)}${b.cite ? `— ${ebtrEscape(b.cite)}` : ""}

`; if (b.t === "stat") return `

${ebtrEscape(b.value)}${ebtrEscape(b.label)}${b.source ? `${ebtrEscape(b.source)}` : ""}

`; if (b.t === "list") return `

${ebtrEscape(it)}

`; if (b.t === "callout") return `

${ebtrEscape(b.label)}

${ebtrEscape(b.text)}

`; return ""; } function ebtrExportPdf(article, viewer) { const data = window.EBTR_DATA; const cat = data.categories[article.category]; const author = data.authors[article.author]; const stamp = `Licensed to ${viewer.name} · ${viewer.company}`; const date = new Date(article.date).toLocaleDateString("en-GB", { day: "numeric", month: "long", year: "numeric" }); const wmSvg = ``; const wm = `url("data:image/svg+xml;utf8,${encodeURIComponent(wmSvg)}")`; const html = `${ebtrEscape(article.title)} — EBTR

EBT·HUB Review

${ebtrEscape(cat.label)}${article.premium ? " · Premium" : ""}

${ebtrEscape(article.title)}

${ebtrEscape(article.dek)}

${ebtrEscape(author.name)} · ${date} · ${article.readingMins} min read

${article.body.map(ebtrBlockHTML).join("")}

© 2026 EBTHub — European Business Transformation Hub · Vienna, AT.
This copy is licensed to ${ebtrEscape(viewer.name)} (${ebtrEscape(viewer.company)}) for personal use. Redistribution is traceable to this account.

${ebtrEscape(stamp)}

`; const w = window.open("", "_blank"); if (!w) { alert("Allow pop-ups to download the PDF."); return; } w.document.open(); w.document.write(html); w.document.close(); w.focus(); setTimeout(() => { w.print(); }, 350); } /* ---- Body block renderer ---- */ function EBTRBlock({ block }) { const b = block; if (b.t === "p") return

{b.text}

; if (b.t === "h2") return

{b.text}

; if (b.t === "quote") return (

{b.text}
{b.cite && — {b.cite}}

); if (b.t === "stat") { const col = b.color === "blue" ? "var(--ebt-blue)" : b.color === "purple" ? "var(--ebt-purple)" : "var(--ebt-orange)"; return (

{b.value}

{b.label}

{b.source &&

{b.source}

}

); } if (b.t === "list") return (

→ {it}

); if (b.t === "callout") return (

{b.label}

{b.text}

); if (b.t === "figure") return (

{b.caption &&

{b.caption}

} ); return null; } /* ---- Author block ---- */ function EBTRAuthorCard({ authorId }) { const a = window.EBTR_DATA.authors[authorId]; if (!a) return null; return (

About the author

{a.name} {a.badge.label}

{a.title}

{a.bio}

{a.orcid && ORCID {a.orcid}}

); } /* ---- References (APA, 2–5) ---- */ function EBTRReferences({ refs, doi }) { if ((!refs || refs.length === 0) && !doi) return null; return (

{refs && refs.length > 0 && (

References

{i + 1}. {r.authors} ({r.year}). {r.title}. {r.source}.{r.doi && https://doi.org/{r.doi}}

)} {doi && (

https://doi.org/{doi}

)}

); } /* ---- Paywall ---- */ /* ---- Login wall (visitors): every article stops after the preview ---- */ function EBTRLoginWall({ onSignIn, onApply }) { return (

Sign in to keep reading

Full articles are free for EBTHub members and registered partners. Sign in to read the rest — or become a partner.

); } /* ---- Purchase wall (logged-in reader hitting a Premium paper) ---- */ function EBTRPaywall({ article, onUnlock, onSignIn }) { return (

A Premium paper

This in-depth paper is available as a one-time purchase on top of your membership. Unlock it to read the full piece.

Buy this paper

Secure one-time checkout · no app-store fees

); } /* ---- Share row (LinkedIn · X · copy link) ---- */ function EBTRShare({ title, onPdf }) { const [copied, setCopied] = React.useState(false); const url = typeof window !== "undefined" ? window.location.href : ""; const ln = () => window.open("https://www.linkedin.com/sharing/share-offsite/?url=" + encodeURIComponent(url), "_blank", "noopener,width=620,height=640"); const x = () => window.open("https://twitter.com/intent/tweet?text=" + encodeURIComponent(title) + "&url=" + encodeURIComponent(url), "_blank", "noopener,width=620,height=640"); const copy = () => { try { navigator.clipboard.writeText(url); } catch (e) {} setCopied(true); setTimeout(() => setCopied(false), 1800); }; const btn = { width: 38, height: 38, borderRadius: "50%", border: "1px solid var(--border-strong)", background: "none", cursor: "pointer", display: "inline-flex", alignItems: "center", justifyContent: "center", color: "var(--text-secondary)", transition: "border-color var(--dur-base), color var(--dur-base)" }; return (

Share {onPdf && } {copied && Link copied}

); } /* ---- Reader ---- */ function EBTRReader({ articleId, onOpen, onBack, loggedIn, allAccess, isUnlocked, onUnlock, onSignIn, onApply, protect, watermark, viewer, motion }) { const data = window.EBTR_DATA; const article = data.articles.find((a) => a.id === articleId); const scrollRef = React.useRef(null); const [progress, setProgress] = React.useState(0); React.useEffect(() => { window.scrollTo(0, 0); }, [articleId]); React.useEffect(() => { if (!protect) return; const block = (e) => { e.preventDefault(); return false; }; const root = scrollRef.current; if (root) { root.addEventListener("copy", block); root.addEventListener("cut", block); root.addEventListener("contextmenu", block); root.addEventListener("dragstart", block); } return () => { if (root) { root.removeEventListener("copy", block); root.removeEventListener("cut", block); root.removeEventListener("contextmenu", block); root.removeEventListener("dragstart", block); } }; }, [protect, articleId]); React.useEffect(() => { const onScroll = () => { const el = scrollRef.current; if (!el) return; const start = el.offsetTop, total = el.offsetHeight - window.innerHeight; const p = total > 0 ? (window.scrollY - start + 120) / total : 0; setProgress(Math.max(0, Math.min(1, p))); }; onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, [articleId]); if (!article) return null; const cat = data.categories[article.category]; const author = data.authors[article.author]; // Security model: every article previews then gates on LOGIN. Logged-in readers // get all standard articles in full; Premium papers need a purchase on top. const needsLogin = !loggedIn; const needsPurchase = loggedIn && article.premium && !isUnlocked && !allAccess; const locked = needsLogin || needsPurchase; const previewCount = needsLogin ? Math.min(3, article.body.length) : article.freeUntil; const blocks = locked ? article.body.slice(0, previewCount) : article.body; const related = (article.related || []).map((id) => data.articles.find((a) => a.id === id)).filter(Boolean).slice(0, 4); return ( {/* progress */}

{/* LEFT RAIL — Topics */} {/* CENTER — article (hero + body share this width) */}

{article.premium && }

{article.title}

{article.dek}

{/* byline */}

{author.name}

{new Date(article.date).toLocaleDateString("en-GB", { day: "numeric", month: "short", year: "numeric" })} · {article.readingMins} MIN READ

{/* share */} ebtrExportPdf(article, viewer || { name: "EBTR Reader", company: "EBTHub" })} /> {/* hero — same width as the body below it */}

{/* body */}

{watermark && viewer && } {blocks.map((b, i) => )}

{locked ? (needsLogin ? : onUnlock(article.id)} onSignIn={onSignIn} />) : }

{/* RIGHT RAIL — What to Read Next */}

); } Object.assign(window, { EBTRReader });