@burdenoff/microfe-atheletebridge 2026.1103.2 → 2026.1108.1

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

@@ -6,148 +6,153 @@ import { EmptyState as i } from "../../components/EmptyState.js";
 import { ErrorState as a, LoadingState as o } from "../../components/LoadingState.js";
 import { usePublicRegistrationForm as s, useSubmitRegistration as c } from "../../hooks/useRegistrationApi.js";
 import { formatMoney as l } from "../../utils/money.js";
-import { EMPTY_REGISTRATION_ENTRY as u, cleanAnswers as d, missingRequiredAnswer as f } from "../../components/registration/entryRules.js";
-import { RegistrationEntryFields as p } from "../../components/registration/RegistrationEntryFields.js";
-import { useState as m } from "react";
-import { CheckCircle2 as h, ClipboardX as g, Loader2 as _, Send as v } from "lucide-react";
-import { useParams as y } from "react-router";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { canPayOnline as u } from "../../utils/onlineCheckout.js";
+import { PayOnlineButton as d } from "../../components/registration/OnlineCheckout.js";
+import { EMPTY_REGISTRATION_ENTRY as f, cleanAnswers as p, missingRequiredAnswer as m } from "../../components/registration/entryRules.js";
+import { RegistrationEntryFields as h } from "../../components/registration/RegistrationEntryFields.js";
+import { useState as g } from "react";
+import { CheckCircle2 as _, ClipboardX as v, Loader2 as y, Send as b } from "lucide-react";
+import { useParams as x } from "react-router";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/atheletebridge/pages/registrations/RegisterPage.tsx
-function S() {
-	let { slug: S } = y(), { navigateTo: C } = e(), w = s(S), T = c(), [E, D] = m(u), [O, k] = m(null), [A, j] = m(null);
-	if (w.isLoading) return /* @__PURE__ */ b(t, {
+function w() {
+	let { slug: w } = x(), { navigateTo: T } = e(), E = s(w), D = c(), [O, k] = g(f), [A, j] = g(null), [M, N] = g(null);
+	if (E.isLoading) return /* @__PURE__ */ S(t, {
 		title: "Registration",
-		children: /* @__PURE__ */ b(o, { label: "Loading registration form…" })
+		children: /* @__PURE__ */ S(o, { label: "Loading registration form…" })
 	});
-	if (w.isError) return /* @__PURE__ */ b(t, {
+	if (E.isError) return /* @__PURE__ */ S(t, {
 		title: "Registration",
-		children: /* @__PURE__ */ b(a, { onRetry: () => void w.refetch() })
+		children: /* @__PURE__ */ S(a, { onRetry: () => void E.refetch() })
 	});
-	if (!w.data || !S) return /* @__PURE__ */ b(t, {
+	if (!E.data || !w) return /* @__PURE__ */ S(t, {
 		title: "Registration",
-		children: /* @__PURE__ */ b(i, {
+		children: /* @__PURE__ */ S(i, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ b(g, { className: "h-10 w-10" }),
+			icon: /* @__PURE__ */ S(v, { className: "h-10 w-10" }),
 			title: "This registration link is not available",
 			description: "The club may not have published it yet, or the link is incorrect. Check the link with the club."
 		})
 	});
-	let M = w.data;
-	if (A) return /* @__PURE__ */ b(t, {
-		title: M.title,
-		children: /* @__PURE__ */ x("div", {
+	let P = E.data;
+	if (M) return /* @__PURE__ */ S(t, {
+		title: P.title,
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-xl space-y-4 rounded-lg border border-border-seam bg-bg-surface p-6",
 			"data-testid": "registration-receipt",
 			children: [
-				/* @__PURE__ */ x("p", {
+				/* @__PURE__ */ C("p", {
 					className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-					children: [/* @__PURE__ */ b(h, { className: "h-6 w-6 text-status-success-text" }), " Registration received"]
+					children: [/* @__PURE__ */ S(_, { className: "h-6 w-6 text-status-success-text" }), " Registration received"]
 				}),
-				/* @__PURE__ */ x("p", {
+				/* @__PURE__ */ C("p", {
 					className: "text-sm text-text-secondary",
 					children: [
-						A.participantName,
+						M.participantName,
 						" is registered for ",
-						A.formTitle,
-						". The club will review it",
-						A.amountDue > 0 ? " and confirm payment details with you" : "",
-						"."
+						M.formTitle,
+						".",
+						" ",
+						u(M) ? "The club will review it. You can pay the fee online now, or later from My registrations." : M.amountDue > 0 ? "The club will review it and confirm payment details with you." : "The club will review it."
 					]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ C("div", {
 					className: "flex flex-wrap items-center gap-2 text-sm",
 					children: [
-						/* @__PURE__ */ b(n, { status: A.status }),
-						/* @__PURE__ */ b(n, { status: A.paymentStatus }),
-						A.amountDue > 0 && /* @__PURE__ */ x("span", {
+						/* @__PURE__ */ S(n, { status: M.status }),
+						/* @__PURE__ */ S(n, { status: M.paymentStatus }),
+						M.amountDue > 0 && /* @__PURE__ */ C("span", {
 							className: "tabular-nums text-text-primary",
-							children: [l(A.amountOutstanding, A.currency), " due"]
+							children: [l(M.amountOutstanding, M.currency), " due"]
 						})
 					]
 				}),
-				/* @__PURE__ */ b("button", {
+				u(M) && /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S(d, { registration: M }) }),
+				/* @__PURE__ */ S("button", {
 					type: "button",
-					onClick: () => C("/my-registrations"),
+					onClick: () => T("/my-registrations"),
 					className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
 					children: "View my registrations"
 				})
 			]
 		})
 	});
-	let N = async (e) => {
-		e.preventDefault(), k(null);
-		let t = f(M.fields, E);
+	let F = async (e) => {
+		e.preventDefault(), j(null);
+		let t = m(P.fields, O);
 		if (t) {
-			k(`Please answer "${t}".`);
+			j(`Please answer "${t}".`);
 			return;
 		}
-		if (M.waiverText && !E.waiverAccepted) {
-			k("Please accept the waiver to register.");
+		if (P.waiverText && !O.waiverAccepted) {
+			j("Please accept the waiver to register.");
 			return;
 		}
 		try {
-			j(await T.mutateAsync({
-				slug: S,
+			N(await D.mutateAsync({
+				slug: w,
 				input: {
-					participantName: E.participantName.trim(),
-					contactName: E.contactName.trim() || void 0,
-					contactEmail: E.contactEmail.trim() || void 0,
-					contactPhone: E.contactPhone.trim() || void 0,
-					answers: d(E.answers),
-					selectedFeeIds: E.optionalFeeIds,
-					waiverAccepted: E.waiverAccepted
+					participantName: O.participantName.trim(),
+					contactName: O.contactName.trim() || void 0,
+					contactEmail: O.contactEmail.trim() || void 0,
+					contactPhone: O.contactPhone.trim() || void 0,
+					answers: p(O.answers),
+					selectedFeeIds: O.optionalFeeIds,
+					waiverAccepted: O.waiverAccepted,
+					participantIsRegistrant: O.participantIsRegistrant
 				}
 			}));
 		} catch (e) {
-			k(e instanceof Error ? e.message : "Could not submit the registration.");
+			j(e instanceof Error ? e.message : "Could not submit the registration.");
 		}
-	}, P = [
-		M.season,
-		M.closesAt ? `Closes ${r(M.closesAt)}` : null,
-		M.spotsRemaining == null ? null : `${M.spotsRemaining} places left`
+	}, I = [
+		P.season,
+		P.closesAt ? `Closes ${r(P.closesAt)}` : null,
+		P.spotsRemaining == null ? null : `${P.spotsRemaining} places left`
 	].filter(Boolean).join(" · ");
-	return /* @__PURE__ */ b(t, {
-		title: M.title,
-		description: P || void 0,
-		children: /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ S(t, {
+		title: P.title,
+		description: I || void 0,
+		children: /* @__PURE__ */ C("div", {
 			className: "max-w-2xl space-y-6",
-			children: [M.description && /* @__PURE__ */ b("p", {
+			children: [P.description && /* @__PURE__ */ S("p", {
 				className: "whitespace-pre-line text-sm text-text-secondary",
-				children: M.description
-			}), M.isOpen ? /* @__PURE__ */ x("form", {
-				onSubmit: N,
+				children: P.description
+			}), P.isOpen ? /* @__PURE__ */ C("form", {
+				onSubmit: F,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ b(p, {
-						fields: M.fields,
-						fees: M.fees,
-						currency: M.currency,
-						waiverText: M.waiverText,
-						state: E,
-						onChange: D
+					/* @__PURE__ */ S(h, {
+						fields: P.fields,
+						fees: P.fees,
+						currency: P.currency,
+						waiverText: P.waiverText,
+						state: O,
+						onChange: k,
+						offerSelfRegistration: !0
 					}),
-					O && /* @__PURE__ */ b("p", {
+					A && /* @__PURE__ */ S("p", {
 						role: "alert",
 						className: "text-sm text-status-error-text",
-						children: O
+						children: A
 					}),
-					/* @__PURE__ */ x("button", {
+					/* @__PURE__ */ C("button", {
 						type: "submit",
-						disabled: T.isPending,
+						disabled: D.isPending,
 						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
 						children: [
-							T.isPending ? /* @__PURE__ */ b(_, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ b(v, { className: "h-4 w-4" }),
+							D.isPending ? /* @__PURE__ */ S(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ S(b, { className: "h-4 w-4" }),
 							" ",
 							"Submit registration"
 						]
 					})
 				]
-			}) : /* @__PURE__ */ x("p", {
+			}) : /* @__PURE__ */ C("p", {
 				role: "status",
 				className: "rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-4 text-sm text-status-warning-text",
 				children: [
 					"This form is not accepting registrations right now",
-					M.opensAt && new Date(M.opensAt) > /* @__PURE__ */ new Date() ? ` — it opens ${r(M.opensAt)}` : "",
+					P.opensAt && new Date(P.opensAt) > /* @__PURE__ */ new Date() ? ` — it opens ${r(P.opensAt)}` : "",
 					"."
 				]
 			})]
@@ -155,6 +160,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as RegisterPage };
+export { w as RegisterPage };
 
 //# sourceMappingURL=RegisterPage.js.map

package/dist/atheletebridge/pages/registrations/RegisterPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/registrations/RegisterPage.tsx"],"sourcesContent":["/**\n * Family registration (share link)\n * @module atheletebridge/pages/registrations\n *\n * Opened from a club's share link (`/register/:slug`). Any signed-in user —\n * typically a parent who is not a member of the club's workspace — can fill\n * in a published form; the registration is filed with the club and tracked\n * under \"My registrations\" (BOFF-4135).\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { CheckCircle2, ClipboardX, Loader2, Send } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { RegistrationEntryFields } from '../../components/registration/RegistrationEntryFields';\nimport {\n  EMPTY_REGISTRATION_ENTRY,\n  type RegistrationEntryState,\n  cleanAnswers,\n  missingRequiredAnswer,\n} from '../../components/registration/entryRules';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { usePublicRegistrationForm, useSubmitRegistration } from '../../hooks/useRegistrationApi';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/money';\nimport type { AthMyRegistration } from '../../types/registration';\n\nexport function RegisterPage() {\n  const { slug } = useParams<{ slug: string }>();\n  const { navigateTo } = useAthleteBridge();\n  const form = usePublicRegistrationForm(slug);\n  const submit = useSubmitRegistration();\n  const [state, setState] = useState<RegistrationEntryState>(EMPTY_REGISTRATION_ENTRY);\n  const [error, setError] = useState<string | null>(null);\n  const [receipt, setReceipt] = useState<AthMyRegistration | null>(null);\n\n  if (form.isLoading) {\n    return (\n      <PageLayout title=\"Registration\">\n        <LoadingState label=\"Loading registration form…\" />\n      </PageLayout>\n    );\n  }\n  if (form.isError) {\n    return (\n      <PageLayout title=\"Registration\">\n        <ErrorState onRetry={() => void form.refetch()} />\n      </PageLayout>\n    );\n  }\n  if (!form.data || !slug) {\n    return (\n      <PageLayout title=\"Registration\">\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<ClipboardX className=\"h-10 w-10\" />}\n          title=\"This registration link is not available\"\n          description=\"The club may not have published it yet, or the link is incorrect. Check the link with the club.\"\n        />\n      </PageLayout>\n    );\n  }\n  const data = form.data;\n\n  if (receipt) {\n    return (\n      <PageLayout title={data.title}>\n        <div\n          className=\"max-w-xl space-y-4 rounded-lg border border-border-seam bg-bg-surface p-6\"\n          data-testid=\"registration-receipt\"\n        >\n          <p className=\"flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <CheckCircle2 className=\"h-6 w-6 text-status-success-text\" /> Registration received\n          </p>\n          <p className=\"text-sm text-text-secondary\">\n            {receipt.participantName} is registered for {receipt.formTitle}. The club will review it\n            {receipt.amountDue > 0 ? ' and confirm payment details with you' : ''}.\n          </p>\n          <div className=\"flex flex-wrap items-center gap-2 text-sm\">\n            <StatusBadge status={receipt.status} />\n            <StatusBadge status={receipt.paymentStatus} />\n            {receipt.amountDue > 0 && (\n              <span className=\"tabular-nums text-text-primary\">\n                {formatMoney(receipt.amountOutstanding, receipt.currency)} due\n              </span>\n            )}\n          </div>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/my-registrations')}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            View my registrations\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const onSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    const missing = missingRequiredAnswer(data.fields, state);\n    if (missing) {\n      setError(`Please answer \"${missing}\".`);\n      return;\n    }\n    if (data.waiverText && !state.waiverAccepted) {\n      setError('Please accept the waiver to register.');\n      return;\n    }\n    try {\n      const result = await submit.mutateAsync({\n        slug,\n        input: {\n          participantName: state.participantName.trim(),\n          contactName: state.contactName.trim() || undefined,\n          contactEmail: state.contactEmail.trim() || undefined,\n          contactPhone: state.contactPhone.trim() || undefined,\n          answers: cleanAnswers(state.answers),\n          selectedFeeIds: state.optionalFeeIds,\n          waiverAccepted: state.waiverAccepted,\n        },\n      });\n      setReceipt(result);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Could not submit the registration.');\n    }\n  };\n\n  const subtitle = [\n    data.season,\n    data.closesAt ? `Closes ${formatDate(data.closesAt)}` : null,\n    data.spotsRemaining != null ? `${data.spotsRemaining} places left` : null,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <PageLayout title={data.title} description={subtitle || undefined}>\n      <div className=\"max-w-2xl space-y-6\">\n        {data.description && (\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{data.description}</p>\n        )}\n        {!data.isOpen ? (\n          <p\n            role=\"status\"\n            className=\"rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-4 text-sm text-status-warning-text\"\n          >\n            This form is not accepting registrations right now\n            {data.opensAt && new Date(data.opensAt) > new Date()\n              ? ` — it opens ${formatDate(data.opensAt)}`\n              : ''}\n            .\n          </p>\n        ) : (\n          <form onSubmit={onSubmit} className=\"space-y-6\">\n            <RegistrationEntryFields\n              fields={data.fields}\n              fees={data.fees}\n              currency={data.currency}\n              waiverText={data.waiverText}\n              state={state}\n              onChange={setState}\n            />\n            {error && (\n              <p role=\"alert\" className=\"text-sm text-status-error-text\">\n                {error}\n              </p>\n            )}\n            <button\n              type=\"submit\"\n              disabled={submit.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {submit.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Send className=\"h-4 w-4\" />\n              )}{' '}\n              Submit registration\n            </button>\n          </form>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RegisterPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/registrations/RegisterPage.tsx"],"sourcesContent":["/**\n * Family registration (share link)\n * @module atheletebridge/pages/registrations\n *\n * Opened from a club's share link (`/register/:slug`). Any signed-in user —\n * typically a parent who is not a member of the club's workspace — can fill\n * in a published form; the registration is filed with the club and tracked\n * under \"My registrations\" (BOFF-4135).\n */\n\nimport { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { CheckCircle2, ClipboardX, Loader2, Send } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { PayOnlineButton } from '../../components/registration/OnlineCheckout';\nimport { RegistrationEntryFields } from '../../components/registration/RegistrationEntryFields';\nimport {\n  EMPTY_REGISTRATION_ENTRY,\n  type RegistrationEntryState,\n  cleanAnswers,\n  missingRequiredAnswer,\n} from '../../components/registration/entryRules';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { usePublicRegistrationForm, useSubmitRegistration } from '../../hooks/useRegistrationApi';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/money';\nimport { canPayOnline } from '../../utils/onlineCheckout';\nimport type { AthMyRegistration } from '../../types/registration';\n\nexport function RegisterPage() {\n  const { slug } = useParams<{ slug: string }>();\n  const { navigateTo } = useAthleteBridge();\n  const form = usePublicRegistrationForm(slug);\n  const submit = useSubmitRegistration();\n  const [state, setState] = useState<RegistrationEntryState>(EMPTY_REGISTRATION_ENTRY);\n  const [error, setError] = useState<string | null>(null);\n  const [receipt, setReceipt] = useState<AthMyRegistration | null>(null);\n\n  if (form.isLoading) {\n    return (\n      <PageLayout title=\"Registration\">\n        <LoadingState label=\"Loading registration form…\" />\n      </PageLayout>\n    );\n  }\n  if (form.isError) {\n    return (\n      <PageLayout title=\"Registration\">\n        <ErrorState onRetry={() => void form.refetch()} />\n      </PageLayout>\n    );\n  }\n  if (!form.data || !slug) {\n    return (\n      <PageLayout title=\"Registration\">\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<ClipboardX className=\"h-10 w-10\" />}\n          title=\"This registration link is not available\"\n          description=\"The club may not have published it yet, or the link is incorrect. Check the link with the club.\"\n        />\n      </PageLayout>\n    );\n  }\n  const data = form.data;\n\n  if (receipt) {\n    return (\n      <PageLayout title={data.title}>\n        <div\n          className=\"max-w-xl space-y-4 rounded-lg border border-border-seam bg-bg-surface p-6\"\n          data-testid=\"registration-receipt\"\n        >\n          <p className=\"flex items-center gap-2 text-lg font-semibold text-text-primary\">\n            <CheckCircle2 className=\"h-6 w-6 text-status-success-text\" /> Registration received\n          </p>\n          <p className=\"text-sm text-text-secondary\">\n            {receipt.participantName} is registered for {receipt.formTitle}.{' '}\n            {canPayOnline(receipt)\n              ? 'The club will review it. You can pay the fee online now, or later from My registrations.'\n              : receipt.amountDue > 0\n                ? 'The club will review it and confirm payment details with you.'\n                : 'The club will review it.'}\n          </p>\n          <div className=\"flex flex-wrap items-center gap-2 text-sm\">\n            <StatusBadge status={receipt.status} />\n            <StatusBadge status={receipt.paymentStatus} />\n            {receipt.amountDue > 0 && (\n              <span className=\"tabular-nums text-text-primary\">\n                {formatMoney(receipt.amountOutstanding, receipt.currency)} due\n              </span>\n            )}\n          </div>\n          {canPayOnline(receipt) && (\n            <div>\n              <PayOnlineButton registration={receipt} />\n            </div>\n          )}\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/my-registrations')}\n            className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n          >\n            View my registrations\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const onSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    const missing = missingRequiredAnswer(data.fields, state);\n    if (missing) {\n      setError(`Please answer \"${missing}\".`);\n      return;\n    }\n    if (data.waiverText && !state.waiverAccepted) {\n      setError('Please accept the waiver to register.');\n      return;\n    }\n    try {\n      const result = await submit.mutateAsync({\n        slug,\n        input: {\n          participantName: state.participantName.trim(),\n          contactName: state.contactName.trim() || undefined,\n          contactEmail: state.contactEmail.trim() || undefined,\n          contactPhone: state.contactPhone.trim() || undefined,\n          answers: cleanAnswers(state.answers),\n          selectedFeeIds: state.optionalFeeIds,\n          waiverAccepted: state.waiverAccepted,\n          participantIsRegistrant: state.participantIsRegistrant,\n        },\n      });\n      setReceipt(result);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Could not submit the registration.');\n    }\n  };\n\n  const subtitle = [\n    data.season,\n    data.closesAt ? `Closes ${formatDate(data.closesAt)}` : null,\n    data.spotsRemaining != null ? `${data.spotsRemaining} places left` : null,\n  ]\n    .filter(Boolean)\n    .join(' · ');\n\n  return (\n    <PageLayout title={data.title} description={subtitle || undefined}>\n      <div className=\"max-w-2xl space-y-6\">\n        {data.description && (\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{data.description}</p>\n        )}\n        {!data.isOpen ? (\n          <p\n            role=\"status\"\n            className=\"rounded-lg border border-status-warning-border bg-status-warning-bg-subtle p-4 text-sm text-status-warning-text\"\n          >\n            This form is not accepting registrations right now\n            {data.opensAt && new Date(data.opensAt) > new Date()\n              ? ` — it opens ${formatDate(data.opensAt)}`\n              : ''}\n            .\n          </p>\n        ) : (\n          <form onSubmit={onSubmit} className=\"space-y-6\">\n            <RegistrationEntryFields\n              fields={data.fields}\n              fees={data.fees}\n              currency={data.currency}\n              waiverText={data.waiverText}\n              state={state}\n              onChange={setState}\n              offerSelfRegistration\n            />\n            {error && (\n              <p role=\"alert\" className=\"text-sm text-status-error-text\">\n                {error}\n              </p>\n            )}\n            <button\n              type=\"submit\"\n              disabled={submit.isPending}\n              className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n            >\n              {submit.isPending ? (\n                <Loader2 className=\"h-4 w-4 animate-spin\" />\n              ) : (\n                <Send className=\"h-4 w-4\" />\n              )}{' '}\n              Submit registration\n            </button>\n          </form>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/atheletebridge/pages/registrations/RegistrationFormsListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationFormsListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/registrations/RegistrationFormsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA0BH,wBAAgB,yBAAyB,gCA0HxC"}
+{"version":3,"file":"RegistrationFormsListPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/registrations/RegistrationFormsListPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA2BH,wBAAgB,yBAAyB,gCA2HxC"}

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

@@ -10,11 +10,12 @@ import { FilterSelect as l } from "../../components/FilterSelect.js";
 import { useRegistrationForms as u } from "../../hooks/useRegistrationApi.js";
 import { formatMoney as d } from "../../utils/money.js";
 import { PaymentSummaryPanel as f } from "../../components/registration/PaymentSummaryPanel.js";
-import { useState as p } from "react";
-import { ClipboardList as m, Plus as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { OnlinePaymentsCard as p } from "../../components/registration/OnlinePaymentsCard.js";
+import { useState as m } from "react";
+import { ClipboardList as h, Plus as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/atheletebridge/pages/registrations/RegistrationFormsListPage.tsx
-var y = 20, b = [
+var b = 20, x = [
 	{
 		value: "DRAFT",
 		label: "Draft"
@@ -28,63 +29,64 @@ var y = 20, b = [
 		label: "Closed"
 	}
 ];
-function x() {
-	let x = e(), { navigateTo: S } = t(), [C, w] = p(""), [T, E] = p(0), D = u({
-		status: C || void 0,
+function S() {
+	let S = e(), { navigateTo: C } = t(), [w, T] = m(""), [E, D] = m(0), O = u({
+		status: w || void 0,
 		pagination: {
-			limit: y,
-			offset: T * y
+			limit: b,
+			offset: E * b
 		}
-	}), O = D.data?.items ?? [], k = /* @__PURE__ */ v("button", {
+	}), k = O.data?.items ?? [], A = /* @__PURE__ */ y("button", {
 		type: "button",
-		onClick: () => S("/registrations/new"),
+		onClick: () => C("/registrations/new"),
 		className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90",
 		children: [
-			/* @__PURE__ */ _(h, { className: "h-4 w-4" }),
+			/* @__PURE__ */ v(g, { className: "h-4 w-4" }),
 			" ",
-			x("atheletebridge.pages.registrations.new", "New registration form")
+			S("atheletebridge.pages.registrations.new", "New registration form")
 		]
 	});
-	return /* @__PURE__ */ v(n, {
-		title: x("atheletebridge.pages.registrations.title", "Registrations"),
-		description: x("atheletebridge.pages.registrations.description", "Season, team and program registration forms, the families who signed up, and the fees you have collected."),
+	return /* @__PURE__ */ y(n, {
+		title: S("atheletebridge.pages.registrations.title", "Registrations"),
+		description: S("atheletebridge.pages.registrations.description", "Season, team and program registration forms, the families who signed up, and the fees you have collected."),
 		hero: !0,
 		gradientTitle: !0,
-		actions: k,
+		actions: A,
 		children: [
-			/* @__PURE__ */ _(f, {}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v(f, {}),
+			/* @__PURE__ */ v(p, {}),
+			/* @__PURE__ */ v("div", {
 				className: "mb-4 flex flex-wrap items-center gap-3",
-				children: /* @__PURE__ */ _(l, {
-					ariaLabel: x("atheletebridge.pages.registrations.filterStatus", "Filter by status"),
-					allLabel: x("atheletebridge.pages.registrations.allStatuses", "All statuses"),
-					value: C,
+				children: /* @__PURE__ */ v(l, {
+					ariaLabel: S("atheletebridge.pages.registrations.filterStatus", "Filter by status"),
+					allLabel: S("atheletebridge.pages.registrations.allStatuses", "All statuses"),
+					value: w,
 					onChange: (e) => {
-						w(e), E(0);
+						T(e), D(0);
 					},
-					options: b
+					options: x
 				})
 			}),
-			D.isLoading ? /* @__PURE__ */ _(s, { label: x("atheletebridge.pages.registrations.loading", "Loading registration forms…") }) : D.isError ? /* @__PURE__ */ _(o, { onRetry: () => void D.refetch() }) : O.length === 0 ? /* @__PURE__ */ _(a, {
+			O.isLoading ? /* @__PURE__ */ v(s, { label: S("atheletebridge.pages.registrations.loading", "Loading registration forms…") }) : O.isError ? /* @__PURE__ */ v(o, { onRetry: () => void O.refetch() }) : k.length === 0 ? /* @__PURE__ */ v(a, {
 				illustration: "empty-data",
-				icon: /* @__PURE__ */ _(m, { className: "h-10 w-10" }),
-				title: x("atheletebridge.pages.registrations.empty", "No registration forms yet"),
-				description: x("atheletebridge.pages.registrations.emptyHint", "Create a form with the questions and fees for your season, publish it, and share the link with families."),
-				action: k
-			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("ul", {
+				icon: /* @__PURE__ */ v(h, { className: "h-10 w-10" }),
+				title: S("atheletebridge.pages.registrations.empty", "No registration forms yet"),
+				description: S("atheletebridge.pages.registrations.emptyHint", "Create a form with the questions and fees for your season, publish it, and share the link with families."),
+				action: A
+			}) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("ul", {
 				className: "divide-y divide-border-seam overflow-hidden rounded-lg border border-border-seam bg-bg-surface",
-				children: O.map((e) => {
+				children: k.map((e) => {
 					let t = e.fees.filter((e) => e.feeType === "REQUIRED").reduce((e, t) => e + t.amount, 0);
-					return /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
+					return /* @__PURE__ */ v("li", { children: /* @__PURE__ */ y("button", {
 						type: "button",
-						onClick: () => S(`/registrations/${e.id}`),
+						onClick: () => C(`/registrations/${e.id}`),
 						className: "flex w-full flex-wrap items-center justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ y("span", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ _("span", {
+							children: [/* @__PURE__ */ v("span", {
 								className: "block truncate font-medium text-text-primary",
 								children: e.title
-							}), /* @__PURE__ */ v("span", {
+							}), /* @__PURE__ */ y("span", {
 								className: "block text-xs text-text-secondary",
 								children: [[
 									e.season,
@@ -95,33 +97,33 @@ function x() {
 									minute: void 0
 								})}` : ""]
 							})]
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ y("span", {
 							className: "flex items-center gap-3",
 							children: [
-								/* @__PURE__ */ _("span", {
+								/* @__PURE__ */ v("span", {
 									className: "text-sm tabular-nums text-text-secondary",
 									children: t > 0 ? d(t, e.currency) : "Free"
 								}),
-								e.status === "PUBLISHED" && !e.isOpen ? /* @__PURE__ */ _(r, {
+								e.status === "PUBLISHED" && !e.isOpen ? /* @__PURE__ */ v(r, {
 									status: "Not open",
 									variant: "warning"
 								}) : null,
-								/* @__PURE__ */ _(r, { status: e.status })
+								/* @__PURE__ */ v(r, { status: e.status })
 							]
 						})]
 					}) }, e.id);
 				})
-			}), /* @__PURE__ */ _(c, {
+			}), /* @__PURE__ */ v(c, {
 				className: "mt-6",
-				page: T,
-				hasMore: D.data?.pageInfo.hasMore ?? !1,
-				onPrev: () => E((e) => Math.max(0, e - 1)),
-				onNext: () => E((e) => e + 1)
+				page: E,
+				hasMore: O.data?.pageInfo.hasMore ?? !1,
+				onPrev: () => D((e) => Math.max(0, e - 1)),
+				onNext: () => D((e) => e + 1)
 			})] })
 		]
 	});
 }
 //#endregion
-export { x as RegistrationFormsListPage };
+export { S as RegistrationFormsListPage };
 
 //# sourceMappingURL=RegistrationFormsListPage.js.map

package/dist/atheletebridge/pages/registrations/RegistrationFormsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationFormsListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/registrations/RegistrationFormsListPage.tsx"],"sourcesContent":["/**\n * Registration forms list (club staff)\n * @module atheletebridge/pages/registrations\n *\n * Every registration form in the workspace with its lifecycle state, intake\n * and the workspace-wide fee reconciliation summary (BOFF-4135).\n */\n\nimport { useState } from 'react';\nimport { ClipboardList, Plus } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { PaymentSummaryPanel } from '../../components/registration/PaymentSummaryPanel';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useRegistrationForms } from '../../hooks/useRegistrationApi';\nimport { useAbTranslate } from '../../i18n';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/money';\nimport type { AthRegistrationFormStatus } from '../../types/registration';\n\nconst PAGE_SIZE = 20;\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthRegistrationFormStatus; label: string }> = [\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'CLOSED', label: 'Closed' },\n];\n\nexport function RegistrationFormsListPage() {\n  const tr = useAbTranslate();\n  const { navigateTo } = useAthleteBridge();\n  const [status, setStatus] = useState<AthRegistrationFormStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const forms = useRegistrationForms({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const items = forms.data?.items ?? [];\n\n  const newButton = (\n    <button\n      type=\"button\"\n      onClick={() => navigateTo('/registrations/new')}\n      className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />{' '}\n      {tr('atheletebridge.pages.registrations.new', 'New registration form')}\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title={tr('atheletebridge.pages.registrations.title', 'Registrations')}\n      description={tr(\n        'atheletebridge.pages.registrations.description',\n        'Season, team and program registration forms, the families who signed up, and the fees you have collected.'\n      )}\n      hero\n      gradientTitle\n      actions={newButton}\n    >\n      <PaymentSummaryPanel />\n\n      <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel={tr('atheletebridge.pages.registrations.filterStatus', 'Filter by status')}\n          allLabel={tr('atheletebridge.pages.registrations.allStatuses', 'All statuses')}\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {forms.isLoading ? (\n        <LoadingState\n          label={tr('atheletebridge.pages.registrations.loading', 'Loading registration forms…')}\n        />\n      ) : forms.isError ? (\n        <ErrorState onRetry={() => void forms.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<ClipboardList className=\"h-10 w-10\" />}\n          title={tr('atheletebridge.pages.registrations.empty', 'No registration forms yet')}\n          description={tr(\n            'atheletebridge.pages.registrations.emptyHint',\n            'Create a form with the questions and fees for your season, publish it, and share the link with families.'\n          )}\n          action={newButton}\n        />\n      ) : (\n        <>\n          <ul className=\"divide-y divide-border-seam overflow-hidden rounded-lg border border-border-seam bg-bg-surface\">\n            {items.map((form) => {\n              const total = form.fees\n                .filter((fee) => fee.feeType === 'REQUIRED')\n                .reduce((sum, fee) => sum + fee.amount, 0);\n              return (\n                <li key={form.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo(`/registrations/${form.id}`)}\n                    className=\"flex w-full flex-wrap items-center justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-bg-sunken\"\n                  >\n                    <span className=\"min-w-0\">\n                      <span className=\"block truncate font-medium text-text-primary\">\n                        {form.title}\n                      </span>\n                      <span className=\"block text-xs text-text-secondary\">\n                        {[\n                          form.season,\n                          `${form.submissionCount} registered`,\n                          form.maxSubmissions ? `cap ${form.maxSubmissions}` : null,\n                        ]\n                          .filter(Boolean)\n                          .join(' · ')}\n                        {form.closesAt\n                          ? ` · closes ${formatDate(form.closesAt, { hour: undefined, minute: undefined })}`\n                          : ''}\n                      </span>\n                    </span>\n                    <span className=\"flex items-center gap-3\">\n                      <span className=\"text-sm tabular-nums text-text-secondary\">\n                        {total > 0 ? formatMoney(total, form.currency) : 'Free'}\n                      </span>\n                      {form.status === 'PUBLISHED' && !form.isOpen ? (\n                        <StatusBadge status=\"Not open\" variant=\"warning\" />\n                      ) : null}\n                      <StatusBadge status={form.status} />\n                    </span>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n          <CursorPager\n            className=\"mt-6\"\n            page={page}\n            hasMore={forms.data?.pageInfo.hasMore ?? false}\n            onPrev={() => setPage((p) => Math.max(0, p - 1))}\n            onNext={() => setPage((p) => p + 1)}\n          />\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RegistrationFormsListPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/registrations/RegistrationFormsListPage.tsx"],"sourcesContent":["/**\n * Registration forms list (club staff)\n * @module atheletebridge/pages/registrations\n *\n * Every registration form in the workspace with its lifecycle state, intake\n * and the workspace-wide fee reconciliation summary (BOFF-4135).\n */\n\nimport { useState } from 'react';\nimport { ClipboardList, Plus } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingState, ErrorState } from '../../components/LoadingState';\nimport { FilterSelect } from '../../components/FilterSelect';\nimport { CursorPager } from '../../components/CursorPager';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { OnlinePaymentsCard } from '../../components/registration/OnlinePaymentsCard';\nimport { PaymentSummaryPanel } from '../../components/registration/PaymentSummaryPanel';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useRegistrationForms } from '../../hooks/useRegistrationApi';\nimport { useAbTranslate } from '../../i18n';\nimport { formatDate } from '../../utils/formatters';\nimport { formatMoney } from '../../utils/money';\nimport type { AthRegistrationFormStatus } from '../../types/registration';\n\nconst PAGE_SIZE = 20;\n\nconst STATUS_OPTS: ReadonlyArray<{ value: AthRegistrationFormStatus; label: string }> = [\n  { value: 'DRAFT', label: 'Draft' },\n  { value: 'PUBLISHED', label: 'Published' },\n  { value: 'CLOSED', label: 'Closed' },\n];\n\nexport function RegistrationFormsListPage() {\n  const tr = useAbTranslate();\n  const { navigateTo } = useAthleteBridge();\n  const [status, setStatus] = useState<AthRegistrationFormStatus | ''>('');\n  const [page, setPage] = useState(0);\n\n  const forms = useRegistrationForms({\n    status: status || undefined,\n    pagination: { limit: PAGE_SIZE, offset: page * PAGE_SIZE },\n  });\n  const items = forms.data?.items ?? [];\n\n  const newButton = (\n    <button\n      type=\"button\"\n      onClick={() => navigateTo('/registrations/new')}\n      className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />{' '}\n      {tr('atheletebridge.pages.registrations.new', 'New registration form')}\n    </button>\n  );\n\n  return (\n    <PageLayout\n      title={tr('atheletebridge.pages.registrations.title', 'Registrations')}\n      description={tr(\n        'atheletebridge.pages.registrations.description',\n        'Season, team and program registration forms, the families who signed up, and the fees you have collected.'\n      )}\n      hero\n      gradientTitle\n      actions={newButton}\n    >\n      <PaymentSummaryPanel />\n      <OnlinePaymentsCard />\n\n      <div className=\"mb-4 flex flex-wrap items-center gap-3\">\n        <FilterSelect\n          ariaLabel={tr('atheletebridge.pages.registrations.filterStatus', 'Filter by status')}\n          allLabel={tr('atheletebridge.pages.registrations.allStatuses', 'All statuses')}\n          value={status}\n          onChange={(v) => {\n            setStatus(v);\n            setPage(0);\n          }}\n          options={STATUS_OPTS}\n        />\n      </div>\n\n      {forms.isLoading ? (\n        <LoadingState\n          label={tr('atheletebridge.pages.registrations.loading', 'Loading registration forms…')}\n        />\n      ) : forms.isError ? (\n        <ErrorState onRetry={() => void forms.refetch()} />\n      ) : items.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<ClipboardList className=\"h-10 w-10\" />}\n          title={tr('atheletebridge.pages.registrations.empty', 'No registration forms yet')}\n          description={tr(\n            'atheletebridge.pages.registrations.emptyHint',\n            'Create a form with the questions and fees for your season, publish it, and share the link with families.'\n          )}\n          action={newButton}\n        />\n      ) : (\n        <>\n          <ul className=\"divide-y divide-border-seam overflow-hidden rounded-lg border border-border-seam bg-bg-surface\">\n            {items.map((form) => {\n              const total = form.fees\n                .filter((fee) => fee.feeType === 'REQUIRED')\n                .reduce((sum, fee) => sum + fee.amount, 0);\n              return (\n                <li key={form.id}>\n                  <button\n                    type=\"button\"\n                    onClick={() => navigateTo(`/registrations/${form.id}`)}\n                    className=\"flex w-full flex-wrap items-center justify-between gap-3 px-4 py-3 text-left transition-colors hover:bg-bg-sunken\"\n                  >\n                    <span className=\"min-w-0\">\n                      <span className=\"block truncate font-medium text-text-primary\">\n                        {form.title}\n                      </span>\n                      <span className=\"block text-xs text-text-secondary\">\n                        {[\n                          form.season,\n                          `${form.submissionCount} registered`,\n                          form.maxSubmissions ? `cap ${form.maxSubmissions}` : null,\n                        ]\n                          .filter(Boolean)\n                          .join(' · ')}\n                        {form.closesAt\n                          ? ` · closes ${formatDate(form.closesAt, { hour: undefined, minute: undefined })}`\n                          : ''}\n                      </span>\n                    </span>\n                    <span className=\"flex items-center gap-3\">\n                      <span className=\"text-sm tabular-nums text-text-secondary\">\n                        {total > 0 ? formatMoney(total, form.currency) : 'Free'}\n                      </span>\n                      {form.status === 'PUBLISHED' && !form.isOpen ? (\n                        <StatusBadge status=\"Not open\" variant=\"warning\" />\n                      ) : null}\n                      <StatusBadge status={form.status} />\n                    </span>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n          <CursorPager\n            className=\"mt-6\"\n            page={page}\n            hasMore={forms.data?.pageInfo.hasMore ?? false}\n            onPrev={() => setPage((p) => Math.max(0, p - 1))}\n            onNext={() => setPage((p) => p + 1)}\n          />\n        </>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,IAAM,IAAY,IAEZ,IAAkF;CACtF;EAAE,OAAO;EAAS,OAAO;CAAQ;CACjC;EAAE,OAAO;EAAa,OAAO;CAAY;CACzC;EAAE,OAAO;EAAU,OAAO;CAAS;AACrC;AAEA,SAAgB,IAA4B;CAC1C,IAAM,IAAK,EAAe,GACpB,EAAE,kBAAe,EAAiB,GAClC,CAAC,GAAQ,KAAa,EAAyC,EAAE,GACjE,CAAC,GAAM,KAAW,EAAS,CAAC,GAE5B,IAAQ,EAAqB;EACjC,QAAQ,KAAU,KAAA;EAClB,YAAY;GAAE,OAAO;GAAW,QAAQ,IAAO;EAAU;CAC3D,CAAC,GACK,IAAQ,EAAM,MAAM,SAAS,CAAC,GAE9B,IACJ,kBAAC,UAAD;EACE,MAAK;EACL,eAAe,EAAW,oBAAoB;EAC9C,WAAU;YAHZ;GAKE,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GAAE;GAC5B,EAAG,0CAA0C,uBAAuB;EAC/D;;CAGV,OACE,kBAAC,GAAD;EACE,OAAO,EAAG,4CAA4C,eAAe;EACrE,aAAa,EACX,kDACA,2GACF;EACA,MAAA;EACA,eAAA;EACA,SAAS;YARX;GAUE,kBAAC,GAAD,CAAsB,CAAA;GACtB,kBAAC,GAAD,CAAqB,CAAA;GAErB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,WAAW,EAAG,mDAAmD,kBAAkB;KACnF,UAAU,EAAG,kDAAkD,cAAc;KAC7E,OAAO;KACP,WAAW,MAAM;MAEf,AADA,EAAU,CAAC,GACX,EAAQ,CAAC;KACX;KACA,SAAS;IACV,CAAA;GACE,CAAA;GAEJ,EAAM,YACL,kBAAC,GAAD,EACE,OAAO,EAAG,8CAA8C,6BAA6B,EACtF,CAAA,IACC,EAAM,UACR,kBAAC,GAAD,EAAY,eAAe,KAAK,EAAM,QAAQ,EAAI,CAAA,IAChD,EAAM,WAAW,IACnB,kBAAC,GAAD;IACE,cAAa;IACb,MAAM,kBAAC,GAAD,EAAe,WAAU,YAAa,CAAA;IAC5C,OAAO,EAAG,4CAA4C,2BAA2B;IACjF,aAAa,EACX,gDACA,0GACF;IACA,QAAQ;GACT,CAAA,IAED,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAM,KAAK,MAAS;KACnB,IAAM,IAAQ,EAAK,KAChB,QAAQ,MAAQ,EAAI,YAAY,UAAU,EAC1C,QAAQ,GAAK,MAAQ,IAAM,EAAI,QAAQ,CAAC;KAC3C,OACE,kBAAC,MAAD,EAAA,UACE,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAW,kBAAkB,EAAK,IAAI;MACrD,WAAU;gBAHZ,CAKE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAK;OACF,CAAA,GACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG;SACC,EAAK;SACL,GAAG,EAAK,gBAAgB;SACxB,EAAK,iBAAiB,OAAO,EAAK,mBAAmB;QACvD,EACG,OAAO,OAAO,EACd,KAAK,KAAK,GACZ,EAAK,WACF,aAAa,EAAW,EAAK,UAAU;SAAE,MAAM,KAAA;SAAW,QAAQ,KAAA;QAAU,CAAC,MAC7E,EACA;SACF;UACN,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,QAAD;SAAM,WAAU;mBACb,IAAQ,IAAI,EAAY,GAAO,EAAK,QAAQ,IAAI;QAC7C,CAAA;QACL,EAAK,WAAW,eAAe,CAAC,EAAK,SACpC,kBAAC,GAAD;SAAa,QAAO;SAAW,SAAQ;QAAW,CAAA,IAChD;QACJ,kBAAC,GAAD,EAAa,QAAQ,EAAK,OAAS,CAAA;OAC/B;QACA;QACN,GAjCK,EAAK,EAiCV;IAER,CAAC;GACC,CAAA,GACJ,kBAAC,GAAD;IACE,WAAU;IACJ;IACN,SAAS,EAAM,MAAM,SAAS,WAAW;IACzC,cAAc,GAAS,MAAM,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;IAC/C,cAAc,GAAS,MAAM,IAAI,CAAC;GACnC,CAAA,CACD,EAAA,CAAA;EAEM;;AAEhB"}

package/dist/atheletebridge/pages/registrations/RegistrationSubmissionPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationSubmissionPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/registrations/RegistrationSubmissionPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAuUH,wBAAgB,0BAA0B,gCAkIzC"}
+{"version":3,"file":"RegistrationSubmissionPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/registrations/RegistrationSubmissionPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAiZH,wBAAgB,0BAA0B,gCA0HzC"}