@burdenoff/microfe-atheletebridge 2026.1031.3 → 2026.1102.1

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

@@ -0,0 +1,160 @@
+import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { formatDate as r } from "../../utils/formatters.js";
+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";
+//#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, {
+		title: "Registration",
+		children: /* @__PURE__ */ b(o, { label: "Loading registration form…" })
+	});
+	if (w.isError) return /* @__PURE__ */ b(t, {
+		title: "Registration",
+		children: /* @__PURE__ */ b(a, { onRetry: () => void w.refetch() })
+	});
+	if (!w.data || !S) return /* @__PURE__ */ b(t, {
+		title: "Registration",
+		children: /* @__PURE__ */ b(i, {
+			illustration: "empty-data",
+			icon: /* @__PURE__ */ b(g, { 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", {
+			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", {
+					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"]
+				}),
+				/* @__PURE__ */ x("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						A.participantName,
+						" is registered for ",
+						A.formTitle,
+						". The club will review it",
+						A.amountDue > 0 ? " and confirm payment details with you" : "",
+						"."
+					]
+				}),
+				/* @__PURE__ */ x("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", {
+							className: "tabular-nums text-text-primary",
+							children: [l(A.amountOutstanding, A.currency), " due"]
+						})
+					]
+				}),
+				/* @__PURE__ */ b("button", {
+					type: "button",
+					onClick: () => C("/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);
+		if (t) {
+			k(`Please answer "${t}".`);
+			return;
+		}
+		if (M.waiverText && !E.waiverAccepted) {
+			k("Please accept the waiver to register.");
+			return;
+		}
+		try {
+			j(await T.mutateAsync({
+				slug: S,
+				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
+				}
+			}));
+		} catch (e) {
+			k(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`
+	].filter(Boolean).join(" · ");
+	return /* @__PURE__ */ b(t, {
+		title: M.title,
+		description: P || void 0,
+		children: /* @__PURE__ */ x("div", {
+			className: "max-w-2xl space-y-6",
+			children: [M.description && /* @__PURE__ */ b("p", {
+				className: "whitespace-pre-line text-sm text-text-secondary",
+				children: M.description
+			}), M.isOpen ? /* @__PURE__ */ x("form", {
+				onSubmit: N,
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ b(p, {
+						fields: M.fields,
+						fees: M.fees,
+						currency: M.currency,
+						waiverText: M.waiverText,
+						state: E,
+						onChange: D
+					}),
+					O && /* @__PURE__ */ b("p", {
+						role: "alert",
+						className: "text-sm text-status-error-text",
+						children: O
+					}),
+					/* @__PURE__ */ x("button", {
+						type: "submit",
+						disabled: T.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" }),
+							" ",
+							"Submit registration"
+						]
+					})
+				]
+			}) : /* @__PURE__ */ x("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)}` : "",
+					"."
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { S as RegisterPage };
+
+//# sourceMappingURL=RegisterPage.js.map

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

@@ -0,0 +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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"}

package/dist/atheletebridge/pages/registrations/RegistrationFormBuilderPage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Registration form builder (create / edit)
+ * @module atheletebridge/pages/registrations
+ *
+ * Club staff define the form's details, its questions and its fees
+ * (BOFF-4135). Questions, fees and currency lock once the first registration
+ * arrives — the server enforces the same rule.
+ */
+export declare function RegistrationFormBuilderPage(): import("react").JSX.Element;
+//# sourceMappingURL=RegistrationFormBuilderPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegistrationFormBuilderPage.d.ts","sourceRoot":"","sources":["../../../../src/atheletebridge/pages/registrations/RegistrationFormBuilderPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAiJH,wBAAgB,2BAA2B,gCA+iB1C"}