@burdenoff/microfe-atheletebridge 2026.1107.1 → 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/hooks/useRegistrationApi.d.ts

@@ -1,5 +1,5 @@
 import { PaginationInput } from '../types';
-import { AthCreateRegistrationFormInput, AthMyRegistration, AthMyRegistrationConnection, AthPublicRegistrationForm, AthRecordRegistrationInput, AthRecordRegistrationPaymentInput, AthRegistrationDecision, AthRegistrationForm, AthRegistrationFormConnection, AthRegistrationFormStatus, AthRegistrationPayment, AthRegistrationPaymentStatus, AthRegistrationPaymentSummary, AthRegistrationSubmission, AthRegistrationSubmissionConnection, AthRegistrationSubmissionStatus, AthSubmitRegistrationInput, 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,6 +44,16 @@ 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;
@@ -51,4 +61,11 @@ export declare const useSubmitRegistration: () => import('@tanstack/react-query'
 }, 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,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;AA8D/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,0BAA0B;WAYxF,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"}

package/dist/atheletebridge/hooks/useRegistrationApi.js

@@ -9,15 +9,15 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
   submissionCount createdAt updatedAt
   fields { ${o} }
   fees { ${s} }
-`, l = "\n  id workspaceId formId formTitle source submittedByUserId participantName\n  participantUserId contactName contactEmail contactPhone answers selectedFeeIds\n  status paymentStatus amountDue amountPaid amountOutstanding currency\n  waiverAcceptedAt reviewNotes reviewedAt submittedAt createdAt updatedAt\n  participantIsRegistrant rosterOutcome rosterMemberId rosterTeamId rosterTeamName\n", u = "\n  id submissionId amount refundedAmount netAmount currency method status\n  reference note receivedAt voidedAt voidReason refundedAt refundReason\n  createdBy createdAt\n", d = "\n  formId submissionCount acceptedCount notRequiredCount unpaidCount\n  partiallyPaidCount paidCount refundedCount\n  totals { currency amountDue amountCollected amountRefunded amountOutstanding }\n", f = `
+`, l = "\n  id workspaceId formId formTitle source submittedByUserId participantName\n  participantUserId contactName contactEmail contactPhone answers selectedFeeIds\n  status paymentStatus amountDue amountPaid amountOutstanding currency\n  waiverAcceptedAt reviewNotes reviewedAt submittedAt createdAt updatedAt\n  participantIsRegistrant rosterOutcome rosterMemberId rosterTeamId rosterTeamName\n", u = "\n  id submissionId amount refundedAmount netAmount currency method processor status\n  reference note receivedAt voidedAt voidReason refundedAt refundReason\n  createdBy createdAt\n", d = "\n  formId submissionCount acceptedCount notRequiredCount unpaidCount\n  partiallyPaidCount paidCount refundedCount\n  totals { currency amountDue amountCollected amountRefunded amountOutstanding }\n", f = `
   id slug title description season currency opensAt closesAt waiverText isOpen
   spotsRemaining
   fields { ${o} }
   fees { ${s} }
-`, p = "\n  id formId formTitle formSlug participantName status paymentStatus amountDue\n  amountPaid amountOutstanding currency submittedAt\n", m = () => {
+`, p = "\n  id formId formTitle formSlug participantName status paymentStatus amountDue\n  amountPaid amountOutstanding currency onlinePaymentAvailable submittedAt\n", m = "\n  provider accountId chargesEnabled payoutsEnabled detailsSubmitted lastSyncedAt createdAt\n", h = () => {
 	let e = i();
 	return () => e.invalidateQueries({ queryKey: a });
-}, h = (n = {}) => {
+}, g = (n = {}) => {
 	let { apiGatewayUrl: i, workspaceId: o } = e();
 	return r({
 		queryKey: [
@@ -33,7 +33,7 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
           }
         }`, { ...n }, i)).athListRegistrationForms
 	});
-}, g = (n) => {
+}, _ = (n) => {
 	let { apiGatewayUrl: i, workspaceId: o } = e();
 	return r({
 		queryKey: [
@@ -45,16 +45,16 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		queryFn: async () => (await t(`query AthRegistrationForm($id: ID!) { athRegistrationForm(id: $id) { ${c} } }`, { id: n }, i)).athRegistrationForm,
 		enabled: !!n
 	});
-}, _ = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, v = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async (e) => (await t(`mutation AthCreateRegistrationForm($input: AthCreateRegistrationFormInput!) {
           athCreateRegistrationForm(input: $input) { ${c} }
         }`, { input: e }, r)).athCreateRegistrationForm,
 		onSuccess: () => void i()
 	});
-}, v = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, y = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async ({ id: e, input: n }) => (await t(`mutation AthUpdateRegistrationForm($id: ID!, $input: AthUpdateRegistrationFormInput!) {
           athUpdateRegistrationForm(id: $id, input: $input) { ${c} }
@@ -64,7 +64,7 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		}, r)).athUpdateRegistrationForm,
 		onSuccess: () => void i()
 	});
-}, y = {
+}, b = {
 	publish: {
 		field: "athPublishRegistrationForm",
 		selection: `{ ${c} }`
@@ -77,16 +77,16 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		field: "athArchiveRegistrationForm",
 		selection: ""
 	}
-}, b = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, x = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async ({ id: e, action: n }) => {
-			let { field: i, selection: a } = y[n];
+			let { field: i, selection: a } = b[n];
 			return await t(`mutation AthRegistrationFormLifecycle($id: ID!) { ${i}(id: $id) ${a} }`, { id: e }, r), n;
 		},
 		onSuccess: () => void i()
 	});
-}, x = (n, i = !0) => {
+}, S = (n, i = !0) => {
 	let { apiGatewayUrl: o, workspaceId: s } = e();
 	return r({
 		queryKey: [
@@ -113,7 +113,7 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
         }`, { ...n }, o)).athListRegistrationSubmissions,
 		enabled: i
 	});
-}, S = (n) => {
+}, C = (n) => {
 	let { apiGatewayUrl: i, workspaceId: o } = e();
 	return r({
 		queryKey: [
@@ -127,16 +127,16 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
         }`, { id: n }, i)).athRegistrationSubmission,
 		enabled: !!n
 	});
-}, C = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, w = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async (e) => (await t(`mutation AthRecordRegistration($input: AthRecordRegistrationInput!) {
           athRecordRegistration(input: $input) { ${l} }
         }`, { input: e }, r)).athRecordRegistration,
 		onSuccess: () => void i()
 	});
-}, w = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, T = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async ({ id: e, decision: n, notes: i }) => (await t(`mutation AthReviewRegistrationSubmission($id: ID!, $input: AthReviewRegistrationInput!) {
           athReviewRegistrationSubmission(id: $id, input: $input) { ${l} }
@@ -149,7 +149,7 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		}, r)).athReviewRegistrationSubmission,
 		onSuccess: () => void i()
 	});
-}, T = (n) => {
+}, E = (n) => {
 	let { apiGatewayUrl: i, workspaceId: o } = e();
 	return r({
 		queryKey: [
@@ -164,7 +164,7 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		enabled: !!n,
 		retry: !1
 	});
-}, E = (n) => {
+}, D = (n) => {
 	let { apiGatewayUrl: i, workspaceId: o } = e();
 	return r({
 		queryKey: [
@@ -178,16 +178,16 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
         }`, { formId: n ?? null }, i)).athRegistrationPaymentSummary,
 		retry: !1
 	});
-}, D = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, O = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async (e) => (await t(`mutation AthRecordRegistrationPayment($input: AthRecordRegistrationPaymentInput!) {
           athRecordRegistrationPayment(input: $input) { ${u} }
         }`, { input: e }, r)).athRecordRegistrationPayment,
 		onSuccess: () => void i()
 	});
-}, O = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, k = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async ({ id: e, reason: n }) => (await t(`mutation AthVoidRegistrationPayment($id: ID!, $reason: String!) {
           athVoidRegistrationPayment(id: $id, reason: $reason) { ${u} }
@@ -197,8 +197,8 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		}, r)).athVoidRegistrationPayment,
 		onSuccess: () => void i()
 	});
-}, k = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, A = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async ({ id: e, amount: n, reason: i }) => (await t(`mutation AthRefundRegistrationPayment($id: ID!, $input: AthRefundRegistrationPaymentInput!) {
           athRefundRegistrationPayment(id: $id, input: $input) { ${u} }
@@ -211,7 +211,39 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		}, r)).athRefundRegistrationPayment,
 		onSuccess: () => void i()
 	});
-}, A = (n) => {
+}, j = () => {
+	let { apiGatewayUrl: n, workspaceId: i } = e();
+	return r({
+		queryKey: [
+			...a,
+			i ?? null,
+			"online-payments"
+		],
+		queryFn: async () => (await t(`query AthOnlinePaymentsStatus {
+          athOnlinePaymentsStatus {
+            processorConfigured testMode onlineCheckoutAvailable
+            account { ${m} }
+          }
+        }`, {}, n)).athOnlinePaymentsStatus,
+		retry: !1
+	});
+}, M = () => {
+	let { apiGatewayUrl: r } = e();
+	return n({ mutationFn: async (e) => (await t(`mutation AthConnectPaymentAccount($input: AthConnectPaymentAccountInput!) {
+          athConnectPaymentAccount(input: $input) {
+            url expiresAt
+            account { ${m} }
+          }
+        }`, { input: e }, r)).athConnectPaymentAccount });
+}, N = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
+	return n({
+		mutationFn: async () => (await t(`mutation AthRefreshPaymentAccount {
+          athRefreshPaymentAccount { ${m} }
+        }`, {}, r)).athRefreshPaymentAccount,
+		onSuccess: () => void i()
+	});
+}, P = (n) => {
 	let { apiGatewayUrl: i } = e();
 	return r({
 		queryKey: [
@@ -224,8 +256,8 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
         }`, { slug: n }, i)).athRegistrationFormBySlug,
 		enabled: !!n
 	});
-}, j = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, F = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async ({ slug: e, input: n }) => (await t(`mutation AthSubmitRegistration($slug: String!, $input: AthSubmitRegistrationInput!) {
           athSubmitRegistration(slug: $slug, input: $input) { ${p} }
@@ -235,7 +267,7 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
 		}, r)).athSubmitRegistration,
 		onSuccess: () => void i()
 	});
-}, M = (n) => {
+}, I = (n) => {
 	let { apiGatewayUrl: i } = e();
 	return r({
 		queryKey: [
@@ -250,16 +282,27 @@ var a = ["atheletebridge", "registration"], o = "id key label fieldType required
           }
         }`, { pagination: n ?? null }, i)).athMyRegistrations
 	});
-}, N = () => {
-	let { apiGatewayUrl: r } = e(), i = m();
+}, L = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
 	return n({
 		mutationFn: async (e) => (await t(`mutation AthWithdrawMyRegistration($id: ID!) {
           athWithdrawMyRegistration(id: $id) { ${p} }
         }`, { id: e }, r)).athWithdrawMyRegistration,
 		onSuccess: () => void i()
 	});
+}, R = () => {
+	let { apiGatewayUrl: r } = e();
+	return n({ mutationFn: async (e) => (await t("mutation AthStartRegistrationCheckout($input: AthStartRegistrationCheckoutInput!) {\n          athStartRegistrationCheckout(input: $input) { checkoutId url amount currency expiresAt }\n        }", { input: e }, r)).athStartRegistrationCheckout });
+}, z = () => {
+	let { apiGatewayUrl: r } = e(), i = h();
+	return n({
+		mutationFn: async (e) => (await t(`mutation AthConfirmRegistrationCheckout($checkoutId: ID!) {
+          athConfirmRegistrationCheckout(checkoutId: $checkoutId) { ${p} }
+        }`, { checkoutId: e }, r)).athConfirmRegistrationCheckout,
+		onSuccess: () => void i()
+	});
 };
 //#endregion
-export { _ as useCreateRegistrationForm, M as useMyRegistrations, A as usePublicRegistrationForm, C as useRecordRegistration, D as useRecordRegistrationPayment, k as useRefundRegistrationPayment, g as useRegistrationForm, b as useRegistrationFormLifecycle, h as useRegistrationForms, E as useRegistrationPaymentSummary, T as useRegistrationPayments, S as useRegistrationSubmission, x as useRegistrationSubmissions, w as useReviewRegistration, j as useSubmitRegistration, v as useUpdateRegistrationForm, O as useVoidRegistrationPayment, N as useWithdrawMyRegistration };
+export { z as useConfirmRegistrationCheckout, M as useConnectPaymentAccount, v as useCreateRegistrationForm, I as useMyRegistrations, j as useOnlinePaymentsStatus, P as usePublicRegistrationForm, w as useRecordRegistration, O as useRecordRegistrationPayment, N as useRefreshPaymentAccount, A as useRefundRegistrationPayment, _ as useRegistrationForm, x as useRegistrationFormLifecycle, g as useRegistrationForms, D as useRegistrationPaymentSummary, E as useRegistrationPayments, C as useRegistrationSubmission, S as useRegistrationSubmissions, T as useReviewRegistration, R as useStartRegistrationCheckout, F as useSubmitRegistration, y as useUpdateRegistrationForm, k as useVoidRegistrationPayment, L as useWithdrawMyRegistration };
 
 //# sourceMappingURL=useRegistrationApi.js.map