@burdenoff/microfe-ggnomad 2026.626.1 → 2026.705.1

package/dist/ggnomad/pages/BookingsPage.js

@@ -1,119 +1,193 @@
-import { CANCEL_GGNOMAD_BOOKING_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION as t, GGNOMAD_BOOKINGS_QUERY as n } from "../graphql.js";
-import { PageShell as r } from "./PageShell.js";
-import { StatusBadge as i } from "../components/StatusBadge.js";
-import { EntityCard as a } from "../components/EntityCard.js";
+import { CANCEL_GGNOMAD_BOOKING_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION as t, GGNOMAD_BOOKABLE_SAMPLE_QUERY as n, GGNOMAD_BOOKINGS_QUERY as r } from "../graphql.js";
+import { PageShell as i } from "./PageShell.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { EntityCard as o } from "../components/EntityCard.js";
 import "../components/index.js";
-import { CalendarCheck as o, Compass as s, Hotel as c, Plus as l, Ticket as u, XCircle as d } from "lucide-react";
-import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as p } from "react-router-dom";
-import { useMutation as m, useQuery as h } from "@apollo/client/react";
-import { CTAOverflowMenu as g, GlassCard as _, IllustratedEmptyState as v, NextSteps as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { notify as s } from "../utils/notify.js";
+import { useState as c } from "react";
+import { CalendarCheck as l, Compass as u, Hotel as d, Plus as f, Ticket as p, XCircle as m } from "lucide-react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as g } from "react-router-dom";
+import { useMutation as _, useQuery as v } from "@apollo/client/react";
+import { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as C, AlertDialogFooter as w, AlertDialogHeader as T, AlertDialogTitle as E, CTAOverflowMenu as D, GlassCard as O, IllustratedEmptyState as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
 //#region src/ggnomad/pages/BookingsPage.tsx
-function C() {
-	let { t: C } = f(), w = p(), { data: T, refetch: E } = h(n, { variables: {
+function P() {
+	let { t: P } = h(), F = g(), [I, L] = c(null), { data: R, refetch: z } = v(r, { variables: {
 		first: 20,
 		skip: 0
-	} }), [D, { loading: O }] = m(t, { onCompleted: () => void E() }), [k] = m(e, { onCompleted: () => void E() }), A = T?.ggnomadBookings ?? [], j = () => {
-		D({ variables: { input: {
-			bookingType: "PROPERTY",
-			itemId: "demo-property",
-			itemName: "Demo Property",
-			guestName: "Demo Guest",
-			guestEmail: "demo@burdenoff.com",
-			guestPhone: "+910000000000",
-			guests: 2,
-			totalPrice: 299,
-			currency: "USD",
-			paymentMethod: "card"
-		} } });
-	}, M = (e) => {
-		window.confirm(C("ggnomad.bookings.actions.cancelConfirm", "Cancel this booking? This cannot be undone.")) && k({ variables: {
-			id: e,
-			reason: C("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
-		} });
+	} }), { data: B } = v(n), [V, { loading: H }] = _(t), [U, { loading: W }] = _(e), G = R?.ggnomadBookings ?? [], K = () => {
+		let e = B?.ggnomadProperties?.[0];
+		if (e) return {
+			type: "PROPERTY",
+			listing: {
+				id: e.id,
+				name: e.name,
+				price: e.pricePerNight,
+				currency: e.currency
+			}
+		};
+		let t = B?.ggnomadTours?.[0];
+		if (t) return {
+			type: "TOUR",
+			listing: t
+		};
+		let n = B?.ggnomadEvents?.[0];
+		if (n) return {
+			type: "EVENT",
+			listing: n
+		};
+		let r = B?.ggnomadActivities?.[0];
+		return r ? {
+			type: "ACTIVITY",
+			listing: r
+		} : null;
+	}, q = async () => {
+		let e = K();
+		if (!e) {
+			s.warning(P("ggnomad.bookings.toast.noListingsTitle", "No listings available to book yet"), P("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 V({ variables: { input: {
+				bookingType: t,
+				itemId: n.id,
+				itemName: n.name,
+				guestName: P("ggnomad.bookings.demo.guestName", "Demo Guest"),
+				guestEmail: "demo@burdenoff.com",
+				guests: 2,
+				totalPrice: Number(n.price ?? 0),
+				currency: n.currency ?? "USD",
+				paymentMethod: "card"
+			} } });
+			if (e.error) {
+				s.error(P("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e.error.message);
+				return;
+			}
+			let r = e.data?.createGgnomadBooking;
+			s.success(P("ggnomad.bookings.toast.createSuccessTitle", "Booking confirmed"), r ? P("ggnomad.bookings.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", r.referenceCode).replace("{{item}}", r.itemName) : n.name), await z();
+		} catch (e) {
+			s.error(P("ggnomad.bookings.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
+		}
+	}, J = async () => {
+		if (I) try {
+			let e = await U({ variables: {
+				id: I.id,
+				reason: P("ggnomad.bookings.actions.cancelReason", "Cancelled via UI")
+			} });
+			if (e.error) {
+				s.error(P("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e.error.message);
+				return;
+			}
+			s.success(P("ggnomad.bookings.toast.cancelSuccessTitle", "Booking cancelled"), I.referenceCode), await z();
+		} catch (e) {
+			s.error(P("ggnomad.bookings.toast.cancelErrorTitle", "Could not cancel booking"), e instanceof Error ? e.message : String(e));
+		} finally {
+			L(null);
+		}
 	};
-	return /* @__PURE__ */ S(r, {
-		title: C("ggnomad.bookings.title", "Bookings"),
-		titleAccent: C("ggnomad.bookings.title.accent", "Bookings"),
-		subtitle: C("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
-		actions: /* @__PURE__ */ x(g, {
+	return /* @__PURE__ */ N(i, {
+		title: P("ggnomad.bookings.title", "Bookings"),
+		titleAccent: P("ggnomad.bookings.title.accent", "Bookings"),
+		subtitle: P("ggnomad.bookings.subtitle", "End-to-end booking operations with real API mutations"),
+		actions: /* @__PURE__ */ M(D, {
 			primary: {
-				label: C("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
-				onSelect: j,
-				disabled: O,
-				icon: /* @__PURE__ */ x(l, {})
+				label: P("ggnomad.bookings.actions.createDemoBooking", "Create demo booking"),
+				onSelect: () => void q(),
+				disabled: H,
+				icon: /* @__PURE__ */ M(f, {})
 			},
 			actions: []
 		}),
 		children: [
-			/* @__PURE__ */ x(b, {
-				icon: /* @__PURE__ */ x(o, { className: "size-4" }),
-				children: C("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__ */ M(j, {
+				icon: /* @__PURE__ */ M(l, { className: "size-4" }),
+				children: P("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__ */ x(y, {
+			/* @__PURE__ */ M(A, {
 				storageKey: "ggnomad-bookings",
 				steps: [
 					{
 						id: "book-stay",
-						label: C("ggnomad.bookings.next.stay", "Book a place to stay"),
-						description: C("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
-						icon: /* @__PURE__ */ x(c, { className: "size-4" }),
-						onClick: () => w("../hospitality")
+						label: P("ggnomad.bookings.next.stay", "Book a place to stay"),
+						description: P("ggnomad.bookings.next.stayDesc", "Browse hospitality listings and reserve a property."),
+						icon: /* @__PURE__ */ M(d, { className: "size-4" }),
+						onClick: () => F("../hospitality")
 					},
 					{
 						id: "book-tour",
-						label: C("ggnomad.bookings.next.tour", "Add a tour or activity"),
-						description: C("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
-						icon: /* @__PURE__ */ x(s, { className: "size-4" }),
-						onClick: () => w("../tourism")
+						label: P("ggnomad.bookings.next.tour", "Add a tour or activity"),
+						description: P("ggnomad.bookings.next.tourDesc", "Pick a curated experience from Tourism."),
+						icon: /* @__PURE__ */ M(u, { className: "size-4" }),
+						onClick: () => F("../tourism")
 					},
 					{
 						id: "book-event",
-						label: C("ggnomad.bookings.next.event", "Grab event tickets"),
-						description: C("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
-						icon: /* @__PURE__ */ x(u, { className: "size-4" }),
-						onClick: () => w("../entertainment")
+						label: P("ggnomad.bookings.next.event", "Grab event tickets"),
+						description: P("ggnomad.bookings.next.eventDesc", "Find live events to round out the itinerary."),
+						icon: /* @__PURE__ */ M(p, { className: "size-4" }),
+						onClick: () => F("../entertainment")
 					}
 				]
 			}),
-			A.length === 0 ? /* @__PURE__ */ x(v, {
+			G.length === 0 ? /* @__PURE__ */ M(k, {
 				illustration: "empty-data",
-				title: C("ggnomad.bookings.emptyTitle", "No bookings yet"),
-				description: C("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
-			}) : /* @__PURE__ */ S(_, {
+				title: P("ggnomad.bookings.emptyTitle", "No bookings yet"),
+				description: P("ggnomad.bookings.emptyDescription", "Create your first booking to see it tracked here in real time.")
+			}) : /* @__PURE__ */ N(O, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ M("h2", {
 					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: C("ggnomad.bookings.activeBookings", "Your bookings")
-				}), /* @__PURE__ */ x("div", {
+					children: P("ggnomad.bookings.activeBookings", "Your bookings")
+				}), /* @__PURE__ */ M("div", {
 					className: "grid gap-3 sm:grid-cols-2",
-					children: A.map((e) => /* @__PURE__ */ x(a, {
+					children: G.map((e) => /* @__PURE__ */ M(o, {
 						title: e.referenceCode,
 						meta: e.itemName,
 						price: `${e.currency} ${Number(e.totalPrice).toFixed(2)}`,
-						badge: /* @__PURE__ */ x(i, {
+						badge: /* @__PURE__ */ M(a, {
 							status: e.status,
 							live: e.status !== "CANCELLED"
 						}),
-						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ x(g, {
+						footer: e.status === "CANCELLED" ? null : /* @__PURE__ */ M(D, {
 							align: "end",
 							actions: [{
-								label: C("ggnomad.bookings.actions.cancel", "Cancel booking"),
-								onSelect: () => M(e.id),
+								label: P("ggnomad.bookings.actions.cancel", "Cancel booking"),
+								onSelect: () => L({
+									id: e.id,
+									referenceCode: e.referenceCode
+								}),
 								intent: "destructive",
-								icon: /* @__PURE__ */ x(d, {})
+								icon: /* @__PURE__ */ M(m, {})
 							}]
 						})
 					}, e.id))
 				})]
+			}),
+			/* @__PURE__ */ M(y, {
+				open: I !== null,
+				onOpenChange: (e) => {
+					e || L(null);
+				},
+				children: /* @__PURE__ */ N(S, { children: [/* @__PURE__ */ N(T, { children: [/* @__PURE__ */ M(E, { children: P("ggnomad.bookings.cancelDialog.title", "Cancel this booking?") }), /* @__PURE__ */ M(C, { children: P("ggnomad.bookings.cancelDialog.body", "This releases reservation {{ref}} and cannot be undone.").replace("{{ref}}", I?.referenceCode ?? "") })] }), /* @__PURE__ */ N(w, { children: [/* @__PURE__ */ M(x, {
+					disabled: W,
+					children: P("ggnomad.bookings.cancelDialog.keep", "Keep booking")
+				}), /* @__PURE__ */ M(b, {
+					className: "bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover",
+					disabled: W,
+					onClick: (e) => {
+						e.preventDefault(), J();
+					},
+					children: W ? P("ggnomad.bookings.cancelDialog.cancelling", "Cancelling…") : P("ggnomad.bookings.cancelDialog.confirm", "Cancel booking")
+				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { C as BookingsPage };
+export { P 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 { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\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_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n  const [createBooking, { loading: creating }] = useMutation(CREATE_GGNOMAD_BOOKING_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n  const [cancelBooking] = useMutation(CANCEL_GGNOMAD_BOOKING_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n\n  const bookings = data?.ggnomadBookings ?? [];\n\n  const handleCreateDemoBooking = () => {\n    void createBooking({\n      variables: {\n        input: {\n          bookingType: 'PROPERTY',\n          itemId: 'demo-property',\n          itemName: 'Demo Property',\n          guestName: 'Demo Guest',\n          guestEmail: 'demo@burdenoff.com',\n          guestPhone: '+910000000000',\n          guests: 2,\n          totalPrice: 299,\n          currency: 'USD',\n          paymentMethod: 'card',\n        },\n      },\n    });\n  };\n\n  const handleCancel = (id: string) => {\n    if (\n      !window.confirm(\n        t('ggnomad.bookings.actions.cancelConfirm', 'Cancel this booking? This cannot be undone.')\n      )\n    ) {\n      return;\n    }\n    void cancelBooking({\n      variables: {\n        id,\n        reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n      },\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: 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      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\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              <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                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () => handleCancel(booking.id),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { 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 { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\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 { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\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        };\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 = data?.ggnomadBookings ?? [];\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          },\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      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\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              <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                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\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                }\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    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/EntertainmentPage.js

@@ -1,50 +1,59 @@
 import { GGNOMAD_EVENTS_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
 import { EntityCard as n } from "../components/EntityCard.js";
+import { LoadMoreButton as r } from "../components/LoadMoreButton.js";
 import "../components/index.js";
-import { Ticket as r } from "lucide-react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useQuery as a } from "@apollo/client/react";
-import { GlassCard as o, IllustratedEmptyState as s, PagePurpose as c } from "@burdenoff/fe-libs/ui";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useState as i } from "react";
+import { Ticket as a } from "lucide-react";
+import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as s } from "@apollo/client/react";
+import { GlassCard as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/ggnomad/pages/EntertainmentPage.tsx
-function d() {
-	let { t: d } = i(), { data: f } = a(e, { variables: {
-		first: 20,
+function p() {
+	let { t: p } = o(), [m, h] = i(12), { data: g } = s(e, { variables: {
+		first: m,
 		skip: 0
-	} }), p = f?.ggnomadEvents ?? [];
-	return /* @__PURE__ */ u(t, {
-		title: d("ggnomad.entertainment.title", "Entertainment"),
-		titleAccent: d("ggnomad.entertainment.title.accent", "Entertainment"),
-		subtitle: d("ggnomad.entertainment.subtitle", "Events and live experiences"),
-		children: [/* @__PURE__ */ l(c, {
-			icon: /* @__PURE__ */ l(r, { className: "size-4" }),
-			children: d("ggnomad.entertainment.purpose", "Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.")
-		}), p.length === 0 ? /* @__PURE__ */ l(s, {
+	} }), _ = g?.ggnomadEvents ?? [];
+	return /* @__PURE__ */ f(t, {
+		title: p("ggnomad.entertainment.title", "Entertainment"),
+		titleAccent: p("ggnomad.entertainment.title.accent", "Entertainment"),
+		subtitle: p("ggnomad.entertainment.subtitle", "Events and live experiences"),
+		children: [/* @__PURE__ */ d(u, {
+			icon: /* @__PURE__ */ d(a, { className: "size-4" }),
+			children: p("ggnomad.entertainment.purpose", "Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.")
+		}), _.length === 0 ? /* @__PURE__ */ d(l, {
 			illustration: "empty-data",
-			title: d("ggnomad.entertainment.emptyTitle", "No events scheduled"),
-			description: d("ggnomad.entertainment.emptyDescription", "Upcoming events and live experiences will be listed here.")
-		}) : /* @__PURE__ */ u(o, {
+			title: p("ggnomad.entertainment.emptyTitle", "No events scheduled"),
+			description: p("ggnomad.entertainment.emptyDescription", "Upcoming events and live experiences will be listed here.")
+		}) : /* @__PURE__ */ f(c, {
 			treatment: "glass",
 			glow: !0,
 			className: "border-border-seam p-5",
-			children: [/* @__PURE__ */ l("h2", {
-				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-				children: d("ggnomad.entertainment.upcomingEvents", "Upcoming events")
-			}), /* @__PURE__ */ l("div", {
-				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-				children: p.map((e) => /* @__PURE__ */ l(n, {
-					to: e.id,
-					title: e.name,
-					meta: e.category,
-					price: `${e.currency} ${Number(e.price).toFixed(2)}`,
-					footer: new Date(e.startsAt).toLocaleString()
-				}, e.id))
-			})]
+			children: [
+				/* @__PURE__ */ d("h2", {
+					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+					children: p("ggnomad.entertainment.upcomingEvents", "Upcoming events")
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+					children: _.map((e) => /* @__PURE__ */ d(n, {
+						to: e.id,
+						title: e.name,
+						meta: e.category,
+						price: `${e.currency} ${Number(e.price).toFixed(2)}`,
+						footer: new Date(e.startsAt).toLocaleString()
+					}, e.id))
+				}),
+				/* @__PURE__ */ d(r, {
+					visible: _.length >= m,
+					onLoadMore: () => h((e) => e + 12)
+				})
+			]
 		})]
 	});
 }
 //#endregion
-export { d as EntertainmentPage };
+export { p as EntertainmentPage };
 
 //# sourceMappingURL=EntertainmentPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed here.'\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.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EACK,IAAS,GAAM,iBAAiB,EAAE;AAExC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,gBAAgB;EACxD,aAAa,EAAE,sCAAsC,gBAAgB;EACrE,UAAU,EAAE,kCAAkC,8BAA8B;YAH9E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;aAC7C,EACC,iCACA,qKACD;GACW,CAAA,EAEb,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,sBAAsB;GACnE,aAAa,EACX,0CACA,4DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,wCAAwC,kBAAkB;IAC1D,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,MACX,kBAAC,GAAD;KAEE,IAAI,EAAM;KACV,OAAO,EAAM;KACb,MAAM,EAAM;KACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;KAC1D,QAAQ,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;KACjD,EANK,EAAM,GAMX,CACF;IACE,CAAA,CACI;KAEJ"}
+{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed here.'\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.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={events.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;EAAG,EAAE,CACzC,EACK,IAAS,GAAM,iBAAiB,EAAE;AAExC,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,gBAAgB;EACxD,aAAa,EAAE,sCAAsC,gBAAgB;EACrE,UAAU,EAAE,kCAAkC,8BAA8B;YAH9E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;aAC7C,EACC,iCACA,qKACD;GACW,CAAA,EAEb,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,sBAAsB;GACnE,aAAa,EACX,0CACA,4DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wCAAwC,kBAAkB;KAC1D,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAEE,IAAI,EAAM;MACV,OAAO,EAAM;MACb,MAAM,EAAM;MACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;MAC1D,QAAQ,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;MACjD,EANK,EAAM,GAMX,CACF;KACE,CAAA;IACN,kBAAC,GAAD;KACE,SAAS,EAAO,UAAU;KAC1B,kBAAkB,GAAU,MAAM,IAAI,GAAG;KACzC,CAAA;IACQ;KAEJ"}

package/dist/ggnomad/pages/EventDetailsPage.js

@@ -3,79 +3,81 @@ import { PageShell as t } from "./PageShell.js";
 import { SectionCard as n } from "../components/SectionCard.js";
 import { DetailRow as r } from "../components/DetailRow.js";
 import "../components/index.js";
-import { CalendarCheck as i, Mic2 as a, Ticket as o } from "lucide-react";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as c, useParams as l } from "react-router-dom";
-import { useQuery as u } from "@apollo/client/react";
-import { GlassCard as d, IllustratedEmptyState as f, NextSteps as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useGGNomad as i } from "../providers/GGNomadProvider.js";
+import { joinPath as a } from "../utils/navigation.js";
+import { CalendarCheck as o, Mic2 as s, Ticket as c } from "lucide-react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as u, useParams as d } from "react-router-dom";
+import { useQuery as f } from "@apollo/client/react";
+import { GlassCard as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/ggnomad/pages/EventDetailsPage.tsx
-function v() {
-	let { t: v } = s(), y = c(), { id: b = "" } = l(), { data: x } = u(e, {
-		variables: { id: b },
-		skip: !b
-	}), S = x?.ggnomadEvent;
-	return /* @__PURE__ */ g(t, {
-		title: S?.name ?? v("ggnomad.event.fallbackTitle", "Event details"),
-		subtitle: v("ggnomad.event.subtitle", "Live event details, venue and lineup"),
-		children: S ? /* @__PURE__ */ _(h, { children: [
-			/* @__PURE__ */ g(m, {
-				icon: /* @__PURE__ */ g(o, { className: "size-4" }),
-				children: v("ggnomad.event.purpose", "All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.")
+function b() {
+	let { t: b } = l(), x = u(), { basePath: S = "/" } = i(), { id: C = "" } = d(), { data: w } = f(e, {
+		variables: { id: C },
+		skip: !C
+	}), T = w?.ggnomadEvent;
+	return /* @__PURE__ */ v(t, {
+		title: T?.name ?? b("ggnomad.event.fallbackTitle", "Event details"),
+		subtitle: b("ggnomad.event.subtitle", "Live event details, venue and lineup"),
+		children: T ? /* @__PURE__ */ y(_, { children: [
+			/* @__PURE__ */ v(g, {
+				icon: /* @__PURE__ */ v(c, { className: "size-4" }),
+				children: b("ggnomad.event.purpose", "All the details for this live event in one place — category, start and end times, ticket price and the full lineup — so you can decide and book tickets before they sell out.")
 			}),
-			/* @__PURE__ */ g(p, {
+			/* @__PURE__ */ v(h, {
 				storageKey: "ggnomad-event-detail",
 				steps: [{
 					id: "book",
-					label: v("ggnomad.event.next.book", "Book tickets"),
-					description: v("ggnomad.event.next.bookDesc", "Reserve seats and track them under Bookings."),
-					icon: /* @__PURE__ */ g(i, { className: "size-4" }),
-					onClick: () => y("../../bookings")
+					label: b("ggnomad.event.next.book", "Book tickets"),
+					description: b("ggnomad.event.next.bookDesc", "Reserve seats and track them under Bookings."),
+					icon: /* @__PURE__ */ v(o, { className: "size-4" }),
+					onClick: () => x(a(S, "bookings"))
 				}, {
 					id: "browse",
-					label: v("ggnomad.event.next.browse", "See more events"),
-					description: v("ggnomad.event.next.browseDesc", "Return to Entertainment for other live experiences."),
-					icon: /* @__PURE__ */ g(o, { className: "size-4" }),
-					onClick: () => y("..")
+					label: b("ggnomad.event.next.browse", "See more events"),
+					description: b("ggnomad.event.next.browseDesc", "Return to Entertainment for other live experiences."),
+					icon: /* @__PURE__ */ v(c, { className: "size-4" }),
+					onClick: () => x(a(S, "entertainment"))
 				}]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ _(d, {
+				children: [/* @__PURE__ */ y(p, {
 					treatment: "glass",
 					glow: !0,
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ g("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: v("ggnomad.event.details", "Details")
-					}), /* @__PURE__ */ _("dl", {
+						children: b("ggnomad.event.details", "Details")
+					}), /* @__PURE__ */ y("dl", {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ g(r, {
-								label: v("ggnomad.event.category", "Category"),
-								value: S.category
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.event.category", "Category"),
+								value: T.category
 							}),
-							/* @__PURE__ */ g(r, {
-								label: v("ggnomad.event.starts", "Starts"),
-								value: new Date(S.startsAt).toLocaleString()
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.event.starts", "Starts"),
+								value: new Date(T.startsAt).toLocaleString()
 							}),
-							/* @__PURE__ */ g(r, {
-								label: v("ggnomad.event.ends", "Ends"),
-								value: S.endsAt ? new Date(S.endsAt).toLocaleString() : v("ggnomad.event.na", "N/A")
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.event.ends", "Ends"),
+								value: T.endsAt ? new Date(T.endsAt).toLocaleString() : b("ggnomad.event.na", "N/A")
 							}),
-							/* @__PURE__ */ g(r, {
-								label: v("ggnomad.event.price", "Price"),
-								value: `${S.currency} ${Number(S.price).toFixed(2)}`
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.event.price", "Price"),
+								value: `${T.currency} ${Number(T.price).toFixed(2)}`
 							})
 						]
 					})]
-				}), /* @__PURE__ */ g(n, {
-					title: v("ggnomad.event.performers", "Performers"),
-					children: /* @__PURE__ */ g("ul", {
+				}), /* @__PURE__ */ v(n, {
+					title: b("ggnomad.event.performers", "Performers"),
+					children: /* @__PURE__ */ v("ul", {
 						className: "space-y-2 text-sm",
-						children: (S.performers ?? []).map((e) => /* @__PURE__ */ _("li", {
+						children: (T.performers ?? []).map((e) => /* @__PURE__ */ y("li", {
 							className: "flex items-start gap-2 text-text-primary",
-							children: [/* @__PURE__ */ g(a, {
+							children: [/* @__PURE__ */ v(s, {
 								className: "mt-0.5 size-4 flex-shrink-0 text-action-primary-bg",
 								"aria-hidden": "true"
 							}), e]
@@ -83,14 +85,14 @@ function v() {
 					})
 				})]
 			})
-		] }) : /* @__PURE__ */ g(f, {
+		] }) : /* @__PURE__ */ v(m, {
 			illustration: "empty-data",
-			title: v("ggnomad.event.notFoundTitle", "No event found"),
-			description: v("ggnomad.event.notFoundDescription", "This event is unavailable or may have been removed.")
+			title: b("ggnomad.event.notFoundTitle", "No event found"),
+			description: b("ggnomad.event.notFoundDescription", "This event is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { v as EventDetailsPage };
+export { b as EventDetailsPage };
 
 //# sourceMappingURL=EventDetailsPage.js.map