@burdenoff/microfe-atheletebridge 2026.1103.2 → 2026.1108.1

package/dist/atheletebridge/components/registration/OnlineCheckout.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { AthMyRegistration } from '../../types/registration';
+
+/** Page the processor sends the family back to. */
+export declare const MY_REGISTRATIONS_PATH = "/my-registrations";
+export declare const PayOnlineButton: FC<{
+    registration: Pick<AthMyRegistration, 'id' | 'amountOutstanding' | 'currency'>;
+    className?: string;
+}>;
+export declare const CheckoutReturnNotice: FC;
+//# sourceMappingURL=OnlineCheckout.d.ts.map

package/dist/atheletebridge/components/registration/OnlineCheckout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlineCheckout.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/registration/OnlineCheckout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAc7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAKlE,mDAAmD;AACnD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,YAAY,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,mBAAmB,GAAG,UAAU,CAAC,CAAC;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CA4CA,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAiFlC,CAAC"}

package/dist/atheletebridge/components/registration/OnlineCheckout.js

@@ -0,0 +1,102 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { useConfirmRegistrationCheckout as t, useStartRegistrationCheckout as n } from "../../hooks/useRegistrationApi.js";
+import { formatMoney as r } from "../../utils/money.js";
+import { appPageUrl as i, checkoutResultMessage as a, parseCheckoutReturn as o, withoutReturnParams as s } from "../../utils/onlineCheckout.js";
+import { useEffect as c, useRef as l, useState as u } from "react";
+import { CheckCircle2 as d, CreditCard as f, Info as p, Loader2 as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/atheletebridge/components/registration/OnlineCheckout.tsx
+var _ = (e, t) => e instanceof Error ? e.message : t, v = "/my-registrations", y = ({ registration: t, className: a }) => {
+	let { basePath: o } = e(), s = n(), [c, l] = u(null), d = async () => {
+		l(null);
+		try {
+			let e = await s.mutateAsync({
+				submissionId: t.id,
+				returnUrl: i(window.location.origin, o ?? "/", v)
+			});
+			window.location.assign(e.url);
+		} catch (e) {
+			l(_(e, "Could not open the online payment."));
+		}
+	};
+	return /* @__PURE__ */ g("span", {
+		className: "inline-flex flex-col items-end gap-1",
+		children: [/* @__PURE__ */ g("button", {
+			type: "button",
+			"data-testid": "pay-online",
+			disabled: s.isPending,
+			onClick: () => void d(),
+			className: a ?? "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50",
+			children: [
+				s.isPending ? /* @__PURE__ */ h(m, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ h(f, { className: "h-4 w-4" }),
+				" ",
+				"Pay ",
+				r(t.amountOutstanding, t.currency),
+				" online"
+			]
+		}), c && /* @__PURE__ */ h("span", {
+			role: "alert",
+			className: "text-xs text-status-error-text",
+			children: c
+		})]
+	});
+}, b = () => {
+	let e = t(), n = e.mutateAsync, i = l(!1), [f, v] = u(null);
+	if (c(() => {
+		if (i.current) return;
+		let e = o(window.location.search);
+		e && (i.current = !0, window.history.replaceState(window.history.state, "", s(window.location.href)), n(e.checkoutId).then((t) => {
+			v({
+				...a(e, t),
+				registration: t
+			});
+		}).catch((e) => {
+			v({
+				tone: "error",
+				message: _(e, "We could not check the payment. Refresh to try again."),
+				registration: null
+			});
+		}));
+	}, [n]), e.isPending) return /* @__PURE__ */ g("p", {
+		role: "status",
+		className: "mb-4 flex items-center gap-2 text-sm text-text-secondary",
+		"data-testid": "checkout-return",
+		children: [/* @__PURE__ */ h(m, { className: "h-4 w-4 animate-spin" }), " Checking your payment…"]
+	});
+	if (!f) return null;
+	let y = f.tone === "success" ? "border-status-success-border bg-status-success-bg-subtle text-status-success-text" : f.tone === "error" ? "border-status-error-border bg-status-error-bg-subtle text-status-error-text" : "border-border-seam bg-bg-sunken text-text-primary", b = f.registration;
+	return /* @__PURE__ */ g("div", {
+		role: f.tone === "error" ? "alert" : "status",
+		"data-testid": "checkout-return",
+		"data-tone": f.tone,
+		className: `mb-4 space-y-1 rounded-lg border p-3 text-sm ${y}`,
+		children: [/* @__PURE__ */ g("p", {
+			className: "flex items-start gap-2",
+			children: [f.tone === "success" ? /* @__PURE__ */ h(d, {
+				className: "mt-0.5 h-4 w-4 shrink-0",
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ h(p, {
+				className: "mt-0.5 h-4 w-4 shrink-0",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ h("span", { children: f.message })]
+		}), b && /* @__PURE__ */ g("p", {
+			className: "pl-6 text-xs tabular-nums",
+			"data-testid": "checkout-return-balance",
+			children: [
+				b.participantName,
+				" · ",
+				b.formTitle,
+				": paid ",
+				r(b.amountPaid, b.currency),
+				" ",
+				"of ",
+				r(b.amountDue, b.currency),
+				b.amountOutstanding > 0 ? `, ${r(b.amountOutstanding, b.currency)} still due` : ""
+			]
+		})]
+	});
+};
+//#endregion
+export { b as CheckoutReturnNotice, y as PayOnlineButton };
+
+//# sourceMappingURL=OnlineCheckout.js.map

package/dist/atheletebridge/components/registration/OnlineCheckout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlineCheckout.js","names":[],"sources":["../../../../src/atheletebridge/components/registration/OnlineCheckout.tsx"],"sourcesContent":["/**\n * Family online checkout (BOFF-10902)\n * @module atheletebridge/components/registration\n *\n * `PayOnlineButton` opens the club's processor checkout for the outstanding\n * balance of one of the family's own registrations and sends the browser to\n * it. The processor returns the family to \"My registrations\" with\n * `?athCheckout=<id>&athStatus=…`; `CheckoutReturnNotice` settles that\n * checkout with the server (which re-reads it from the processor, never\n * trusting the browser) and reports the updated balance.\n */\n\nimport { useEffect, useRef, useState, type FC } from 'react';\nimport { CheckCircle2, CreditCard, Info, Loader2 } from 'lucide-react';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport {\n  useConfirmRegistrationCheckout,\n  useStartRegistrationCheckout,\n} from '../../hooks/useRegistrationApi';\nimport { formatMoney } from '../../utils/money';\nimport {\n  appPageUrl,\n  checkoutResultMessage,\n  parseCheckoutReturn,\n  withoutReturnParams,\n} from '../../utils/onlineCheckout';\nimport type { AthMyRegistration } from '../../types/registration';\n\nconst errorMessage = (err: unknown, fallback: string) =>\n  err instanceof Error ? err.message : fallback;\n\n/** Page the processor sends the family back to. */\nexport const MY_REGISTRATIONS_PATH = '/my-registrations';\n\nexport const PayOnlineButton: FC<{\n  registration: Pick<AthMyRegistration, 'id' | 'amountOutstanding' | 'currency'>;\n  className?: string;\n}> = ({ registration, className }) => {\n  const { basePath } = useAthleteBridge();\n  const start = useStartRegistrationCheckout();\n  const [error, setError] = useState<string | null>(null);\n\n  const onPay = async () => {\n    setError(null);\n    try {\n      const session = await start.mutateAsync({\n        submissionId: registration.id,\n        returnUrl: appPageUrl(window.location.origin, basePath ?? '/', MY_REGISTRATIONS_PATH),\n      });\n      window.location.assign(session.url);\n    } catch (err) {\n      setError(errorMessage(err, 'Could not open the online payment.'));\n    }\n  };\n\n  return (\n    <span className=\"inline-flex flex-col items-end gap-1\">\n      <button\n        type=\"button\"\n        data-testid=\"pay-online\"\n        disabled={start.isPending}\n        onClick={() => void onPay()}\n        className={\n          className ??\n          'inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50'\n        }\n      >\n        {start.isPending ? (\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n        ) : (\n          <CreditCard className=\"h-4 w-4\" />\n        )}{' '}\n        Pay {formatMoney(registration.amountOutstanding, registration.currency)} online\n      </button>\n      {error && (\n        <span role=\"alert\" className=\"text-xs text-status-error-text\">\n          {error}\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport const CheckoutReturnNotice: FC = () => {\n  const confirm = useConfirmRegistrationCheckout();\n  const confirmAsync = confirm.mutateAsync;\n  const handled = useRef(false);\n  const [notice, setNotice] = useState<{\n    tone: 'success' | 'info' | 'error';\n    message: string;\n    registration: AthMyRegistration | null;\n  } | null>(null);\n\n  useEffect(() => {\n    if (handled.current) return;\n    const result = parseCheckoutReturn(window.location.search);\n    if (!result) return;\n    handled.current = true;\n    window.history.replaceState(\n      window.history.state,\n      '',\n      withoutReturnParams(window.location.href)\n    );\n    // Settle even a cancelled checkout: the server expires it so it can no\n    // longer be paid on top of a newer one.\n    confirmAsync(result.checkoutId)\n      .then((registration) => {\n        setNotice({ ...checkoutResultMessage(result, registration), registration });\n      })\n      .catch((err: unknown) => {\n        setNotice({\n          tone: 'error',\n          message: errorMessage(err, 'We could not check the payment. Refresh to try again.'),\n          registration: null,\n        });\n      });\n  }, [confirmAsync]);\n\n  if (confirm.isPending) {\n    return (\n      <p\n        role=\"status\"\n        className=\"mb-4 flex items-center gap-2 text-sm text-text-secondary\"\n        data-testid=\"checkout-return\"\n      >\n        <Loader2 className=\"h-4 w-4 animate-spin\" /> Checking your payment…\n      </p>\n    );\n  }\n  if (!notice) return null;\n\n  const toneClass =\n    notice.tone === 'success'\n      ? 'border-status-success-border bg-status-success-bg-subtle text-status-success-text'\n      : notice.tone === 'error'\n        ? 'border-status-error-border bg-status-error-bg-subtle text-status-error-text'\n        : 'border-border-seam bg-bg-sunken text-text-primary';\n  const reg = notice.registration;\n  return (\n    <div\n      role={notice.tone === 'error' ? 'alert' : 'status'}\n      data-testid=\"checkout-return\"\n      data-tone={notice.tone}\n      className={`mb-4 space-y-1 rounded-lg border p-3 text-sm ${toneClass}`}\n    >\n      <p className=\"flex items-start gap-2\">\n        {notice.tone === 'success' ? (\n          <CheckCircle2 className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n        ) : (\n          <Info className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n        )}\n        <span>{notice.message}</span>\n      </p>\n      {reg && (\n        <p className=\"pl-6 text-xs tabular-nums\" data-testid=\"checkout-return-balance\">\n          {reg.participantName} · {reg.formTitle}: paid {formatMoney(reg.amountPaid, reg.currency)}{' '}\n          of {formatMoney(reg.amountDue, reg.currency)}\n          {reg.amountOutstanding > 0\n            ? `, ${formatMoney(reg.amountOutstanding, reg.currency)} still due`\n            : ''}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AA4BA,IAAM,KAAgB,GAAc,MAClC,aAAe,QAAQ,EAAI,UAAU,GAG1B,IAAwB,qBAExB,KAGP,EAAE,iBAAc,mBAAgB;CACpC,IAAM,EAAE,gBAAa,EAAiB,GAChC,IAAQ,EAA6B,GACrC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAEhD,IAAQ,YAAY;EACxB,EAAS,IAAI;EACb,IAAI;GACF,IAAM,IAAU,MAAM,EAAM,YAAY;IACtC,cAAc,EAAa;IAC3B,WAAW,EAAW,OAAO,SAAS,QAAQ,KAAY,KAAK,CAAqB;GACtF,CAAC;GACD,OAAO,SAAS,OAAO,EAAQ,GAAG;EACpC,SAAS,GAAK;GACZ,EAAS,EAAa,GAAK,oCAAoC,CAAC;EAClE;CACF;CAEA,OACE,kBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,UAAU,EAAM;GAChB,eAAe,KAAK,EAAM;GAC1B,WACE,KACA;aAPJ;IAUG,EAAM,YACL,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,IAE3C,kBAAC,GAAD,EAAY,WAAU,UAAW,CAAA;IAChC;IAAI;IACF,EAAY,EAAa,mBAAmB,EAAa,QAAQ;IAAE;GAClE;MACP,KACC,kBAAC,QAAD;GAAM,MAAK;GAAQ,WAAU;aAC1B;EACG,CAAA,CAEJ;;AAEV,GAEa,UAAiC;CAC5C,IAAM,IAAU,EAA+B,GACzC,IAAe,EAAQ,aACvB,IAAU,EAAO,EAAK,GACtB,CAAC,GAAQ,KAAa,EAIlB,IAAI;CA2Bd,IAzBA,QAAgB;EACd,IAAI,EAAQ,SAAS;EACrB,IAAM,IAAS,EAAoB,OAAO,SAAS,MAAM;EACpD,MACL,EAAQ,UAAU,IAClB,OAAO,QAAQ,aACb,OAAO,QAAQ,OACf,IACA,EAAoB,OAAO,SAAS,IAAI,CAC1C,GAGA,EAAa,EAAO,UAAU,EAC3B,MAAM,MAAiB;GACtB,EAAU;IAAE,GAAG,EAAsB,GAAQ,CAAY;IAAG;GAAa,CAAC;EAC5E,CAAC,EACA,OAAO,MAAiB;GACvB,EAAU;IACR,MAAM;IACN,SAAS,EAAa,GAAK,uDAAuD;IAClF,cAAc;GAChB,CAAC;EACH,CAAC;CACL,GAAG,CAAC,CAAY,CAAC,GAEb,EAAQ,WACV,OACE,kBAAC,KAAD;EACE,MAAK;EACL,WAAU;EACV,eAAY;YAHd,CAKE,kBAAC,GAAD,EAAS,WAAU,uBAAwB,CAAA,GAAC,yBAC3C;;CAGP,IAAI,CAAC,GAAQ,OAAO;CAEpB,IAAM,IACJ,EAAO,SAAS,YACZ,sFACA,EAAO,SAAS,UACd,gFACA,qDACF,IAAM,EAAO;CACnB,OACE,kBAAC,OAAD;EACE,MAAM,EAAO,SAAS,UAAU,UAAU;EAC1C,eAAY;EACZ,aAAW,EAAO;EAClB,WAAW,gDAAgD;YAJ7D,CAME,kBAAC,KAAD;GAAG,WAAU;aAAb,CACG,EAAO,SAAS,YACf,kBAAC,GAAD;IAAc,WAAU;IAA0B,eAAY;GAAQ,CAAA,IAEtE,kBAAC,GAAD;IAAM,WAAU;IAA0B,eAAY;GAAQ,CAAA,GAEhE,kBAAC,QAAD,EAAA,UAAO,EAAO,QAAc,CAAA,CAC3B;MACF,KACC,kBAAC,KAAD;GAAG,WAAU;GAA4B,eAAY;aAArD;IACG,EAAI;IAAgB;IAAI,EAAI;IAAU;IAAQ,EAAY,EAAI,YAAY,EAAI,QAAQ;IAAG;IAAI;IAC1F,EAAY,EAAI,WAAW,EAAI,QAAQ;IAC1C,EAAI,oBAAoB,IACrB,KAAK,EAAY,EAAI,mBAAmB,EAAI,QAAQ,EAAE,cACtD;GACH;IAEF;;AAET"}

package/dist/atheletebridge/components/registration/OnlinePaymentsCard.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const OnlinePaymentsCard: FC;
+//# sourceMappingURL=OnlinePaymentsCard.d.ts.map

package/dist/atheletebridge/components/registration/OnlinePaymentsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlinePaymentsCard.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/registration/OnlinePaymentsCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAA4C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAiD1E,eAAO,MAAM,kBAAkB,EAAE,EAwIhC,CAAC"}

package/dist/atheletebridge/components/registration/OnlinePaymentsCard.js

@@ -0,0 +1,150 @@
+import { StatusBadge as e } from "../StatusBadge.js";
+import { formatDate as t } from "../../utils/formatters.js";
+import { useConnectPaymentAccount as n, useOnlinePaymentsStatus as r, useRefreshPaymentAccount as i } from "../../hooks/useRegistrationApi.js";
+import { onlinePaymentsState as a, parseOnboardingReturn as o, providerLabel as s, withoutReturnParams as c } from "../../utils/onlineCheckout.js";
+import { useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
+import { CreditCard as p, ExternalLink as m, Loader2 as h, RefreshCw as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/atheletebridge/components/registration/OnlinePaymentsCard.tsx
+var y = "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50", b = "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50", x = {
+	unavailable: "Online payments are not switched on for AthleteBridge yet. Families pay you directly, and you record each payment on the registration.",
+	not_connected: "Connect your Stripe account so families can pay registration fees by card when they register. Payments go straight to your club; AthleteBridge never holds the money.",
+	onboarding: "Your Stripe account is created but the setup form is not finished. Continue the setup to start taking online payments.",
+	pending_review: "Stripe has your details but has not enabled card payments yet. This usually takes a few minutes; refresh to check again.",
+	ready: "Families see a \"Pay online\" button for any fee still due."
+}, S = (e, t) => e instanceof Error ? e.message : t, C = () => c(window.location.href), w = ({ label: t, on: n, testId: r }) => /* @__PURE__ */ v("div", {
+	className: "flex items-center justify-between gap-3",
+	"data-testid": r,
+	children: [/* @__PURE__ */ _("dt", {
+		className: "text-text-secondary",
+		children: t
+	}), /* @__PURE__ */ _("dd", { children: /* @__PURE__ */ _(e, {
+		status: n ? "yes" : "not yet",
+		variant: n ? "success" : "warning"
+	}) })]
+}), T = () => {
+	let c = r(), T = n(), E = i(), [D, O] = f(null), k = d(!1), A = T.mutateAsync, j = E.mutateAsync, M = l(async () => {
+		O(null);
+		try {
+			let e = await A({ returnUrl: C() });
+			window.location.assign(e.url);
+		} catch (e) {
+			O(S(e, "Could not open the Stripe setup."));
+		}
+	}, [A]), N = l(async () => {
+		O(null);
+		try {
+			await j();
+		} catch (e) {
+			O(S(e, "Could not refresh the Stripe account."));
+		}
+	}, [j]), P = c.data?.processorConfigured ?? !1;
+	if (u(() => {
+		if (k.current || !P) return;
+		let e = o(window.location.search);
+		e && (k.current = !0, window.history.replaceState(window.history.state, "", C()), e === "refresh" ? M() : N());
+	}, [
+		P,
+		M,
+		N
+	]), c.isLoading || c.isError || !c.data) return null;
+	let F = c.data, I = a(F), L = F.account, R = T.isPending || E.isPending;
+	return /* @__PURE__ */ v("section", {
+		"aria-label": "Online payments",
+		className: "mb-6 space-y-3 rounded-lg border border-border-seam bg-bg-surface p-4",
+		"data-testid": "online-payments-card",
+		"data-state": I,
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ v("h2", {
+					className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+					children: [/* @__PURE__ */ _(p, {
+						className: "h-5 w-5 text-text-secondary",
+						"aria-hidden": "true"
+					}), " Online payments"]
+				}), /* @__PURE__ */ v("span", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [F.processorConfigured && F.testMode && /* @__PURE__ */ _(e, {
+						status: "test mode",
+						variant: "warning"
+					}), /* @__PURE__ */ _(e, {
+						status: I === "ready" ? "active" : I === "unavailable" ? "not available" : "setup needed",
+						variant: I === "ready" ? "success" : "secondary"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _("p", {
+				className: "text-sm text-text-secondary",
+				"data-testid": "online-payments-message",
+				children: x[I]
+			}),
+			F.processorConfigured && F.testMode && /* @__PURE__ */ _("p", {
+				className: "text-xs text-text-secondary",
+				children: "Test mode: no real money moves. Use Stripe test cards (for example 4242 4242 4242 4242)."
+			}),
+			L && /* @__PURE__ */ v("dl", {
+				className: "grid grid-cols-1 gap-x-6 gap-y-2 text-sm sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ _(w, {
+						label: "Setup submitted",
+						on: L.detailsSubmitted,
+						testId: "flag-details"
+					}),
+					/* @__PURE__ */ _(w, {
+						label: "Card payments",
+						on: L.chargesEnabled,
+						testId: "flag-charges"
+					}),
+					/* @__PURE__ */ _(w, {
+						label: "Payouts",
+						on: L.payoutsEnabled,
+						testId: "flag-payouts"
+					})
+				]
+			}),
+			L && /* @__PURE__ */ v("p", {
+				className: "text-xs text-text-secondary",
+				children: [
+					s(L.provider),
+					" account ",
+					L.accountId,
+					L.lastSyncedAt ? ` · checked ${t(L.lastSyncedAt)}` : ""
+				]
+			}),
+			F.processorConfigured && /* @__PURE__ */ v("div", {
+				className: "flex flex-wrap gap-2",
+				children: [I !== "ready" && /* @__PURE__ */ v("button", {
+					type: "button",
+					className: y,
+					disabled: R,
+					onClick: () => void M(),
+					children: [
+						T.isPending ? /* @__PURE__ */ _(h, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ _(m, { className: "h-4 w-4" }),
+						" ",
+						I === "not_connected" ? "Connect Stripe" : "Continue Stripe setup"
+					]
+				}), L && /* @__PURE__ */ v("button", {
+					type: "button",
+					className: b,
+					disabled: R,
+					onClick: () => void N(),
+					children: [
+						E.isPending ? /* @__PURE__ */ _(h, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ _(g, { className: "h-4 w-4" }),
+						" ",
+						"Refresh status"
+					]
+				})]
+			}),
+			D && /* @__PURE__ */ _("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text",
+				children: D
+			})
+		]
+	});
+};
+//#endregion
+export { T as OnlinePaymentsCard };
+
+//# sourceMappingURL=OnlinePaymentsCard.js.map

package/dist/atheletebridge/components/registration/OnlinePaymentsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlinePaymentsCard.js","names":[],"sources":["../../../../src/atheletebridge/components/registration/OnlinePaymentsCard.tsx"],"sourcesContent":["/**\n * Online payments card (club staff, BOFF-10902)\n * @module atheletebridge/components/registration\n *\n * Lets a club connect its own payout account at the payment processor\n * (Stripe Connect Express, BOFF-10805) so families can pay registration fees\n * online. The club stays merchant of record: money goes straight to its\n * account and Burdenoff never holds it.\n *\n * \"Connect Stripe\" opens the processor's hosted onboarding. When the club comes\n * back (`?athOnboarding=return`) the card re-reads the account from the\n * processor; when the onboarding link expired (`?athOnboarding=refresh`) it\n * opens a fresh one. Renders nothing for staff who cannot read the payment\n * ledger (FORBIDDEN), like the reconciliation panel.\n */\n\nimport { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport { CreditCard, ExternalLink, Loader2, RefreshCw } from 'lucide-react';\nimport { StatusBadge } from '../StatusBadge';\nimport {\n  useConnectPaymentAccount,\n  useOnlinePaymentsStatus,\n  useRefreshPaymentAccount,\n} from '../../hooks/useRegistrationApi';\nimport { formatDate } from '../../utils/formatters';\nimport {\n  onlinePaymentsState,\n  parseOnboardingReturn,\n  providerLabel,\n  withoutReturnParams,\n  type OnlinePaymentsState,\n} from '../../utils/onlineCheckout';\n\nconst primaryButton =\n  'inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-50';\nconst secondaryButton =\n  'inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50';\n\nconst STATE_COPY: Record<OnlinePaymentsState, string> = {\n  unavailable:\n    'Online payments are not switched on for AthleteBridge yet. Families pay you directly, and you record each payment on the registration.',\n  not_connected:\n    'Connect your Stripe account so families can pay registration fees by card when they register. Payments go straight to your club; AthleteBridge never holds the money.',\n  onboarding:\n    'Your Stripe account is created but the setup form is not finished. Continue the setup to start taking online payments.',\n  pending_review:\n    'Stripe has your details but has not enabled card payments yet. This usually takes a few minutes; refresh to check again.',\n  ready: 'Families see a \"Pay online\" button for any fee still due.',\n};\n\nconst errorMessage = (err: unknown, fallback: string) =>\n  err instanceof Error ? err.message : fallback;\n\n/** The page the club should come back to after onboarding (this page, cleaned). */\nconst currentReturnUrl = () => withoutReturnParams(window.location.href);\n\nconst Flag: FC<{ label: string; on: boolean; testId: string }> = ({ label, on, testId }) => (\n  <div className=\"flex items-center justify-between gap-3\" data-testid={testId}>\n    <dt className=\"text-text-secondary\">{label}</dt>\n    <dd>\n      <StatusBadge status={on ? 'yes' : 'not yet'} variant={on ? 'success' : 'warning'} />\n    </dd>\n  </div>\n);\n\nexport const OnlinePaymentsCard: FC = () => {\n  const status = useOnlinePaymentsStatus();\n  const connect = useConnectPaymentAccount();\n  const refresh = useRefreshPaymentAccount();\n  const [error, setError] = useState<string | null>(null);\n  const handledReturn = useRef(false);\n\n  const connectAsync = connect.mutateAsync;\n  const refreshAsync = refresh.mutateAsync;\n\n  const startOnboarding = useCallback(async () => {\n    setError(null);\n    try {\n      const link = await connectAsync({ returnUrl: currentReturnUrl() });\n      window.location.assign(link.url);\n    } catch (err) {\n      setError(errorMessage(err, 'Could not open the Stripe setup.'));\n    }\n  }, [connectAsync]);\n\n  const refreshAccount = useCallback(async () => {\n    setError(null);\n    try {\n      await refreshAsync();\n    } catch (err) {\n      setError(errorMessage(err, 'Could not refresh the Stripe account.'));\n    }\n  }, [refreshAsync]);\n\n  // Handle the processor's return exactly once, then clean the address bar so\n  // a reload does not replay it.\n  const processorConfigured = status.data?.processorConfigured ?? false;\n  useEffect(() => {\n    if (handledReturn.current || !processorConfigured) return;\n    const kind = parseOnboardingReturn(window.location.search);\n    if (!kind) return;\n    handledReturn.current = true;\n    window.history.replaceState(window.history.state, '', currentReturnUrl());\n    void (kind === 'refresh' ? startOnboarding() : refreshAccount());\n  }, [processorConfigured, startOnboarding, refreshAccount]);\n\n  if (status.isLoading || status.isError || !status.data) return null;\n  const data = status.data;\n  const state = onlinePaymentsState(data);\n  const account = data.account;\n  const busy = connect.isPending || refresh.isPending;\n\n  return (\n    <section\n      aria-label=\"Online payments\"\n      className=\"mb-6 space-y-3 rounded-lg border border-border-seam bg-bg-surface p-4\"\n      data-testid=\"online-payments-card\"\n      data-state={state}\n    >\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <h2 className=\"flex items-center gap-2 text-base font-semibold text-text-primary\">\n          <CreditCard className=\"h-5 w-5 text-text-secondary\" aria-hidden=\"true\" /> Online payments\n        </h2>\n        <span className=\"flex flex-wrap items-center gap-2\">\n          {data.processorConfigured && data.testMode && (\n            <StatusBadge status=\"test mode\" variant=\"warning\" />\n          )}\n          <StatusBadge\n            status={\n              state === 'ready'\n                ? 'active'\n                : state === 'unavailable'\n                  ? 'not available'\n                  : 'setup needed'\n            }\n            variant={state === 'ready' ? 'success' : 'secondary'}\n          />\n        </span>\n      </div>\n      <p className=\"text-sm text-text-secondary\" data-testid=\"online-payments-message\">\n        {STATE_COPY[state]}\n      </p>\n      {data.processorConfigured && data.testMode && (\n        <p className=\"text-xs text-text-secondary\">\n          Test mode: no real money moves. Use Stripe test cards (for example 4242 4242 4242 4242).\n        </p>\n      )}\n      {account && (\n        <dl className=\"grid grid-cols-1 gap-x-6 gap-y-2 text-sm sm:grid-cols-3\">\n          <Flag label=\"Setup submitted\" on={account.detailsSubmitted} testId=\"flag-details\" />\n          <Flag label=\"Card payments\" on={account.chargesEnabled} testId=\"flag-charges\" />\n          <Flag label=\"Payouts\" on={account.payoutsEnabled} testId=\"flag-payouts\" />\n        </dl>\n      )}\n      {account && (\n        <p className=\"text-xs text-text-secondary\">\n          {providerLabel(account.provider)} account {account.accountId}\n          {account.lastSyncedAt ? ` · checked ${formatDate(account.lastSyncedAt)}` : ''}\n        </p>\n      )}\n      {data.processorConfigured && (\n        <div className=\"flex flex-wrap gap-2\">\n          {state !== 'ready' && (\n            <button\n              type=\"button\"\n              className={primaryButton}\n              disabled={busy}\n              onClick={() => void startOnboarding()}\n            >\n              {connect.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <ExternalLink className=\"h-4 w-4\" />\n              )}{' '}\n              {state === 'not_connected' ? 'Connect Stripe' : 'Continue Stripe setup'}\n            </button>\n          )}\n          {account && (\n            <button\n              type=\"button\"\n              className={secondaryButton}\n              disabled={busy}\n              onClick={() => void refreshAccount()}\n            >\n              {refresh.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <RefreshCw className=\"h-4 w-4\" />\n              )}{' '}\n              Refresh status\n            </button>\n          )}\n        </div>\n      )}\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          {error}\n        </p>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/atheletebridge/components/registration/RegistrationEntryFields.d.ts

@@ -9,6 +9,12 @@ interface RegistrationEntryFieldsProps {
     waiverText: string | null;
     state: RegistrationEntryState;
     onChange: (next: RegistrationEntryState) => void;
+    /**
+     * Offer the "I am the athlete" choice. Only the family share-link flow sets
+     * it: there the signed-in registrant can be the athlete, and saying so lets
+     * the club add them to the team roster on acceptance (BOFF-10806).
+     */
+    offerSelfRegistration?: boolean;
 }
 export declare const RegistrationEntryFields: FC<RegistrationEntryFieldsProps>;
 export {};

package/dist/atheletebridge/components/registration/RegistrationEntryFields.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationEntryFields.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/registration/RegistrationEntryFields.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAEV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,cAAc,CAAC;AAyF9E,UAAU,4BAA4B;IACpC,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAwJpE,CAAC"}
+{"version":3,"file":"RegistrationEntryFields.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/registration/RegistrationEntryFields.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAEV,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,KAAK,sBAAsB,EAAqB,MAAM,cAAc,CAAC;AAyF9E,UAAU,4BAA4B;IACpC,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,EAAE,sBAAsB,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACjD;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA0KpE,CAAC"}

package/dist/atheletebridge/components/registration/RegistrationEntryFields.js

@@ -63,11 +63,11 @@ var o = ({ field: n, value: r, onChange: o }) => {
 		hint: n.helpText ?? void 0,
 		children: l
 	});
-}, s = ({ fields: s, fees: c, currency: l, waiverText: u, state: d, onChange: f }) => {
-	let p = (e, t) => f({
+}, s = ({ fields: s, fees: c, currency: l, waiverText: u, state: d, onChange: f, offerSelfRegistration: p = !1 }) => {
+	let m = (e, t) => f({
 		...d,
 		[e]: t
-	}), m = r(c, d.optionalFeeIds);
+	}), h = r(c, d.optionalFeeIds);
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6",
 		children: [
@@ -88,10 +88,22 @@ var o = ({ field: n, value: r, onChange: o }) => {
 							id: "participantName",
 							className: t,
 							value: d.participantName,
-							onChange: (e) => p("participantName", e.target.value),
+							onChange: (e) => m("participantName", e.target.value),
 							placeholder: "Athlete's full name"
 						})
 					}),
+					p && /* @__PURE__ */ a("label", {
+						className: "flex items-start gap-2.5 text-sm text-text-primary",
+						children: [/* @__PURE__ */ i("input", {
+							type: "checkbox",
+							checked: d.participantIsRegistrant,
+							onChange: (e) => m("participantIsRegistrant", e.target.checked),
+							className: "mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]"
+						}), /* @__PURE__ */ a("span", { children: ["I am the athlete", /* @__PURE__ */ i("span", {
+							className: "block text-xs text-text-secondary",
+							children: "Tick this if you are registering yourself, so the club can add you to the team roster when they accept. Leave it clear when registering a child."
+						})] })]
+					}),
 					/* @__PURE__ */ a("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 						children: [
@@ -103,7 +115,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 									id: "contactName",
 									className: t,
 									value: d.contactName,
-									onChange: (e) => p("contactName", e.target.value)
+									onChange: (e) => m("contactName", e.target.value)
 								})
 							}),
 							/* @__PURE__ */ i(e, {
@@ -114,7 +126,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 									type: "email",
 									className: t,
 									value: d.contactEmail,
-									onChange: (e) => p("contactEmail", e.target.value)
+									onChange: (e) => m("contactEmail", e.target.value)
 								})
 							}),
 							/* @__PURE__ */ i(e, {
@@ -125,7 +137,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 									type: "tel",
 									className: t,
 									value: d.contactPhone,
-									onChange: (e) => p("contactPhone", e.target.value)
+									onChange: (e) => m("contactPhone", e.target.value)
 								})
 							})
 						]
@@ -142,7 +154,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 				}), s.map((e) => /* @__PURE__ */ i(o, {
 					field: e,
 					value: d.answers[e.key],
-					onChange: (t) => p("answers", {
+					onChange: (t) => m("answers", {
 						...d.answers,
 						[e.key]: t
 					})
@@ -168,7 +180,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 									checked: !t || d.optionalFeeIds.includes(e.id),
 									disabled: !t,
 									"aria-label": `${e.name}${t ? " (optional)" : " (required)"}`,
-									onChange: (t) => p("optionalFeeIds", t.target.checked ? [...d.optionalFeeIds, e.id] : d.optionalFeeIds.filter((t) => t !== e.id)),
+									onChange: (t) => m("optionalFeeIds", t.target.checked ? [...d.optionalFeeIds, e.id] : d.optionalFeeIds.filter((t) => t !== e.id)),
 									className: "mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)] disabled:opacity-60"
 								}), /* @__PURE__ */ a("span", { children: [
 									e.name,
@@ -191,7 +203,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 						children: [/* @__PURE__ */ i("span", { children: "Total due" }), /* @__PURE__ */ i("span", {
 							className: "tabular-nums",
 							"data-testid": "registration-total",
-							children: n(m, l)
+							children: n(h, l)
 						})]
 					})]
 				})]
@@ -215,7 +227,7 @@ var o = ({ field: n, value: r, onChange: o }) => {
 							/* @__PURE__ */ i("input", {
 								type: "checkbox",
 								checked: d.waiverAccepted,
-								onChange: (e) => p("waiverAccepted", e.target.checked),
+								onChange: (e) => m("waiverAccepted", e.target.checked),
 								className: "h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]"
 							}),
 							"I have read and accept the waiver",

package/dist/atheletebridge/components/registration/RegistrationEntryFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationEntryFields.js","names":[],"sources":["../../../../src/atheletebridge/components/registration/RegistrationEntryFields.tsx"],"sourcesContent":["/**\n * Registration entry fields (BOFF-4135)\n * @module atheletebridge/components/registration\n *\n * Renders a registration form's participant/contact block, its questions, its\n * fees (REQUIRED always included, OPTIONAL opt-in) and its waiver. Shared by\n * the family-facing share-link page and the staff \"record a registration\"\n * page so both collect exactly what the server validates.\n */\n\nimport type { FC } from 'react';\nimport { FormField, fieldInputClass } from '../form';\nimport { formatMoney } from '../../utils/money';\nimport type {\n  AthRegistrationAnswerValue,\n  AthRegistrationFee,\n  AthRegistrationField,\n} from '../../types/registration';\nimport { type RegistrationEntryState, registrationTotal } from './entryRules';\n\ninterface QuestionInputProps {\n  field: AthRegistrationField;\n  value: AthRegistrationAnswerValue | undefined;\n  onChange: (value: AthRegistrationAnswerValue) => void;\n}\n\nconst QuestionInput: FC<QuestionInputProps> = ({ field, value, onChange }) => {\n  const id = `q-${field.key}`;\n  if (field.fieldType === 'CHECKBOX') {\n    return (\n      <label className=\"flex items-start gap-2.5 text-sm text-text-primary\" htmlFor={id}>\n        <input\n          id={id}\n          type=\"checkbox\"\n          checked={value === true}\n          onChange={(e) => onChange(e.target.checked)}\n          className=\"mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]\"\n        />\n        <span>\n          {field.label}\n          {field.required && <span className=\"ml-0.5 text-status-error-text\">*</span>}\n          {field.helpText && (\n            <span className=\"block text-xs text-text-secondary\">{field.helpText}</span>\n          )}\n        </span>\n      </label>\n    );\n  }\n\n  const text = value === undefined ? '' : String(value);\n  let control;\n  if (field.fieldType === 'LONG_TEXT') {\n    control = (\n      <textarea\n        id={id}\n        rows={3}\n        className={fieldInputClass}\n        value={text}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    );\n  } else if (field.fieldType === 'SELECT') {\n    control = (\n      <select\n        id={id}\n        className={fieldInputClass}\n        value={text}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">Select…</option>\n        {field.options.map((option) => (\n          <option key={option} value={option}>\n            {option}\n          </option>\n        ))}\n      </select>\n    );\n  } else {\n    const inputType: Record<string, string> = {\n      EMAIL: 'email',\n      PHONE: 'tel',\n      NUMBER: 'number',\n      DATE: 'date',\n    };\n    control = (\n      <input\n        id={id}\n        type={inputType[field.fieldType] ?? 'text'}\n        className={fieldInputClass}\n        value={text}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    );\n  }\n\n  return (\n    <FormField\n      label={field.label}\n      htmlFor={id}\n      required={field.required}\n      hint={field.helpText ?? undefined}\n    >\n      {control}\n    </FormField>\n  );\n};\n\ninterface RegistrationEntryFieldsProps {\n  fields: AthRegistrationField[];\n  fees: AthRegistrationFee[];\n  currency: string;\n  waiverText: string | null;\n  state: RegistrationEntryState;\n  onChange: (next: RegistrationEntryState) => void;\n}\n\nexport const RegistrationEntryFields: FC<RegistrationEntryFieldsProps> = ({\n  fields,\n  fees,\n  currency,\n  waiverText,\n  state,\n  onChange,\n}) => {\n  const set = <K extends keyof RegistrationEntryState>(key: K, value: RegistrationEntryState[K]) =>\n    onChange({ ...state, [key]: value });\n  const total = registrationTotal(fees, state.optionalFeeIds);\n\n  return (\n    <div className=\"space-y-6\">\n      <section className=\"space-y-4\" aria-labelledby=\"reg-participant\">\n        <h2 id=\"reg-participant\" className=\"text-base font-semibold text-text-primary\">\n          Participant\n        </h2>\n        <FormField label=\"Participant name\" htmlFor=\"participantName\" required>\n          <input\n            id=\"participantName\"\n            className={fieldInputClass}\n            value={state.participantName}\n            onChange={(e) => set('participantName', e.target.value)}\n            placeholder=\"Athlete's full name\"\n          />\n        </FormField>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <FormField\n            label=\"Contact name\"\n            htmlFor=\"contactName\"\n            hint=\"Parent or guardian, if applicable.\"\n          >\n            <input\n              id=\"contactName\"\n              className={fieldInputClass}\n              value={state.contactName}\n              onChange={(e) => set('contactName', e.target.value)}\n            />\n          </FormField>\n          <FormField label=\"Contact email\" htmlFor=\"contactEmail\">\n            <input\n              id=\"contactEmail\"\n              type=\"email\"\n              className={fieldInputClass}\n              value={state.contactEmail}\n              onChange={(e) => set('contactEmail', e.target.value)}\n            />\n          </FormField>\n          <FormField label=\"Contact phone\" htmlFor=\"contactPhone\">\n            <input\n              id=\"contactPhone\"\n              type=\"tel\"\n              className={fieldInputClass}\n              value={state.contactPhone}\n              onChange={(e) => set('contactPhone', e.target.value)}\n            />\n          </FormField>\n        </div>\n      </section>\n\n      {fields.length > 0 && (\n        <section className=\"space-y-4\" aria-labelledby=\"reg-questions\">\n          <h2 id=\"reg-questions\" className=\"text-base font-semibold text-text-primary\">\n            Questions\n          </h2>\n          {fields.map((field) => (\n            <QuestionInput\n              key={field.id}\n              field={field}\n              value={state.answers[field.key]}\n              onChange={(value) => set('answers', { ...state.answers, [field.key]: value })}\n            />\n          ))}\n        </section>\n      )}\n\n      {fees.length > 0 && (\n        <section className=\"space-y-3\" aria-labelledby=\"reg-fees\">\n          <h2 id=\"reg-fees\" className=\"text-base font-semibold text-text-primary\">\n            Fees\n          </h2>\n          <ul className=\"divide-y divide-border-seam rounded-lg border border-border-seam\">\n            {fees.map((fee) => {\n              const optional = fee.feeType === 'OPTIONAL';\n              const checked = !optional || state.optionalFeeIds.includes(fee.id);\n              return (\n                <li key={fee.id} className=\"flex items-center justify-between gap-3 px-4 py-3\">\n                  <label className=\"flex items-start gap-2.5 text-sm text-text-primary\">\n                    <input\n                      type=\"checkbox\"\n                      checked={checked}\n                      disabled={!optional}\n                      aria-label={`${fee.name}${optional ? ' (optional)' : ' (required)'}`}\n                      onChange={(e) =>\n                        set(\n                          'optionalFeeIds',\n                          e.target.checked\n                            ? [...state.optionalFeeIds, fee.id]\n                            : state.optionalFeeIds.filter((feeId) => feeId !== fee.id)\n                        )\n                      }\n                      className=\"mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)] disabled:opacity-60\"\n                    />\n                    <span>\n                      {fee.name}\n                      <span className=\"ml-1.5 text-xs text-text-secondary\">\n                        {optional ? 'Optional' : 'Required'}\n                      </span>\n                      {fee.description && (\n                        <span className=\"block text-xs text-text-secondary\">{fee.description}</span>\n                      )}\n                    </span>\n                  </label>\n                  <span className=\"text-sm font-medium tabular-nums text-text-primary\">\n                    {formatMoney(fee.amount, currency)}\n                  </span>\n                </li>\n              );\n            })}\n            <li className=\"flex items-center justify-between px-4 py-3 text-sm font-semibold text-text-primary\">\n              <span>Total due</span>\n              <span className=\"tabular-nums\" data-testid=\"registration-total\">\n                {formatMoney(total, currency)}\n              </span>\n            </li>\n          </ul>\n        </section>\n      )}\n\n      {waiverText && (\n        <section className=\"space-y-3\" aria-labelledby=\"reg-waiver\">\n          <h2 id=\"reg-waiver\" className=\"text-base font-semibold text-text-primary\">\n            Waiver\n          </h2>\n          <p className=\"whitespace-pre-line rounded-lg border border-border-seam bg-bg-sunken p-4 text-sm text-text-secondary\">\n            {waiverText}\n          </p>\n          <label className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n            <input\n              type=\"checkbox\"\n              checked={state.waiverAccepted}\n              onChange={(e) => set('waiverAccepted', e.target.checked)}\n              className=\"h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]\"\n            />\n            I have read and accept the waiver\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n        </section>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"RegistrationEntryFields.js","names":[],"sources":["../../../../src/atheletebridge/components/registration/RegistrationEntryFields.tsx"],"sourcesContent":["/**\n * Registration entry fields (BOFF-4135)\n * @module atheletebridge/components/registration\n *\n * Renders a registration form's participant/contact block, its questions, its\n * fees (REQUIRED always included, OPTIONAL opt-in) and its waiver. Shared by\n * the family-facing share-link page and the staff \"record a registration\"\n * page so both collect exactly what the server validates.\n */\n\nimport type { FC } from 'react';\nimport { FormField, fieldInputClass } from '../form';\nimport { formatMoney } from '../../utils/money';\nimport type {\n  AthRegistrationAnswerValue,\n  AthRegistrationFee,\n  AthRegistrationField,\n} from '../../types/registration';\nimport { type RegistrationEntryState, registrationTotal } from './entryRules';\n\ninterface QuestionInputProps {\n  field: AthRegistrationField;\n  value: AthRegistrationAnswerValue | undefined;\n  onChange: (value: AthRegistrationAnswerValue) => void;\n}\n\nconst QuestionInput: FC<QuestionInputProps> = ({ field, value, onChange }) => {\n  const id = `q-${field.key}`;\n  if (field.fieldType === 'CHECKBOX') {\n    return (\n      <label className=\"flex items-start gap-2.5 text-sm text-text-primary\" htmlFor={id}>\n        <input\n          id={id}\n          type=\"checkbox\"\n          checked={value === true}\n          onChange={(e) => onChange(e.target.checked)}\n          className=\"mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]\"\n        />\n        <span>\n          {field.label}\n          {field.required && <span className=\"ml-0.5 text-status-error-text\">*</span>}\n          {field.helpText && (\n            <span className=\"block text-xs text-text-secondary\">{field.helpText}</span>\n          )}\n        </span>\n      </label>\n    );\n  }\n\n  const text = value === undefined ? '' : String(value);\n  let control;\n  if (field.fieldType === 'LONG_TEXT') {\n    control = (\n      <textarea\n        id={id}\n        rows={3}\n        className={fieldInputClass}\n        value={text}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    );\n  } else if (field.fieldType === 'SELECT') {\n    control = (\n      <select\n        id={id}\n        className={fieldInputClass}\n        value={text}\n        onChange={(e) => onChange(e.target.value)}\n      >\n        <option value=\"\">Select…</option>\n        {field.options.map((option) => (\n          <option key={option} value={option}>\n            {option}\n          </option>\n        ))}\n      </select>\n    );\n  } else {\n    const inputType: Record<string, string> = {\n      EMAIL: 'email',\n      PHONE: 'tel',\n      NUMBER: 'number',\n      DATE: 'date',\n    };\n    control = (\n      <input\n        id={id}\n        type={inputType[field.fieldType] ?? 'text'}\n        className={fieldInputClass}\n        value={text}\n        onChange={(e) => onChange(e.target.value)}\n      />\n    );\n  }\n\n  return (\n    <FormField\n      label={field.label}\n      htmlFor={id}\n      required={field.required}\n      hint={field.helpText ?? undefined}\n    >\n      {control}\n    </FormField>\n  );\n};\n\ninterface RegistrationEntryFieldsProps {\n  fields: AthRegistrationField[];\n  fees: AthRegistrationFee[];\n  currency: string;\n  waiverText: string | null;\n  state: RegistrationEntryState;\n  onChange: (next: RegistrationEntryState) => void;\n  /**\n   * Offer the \"I am the athlete\" choice. Only the family share-link flow sets\n   * it: there the signed-in registrant can be the athlete, and saying so lets\n   * the club add them to the team roster on acceptance (BOFF-10806).\n   */\n  offerSelfRegistration?: boolean;\n}\n\nexport const RegistrationEntryFields: FC<RegistrationEntryFieldsProps> = ({\n  fields,\n  fees,\n  currency,\n  waiverText,\n  state,\n  onChange,\n  offerSelfRegistration = false,\n}) => {\n  const set = <K extends keyof RegistrationEntryState>(key: K, value: RegistrationEntryState[K]) =>\n    onChange({ ...state, [key]: value });\n  const total = registrationTotal(fees, state.optionalFeeIds);\n\n  return (\n    <div className=\"space-y-6\">\n      <section className=\"space-y-4\" aria-labelledby=\"reg-participant\">\n        <h2 id=\"reg-participant\" className=\"text-base font-semibold text-text-primary\">\n          Participant\n        </h2>\n        <FormField label=\"Participant name\" htmlFor=\"participantName\" required>\n          <input\n            id=\"participantName\"\n            className={fieldInputClass}\n            value={state.participantName}\n            onChange={(e) => set('participantName', e.target.value)}\n            placeholder=\"Athlete's full name\"\n          />\n        </FormField>\n        {offerSelfRegistration && (\n          <label className=\"flex items-start gap-2.5 text-sm text-text-primary\">\n            <input\n              type=\"checkbox\"\n              checked={state.participantIsRegistrant}\n              onChange={(e) => set('participantIsRegistrant', e.target.checked)}\n              className=\"mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]\"\n            />\n            <span>\n              I am the athlete\n              <span className=\"block text-xs text-text-secondary\">\n                Tick this if you are registering yourself, so the club can add you to the team\n                roster when they accept. Leave it clear when registering a child.\n              </span>\n            </span>\n          </label>\n        )}\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n          <FormField\n            label=\"Contact name\"\n            htmlFor=\"contactName\"\n            hint=\"Parent or guardian, if applicable.\"\n          >\n            <input\n              id=\"contactName\"\n              className={fieldInputClass}\n              value={state.contactName}\n              onChange={(e) => set('contactName', e.target.value)}\n            />\n          </FormField>\n          <FormField label=\"Contact email\" htmlFor=\"contactEmail\">\n            <input\n              id=\"contactEmail\"\n              type=\"email\"\n              className={fieldInputClass}\n              value={state.contactEmail}\n              onChange={(e) => set('contactEmail', e.target.value)}\n            />\n          </FormField>\n          <FormField label=\"Contact phone\" htmlFor=\"contactPhone\">\n            <input\n              id=\"contactPhone\"\n              type=\"tel\"\n              className={fieldInputClass}\n              value={state.contactPhone}\n              onChange={(e) => set('contactPhone', e.target.value)}\n            />\n          </FormField>\n        </div>\n      </section>\n\n      {fields.length > 0 && (\n        <section className=\"space-y-4\" aria-labelledby=\"reg-questions\">\n          <h2 id=\"reg-questions\" className=\"text-base font-semibold text-text-primary\">\n            Questions\n          </h2>\n          {fields.map((field) => (\n            <QuestionInput\n              key={field.id}\n              field={field}\n              value={state.answers[field.key]}\n              onChange={(value) => set('answers', { ...state.answers, [field.key]: value })}\n            />\n          ))}\n        </section>\n      )}\n\n      {fees.length > 0 && (\n        <section className=\"space-y-3\" aria-labelledby=\"reg-fees\">\n          <h2 id=\"reg-fees\" className=\"text-base font-semibold text-text-primary\">\n            Fees\n          </h2>\n          <ul className=\"divide-y divide-border-seam rounded-lg border border-border-seam\">\n            {fees.map((fee) => {\n              const optional = fee.feeType === 'OPTIONAL';\n              const checked = !optional || state.optionalFeeIds.includes(fee.id);\n              return (\n                <li key={fee.id} className=\"flex items-center justify-between gap-3 px-4 py-3\">\n                  <label className=\"flex items-start gap-2.5 text-sm text-text-primary\">\n                    <input\n                      type=\"checkbox\"\n                      checked={checked}\n                      disabled={!optional}\n                      aria-label={`${fee.name}${optional ? ' (optional)' : ' (required)'}`}\n                      onChange={(e) =>\n                        set(\n                          'optionalFeeIds',\n                          e.target.checked\n                            ? [...state.optionalFeeIds, fee.id]\n                            : state.optionalFeeIds.filter((feeId) => feeId !== fee.id)\n                        )\n                      }\n                      className=\"mt-0.5 h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)] disabled:opacity-60\"\n                    />\n                    <span>\n                      {fee.name}\n                      <span className=\"ml-1.5 text-xs text-text-secondary\">\n                        {optional ? 'Optional' : 'Required'}\n                      </span>\n                      {fee.description && (\n                        <span className=\"block text-xs text-text-secondary\">{fee.description}</span>\n                      )}\n                    </span>\n                  </label>\n                  <span className=\"text-sm font-medium tabular-nums text-text-primary\">\n                    {formatMoney(fee.amount, currency)}\n                  </span>\n                </li>\n              );\n            })}\n            <li className=\"flex items-center justify-between px-4 py-3 text-sm font-semibold text-text-primary\">\n              <span>Total due</span>\n              <span className=\"tabular-nums\" data-testid=\"registration-total\">\n                {formatMoney(total, currency)}\n              </span>\n            </li>\n          </ul>\n        </section>\n      )}\n\n      {waiverText && (\n        <section className=\"space-y-3\" aria-labelledby=\"reg-waiver\">\n          <h2 id=\"reg-waiver\" className=\"text-base font-semibold text-text-primary\">\n            Waiver\n          </h2>\n          <p className=\"whitespace-pre-line rounded-lg border border-border-seam bg-bg-sunken p-4 text-sm text-text-secondary\">\n            {waiverText}\n          </p>\n          <label className=\"flex items-center gap-2.5 text-sm text-text-primary\">\n            <input\n              type=\"checkbox\"\n              checked={state.waiverAccepted}\n              onChange={(e) => set('waiverAccepted', e.target.checked)}\n              className=\"h-4 w-4 rounded border-border-seam text-action-primary-bg focus:ring-[var(--color-focus-ring)]\"\n            />\n            I have read and accept the waiver\n            <span className=\"text-status-error-text\">*</span>\n          </label>\n        </section>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/atheletebridge/components/registration/entryRules.d.ts

@@ -8,6 +8,8 @@ export interface RegistrationEntryState {
     answers: Record<string, AthRegistrationAnswerValue>;
     optionalFeeIds: string[];
     waiverAccepted: boolean;
+    /** Self-service only: the signed-in registrant is the athlete (BOFF-10806). */
+    participantIsRegistrant: boolean;
 }
 export declare const EMPTY_REGISTRATION_ENTRY: RegistrationEntryState;
 /** Total due for the current fee selection, in minor units. */

package/dist/atheletebridge/components/registration/entryRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entryRules.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/registration/entryRules.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC;IACpD,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,EAAE,sBAQtC,CAAC;AAEF,+DAA+D;AAC/D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,MAAM,CAI9F;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,oBAAoB,EAAE,EAC9B,KAAK,EAAE,sBAAsB,GAC5B,MAAM,GAAG,IAAI,CAcf;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,GAClD,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAM5C"}
+{"version":3,"file":"entryRules.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/components/registration/entryRules.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,0BAA0B,EAC1B,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC,MAAM,WAAW,sBAAsB;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC;IACpD,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,+EAA+E;IAC/E,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,wBAAwB,EAAE,sBAStC,CAAC;AAEF,+DAA+D;AAC/D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,MAAM,CAI9F;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,oBAAoB,EAAE,EAC9B,KAAK,EAAE,sBAAsB,GAC5B,MAAM,GAAG,IAAI,CAcf;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAC1B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,GAClD,MAAM,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAM5C"}

package/dist/atheletebridge/components/registration/entryRules.js

@@ -6,7 +6,8 @@ var e = {
 	contactPhone: "",
 	answers: {},
 	optionalFeeIds: [],
-	waiverAccepted: !1
+	waiverAccepted: !1,
+	participantIsRegistrant: !1
 };
 function t(e, t) {
 	return e.filter((e) => e.feeType === "REQUIRED" || t.includes(e.id)).reduce((e, t) => e + t.amount, 0);

package/dist/atheletebridge/components/registration/entryRules.js.map

@@ -1 +1 @@
-{"version":3,"file":"entryRules.js","names":[],"sources":["../../../../src/atheletebridge/components/registration/entryRules.ts"],"sourcesContent":["/**\n * Pure rules for the registration entry form (BOFF-4135).\n * @module atheletebridge/components/registration\n */\n\nimport type {\n  AthRegistrationAnswerValue,\n  AthRegistrationFee,\n  AthRegistrationField,\n} from '../../types/registration';\n\nexport interface RegistrationEntryState {\n  participantName: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  answers: Record<string, AthRegistrationAnswerValue>;\n  optionalFeeIds: string[];\n  waiverAccepted: boolean;\n}\n\nexport const EMPTY_REGISTRATION_ENTRY: RegistrationEntryState = {\n  participantName: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  answers: {},\n  optionalFeeIds: [],\n  waiverAccepted: false,\n};\n\n/** Total due for the current fee selection, in minor units. */\nexport function registrationTotal(fees: AthRegistrationFee[], optionalFeeIds: string[]): number {\n  return fees\n    .filter((fee) => fee.feeType === 'REQUIRED' || optionalFeeIds.includes(fee.id))\n    .reduce((total, fee) => total + fee.amount, 0);\n}\n\n/**\n * Client-side pre-check mirroring the server's required-answer rule, so the\n * family sees what is missing before a round trip. The server stays the\n * authority on every rule.\n */\nexport function missingRequiredAnswer(\n  fields: AthRegistrationField[],\n  state: RegistrationEntryState\n): string | null {\n  if (!state.participantName.trim()) return 'Participant name';\n  for (const field of fields) {\n    if (!field.required) continue;\n    const value = state.answers[field.key];\n    if (\n      field.fieldType === 'CHECKBOX'\n        ? value !== true\n        : value === undefined || String(value).trim() === ''\n    ) {\n      return field.label;\n    }\n  }\n  return null;\n}\n\n/** Strip blank answers so optional unanswered questions are simply omitted. */\nexport function cleanAnswers(\n  answers: Record<string, AthRegistrationAnswerValue>\n): Record<string, AthRegistrationAnswerValue> {\n  return Object.fromEntries(\n    Object.entries(answers).filter(\n      ([, value]) => !(typeof value === 'string' && value.trim() === '')\n    )\n  );\n}\n"],"mappings":";AAqBA,IAAa,IAAmD;CAC9D,iBAAiB;CACjB,aAAa;CACb,cAAc;CACd,cAAc;CACd,SAAS,CAAC;CACV,gBAAgB,CAAC;CACjB,gBAAgB;AAClB;AAGA,SAAgB,EAAkB,GAA4B,GAAkC;CAC9F,OAAO,EACJ,QAAQ,MAAQ,EAAI,YAAY,cAAc,EAAe,SAAS,EAAI,EAAE,CAAC,EAC7E,QAAQ,GAAO,MAAQ,IAAQ,EAAI,QAAQ,CAAC;AACjD;AAOA,SAAgB,EACd,GACA,GACe;CACf,IAAI,CAAC,EAAM,gBAAgB,KAAK,GAAG,OAAO;CAC1C,KAAK,IAAM,KAAS,GAAQ;EAC1B,IAAI,CAAC,EAAM,UAAU;EACrB,IAAM,IAAQ,EAAM,QAAQ,EAAM;EAClC,IACE,EAAM,cAAc,aAChB,MAAU,KACV,MAAU,KAAA,KAAa,OAAO,CAAK,EAAE,KAAK,MAAM,IAEpD,OAAO,EAAM;CAEjB;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GAC4C;CAC5C,OAAO,OAAO,YACZ,OAAO,QAAQ,CAAO,EAAE,QACrB,GAAG,OAAW,EAAE,OAAO,KAAU,YAAY,EAAM,KAAK,MAAM,GACjE,CACF;AACF"}
+{"version":3,"file":"entryRules.js","names":[],"sources":["../../../../src/atheletebridge/components/registration/entryRules.ts"],"sourcesContent":["/**\n * Pure rules for the registration entry form (BOFF-4135).\n * @module atheletebridge/components/registration\n */\n\nimport type {\n  AthRegistrationAnswerValue,\n  AthRegistrationFee,\n  AthRegistrationField,\n} from '../../types/registration';\n\nexport interface RegistrationEntryState {\n  participantName: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  answers: Record<string, AthRegistrationAnswerValue>;\n  optionalFeeIds: string[];\n  waiverAccepted: boolean;\n  /** Self-service only: the signed-in registrant is the athlete (BOFF-10806). */\n  participantIsRegistrant: boolean;\n}\n\nexport const EMPTY_REGISTRATION_ENTRY: RegistrationEntryState = {\n  participantName: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  answers: {},\n  optionalFeeIds: [],\n  waiverAccepted: false,\n  participantIsRegistrant: false,\n};\n\n/** Total due for the current fee selection, in minor units. */\nexport function registrationTotal(fees: AthRegistrationFee[], optionalFeeIds: string[]): number {\n  return fees\n    .filter((fee) => fee.feeType === 'REQUIRED' || optionalFeeIds.includes(fee.id))\n    .reduce((total, fee) => total + fee.amount, 0);\n}\n\n/**\n * Client-side pre-check mirroring the server's required-answer rule, so the\n * family sees what is missing before a round trip. The server stays the\n * authority on every rule.\n */\nexport function missingRequiredAnswer(\n  fields: AthRegistrationField[],\n  state: RegistrationEntryState\n): string | null {\n  if (!state.participantName.trim()) return 'Participant name';\n  for (const field of fields) {\n    if (!field.required) continue;\n    const value = state.answers[field.key];\n    if (\n      field.fieldType === 'CHECKBOX'\n        ? value !== true\n        : value === undefined || String(value).trim() === ''\n    ) {\n      return field.label;\n    }\n  }\n  return null;\n}\n\n/** Strip blank answers so optional unanswered questions are simply omitted. */\nexport function cleanAnswers(\n  answers: Record<string, AthRegistrationAnswerValue>\n): Record<string, AthRegistrationAnswerValue> {\n  return Object.fromEntries(\n    Object.entries(answers).filter(\n      ([, value]) => !(typeof value === 'string' && value.trim() === '')\n    )\n  );\n}\n"],"mappings":";AAuBA,IAAa,IAAmD;CAC9D,iBAAiB;CACjB,aAAa;CACb,cAAc;CACd,cAAc;CACd,SAAS,CAAC;CACV,gBAAgB,CAAC;CACjB,gBAAgB;CAChB,yBAAyB;AAC3B;AAGA,SAAgB,EAAkB,GAA4B,GAAkC;CAC9F,OAAO,EACJ,QAAQ,MAAQ,EAAI,YAAY,cAAc,EAAe,SAAS,EAAI,EAAE,CAAC,EAC7E,QAAQ,GAAO,MAAQ,IAAQ,EAAI,QAAQ,CAAC;AACjD;AAOA,SAAgB,EACd,GACA,GACe;CACf,IAAI,CAAC,EAAM,gBAAgB,KAAK,GAAG,OAAO;CAC1C,KAAK,IAAM,KAAS,GAAQ;EAC1B,IAAI,CAAC,EAAM,UAAU;EACrB,IAAM,IAAQ,EAAM,QAAQ,EAAM;EAClC,IACE,EAAM,cAAc,aAChB,MAAU,KACV,MAAU,KAAA,KAAa,OAAO,CAAK,EAAE,KAAK,MAAM,IAEpD,OAAO,EAAM;CAEjB;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GAC4C;CAC5C,OAAO,OAAO,YACZ,OAAO,QAAQ,CAAO,EAAE,QACrB,GAAG,OAAW,EAAE,OAAO,KAAU,YAAY,EAAM,KAAK,MAAM,GACjE,CACF;AACF"}

package/dist/atheletebridge/hooks/useRegistrationApi.d.ts

@@ -1,5 +1,5 @@
 import { PaginationInput } from '../types';
-import { AthCreateRegistrationFormInput, AthMyRegistration, AthMyRegistrationConnection, AthPublicRegistrationForm, AthRecordRegistrationInput, AthRecordRegistrationPaymentInput, AthRegistrationDecision, AthRegistrationEntryInput, AthRegistrationForm, AthRegistrationFormConnection, AthRegistrationFormStatus, AthRegistrationPayment, AthRegistrationPaymentStatus, AthRegistrationPaymentSummary, AthRegistrationSubmission, AthRegistrationSubmissionConnection, AthRegistrationSubmissionStatus, AthUpdateRegistrationFormInput } from '../types/registration';
+import { AthCreateRegistrationFormInput, AthMyRegistration, AthMyRegistrationConnection, AthOnlinePaymentsStatus, AthPaymentAccount, AthPaymentAccountLink, AthPublicRegistrationForm, AthRecordRegistrationInput, AthRecordRegistrationPaymentInput, AthRegistrationCheckoutSession, AthRegistrationDecision, AthRegistrationForm, AthRegistrationFormConnection, AthRegistrationFormStatus, AthRegistrationPayment, AthRegistrationPaymentStatus, AthRegistrationPaymentSummary, AthRegistrationSubmission, AthRegistrationSubmissionConnection, AthRegistrationSubmissionStatus, AthSubmitRegistrationInput, AthUpdateRegistrationFormInput } from '../types/registration';
 
 export interface RegistrationFormFilters {
     status?: AthRegistrationFormStatus;
@@ -44,11 +44,28 @@ export declare const useRefundRegistrationPayment: () => import('@tanstack/react
     amount: number;
     reason: string;
 }, unknown>;
+export declare const useOnlinePaymentsStatus: () => import('@tanstack/react-query').UseQueryResult<NoInfer<AthOnlinePaymentsStatus>, Error>;
+/**
+ * Create (first call) or resume the club's processor onboarding. Resolves to
+ * the hosted onboarding link; the caller redirects the browser to it.
+ */
+export declare const useConnectPaymentAccount: () => import('@tanstack/react-query').UseMutationResult<AthPaymentAccountLink, Error, {
+    returnUrl: string;
+    email?: string;
+}, unknown>;
+export declare const useRefreshPaymentAccount: () => import('@tanstack/react-query').UseMutationResult<AthPaymentAccount, Error, void, unknown>;
 export declare const usePublicRegistrationForm: (slug: string | undefined) => import('@tanstack/react-query').UseQueryResult<NoInfer<AthPublicRegistrationForm | null>, Error>;
 export declare const useSubmitRegistration: () => import('@tanstack/react-query').UseMutationResult<AthMyRegistration, Error, {
     slug: string;
-    input: AthRegistrationEntryInput;
+    input: AthSubmitRegistrationInput;
 }, unknown>;
 export declare const useMyRegistrations: (pagination?: PaginationInput) => import('@tanstack/react-query').UseQueryResult<NoInfer<AthMyRegistrationConnection>, Error>;
 export declare const useWithdrawMyRegistration: () => import('@tanstack/react-query').UseMutationResult<AthMyRegistration, Error, string, unknown>;
+/** Open a processor checkout for the outstanding balance of one of your registrations. */
+export declare const useStartRegistrationCheckout: () => import('@tanstack/react-query').UseMutationResult<AthRegistrationCheckoutSession, Error, {
+    submissionId: string;
+    returnUrl: string;
+}, unknown>;
+/** Settle a checkout after the processor sends the family back (the server re-reads it). */
+export declare const useConfirmRegistrationCheckout: () => import('@tanstack/react-query').UseMutationResult<AthMyRegistration, Error, string, unknown>;
 //# sourceMappingURL=useRegistrationApi.d.ts.map

package/dist/atheletebridge/hooks/useRegistrationApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRegistrationApi.d.ts","sourceRoot":"","sources":["../../../src/atheletebridge/hooks/useRegistrationApi.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EACV,8BAA8B,EAC9B,iBAAiB,EACjB,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,EAC1B,iCAAiC,EACjC,uBAAuB,EACvB,yBAAyB,EACzB,mBAAmB,EACnB,6BAA6B,EAC7B,yBAAyB,EACzB,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,yBAAyB,EACzB,mCAAmC,EACnC,+BAA+B,EAC/B,8BAA8B,EAC/B,MAAM,uBAAuB,CAAC;AA6D/B,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,GAAI,UAAS,uBAA4B,kGAkBzE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,IAAI,MAAM,GAAG,SAAS,+FAczD,CAAC;AAEF,eAAO,MAAM,yBAAyB,8HAgBrC,CAAC;AAEF,eAAO,MAAM,yBAAyB;QAIM,MAAM;WAAS,8BAA8B;WAYxF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAW9E,eAAO,MAAM,4BAA4B;QAII,MAAM;YAAU,+BAA+B;WAW3F,CAAC;AAMF,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,+BAA+B,CAAC;IACzC,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,0BAA0B,GACrC,SAAS,6BAA6B,EACtC,iBAAc,wGAgCf,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,IAAI,MAAM,GAAG,SAAS,qGAkB/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,gIAgBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;QASxB,MAAM;cACA,uBAAuB;YACzB,MAAM;WAanB,CAAC;AAMF,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,GAAG,SAAS,6FAiBvE,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,SAAS,MAAM,kGAoB5D,CAAC;AAEF,eAAO,MAAM,4BAA4B,oIAgBxC,CAAC;AAEF,eAAO,MAAM,0BAA0B;QAIM,MAAM;YAAU,MAAM;WAYlE,CAAC;AAEF,eAAO,MAAM,4BAA4B;QAIY,MAAM;YAAU,MAAM;YAAU,MAAM;WAY1F,CAAC;AAMF,eAAO,MAAM,yBAAyB,GAAI,MAAM,MAAM,GAAG,SAAS,qGAkBjE,CAAC;AAEF,eAAO,MAAM,qBAAqB;UAIc,MAAM;WAAS,yBAAyB;WAYvF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,aAAa,eAAe,gGAkB9D,CAAC;AAEF,eAAO,MAAM,yBAAyB,oGAgBrC,CAAC"}
+{"version":3,"file":"useRegistrationApi.d.ts","sourceRoot":"","sources":["../../../src/atheletebridge/hooks/useRegistrationApi.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAKH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,EACV,8BAA8B,EAC9B,iBAAiB,EACjB,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,yBAAyB,EACzB,0BAA0B,EAC1B,iCAAiC,EACjC,8BAA8B,EAC9B,uBAAuB,EACvB,mBAAmB,EACnB,6BAA6B,EAC7B,yBAAyB,EACzB,sBAAsB,EACtB,4BAA4B,EAC5B,6BAA6B,EAC7B,yBAAyB,EACzB,mCAAmC,EACnC,+BAA+B,EAC/B,0BAA0B,EAC1B,8BAA8B,EAC/B,MAAM,uBAAuB,CAAC;AAkE/B,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,GAAI,UAAS,uBAA4B,kGAkBzE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,IAAI,MAAM,GAAG,SAAS,+FAczD,CAAC;AAEF,eAAO,MAAM,yBAAyB,8HAgBrC,CAAC;AAEF,eAAO,MAAM,yBAAyB;QAIM,MAAM;WAAS,8BAA8B;WAYxF,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAW9E,eAAO,MAAM,4BAA4B;QAII,MAAM;YAAU,+BAA+B;WAW3F,CAAC;AAMF,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,+BAA+B,CAAC;IACzC,aAAa,CAAC,EAAE,4BAA4B,CAAC;IAC7C,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,0BAA0B,GACrC,SAAS,6BAA6B,EACtC,iBAAc,wGAgCf,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,IAAI,MAAM,GAAG,SAAS,qGAkB/D,CAAC;AAEF,eAAO,MAAM,qBAAqB,gIAgBjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;QASxB,MAAM;cACA,uBAAuB;YACzB,MAAM;WAanB,CAAC;AAMF,eAAO,MAAM,uBAAuB,GAAI,cAAc,MAAM,GAAG,SAAS,6FAiBvE,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,SAAS,MAAM,kGAoB5D,CAAC;AAEF,eAAO,MAAM,4BAA4B,oIAgBxC,CAAC;AAEF,eAAO,MAAM,0BAA0B;QAIM,MAAM;YAAU,MAAM;WAYlE,CAAC;AAEF,eAAO,MAAM,4BAA4B;QAIY,MAAM;YAAU,MAAM;YAAU,MAAM;WAY1F,CAAC;AAMF,eAAO,MAAM,uBAAuB,+FAoBnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,wBAAwB;eAGM,MAAM;YAAU,MAAM;WAchE,CAAC;AAEF,eAAO,MAAM,wBAAwB,kGAgBpC,CAAC;AAMF,eAAO,MAAM,yBAAyB,GAAI,MAAM,MAAM,GAAG,SAAS,qGAkBjE,CAAC;AAEF,eAAO,MAAM,qBAAqB;UAIc,MAAM;WAAS,0BAA0B;WAYxF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,aAAa,eAAe,gGAkB9D,CAAC;AAEF,eAAO,MAAM,yBAAyB,oGAgBrC,CAAC;AAMF,0FAA0F;AAC1F,eAAO,MAAM,4BAA4B;kBAGK,MAAM;eAAa,MAAM;WAatE,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,8BAA8B,oGAgB1C,CAAC"}