/* global React */
const { useState } = React;
/* ============================================================
Sign-up screening
Three-tier check at the gate:
(1) Personal / disposable email → reject with friendly retype message
(2) Competitor firm domain → reject with polite "not for you" panel
(3) Tier-2 firm with shipping desk → accept, but tag CRM for review
(4) Anything else → accept normally
In production these lists live in source, reviewed quarterly.
Replace with Kickbox / ZeroBounce for catch-all and disposable detection.
============================================================ */
const FREE_EMAIL_DOMAINS = new Set([
"gmail.com", "googlemail.com",
"hotmail.com", "hotmail.co.uk", "hotmail.fr",
"outlook.com", "outlook.co.uk", "live.com", "live.co.uk", "msn.com",
"yahoo.com", "yahoo.co.uk", "yahoo.fr", "ymail.com", "rocketmail.com",
"icloud.com", "me.com", "mac.com",
"aol.com", "aim.com",
"protonmail.com", "proton.me", "pm.me",
"gmx.com", "gmx.co.uk", "gmx.de",
"mail.com", "hey.com", "fastmail.com", "tutanota.com", "zoho.com",
"yandex.com", "yandex.ru",
"mailinator.com", "guerrillamail.com", "10minutemail.com",
"tempmail.com", "throwaway.email", "trashmail.com", "yopmail.com",
]);
/* Hard block — English shipping & trade firms + chambers.
This is the canonical list. Reviewed quarterly. When Jonathan flags a new
firm to add (or asks to remove one), edit both kits and the source codebase
in lockstep — never let them drift. */
const COMPETITOR_FIRM_DOMAINS = new Set([
/* Tier 1 — shipping/trade specialists */
"hfw.com", // Holman Fenwick Willan
"reedsmith.com", // Reed Smith
"clydeco.com", // Clyde & Co
"shlegal.com", // Stephenson Harwood
"wfw.com", // Watson Farley & Williams
"hilldickinson.com", // Hill Dickinson
"bentleys.co.uk", // Bentleys, Stokes & Lowless
"cjclaw.com", // Campbell Johnston Clark
"tathams.co.uk", // Tatham & Co
"mfbsolicitors.com", // MFB Solicitors
"thomascooperlaw.com", // Thomas Cooper LLP
"mills-co.com", // Mills & Co Solicitors
"salvuslaw.com", // Salvus Law
"waltonsandmorse.com", // Waltons & Morse
"wr.no", // Wikborg Rein (London office)
/* Tier 1 — shipping/commercial chambers */
"quadrantchambers.com", // Quadrant Chambers
"essexcourt.com", // Essex Court Chambers
"7kbw.co.uk", // 7 King's Bench Walk
"20essexst.com", // 20 Essex Chambers
"stonechambers.com", // Stone Chambers
"4newsquare.com", // 4 New Square (added May 2026)
"brickcourt.co.uk", // Brick Court Chambers (added May 2026)
/* Tier 1 — additional specialist & marine practices (added May 2026) */
"dacbeachcroft.com", // DAC Beachcroft (marine + insurance)
"ashfords.co.uk", // Ashfords (shipping team)
/* Tier 2 (escalated to hard block per Jonathan, May 2026) —
Magic Circle + global firms with shipping desks */
"aoshearman.com", // A&O Shearman
"allenovery.com", // Allen & Overy (legacy)
"cliffordchance.com", // Clifford Chance
"freshfields.com", // Freshfields
"linklaters.com", // Linklaters
"slaughterandmay.com", // Slaughter and May
"hsf.com", // Herbert Smith Freehills
"hoganlovells.com", // Hogan Lovells
"nortonrosefulbright.com", // Norton Rose Fulbright
"dlapiper.com", // DLA Piper
"eversheds-sutherland.com", // Eversheds Sutherland
"cms-law.com", // CMS
"cms.law", // CMS (group)
"bclplaw.com", // Bryan Cave Leighton Paisner
"whitecase.com", // White & Case
"twobirds.com", // Bird & Bird
"lw.com", // Latham & Watkins
"kennedyslaw.com", // Kennedys (marine practice)
"penningtonslaw.com", // Penningtons Manches Cooper
]);
/* Reserved — silent CRM flag without blocking. Empty for now; mechanism
kept so Jonathan can add firms he wants on the CRM with a review flag
(e.g. "interesting potential client, but the firm is a competitor in name").
Production CMS hook: when a signup matches one of these, tag the CRM
record `review-before-outreach`. */
const REVIEW_FIRM_DOMAINS = new Set([]);
function evaluateSignupEmail(email) {
if (!email) return { kind: null, ok: false };
const trimmed = email.trim().toLowerCase();
if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
if (trimmed.length > 4 && trimmed.includes("@")) {
return { kind: "format", ok: false, message: "Please enter a complete email address." };
}
return { kind: null, ok: false };
}
const domain = trimmed.split("@")[1];
if (FREE_EMAIL_DOMAINS.has(domain)) {
return {
kind: "personal", ok: false,
message: "Fathom is for work use. Please sign up with the email your firm gives you — we can't accept personal addresses.",
};
}
if (COMPETITOR_FIRM_DOMAINS.has(domain)) {
return {
kind: "competitor", ok: false, domain,
message: "Fathom is published for clients and counterparties — not for other practitioners.",
};
}
if (REVIEW_FIRM_DOMAINS.has(domain)) {
return { kind: "review", ok: true, domain };
}
return { kind: "ok", ok: true, domain };
}
/* Back-compat shim — old call sites pass through here. */
function validateWorkEmail(email) {
const r = evaluateSignupEmail(email);
return r.message || null;
}
window.evaluateSignupEmail = evaluateSignupEmail;
window.validateWorkEmail = validateWorkEmail;
/* Logos as from assets/. Fallbacks for the wordmark are baked SVG. */
function Wordmark({ height = 28 }) {
return ;
}
function MedallionReversed({ size = 32 }) {
return ;
}
/* ----- Top nav ----- */
function Nav({ active, onNav, signedIn }) {
return (
);
}
/* ----- Footer ----- */
function Footer() {
return (
);
}
/* ----- Hero (uses brand-pattern.svg) ----- */
function Hero({ onPrimary, onSecondary }) {
return (
Shipping and trade law explained.
);
}
/* ----- Briefing card (used on home + index + related) ----- */
function BriefingCard({ b, onOpen, signedIn }) {
return (
onOpen(b)} style={{ cursor: "pointer" }}>
BRIEFING · {b.topic}
{b.title}
{[5, 6, 7, 8, 9, 10].map((h, i) => )}
{signedIn ? "Open →" : "Sign in →"}
);
}
/* ----- Sticky right-rail CTA ----- */
function CtaRail({ onOpenBridge }) {
return (
);
}
/* ----- Sticky mobile CTA bar ----- */
function CtaBar({ onOpenBridge }) {
return (
Speak to a lawyer30 min · free
);
}
/* ----- Inline markup parser -----
Turns the lightweight markup used in content.json into React nodes:
**bold** ->
_italic_ -> in the serif face (used for case names etc.)
[^1] -> footnote superscript linking to #fn1
Authors only ever type these three; everything else is plain text. */
function renderInline(text, keyPrefix = "i") {
if (typeof text !== "string") return text;
const nodes = [];
const re = /(\*\*([^*]+)\*\*)|(_([^_]+)_)|(\[\^(\d+)\])/g;
let last = 0, m, k = 0;
while ((m = re.exec(text))) {
if (m.index > last) nodes.push(text.slice(last, m.index));
if (m[2] !== undefined) {
nodes.push(React.createElement("strong", { key: keyPrefix + (k++) }, m[2]));
} else if (m[4] !== undefined) {
nodes.push(React.createElement("em", { key: keyPrefix + (k++), style: { fontFamily: "var(--font-serif)" } }, m[4]));
} else if (m[6] !== undefined) {
nodes.push(React.createElement("a", { key: keyPrefix + (k++), className: "footnote-num", href: "#fn" + m[6] }, m[6]));
}
last = re.lastIndex;
}
if (last < text.length) nodes.push(text.slice(last));
return nodes;
}
/* ----- Briefing body renderer -----
Renders the `body` block array from content.json. Supported block types:
{ type: "h2", text }
{ type: "p", text }
{ type: "ul" | "ol", items: […] }
{ type: "table", head: […], rows: [[…]] }
{ type: "footnotes", items: […] } (auto-numbered; targets of [^n]) */
function BriefingBody({ blocks }) {
if (!Array.isArray(blocks) || !blocks.length) return null;
return blocks.map((blk, i) => {
switch (blk.type) {
case "h2":
return
{renderInline(blk.text, "h" + i)}
;
case "ul":
return
{(blk.items || []).map((it, j) =>
{renderInline(it, "u" + i + "-" + j)}
)}
;
case "ol":
return {(blk.items || []).map((it, j) =>
{renderInline(it, "o" + i + "-" + j)}
)};
case "table":
return (
{(blk.head || []).map((h, j) =>
{renderInline(h, "th" + i + "-" + j)}
)}
{(blk.rows || []).map((r, j) =>
{r.map((c, k) =>
{renderInline(c, "td" + i + "-" + j + "-" + k)}
)}
)}
);
case "footnotes":
return (
{(blk.items || []).map((f, j) =>
{renderInline(f, "f" + i + "-" + j)}
)}
);
default:
return
{renderInline(blk.text || "", "p" + i)}
;
}
});
}
/* ----- Markdown body renderer -----
Renders a Briefing's Markdown body (written in the CMS) to HTML using
marked (loaded in index.html). Supports headings, paragraphs, bold,
italics, lists, tables (GFM), blockquotes and links — everything an
author needs to write a Briefing as a normal document. */
function MarkdownBody({ markdown, style }) {
const html = React.useMemo(() => {
const md = markdown || "";
if (window.marked && typeof window.marked.parse === "function") {
try { return window.marked.parse(md, { gfm: true, breaks: false }); }
catch (e) { /* fall through */ }
}
/* Fallback if marked hasn't loaded: show paragraphs as plain text. */
return md.split(/\n{2,}/).map((p) => "
" + p.replace(/").join("");
}, [markdown]);
if (!markdown) return null;
return
;
}
/* ----- Summary box ----- */
function SummaryBox({ children }) {
return (
SUMMARY
{children}
);
}
/* ----- Three key takeaways ----- */
function Takeaways({ items }) {
return (
THREE KEY TAKEAWAYS
{items.map((t, i) =>
{t}
)}
);
}
/* ----- Sign-up gate (inline, on Briefing detail) -----
Lead-capture gate. Email-only at this stage — the four-field form
loads after submit (or on the dedicated /sign-up page). The gate
screens email against the three-tier blocklist. Personal addresses
show an inline retype message; competitor firms get a full-panel
polite rejection. */
function SignupGate({ onSubmit }) {
const [email, setEmail] = useState("");
const [touched, setTouched] = useState(false);
const [submitted, setSubmitted] = useState(false);
const result = (touched || submitted) ? evaluateSignupEmail(email) : null;
const isCompetitor = submitted && result?.kind === "competitor";
const inlineError = result && !result.ok && result.kind !== "competitor" ? result.message : null;
const handleSubmit = (e) => {
e.preventDefault();
setTouched(true);
setSubmitted(true);
const r = evaluateSignupEmail(email);
if (!r.ok || r.kind === "competitor") return;
onSubmit(email);
};
if (isCompetitor) {
return (
WITH REGRET
{result.message}
The library, podcast and call-booking are for people facing shipping and trade matters as part of their commercial role. If you'd like to discuss the content with Jonathan directly, he'd be happy to hear from you.
Free. Two minutes. The rest of this Briefing, every other Briefing, the Soundings podcast, and a calendar to book a call when you need one.
{inlineError &&
{inlineError}
}
By signing up you agree we may email you about Briefings related to what you read, and occasionally to suggest a call when it looks useful. Unsubscribe in one click, any time.
The library, podcast and call-booking are for people facing shipping and trade matters as part of their commercial role. If you'd like to discuss the content with Jonathan directly, he'd be happy to hear from you.
;
}
function MedallionReversed({ size = 32 }) {
return 
;
}
/* ----- Top nav ----- */
function Nav({ active, onNav, signedIn }) {
return (
);
}
/* ----- Footer ----- */
function Footer() {
return (
);
}
/* ----- Hero (uses brand-pattern.svg) ----- */
function Hero({ onPrimary, onSecondary }) {
return (