@burdenoff/microfe-ggnomad 2026.1029.3 → 2026.1030.2

package/dist/ggnomad/pages/BookingsPage.js

@@ -2,39 +2,40 @@ import { CANCEL_GGNOMAD_BOOKING_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION a
 import { formatDate as i, humanizeEnum as a } from "../utils/format.js";
 import { PageShell as o } from "./PageShell.js";
 import { cn as s } from "../utils/cn.js";
-import { StatusBadge as ee } from "../components/StatusBadge.js";
-import { EntityCard as te } from "../components/EntityCard.js";
-import { notify as c } from "../utils/notify.js";
-import { TicketDialog as l } from "../components/TicketDialog.js";
-import { RedeemTicketPanel as u } from "../components/RedeemTicketPanel.js";
+import { StatusBadge as c } from "../components/StatusBadge.js";
+import { EntityCard as l } from "../components/EntityCard.js";
+import { notify as u } from "../utils/notify.js";
+import { TicketDialog as d } from "../components/TicketDialog.js";
+import { RedeemTicketPanel as f } from "../components/RedeemTicketPanel.js";
 import "../components/index.js";
-import { stayDates as d } from "../utils/bookingDates.js";
-import { useMemo as f, useState as p } from "react";
-import { CalendarCheck as m, CalendarRange as h, Compass as g, Hotel as _, Leaf as v, Plus as y, QrCode as b, Ticket as x, Users as S, XCircle as C } from "lucide-react";
-import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as T } from "react-router";
-import { useMutation as E, useQuery as D } from "@apollo/client/react";
-import { AlertDialog as ne, AlertDialogAction as re, AlertDialogCancel as ie, AlertDialogContent as O, AlertDialogDescription as k, AlertDialogFooter as A, AlertDialogHeader as j, AlertDialogTitle as M, CTAOverflowMenu as N, GlassCard as P, IllustratedEmptyState as F, NextSteps as I, PagePurpose as L } from "@burdenoff/fe-libs/ui";
-import { jsx as R, jsxs as z } from "react/jsx-runtime";
+import { stayDates as p } from "../utils/bookingDates.js";
+import { useFocusedRecordParam as m } from "../hooks/useFocusedRecordParam.js";
+import { useMemo as h, useState as g } from "react";
+import { CalendarCheck as _, CalendarRange as ee, Compass as te, Hotel as v, Leaf as ne, Plus as re, QrCode as y, Ticket as b, Users as x, XCircle as S } from "lucide-react";
+import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as C } from "react-router";
+import { useMutation as w, useQuery as T } from "@apollo/client/react";
+import { AlertDialog as E, AlertDialogAction as D, AlertDialogCancel as ae, AlertDialogContent as oe, AlertDialogDescription as O, AlertDialogFooter as k, AlertDialogHeader as A, AlertDialogTitle as j, CTAOverflowMenu as M, GlassCard as N, IllustratedEmptyState as P, NextSteps as F, PagePurpose as I } from "@burdenoff/fe-libs/ui";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
 //#region src/ggnomad/pages/BookingsPage.tsx
-function B() {
-	let { t: B } = w(), V = T(), [H, U] = p(null), [W, G] = p(null), [K, q] = p(null), { data: J, refetch: Y } = D(r, { variables: {
+function z() {
+	let { t: z } = ie(), B = C(), [V, H] = g(null), [U, W] = g(null), [G, K] = g(null), [q, J] = m(), { data: Y, refetch: X } = T(r, { variables: {
 		limit: 20,
 		offset: 0,
-		status: K ?? void 0
-	} }), { data: X } = D(n), [ae, { loading: oe }] = E(t), [se, { loading: Z }] = E(e), Q = f(() => J?.ggnomadBookings ?? [], [J?.ggnomadBookings]), ce = f(() => {
+		status: G ?? void 0
+	} }), { data: Z } = T(n), [se, { loading: ce }] = w(t), [le, { loading: Q }] = w(e), $ = h(() => Y?.ggnomadBookings ?? [], [Y?.ggnomadBookings]), ue = h(() => {
 		let e = {
 			CONFIRMED: 0,
 			CHECKED_IN: 0,
 			COMPLETED: 0,
 			CANCELLED: 0
 		};
-		return Q.forEach((t) => {
+		return $.forEach((t) => {
 			let n = t.status?.toUpperCase();
 			n && n in e && (e[n] += 1);
 		}), e;
-	}, [Q]), le = () => {
-		let e = X?.ggnomadProperties?.[0];
+	}, [$]), de = () => {
+		let e = Z?.ggnomadProperties?.[0];
 		if (e) return {
 			type: "PROPERTY",
 			listing: {
@@ -44,152 +45,152 @@ function B() {
 				currency: e.currency
 			}
 		};
-		let t = X?.ggnomadTours?.[0];
+		let t = Z?.ggnomadTours?.[0];
 		if (t) return {
 			type: "TOUR",
 			listing: t
 		};
-		let n = X?.ggnomadEvents?.[0];
+		let n = Z?.ggnomadEvents?.[0];
 		if (n) return {
 			type: "EVENT",
 			listing: n
 		};
-		let r = X?.ggnomadActivities?.[0];
+		let r = Z?.ggnomadActivities?.[0];
 		return r ? {
 			type: "ACTIVITY",
 			listing: r
 		} : null;
-	}, $ = async () => {
-		let e = le();
+	}, fe = async () => {
+		let e = de();
 		if (!e) {
-			c.warning(B("ggnomad.bookings.toast.noListingsTitle", "No listings available to book yet"), B("ggnomad.bookings.toast.noListingsBody", "Add a property, tour, event or activity first, then create a booking against it."));
+			u.warning(z("ggnomad.bookings.toast.noListingsTitle", "No listings available to book yet"), z("ggnomad.bookings.toast.noListingsBody", "Add a property, tour, event or activity first, then create a booking against it."));
 			return;
 		}
 		let { type: t, listing: n } = e;
 		try {
-			let e = await ae({ variables: { input: {
+			let e = await se({ variables: { input: {
 				bookingType: t,
 				itemId: n.id,
 				itemName: n.name,
-				guestName: B("ggnomad.bookings.demo.guestName", "Demo Guest"),
+				guestName: z("ggnomad.bookings.demo.guestName", "Demo Guest"),
 				guestEmail: "demo@burdenoff.com",
 				guests: 2,
 				totalPrice: Number(n.price ?? 0),
 				currency: n.currency ?? "USD",
 				paymentMethod: "card",
-				...t === "PROPERTY" ? d(null, null) : {}
+				...t === "PROPERTY" ? p(null, null) : {}
 			} } });
 			if (e.error) {
-				c.error(B("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e.error.message);
+				u.error(z("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e.error.message);
 				return;
 			}
 			let r = e.data?.createGgnomadBooking;
-			c.success(B("ggnomad.bookings.toast.createSuccessTitle", "Booking confirmed"), r ? B("ggnomad.bookings.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", r.referenceCode).replace("{{item}}", r.itemName) : n.name), await Y();
+			u.success(z("ggnomad.bookings.toast.createSuccessTitle", "Booking confirmed"), r ? z("ggnomad.bookings.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", r.referenceCode).replace("{{item}}", r.itemName) : n.name), await X();
 		} catch (e) {
-			c.error(B("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
+			u.error(z("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
 		}
-	}, ue = async () => {
-		if (H) try {
-			let e = await se({ variables: {
-				id: H.id,
-				reason: B("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
+	}, pe = async () => {
+		if (V) try {
+			let e = await le({ variables: {
+				id: V.id,
+				reason: z("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
 			} });
 			if (e.error) {
-				c.error(B("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e.error.message);
+				u.error(z("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e.error.message);
 				return;
 			}
-			c.success(B("ggnomad.bookings.toast.cancelSuccessTitle", "Booking cancelled"), H.referenceCode), await Y();
+			u.success(z("ggnomad.bookings.toast.cancelSuccessTitle", "Booking cancelled"), V.referenceCode), await X();
 		} catch (e) {
-			c.error(B("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e instanceof Error ? e.message : String(e));
+			u.error(z("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e instanceof Error ? e.message : String(e));
 		} finally {
-			U(null);
+			H(null);
 		}
 	};
-	return /* @__PURE__ */ z(o, {
-		title: B("ggnomad.bookings.title", "Bookings"),
-		titleAccent: B("ggnomad.bookings.title.accent", "Bookings"),
-		subtitle: B("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
-		actions: /* @__PURE__ */ R(N, {
+	return /* @__PURE__ */ R(o, {
+		title: z("ggnomad.bookings.title", "Bookings"),
+		titleAccent: z("ggnomad.bookings.title.accent", "Bookings"),
+		subtitle: z("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
+		actions: /* @__PURE__ */ L(M, {
 			primary: {
-				label: B("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
-				onSelect: () => void $(),
-				disabled: oe,
-				icon: /* @__PURE__ */ R(y, {})
+				label: z("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
+				onSelect: () => void fe(),
+				disabled: ce,
+				icon: /* @__PURE__ */ L(re, {})
 			},
 			actions: []
 		}),
 		children: [
-			/* @__PURE__ */ R(L, {
-				icon: /* @__PURE__ */ R(m, { className: "size-4" }),
-				children: B("ggnomad.bookings.purpose", "Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.")
+			/* @__PURE__ */ L(I, {
+				icon: /* @__PURE__ */ L(_, { className: "size-4" }),
+				children: z("ggnomad.bookings.purpose", "Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.")
 			}),
-			/* @__PURE__ */ R(I, {
+			/* @__PURE__ */ L(F, {
 				storageKey: "ggnomad-bookings",
 				steps: [
 					{
 						id: "book-stay",
-						label: B("ggnomad.bookings.next.stay", "Book a place to stay"),
-						description: B("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
-						icon: /* @__PURE__ */ R(_, { className: "size-4" }),
-						onClick: () => V("../hospitality")
+						label: z("ggnomad.bookings.next.stay", "Book a place to stay"),
+						description: z("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
+						icon: /* @__PURE__ */ L(v, { className: "size-4" }),
+						onClick: () => B("../hospitality")
 					},
 					{
 						id: "book-tour",
-						label: B("ggnomad.bookings.next.tour", "Add a tour or activity"),
-						description: B("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
-						icon: /* @__PURE__ */ R(g, { className: "size-4" }),
-						onClick: () => V("../tourism")
+						label: z("ggnomad.bookings.next.tour", "Add a tour or activity"),
+						description: z("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
+						icon: /* @__PURE__ */ L(te, { className: "size-4" }),
+						onClick: () => B("../tourism")
 					},
 					{
 						id: "book-event",
-						label: B("ggnomad.bookings.next.event", "Grab event tickets"),
-						description: B("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
-						icon: /* @__PURE__ */ R(x, { className: "size-4" }),
-						onClick: () => V("../entertainment")
+						label: z("ggnomad.bookings.next.event", "Grab event tickets"),
+						description: z("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
+						icon: /* @__PURE__ */ L(b, { className: "size-4" }),
+						onClick: () => B("../entertainment")
 					}
 				]
 			}),
-			/* @__PURE__ */ R(u, { onRedeemed: () => void Y() }),
-			Q.length > 0 || K ? /* @__PURE__ */ R("div", {
+			/* @__PURE__ */ L(f, { onRedeemed: () => void X() }),
+			$.length > 0 || G ? /* @__PURE__ */ L("div", {
 				className: "grid gap-3 sm:grid-cols-4",
 				children: [
 					{
 						status: "CONFIRMED",
-						label: B("ggnomad.bookings.pipeline.confirmed", "Confirmed"),
-						icon: m
+						label: z("ggnomad.bookings.pipeline.confirmed", "Confirmed"),
+						icon: _
 					},
 					{
 						status: "CHECKED_IN",
-						label: B("ggnomad.bookings.pipeline.checkedIn", "Checked-in"),
-						icon: _
+						label: z("ggnomad.bookings.pipeline.checkedIn", "Checked-in"),
+						icon: v
 					},
 					{
 						status: "COMPLETED",
-						label: B("ggnomad.bookings.pipeline.completed", "Completed"),
-						icon: x
+						label: z("ggnomad.bookings.pipeline.completed", "Completed"),
+						icon: b
 					},
 					{
 						status: "CANCELLED",
-						label: B("ggnomad.bookings.pipeline.cancelled", "Cancelled"),
-						icon: C
+						label: z("ggnomad.bookings.pipeline.cancelled", "Cancelled"),
+						icon: S
 					}
 				].map((e) => {
-					let t = e.icon, n = K === e.status, r = ce[e.status];
-					return /* @__PURE__ */ z("button", {
+					let t = e.icon, n = G === e.status, r = ue[e.status];
+					return /* @__PURE__ */ R("button", {
 						type: "button",
 						"aria-pressed": n,
-						onClick: () => q(n ? null : e.status),
+						onClick: () => K(n ? null : e.status),
 						className: s("flex flex-col items-center gap-2 rounded-lg border p-3 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg", n ? "border-action-primary-bg bg-action-primary-bg/10" : "border-border-seam bg-bg-surface/40 hover:border-border-default"),
 						children: [
-							/* @__PURE__ */ R("div", {
+							/* @__PURE__ */ L("div", {
 								className: "flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary",
-								children: /* @__PURE__ */ R(t, { className: "size-4" })
+								children: /* @__PURE__ */ L(t, { className: "size-4" })
 							}),
-							/* @__PURE__ */ R("p", {
+							/* @__PURE__ */ L("p", {
 								className: "text-xs font-medium text-text-secondary",
 								children: e.label
 							}),
-							/* @__PURE__ */ R("p", {
+							/* @__PURE__ */ L("p", {
 								className: "text-lg font-semibold tabular-nums text-text-primary",
 								children: r
 							})
@@ -197,88 +198,94 @@ function B() {
 					}, e.status);
 				})
 			}) : null,
-			K ? /* @__PURE__ */ z("div", {
+			G ? /* @__PURE__ */ R("div", {
 				className: "flex flex-wrap items-center gap-3 text-sm",
-				children: [/* @__PURE__ */ R("span", {
+				children: [/* @__PURE__ */ L("span", {
 					className: "text-text-secondary",
-					children: B("ggnomad.bookings.filteredBy", "Showing {{status}} bookings only").replace("{{status}}", a(K).toLowerCase())
-				}), /* @__PURE__ */ R("button", {
+					children: z("ggnomad.bookings.filteredBy", "Showing {{status}} bookings only").replace("{{status}}", a(G).toLowerCase())
+				}), /* @__PURE__ */ L("button", {
 					type: "button",
-					onClick: () => q(null),
+					onClick: () => K(null),
 					className: "font-medium text-action-primary-bg hover:underline",
-					children: B("ggnomad.bookings.clearFilter", "Show all bookings")
+					children: z("ggnomad.bookings.clearFilter", "Show all bookings")
 				})]
 			}) : null,
-			Q.length === 0 ? /* @__PURE__ */ R(F, {
+			$.length === 0 ? /* @__PURE__ */ L(P, {
 				illustration: "empty-data",
-				title: K ? B("ggnomad.bookings.noneForStatusTitle", "No {{status}} bookings").replace("{{status}}", a(K).toLowerCase()) : B("ggnomad.bookings.emptyTitle", "No bookings yet"),
-				description: K ? B("ggnomad.bookings.noneForStatusDescription", "Nothing is in this stage right now — clear the filter to see every booking.") : B("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
-			}) : /* @__PURE__ */ z(P, {
+				title: G ? z("ggnomad.bookings.noneForStatusTitle", "No {{status}} bookings").replace("{{status}}", a(G).toLowerCase()) : z("ggnomad.bookings.emptyTitle", "No bookings yet"),
+				description: G ? z("ggnomad.bookings.noneForStatusDescription", "Nothing is in this stage right now — clear the filter to see every booking.") : z("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
+			}) : /* @__PURE__ */ R(N, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ R("h2", {
+				children: [/* @__PURE__ */ L("h2", {
 					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: B("ggnomad.bookings.activeBookings", "Your bookings")
-				}), /* @__PURE__ */ R("div", {
+					children: z("ggnomad.bookings.activeBookings", "Your bookings")
+				}), /* @__PURE__ */ L("div", {
 					className: "grid gap-3 sm:grid-cols-2",
-					children: Q.map((e) => {
+					children: $.map((e) => {
 						let t = i(e.checkIn), n = i(e.checkOut), r = i(e.eventDate), o = t ? n ? `${t} – ${n}` : t : r;
-						return /* @__PURE__ */ R(te, {
+						return /* @__PURE__ */ L(l, {
+							selected: q === e.id,
+							onSelect: () => J(q === e.id ? null : e.id),
 							title: e.referenceCode,
 							meta: e.itemName,
 							price: `${e.currency} ${Number(e.totalPrice).toFixed(2)}`,
-							badge: /* @__PURE__ */ R(ee, {
+							badge: /* @__PURE__ */ L(c, {
 								status: e.status,
 								live: e.status !== "CANCELLED"
 							}),
-							footer: /* @__PURE__ */ z("div", {
+							footer: /* @__PURE__ */ R("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ z("div", {
+								children: [/* @__PURE__ */ R("div", {
 									className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-text-secondary",
 									children: [
-										/* @__PURE__ */ R("span", { children: a(e.bookingType) }),
-										o ? /* @__PURE__ */ z("span", {
+										/* @__PURE__ */ L("span", { children: a(e.bookingType) }),
+										o ? /* @__PURE__ */ R("span", {
 											className: "inline-flex items-center gap-1",
-											children: [/* @__PURE__ */ R(h, {
+											children: [/* @__PURE__ */ L(ee, {
 												className: "size-3.5",
 												"aria-hidden": "true"
 											}), o]
 										}) : null,
-										/* @__PURE__ */ z("span", {
+										/* @__PURE__ */ R("span", {
 											className: "inline-flex items-center gap-1 tabular-nums",
-											children: [/* @__PURE__ */ R(S, {
+											children: [/* @__PURE__ */ L(x, {
 												className: "size-3.5",
 												"aria-hidden": "true"
-											}), e.guests === 1 ? B("ggnomad.bookings.oneGuest", "1 guest") : B("ggnomad.bookings.guests", "{{n}} guests").replace("{{n}}", String(e.guests))]
+											}), e.guests === 1 ? z("ggnomad.bookings.oneGuest", "1 guest") : z("ggnomad.bookings.guests", "{{n}} guests").replace("{{n}}", String(e.guests))]
 										}),
-										/* @__PURE__ */ R("span", { children: B("ggnomad.bookings.payment", "Payment: {{status}}").replace("{{status}}", a(e.paymentStatus).toLowerCase()) }),
-										e.carbonEstimateKg !== null && e.carbonEstimateKg !== void 0 ? /* @__PURE__ */ z("span", {
+										/* @__PURE__ */ L("span", { children: z("ggnomad.bookings.payment", "Payment: {{status}}").replace("{{status}}", a(e.paymentStatus).toLowerCase()) }),
+										e.carbonEstimateKg !== null && e.carbonEstimateKg !== void 0 ? /* @__PURE__ */ R("span", {
 											className: "inline-flex items-center gap-1 tabular-nums text-status-success-text",
-											children: [/* @__PURE__ */ R(v, {
+											children: [/* @__PURE__ */ L(ne, {
 												className: "size-3.5",
 												"aria-hidden": "true"
-											}), B("ggnomad.bookings.carbonEstimate", "≈{{kg}} kg CO₂e est.").replace("{{kg}}", e.carbonEstimateKg.toLocaleString())]
+											}), z("ggnomad.bookings.carbonEstimate", "≈{{kg}} kg CO₂e est.").replace("{{kg}}", e.carbonEstimateKg.toLocaleString())]
 										}) : null
 									]
-								}), e.status === "CANCELLED" ? null : /* @__PURE__ */ R(N, {
+								}), e.status === "CANCELLED" ? null : /* @__PURE__ */ L(M, {
 									align: "end",
 									actions: [{
-										label: B("ggnomad.bookings.actions.viewTicket", "View mobile ticket"),
-										onSelect: () => G({
-											id: e.id,
-											referenceCode: e.referenceCode,
-											status: e.status
-										}),
-										icon: /* @__PURE__ */ R(b, {})
+										label: z("ggnomad.bookings.actions.viewTicket", "View mobile ticket"),
+										onSelect: () => {
+											J(e.id), W({
+												id: e.id,
+												referenceCode: e.referenceCode,
+												status: e.status
+											});
+										},
+										icon: /* @__PURE__ */ L(y, {})
 									}, {
-										label: B("ggnomad.bookings.actions.cancel", "Cancel booking"),
-										onSelect: () => U({
-											id: e.id,
-											referenceCode: e.referenceCode
-										}),
+										label: z("ggnomad.bookings.actions.cancel", "Cancel booking"),
+										onSelect: () => {
+											J(e.id), H({
+												id: e.id,
+												referenceCode: e.referenceCode
+											});
+										},
 										intent: "destructive",
-										icon: /* @__PURE__ */ R(C, {})
+										icon: /* @__PURE__ */ L(S, {})
 									}]
 								})]
 							})
@@ -286,36 +293,36 @@ function B() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ R(ne, {
-				open: H !== null,
+			/* @__PURE__ */ L(E, {
+				open: V !== null,
 				onOpenChange: (e) => {
-					e || U(null);
+					e || H(null);
 				},
-				children: /* @__PURE__ */ z(O, { children: [/* @__PURE__ */ z(j, { children: [/* @__PURE__ */ R(M, { children: B("ggnomad.bookings.cancelDialog.title", "Cancel this booking?") }), /* @__PURE__ */ R(k, { children: B("ggnomad.bookings.cancelDialog.body", "This releases reservation {{ref}} and cannot be undone.").replace("{{ref}}", H?.referenceCode ?? "") })] }), /* @__PURE__ */ z(A, { children: [/* @__PURE__ */ R(ie, {
-					disabled: Z,
-					children: B("ggnomad.bookings.cancelDialog.keep", "Keep booking")
-				}), /* @__PURE__ */ R(re, {
+				children: /* @__PURE__ */ R(oe, { children: [/* @__PURE__ */ R(A, { children: [/* @__PURE__ */ L(j, { children: z("ggnomad.bookings.cancelDialog.title", "Cancel this booking?") }), /* @__PURE__ */ L(O, { children: z("ggnomad.bookings.cancelDialog.body", "This releases reservation {{ref}} and cannot be undone.").replace("{{ref}}", V?.referenceCode ?? "") })] }), /* @__PURE__ */ R(k, { children: [/* @__PURE__ */ L(ae, {
+					disabled: Q,
+					children: z("ggnomad.bookings.cancelDialog.keep", "Keep booking")
+				}), /* @__PURE__ */ L(D, {
 					className: "bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover",
-					disabled: Z,
+					disabled: Q,
 					onClick: (e) => {
-						e.preventDefault(), ue();
+						e.preventDefault(), pe();
 					},
-					children: Z ? B("ggnomad.bookings.cancelDialog.cancelling", "Cancelling…") : B("ggnomad.bookings.cancelDialog.confirm", "Cancel booking")
+					children: Q ? z("ggnomad.bookings.cancelDialog.cancelling", "Cancelling…") : z("ggnomad.bookings.cancelDialog.confirm", "Cancel booking")
 				})] })] })
 			}),
-			W ? /* @__PURE__ */ R(l, {
-				open: W !== null,
+			U ? /* @__PURE__ */ L(d, {
+				open: U !== null,
 				onOpenChange: (e) => {
-					e || G(null);
+					e || W(null);
 				},
-				bookingId: W.id,
-				referenceCode: W.referenceCode,
-				bookingStatus: W.status
+				bookingId: U.id,
+				referenceCode: U.referenceCode,
+				bookingStatus: U.status
 			}) : null
 		]
 	});
 }
 //#endregion
-export { B as BookingsPage };
+export { z as BookingsPage };
 
 //# sourceMappingURL=BookingsPage.js.map

package/dist/ggnomad/pages/BookingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  CalendarCheck,\n  CalendarRange,\n  Compass,\n  Hotel,\n  Leaf,\n  Plus,\n  QrCode,\n  Ticket,\n  Users,\n  XCircle,\n} from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { formatDate, humanizeEnum } from '../utils/format';\nimport { PageShell } from './PageShell';\nimport { EntityCard, RedeemTicketPanel, StatusBadge, TicketDialog } from '../components';\nimport { notify } from '../utils/notify';\nimport { cn } from '../utils/cn';\nimport { stayDates } from '../utils/bookingDates';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\n/** Every value of `GgnomadBookingStatus`, the argument `ggnomadBookings` accepts. */\ntype BookingStatusFilter =\n  'PENDING' | 'CONFIRMED' | 'CHECKED_IN' | 'COMPLETED' | 'CANCELLED' | 'NO_SHOW' | 'REFUNDED';\n\ntype BookingRow = {\n  id: string;\n  referenceCode: string;\n  bookingType: string;\n  itemName: string;\n  status: string;\n  guestName: string;\n  guests: number;\n  checkIn?: string | null;\n  checkOut?: string | null;\n  eventDate?: string | null;\n  totalPrice: number;\n  currency: string;\n  paymentStatus: string;\n  carbonEstimateKg?: number | null;\n  createdAt: string;\n};\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\ntype TicketTarget = { id: string; referenceCode: string; status: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n  const [ticketTarget, setTicketTarget] = useState<TicketTarget | null>(null);\n  const [statusFilter, setStatusFilter] = useState<BookingStatusFilter | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      { ggnomadBookings: BookingRow[] },\n      { limit: number; offset: number; status?: BookingStatusFilter }\n    >,\n    { variables: { limit: 20, offset: 0, status: statusFilter ?? undefined } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n          checkIn?: string;\n          checkOut?: string;\n        };\n      }\n    >\n  );\n\n  const [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n            // The service prices a stay per night (BOFF-10193), so the demo\n            // stay is one night a week from today.\n            ...(type === 'PROPERTY' ? stayDates(null, null) : {}),\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      <RedeemTicketPanel onRedeemed={() => void refetch()} />\n\n      {bookings.length > 0 || statusFilter ? (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const selected = statusFilter === stage.status;\n            const count = statusCounts[stage.status];\n            return (\n              <button\n                key={stage.status}\n                type=\"button\"\n                aria-pressed={selected}\n                onClick={() =>\n                  setStatusFilter(selected ? null : (stage.status as BookingStatusFilter))\n                }\n                className={cn(\n                  'flex flex-col items-center gap-2 rounded-lg border p-3 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg',\n                  selected\n                    ? 'border-action-primary-bg bg-action-primary-bg/10'\n                    : 'border-border-seam bg-bg-surface/40 hover:border-border-default'\n                )}\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n\n      {statusFilter ? (\n        <div className=\"flex flex-wrap items-center gap-3 text-sm\">\n          <span className=\"text-text-secondary\">\n            {t('ggnomad.bookings.filteredBy', 'Showing {{status}} bookings only').replace(\n              '{{status}}',\n              humanizeEnum(statusFilter).toLowerCase()\n            )}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => setStatusFilter(null)}\n            className=\"font-medium text-action-primary-bg hover:underline\"\n          >\n            {t('ggnomad.bookings.clearFilter', 'Show all bookings')}\n          </button>\n        </div>\n      ) : null}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={\n            statusFilter\n              ? t('ggnomad.bookings.noneForStatusTitle', 'No {{status}} bookings').replace(\n                  '{{status}}',\n                  humanizeEnum(statusFilter).toLowerCase()\n                )\n              : t('ggnomad.bookings.emptyTitle', 'No bookings yet')\n          }\n          description={\n            statusFilter\n              ? t(\n                  'ggnomad.bookings.noneForStatusDescription',\n                  'Nothing is in this stage right now — clear the filter to see every booking.'\n                )\n              : t(\n                  'ggnomad.bookings.emptyDescription',\n                  'Create your first booking to see it tracked here in real time.'\n                )\n          }\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => {\n              const checkIn = formatDate(booking.checkIn);\n              const checkOut = formatDate(booking.checkOut);\n              const eventDate = formatDate(booking.eventDate);\n              const dateLabel = checkIn\n                ? checkOut\n                  ? `${checkIn} – ${checkOut}`\n                  : checkIn\n                : eventDate;\n              return (\n                <EntityCard\n                  key={booking.id}\n                  title={booking.referenceCode}\n                  meta={booking.itemName}\n                  price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                  badge={\n                    <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                  }\n                  footer={\n                    <div className=\"space-y-2\">\n                      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-text-secondary\">\n                        <span>{humanizeEnum(booking.bookingType)}</span>\n                        {dateLabel ? (\n                          <span className=\"inline-flex items-center gap-1\">\n                            <CalendarRange className=\"size-3.5\" aria-hidden=\"true\" />\n                            {dateLabel}\n                          </span>\n                        ) : null}\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <Users className=\"size-3.5\" aria-hidden=\"true\" />\n                          {booking.guests === 1\n                            ? t('ggnomad.bookings.oneGuest', '1 guest')\n                            : t('ggnomad.bookings.guests', '{{n}} guests').replace(\n                                '{{n}}',\n                                String(booking.guests)\n                              )}\n                        </span>\n                        <span>\n                          {t('ggnomad.bookings.payment', 'Payment: {{status}}').replace(\n                            '{{status}}',\n                            humanizeEnum(booking.paymentStatus).toLowerCase()\n                          )}\n                        </span>\n                        {booking.carbonEstimateKg !== null &&\n                        booking.carbonEstimateKg !== undefined ? (\n                          <span className=\"inline-flex items-center gap-1 tabular-nums text-status-success-text\">\n                            <Leaf className=\"size-3.5\" aria-hidden=\"true\" />\n                            {t('ggnomad.bookings.carbonEstimate', '≈{{kg}} kg CO₂e est.').replace(\n                              '{{kg}}',\n                              booking.carbonEstimateKg.toLocaleString()\n                            )}\n                          </span>\n                        ) : null}\n                      </div>\n                      {booking.status !== 'CANCELLED' ? (\n                        <CTAOverflowMenu\n                          align=\"end\"\n                          actions={[\n                            {\n                              label: t('ggnomad.bookings.actions.viewTicket', 'View mobile ticket'),\n                              onSelect: () =>\n                                setTicketTarget({\n                                  id: booking.id,\n                                  referenceCode: booking.referenceCode,\n                                  status: booking.status,\n                                }),\n                              icon: <QrCode />,\n                            },\n                            {\n                              label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                              onSelect: () =>\n                                setCancelTarget({\n                                  id: booking.id,\n                                  referenceCode: booking.referenceCode,\n                                }),\n                              intent: 'destructive',\n                              icon: <XCircle />,\n                            },\n                          ]}\n                        />\n                      ) : null}\n                    </div>\n                  }\n                />\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n\n      {ticketTarget ? (\n        <TicketDialog\n          open={ticketTarget !== null}\n          onOpenChange={(open) => {\n            if (!open) setTicketTarget(null);\n          }}\n          bookingId={ticketTarget.id}\n          referenceCode={ticketTarget.referenceCode}\n          bookingStatus={ticketTarget.status}\n        />\n      ) : null}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  CalendarCheck,\n  CalendarRange,\n  Compass,\n  Hotel,\n  Leaf,\n  Plus,\n  QrCode,\n  Ticket,\n  Users,\n  XCircle,\n} from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { formatDate, humanizeEnum } from '../utils/format';\nimport { PageShell } from './PageShell';\nimport { EntityCard, RedeemTicketPanel, StatusBadge, TicketDialog } from '../components';\nimport { notify } from '../utils/notify';\nimport { cn } from '../utils/cn';\nimport { stayDates } from '../utils/bookingDates';\nimport { useFocusedRecordParam } from '../hooks/useFocusedRecordParam';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\n/** Every value of `GgnomadBookingStatus`, the argument `ggnomadBookings` accepts. */\ntype BookingStatusFilter =\n  'PENDING' | 'CONFIRMED' | 'CHECKED_IN' | 'COMPLETED' | 'CANCELLED' | 'NO_SHOW' | 'REFUNDED';\n\ntype BookingRow = {\n  id: string;\n  referenceCode: string;\n  bookingType: string;\n  itemName: string;\n  status: string;\n  guestName: string;\n  guests: number;\n  checkIn?: string | null;\n  checkOut?: string | null;\n  eventDate?: string | null;\n  totalPrice: number;\n  currency: string;\n  paymentStatus: string;\n  carbonEstimateKg?: number | null;\n  createdAt: string;\n};\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\ntype TicketTarget = { id: string; referenceCode: string; status: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n  const [ticketTarget, setTicketTarget] = useState<TicketTarget | null>(null);\n  const [statusFilter, setStatusFilter] = useState<BookingStatusFilter | null>(null);\n  // The booking the user is focused on lives in `?id=`, so the assistant's page\n  // context can resolve \"cancel this one\" (GGNOMAD_BOOKING) and a reload or a\n  // shared link keeps the same booking focused.\n  const [focusedBookingId, setFocusedBookingId] = useFocusedRecordParam();\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      { ggnomadBookings: BookingRow[] },\n      { limit: number; offset: number; status?: BookingStatusFilter }\n    >,\n    { variables: { limit: 20, offset: 0, status: statusFilter ?? undefined } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n          checkIn?: string;\n          checkOut?: string;\n        };\n      }\n    >\n  );\n\n  const [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n            // The service prices a stay per night (BOFF-10193), so the demo\n            // stay is one night a week from today.\n            ...(type === 'PROPERTY' ? stayDates(null, null) : {}),\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      <RedeemTicketPanel onRedeemed={() => void refetch()} />\n\n      {bookings.length > 0 || statusFilter ? (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const selected = statusFilter === stage.status;\n            const count = statusCounts[stage.status];\n            return (\n              <button\n                key={stage.status}\n                type=\"button\"\n                aria-pressed={selected}\n                onClick={() =>\n                  setStatusFilter(selected ? null : (stage.status as BookingStatusFilter))\n                }\n                className={cn(\n                  'flex flex-col items-center gap-2 rounded-lg border p-3 text-center transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg',\n                  selected\n                    ? 'border-action-primary-bg bg-action-primary-bg/10'\n                    : 'border-border-seam bg-bg-surface/40 hover:border-border-default'\n                )}\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </button>\n            );\n          })}\n        </div>\n      ) : null}\n\n      {statusFilter ? (\n        <div className=\"flex flex-wrap items-center gap-3 text-sm\">\n          <span className=\"text-text-secondary\">\n            {t('ggnomad.bookings.filteredBy', 'Showing {{status}} bookings only').replace(\n              '{{status}}',\n              humanizeEnum(statusFilter).toLowerCase()\n            )}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => setStatusFilter(null)}\n            className=\"font-medium text-action-primary-bg hover:underline\"\n          >\n            {t('ggnomad.bookings.clearFilter', 'Show all bookings')}\n          </button>\n        </div>\n      ) : null}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={\n            statusFilter\n              ? t('ggnomad.bookings.noneForStatusTitle', 'No {{status}} bookings').replace(\n                  '{{status}}',\n                  humanizeEnum(statusFilter).toLowerCase()\n                )\n              : t('ggnomad.bookings.emptyTitle', 'No bookings yet')\n          }\n          description={\n            statusFilter\n              ? t(\n                  'ggnomad.bookings.noneForStatusDescription',\n                  'Nothing is in this stage right now — clear the filter to see every booking.'\n                )\n              : t(\n                  'ggnomad.bookings.emptyDescription',\n                  'Create your first booking to see it tracked here in real time.'\n                )\n          }\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => {\n              const checkIn = formatDate(booking.checkIn);\n              const checkOut = formatDate(booking.checkOut);\n              const eventDate = formatDate(booking.eventDate);\n              const dateLabel = checkIn\n                ? checkOut\n                  ? `${checkIn} – ${checkOut}`\n                  : checkIn\n                : eventDate;\n              return (\n                <EntityCard\n                  key={booking.id}\n                  selected={focusedBookingId === booking.id}\n                  onSelect={() =>\n                    setFocusedBookingId(focusedBookingId === booking.id ? null : booking.id)\n                  }\n                  title={booking.referenceCode}\n                  meta={booking.itemName}\n                  price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                  badge={\n                    <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                  }\n                  footer={\n                    <div className=\"space-y-2\">\n                      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-text-secondary\">\n                        <span>{humanizeEnum(booking.bookingType)}</span>\n                        {dateLabel ? (\n                          <span className=\"inline-flex items-center gap-1\">\n                            <CalendarRange className=\"size-3.5\" aria-hidden=\"true\" />\n                            {dateLabel}\n                          </span>\n                        ) : null}\n                        <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                          <Users className=\"size-3.5\" aria-hidden=\"true\" />\n                          {booking.guests === 1\n                            ? t('ggnomad.bookings.oneGuest', '1 guest')\n                            : t('ggnomad.bookings.guests', '{{n}} guests').replace(\n                                '{{n}}',\n                                String(booking.guests)\n                              )}\n                        </span>\n                        <span>\n                          {t('ggnomad.bookings.payment', 'Payment: {{status}}').replace(\n                            '{{status}}',\n                            humanizeEnum(booking.paymentStatus).toLowerCase()\n                          )}\n                        </span>\n                        {booking.carbonEstimateKg !== null &&\n                        booking.carbonEstimateKg !== undefined ? (\n                          <span className=\"inline-flex items-center gap-1 tabular-nums text-status-success-text\">\n                            <Leaf className=\"size-3.5\" aria-hidden=\"true\" />\n                            {t('ggnomad.bookings.carbonEstimate', '≈{{kg}} kg CO₂e est.').replace(\n                              '{{kg}}',\n                              booking.carbonEstimateKg.toLocaleString()\n                            )}\n                          </span>\n                        ) : null}\n                      </div>\n                      {booking.status !== 'CANCELLED' ? (\n                        <CTAOverflowMenu\n                          align=\"end\"\n                          actions={[\n                            {\n                              label: t('ggnomad.bookings.actions.viewTicket', 'View mobile ticket'),\n                              onSelect: () => {\n                                setFocusedBookingId(booking.id);\n                                setTicketTarget({\n                                  id: booking.id,\n                                  referenceCode: booking.referenceCode,\n                                  status: booking.status,\n                                });\n                              },\n                              icon: <QrCode />,\n                            },\n                            {\n                              label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                              onSelect: () => {\n                                setFocusedBookingId(booking.id);\n                                setCancelTarget({\n                                  id: booking.id,\n                                  referenceCode: booking.referenceCode,\n                                });\n                              },\n                              intent: 'destructive',\n                              icon: <XCircle />,\n                            },\n                          ]}\n                        />\n                      ) : null}\n                    </div>\n                  }\n                />\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n\n      {ticketTarget ? (\n        <TicketDialog\n          open={ticketTarget !== null}\n          onOpenChange={(open) => {\n            if (!open) setTicketTarget(null);\n          }}\n          bookingId={ticketTarget.id}\n          referenceCode={ticketTarget.referenceCode}\n          bookingStatus={ticketTarget.status}\n        />\n      ) : null}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}