@burdenoff/microfe-atheletebridge 2026.1103.2 → 2026.1108.1

package/dist/atheletebridge/pages/registrations/RegistrationSubmissionPage.js

@@ -6,16 +6,17 @@ import { ErrorState as i, LoadingState as a } from "../../components/LoadingStat
 import { FormField as o, fieldInputClass as s } from "../../components/form.js";
 import { useRecordRegistrationPayment as c, useRefundRegistrationPayment as l, useRegistrationForm as u, useRegistrationPayments as d, useRegistrationSubmission as f, useReviewRegistration as p, useVoidRegistrationPayment as m } from "../../hooks/useRegistrationApi.js";
 import { formatMoney as h, minorToInput as g, parseMoney as _ } from "../../utils/money.js";
-import { PAYMENT_METHODS as v, paymentMethodLabel as y } from "../../utils/registration.js";
-import { useState as b } from "react";
-import { ArrowLeft as x, Ban as S, Check as C, Loader2 as w, Plus as T, RotateCcw as E, X as D } from "lucide-react";
-import { useParams as O } from "react-router";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { PAYMENT_METHODS as v, paymentMethodLabel as y, rosterNotice as b } from "../../utils/registration.js";
+import { canVoidPayment as x, paymentSourceLabel as S, providerLabel as C } from "../../utils/onlineCheckout.js";
+import { useState as w } from "react";
+import { AlertTriangle as T, ArrowLeft as E, Ban as D, Check as O, Loader2 as k, Plus as A, RotateCcw as j, Users as M, X as N } from "lucide-react";
+import { useParams as P } from "react-router";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
 //#region src/atheletebridge/pages/registrations/RegistrationSubmissionPage.tsx
-var j = "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", M = "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", N = (e, t) => e instanceof Error ? e.message : t;
-function P({ submission: e }) {
-	let t = p(), [n, i] = b(e.reviewNotes ?? ""), [a, c] = b(null);
-	if (e.status === "WITHDRAWN") return /* @__PURE__ */ k("p", {
+var L = "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", R = "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", z = (e, t) => e instanceof Error ? e.message : t;
+function B({ submission: e }) {
+	let t = p(), [n, i] = w(e.reviewNotes ?? ""), [a, c] = w(null);
+	if (e.status === "WITHDRAWN") return /* @__PURE__ */ F("p", {
 		className: "text-sm text-text-secondary",
 		children: "The family withdrew this registration."
 	});
@@ -28,17 +29,17 @@ function P({ submission: e }) {
 				notes: n.trim() || void 0
 			});
 		} catch (e) {
-			c(N(e, "Could not save the decision."));
+			c(z(e, "Could not save the decision."));
 		}
 	};
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ I("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ k(o, {
+			/* @__PURE__ */ F(o, {
 				label: "Review notes",
 				htmlFor: "reviewNotes",
 				hint: "Visible to club staff only.",
-				children: /* @__PURE__ */ k("textarea", {
+				children: /* @__PURE__ */ F("textarea", {
 					id: "reviewNotes",
 					rows: 2,
 					className: s,
@@ -46,27 +47,27 @@ function P({ submission: e }) {
 					onChange: (e) => i(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ A("button", {
+				children: [/* @__PURE__ */ I("button", {
 					type: "button",
-					className: M,
+					className: R,
 					disabled: t.isPending || e.status === "ACCEPTED",
 					onClick: () => void l("ACCEPT"),
-					children: [/* @__PURE__ */ k(C, { className: "h-4 w-4" }), " Accept"]
-				}), /* @__PURE__ */ A("button", {
+					children: [/* @__PURE__ */ F(O, { className: "h-4 w-4" }), " Accept"]
+				}), /* @__PURE__ */ I("button", {
 					type: "button",
-					className: j,
+					className: L,
 					disabled: t.isPending || e.status === "DECLINED",
 					onClick: () => void l("DECLINE"),
-					children: [/* @__PURE__ */ k(D, { className: "h-4 w-4" }), " Decline"]
+					children: [/* @__PURE__ */ F(N, { className: "h-4 w-4" }), " Decline"]
 				})]
 			}),
-			e.reviewedAt && /* @__PURE__ */ A("p", {
+			e.reviewedAt && /* @__PURE__ */ I("p", {
 				className: "text-xs text-text-secondary",
 				children: ["Last reviewed ", r(e.reviewedAt)]
 			}),
-			a && /* @__PURE__ */ k("p", {
+			a && /* @__PURE__ */ F("p", {
 				role: "alert",
 				className: "text-sm text-status-error-text",
 				children: a
@@ -74,9 +75,36 @@ function P({ submission: e }) {
 		]
 	});
 }
-function F({ submission: e }) {
-	let t = c(), [n, r] = b(g(e.amountOutstanding, e.currency)), [i, a] = b("CASH"), [l, u] = b(""), [d, f] = b(null);
-	return /* @__PURE__ */ A("form", {
+function V({ submission: t, formTeamId: n }) {
+	let { navigateTo: r } = e(), i = b(t);
+	if (!i) return t.status !== "ACCEPTED" || t.rosterOutcome || !n ? null : /* @__PURE__ */ F("button", {
+		type: "button",
+		className: `${L} mt-4 w-full justify-center`,
+		onClick: () => r(`/teams/${n}`),
+		children: "Open the team roster to add this athlete"
+	});
+	let a = i.tone === "success";
+	return /* @__PURE__ */ I("div", {
+		role: "status",
+		"data-testid": "registration-roster-notice",
+		className: `mt-4 space-y-2 rounded-lg border p-3 text-sm ${a ? "border-status-success-border bg-status-success-bg-subtle text-status-success-text" : "border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text"}`,
+		children: [/* @__PURE__ */ I("p", {
+			className: "flex items-start gap-2",
+			children: [F(a ? O : T, {
+				className: "mt-0.5 h-4 w-4 shrink-0",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ F("span", { children: i.message })]
+		}), i.teamId && /* @__PURE__ */ I("button", {
+			type: "button",
+			className: `${L} w-full justify-center`,
+			onClick: () => r(`/teams/${i.teamId}`),
+			children: [/* @__PURE__ */ F(M, { className: "h-4 w-4" }), " Open the team roster"]
+		})]
+	});
+}
+function H({ submission: e }) {
+	let t = c(), [n, r] = w(g(e.amountOutstanding, e.currency)), [i, a] = w("CASH"), [l, u] = w(""), [d, f] = w(null);
+	return /* @__PURE__ */ I("form", {
 		onSubmit: async (r) => {
 			r.preventDefault(), f(null);
 			let a = _(n, e.currency);
@@ -92,16 +120,16 @@ function F({ submission: e }) {
 					reference: l.trim() || void 0
 				}), u("");
 			} catch (e) {
-				f(N(e, "Could not record the payment."));
+				f(z(e, "Could not record the payment."));
 			}
 		},
 		className: "grid grid-cols-1 gap-3 sm:grid-cols-[9rem_12rem_1fr_auto]",
 		"aria-label": "Record a payment",
 		children: [
-			/* @__PURE__ */ k(o, {
+			/* @__PURE__ */ F(o, {
 				label: `Amount (${e.currency})`,
 				htmlFor: "paymentAmount",
-				children: /* @__PURE__ */ k("input", {
+				children: /* @__PURE__ */ F("input", {
 					id: "paymentAmount",
 					inputMode: "decimal",
 					className: s,
@@ -109,24 +137,24 @@ function F({ submission: e }) {
 					onChange: (e) => r(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ k(o, {
+			/* @__PURE__ */ F(o, {
 				label: "Method",
 				htmlFor: "paymentMethod",
-				children: /* @__PURE__ */ k("select", {
+				children: /* @__PURE__ */ F("select", {
 					id: "paymentMethod",
 					className: s,
 					value: i,
 					onChange: (e) => a(e.target.value),
-					children: v.map((e) => /* @__PURE__ */ k("option", {
+					children: v.map((e) => /* @__PURE__ */ F("option", {
 						value: e,
 						children: y(e)
 					}, e))
 				})
 			}),
-			/* @__PURE__ */ k(o, {
+			/* @__PURE__ */ F(o, {
 				label: "Reference",
 				htmlFor: "paymentReference",
-				children: /* @__PURE__ */ k("input", {
+				children: /* @__PURE__ */ F("input", {
 					id: "paymentReference",
 					className: s,
 					value: l,
@@ -134,20 +162,20 @@ function F({ submission: e }) {
 					placeholder: "Receipt / bank / cheque no."
 				})
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ F("div", {
 				className: "flex items-end",
-				children: /* @__PURE__ */ A("button", {
+				children: /* @__PURE__ */ I("button", {
 					type: "submit",
-					className: M,
+					className: R,
 					disabled: t.isPending,
 					children: [
-						t.isPending ? /* @__PURE__ */ k(w, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ k(T, { className: "h-4 w-4" }),
+						t.isPending ? /* @__PURE__ */ F(k, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ F(A, { className: "h-4 w-4" }),
 						" ",
 						"Record"
 					]
 				})
 			}),
-			d && /* @__PURE__ */ k("p", {
+			d && /* @__PURE__ */ F("p", {
 				role: "alert",
 				className: "text-sm text-status-error-text sm:col-span-4",
 				children: d
@@ -155,8 +183,8 @@ function F({ submission: e }) {
 		]
 	});
 }
-function I({ payment: e }) {
-	let t = m(), i = l(), [a, o] = b(null), s = e.amount - e.refundedAmount, c = async () => {
+function U({ payment: e }) {
+	let t = m(), i = l(), [a, o] = w(null), s = e.amount - e.refundedAmount, c = async () => {
 		let n = window.prompt("Why is this payment being voided?");
 		if (n?.trim()) {
 			o(null);
@@ -166,7 +194,7 @@ function I({ payment: e }) {
 					reason: n.trim()
 				});
 			} catch (e) {
-				o(N(e, "Could not void the payment."));
+				o(z(e, "Could not void the payment."));
 			}
 		}
 	}, u = async () => {
@@ -181,6 +209,7 @@ function I({ payment: e }) {
 			o(`You can refund at most ${h(s, e.currency)} of this payment.`);
 			return;
 		}
+		if (e.processor && !window.confirm(`This refunds ${h(n, e.currency)} to the payer's card through ${C(e.processor)}. Continue?`)) return;
 		let r = window.prompt("Reason for the refund?");
 		if (r?.trim()) {
 			o(null);
@@ -191,87 +220,91 @@ function I({ payment: e }) {
 					reason: r.trim()
 				});
 			} catch (e) {
-				o(N(e, "Could not record the refund."));
+				o(z(e, "Could not record the refund."));
 			}
 		}
 	}, d = t.isPending || i.isPending;
-	return /* @__PURE__ */ A("li", {
+	return /* @__PURE__ */ I("li", {
 		className: "space-y-1 px-4 py-3",
 		"data-testid": "registration-payment",
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "flex flex-wrap items-center justify-between gap-3",
-			children: [/* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ I("span", {
 				className: "min-w-0",
 				children: [
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ I("span", {
 						className: "block text-sm font-medium tabular-nums text-text-primary",
-						children: [h(e.amount, e.currency), e.refundedAmount > 0 && /* @__PURE__ */ A("span", {
+						children: [h(e.amount, e.currency), e.refundedAmount > 0 && /* @__PURE__ */ I("span", {
 							className: "ml-2 text-xs text-text-secondary",
 							children: ["refunded ", h(e.refundedAmount, e.currency)]
 						})]
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ I("span", {
 						className: "block text-xs text-text-secondary",
 						children: [
-							y(e.method),
-							" · ",
+							/* @__PURE__ */ F("span", {
+								"data-testid": "payment-source",
+								children: S(e)
+							}),
+							" ·",
+							" ",
 							r(e.receivedAt),
 							e.reference ? ` · ${e.reference}` : ""
 						]
 					}),
-					e.voidReason && /* @__PURE__ */ A("span", {
+					e.voidReason && /* @__PURE__ */ I("span", {
 						className: "block text-xs text-text-secondary",
 						children: ["Voided: ", e.voidReason]
 					}),
-					e.refundReason && /* @__PURE__ */ A("span", {
+					e.refundReason && /* @__PURE__ */ I("span", {
 						className: "block text-xs text-text-secondary",
 						children: ["Refund: ", e.refundReason]
 					})
 				]
-			}), /* @__PURE__ */ A("span", {
+			}), /* @__PURE__ */ I("span", {
 				className: "flex items-center gap-2",
 				children: [
-					/* @__PURE__ */ k(n, { status: e.status }),
-					e.status !== "VOIDED" && s > 0 && /* @__PURE__ */ A("button", {
+					/* @__PURE__ */ F(n, { status: e.status }),
+					e.status !== "VOIDED" && s > 0 && /* @__PURE__ */ I("button", {
 						type: "button",
-						className: j,
+						className: L,
 						disabled: d,
 						onClick: () => void u(),
-						children: [/* @__PURE__ */ k(E, { className: "h-4 w-4" }), " Refund"]
+						children: [/* @__PURE__ */ F(j, { className: "h-4 w-4" }), " Refund"]
 					}),
-					e.status === "RECORDED" && e.refundedAmount === 0 && /* @__PURE__ */ A("button", {
+					x(e) && /* @__PURE__ */ I("button", {
 						type: "button",
-						className: j,
+						className: L,
 						disabled: d,
 						onClick: () => void c(),
-						children: [/* @__PURE__ */ k(S, { className: "h-4 w-4" }), " Void"]
+						children: [/* @__PURE__ */ F(D, { className: "h-4 w-4" }), " Void"]
 					})
 				]
 			})]
-		}), a && /* @__PURE__ */ k("p", {
+		}), a && /* @__PURE__ */ F("p", {
 			role: "alert",
 			className: "text-sm text-status-error-text",
 			children: a
 		})]
 	});
 }
-function L({ submission: e }) {
+function W({ submission: e }) {
 	let t = d(e.id);
-	return t.isError ? null : /* @__PURE__ */ A("section", {
+	return t.isError ? null : /* @__PURE__ */ I("section", {
 		className: "space-y-4 rounded-lg border border-border-seam bg-bg-surface p-4",
 		"aria-label": "Payments",
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ k("h2", {
+				children: [/* @__PURE__ */ F("h2", {
 					className: "text-base font-semibold text-text-primary",
 					children: "Payments"
-				}), /* @__PURE__ */ A("span", {
+				}), /* @__PURE__ */ I("span", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Paid",
 						" ",
-						/* @__PURE__ */ k("strong", {
+						/* @__PURE__ */ F("strong", {
 							className: "tabular-nums text-text-primary",
 							children: h(e.amountPaid, e.currency)
 						}),
@@ -280,103 +313,103 @@ function L({ submission: e }) {
 						h(e.amountDue, e.currency),
 						" ·",
 						" ",
-						/* @__PURE__ */ A("span", {
+						/* @__PURE__ */ I("span", {
 							"data-testid": "submission-outstanding",
 							children: [h(e.amountOutstanding, e.currency), " outstanding"]
 						})
 					]
 				})]
 			}),
-			e.amountOutstanding > 0 && e.status !== "WITHDRAWN" && /* @__PURE__ */ k(F, { submission: e }, `${e.id}-${e.amountOutstanding}`),
-			t.isLoading ? /* @__PURE__ */ k(a, { label: "Loading payments…" }) : (t.data ?? []).length === 0 ? /* @__PURE__ */ k("p", {
+			e.amountOutstanding > 0 && e.status !== "WITHDRAWN" && /* @__PURE__ */ F(H, { submission: e }, `${e.id}-${e.amountOutstanding}`),
+			t.isLoading ? /* @__PURE__ */ F(a, { label: "Loading payments…" }) : (t.data ?? []).length === 0 ? /* @__PURE__ */ F("p", {
 				className: "text-sm text-text-secondary",
 				children: "No payments recorded yet."
-			}) : /* @__PURE__ */ k("ul", {
+			}) : /* @__PURE__ */ F("ul", {
 				className: "divide-y divide-border-seam rounded-lg border border-border-seam",
-				children: (t.data ?? []).map((e) => /* @__PURE__ */ k(I, { payment: e }, e.id))
+				children: (t.data ?? []).map((e) => /* @__PURE__ */ F(U, { payment: e }, e.id))
 			})
 		]
 	});
 }
-function R() {
-	let { id: o, submissionId: s } = O(), { navigateTo: c } = e(), l = f(s), d = u(o);
-	if (l.isLoading) return /* @__PURE__ */ k(t, {
+function G() {
+	let { id: o, submissionId: s } = P(), { navigateTo: c } = e(), l = f(s), d = u(o);
+	if (l.isLoading) return /* @__PURE__ */ F(t, {
 		title: "Registration",
-		children: /* @__PURE__ */ k(a, { label: "Loading registration…" })
+		children: /* @__PURE__ */ F(a, { label: "Loading registration…" })
 	});
-	if (l.isError || !l.data) return /* @__PURE__ */ k(t, {
+	if (l.isError || !l.data) return /* @__PURE__ */ F(t, {
 		title: "Registration",
-		children: /* @__PURE__ */ k(i, {
+		children: /* @__PURE__ */ F(i, {
 			title: "Registration not found",
 			message: "This registration does not exist or you do not have access to it.",
 			onRetry: () => c(o ? `/registrations/${o}` : "/registrations")
 		})
 	});
 	let p = l.data, m = d.data?.fields ?? [], g = d.data?.fees ?? [], _ = (e) => m.find((t) => t.key === e)?.label ?? e, v = [...m.map((e) => e.key).filter((e) => e in p.answers), ...Object.keys(p.answers).filter((e) => !m.some((t) => t.key === e))];
-	return /* @__PURE__ */ k(t, {
-		title: /* @__PURE__ */ A("span", {
+	return /* @__PURE__ */ F(t, {
+		title: /* @__PURE__ */ I("span", {
 			className: "flex flex-wrap items-center gap-3",
 			children: [
 				p.participantName,
 				" ",
-				/* @__PURE__ */ k(n, { status: p.status }),
+				/* @__PURE__ */ F(n, { status: p.status }),
 				" ",
-				/* @__PURE__ */ k(n, { status: p.paymentStatus })
+				/* @__PURE__ */ F(n, { status: p.paymentStatus })
 			]
 		}),
 		description: `${p.formTitle} · submitted ${r(p.submittedAt)} · ${p.source === "STAFF_ENTRY" ? "entered by staff" : "via share link"}`,
-		actions: /* @__PURE__ */ A("button", {
+		actions: /* @__PURE__ */ I("button", {
 			type: "button",
-			className: j,
+			className: L,
 			onClick: () => c(`/registrations/${p.formId}`),
-			children: [/* @__PURE__ */ k(x, { className: "h-4 w-4" }), " Back to form"]
+			children: [/* @__PURE__ */ F(E, { className: "h-4 w-4" }), " Back to form"]
 		}),
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ I("div", {
 			className: "grid grid-cols-1 gap-6 lg:grid-cols-[1fr_22rem]",
-			children: [/* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ I("div", {
 				className: "space-y-6",
-				children: [/* @__PURE__ */ A("section", {
+				children: [/* @__PURE__ */ I("section", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 					"aria-label": "Answers",
 					children: [
-						/* @__PURE__ */ k("h2", {
+						/* @__PURE__ */ F("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "Details"
 						}),
-						/* @__PURE__ */ A("dl", {
+						/* @__PURE__ */ I("dl", {
 							className: "grid grid-cols-1 gap-x-6 gap-y-3 text-sm sm:grid-cols-2",
 							children: [[
 								["Contact", p.contactName],
 								["Email", p.contactEmail],
 								["Phone", p.contactPhone],
 								["Waiver accepted", p.waiverAcceptedAt ? r(p.waiverAcceptedAt) : null]
-							].filter(([, e]) => e).map(([e, t]) => /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+							].filter(([, e]) => e).map(([e, t]) => /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
 								className: "text-xs text-text-secondary",
 								children: e
-							}), /* @__PURE__ */ k("dd", {
+							}), /* @__PURE__ */ F("dd", {
 								className: "text-text-primary",
 								children: t
 							})] }, e)), v.map((e) => {
 								let t = p.answers[e];
-								return /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("dt", {
+								return /* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
 									className: "text-xs text-text-secondary",
 									children: _(e)
-								}), /* @__PURE__ */ k("dd", {
+								}), /* @__PURE__ */ F("dd", {
 									className: "text-text-primary",
 									children: typeof t == "boolean" ? t ? "Yes" : "No" : String(t)
 								})] }, e);
 							})]
 						}),
-						g.length > 0 && /* @__PURE__ */ A("div", {
+						g.length > 0 && /* @__PURE__ */ I("div", {
 							className: "mt-4 border-t border-border-seam pt-3",
-							children: [/* @__PURE__ */ k("p", {
+							children: [/* @__PURE__ */ F("p", {
 								className: "mb-2 text-xs text-text-secondary",
 								children: "Fees"
-							}), /* @__PURE__ */ k("ul", {
+							}), /* @__PURE__ */ F("ul", {
 								className: "space-y-1 text-sm",
-								children: g.filter((e) => p.selectedFeeIds.includes(e.id)).map((e) => /* @__PURE__ */ A("li", {
+								children: g.filter((e) => p.selectedFeeIds.includes(e.id)).map((e) => /* @__PURE__ */ I("li", {
 									className: "flex justify-between text-text-primary",
-									children: [/* @__PURE__ */ k("span", { children: e.name }), /* @__PURE__ */ k("span", {
+									children: [/* @__PURE__ */ F("span", { children: e.name }), /* @__PURE__ */ F("span", {
 										className: "tabular-nums",
 										children: h(e.amount, p.currency)
 									})]
@@ -384,21 +417,19 @@ function R() {
 							})]
 						})
 					]
-				}), /* @__PURE__ */ k(L, { submission: p })]
-			}), /* @__PURE__ */ A("section", {
+				}), /* @__PURE__ */ F(W, { submission: p })]
+			}), /* @__PURE__ */ I("section", {
 				className: "h-fit rounded-lg border border-border-seam bg-bg-surface p-4",
 				"aria-label": "Review",
 				children: [
-					/* @__PURE__ */ k("h2", {
+					/* @__PURE__ */ F("h2", {
 						className: "mb-3 text-base font-semibold text-text-primary",
 						children: "Review"
 					}),
-					/* @__PURE__ */ k(P, { submission: p }, p.id),
-					p.status === "ACCEPTED" && d.data?.teamId && /* @__PURE__ */ k("button", {
-						type: "button",
-						className: `${j} mt-4 w-full justify-center`,
-						onClick: () => c(`/teams/${d.data?.teamId}`),
-						children: "Open the team roster to add this athlete"
+					/* @__PURE__ */ F(B, { submission: p }, p.id),
+					/* @__PURE__ */ F(V, {
+						submission: p,
+						formTeamId: d.data?.teamId ?? null
 					})
 				]
 			})]
@@ -406,6 +437,6 @@ function R() {
 	});
 }
 //#endregion
-export { R as RegistrationSubmissionPage };
+export { G as RegistrationSubmissionPage };
 
 //# sourceMappingURL=RegistrationSubmissionPage.js.map