@burdenoff/microfe-ggnomad 2026.705.2 → 2026.705.3

package/dist/ggnomad/GGNomadRoot.js

@@ -1,6 +1,6 @@
-import { GGNomadRoutes as e } from "./GGNomadRoutes.js";
-import { GGNomadProvider as t } from "./providers/GGNomadProvider.js";
-import { joinPath as n } from "./utils/navigation.js";
+import { GGNomadProvider as e } from "./providers/GGNomadProvider.js";
+import { joinPath as t } from "./utils/navigation.js";
+import { GGNomadRoutes as n } from "./GGNomadRoutes.js";
 import { useEffect as r } from "react";
 import { Activity as i, BarChart3 as a, Building as o, CalendarCheck as s, Compass as c, LayoutDashboard as l, MapPinned as u, Search as d, Star as f, Tickets as p } from "lucide-react";
 import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
@@ -28,63 +28,63 @@ var _ = (_) => {
 				{
 					id: "ggnomad-search",
 					label: x("ggnomad.nav.search", "Search"),
-					path: n(b, "search"),
+					path: t(b, "search"),
 					icon: /* @__PURE__ */ h(d, { size: 16 }),
 					order: 5
 				},
 				{
 					id: "ggnomad-travel",
 					label: x("ggnomad.nav.travel", "Travel"),
-					path: n(b, "travel"),
+					path: t(b, "travel"),
 					icon: /* @__PURE__ */ h(c, { size: 16 }),
 					order: 10
 				},
 				{
 					id: "ggnomad-hospitality",
 					label: x("ggnomad.nav.hospitality", "Hospitality"),
-					path: n(b, "hospitality"),
+					path: t(b, "hospitality"),
 					icon: /* @__PURE__ */ h(o, { size: 16 }),
 					order: 20
 				},
 				{
 					id: "ggnomad-tourism",
 					label: x("ggnomad.nav.tourism", "Tourism"),
-					path: n(b, "tourism"),
+					path: t(b, "tourism"),
 					icon: /* @__PURE__ */ h(u, { size: 16 }),
 					order: 30
 				},
 				{
 					id: "ggnomad-entertainment",
 					label: x("ggnomad.nav.entertainment", "Entertainment"),
-					path: n(b, "entertainment"),
+					path: t(b, "entertainment"),
 					icon: /* @__PURE__ */ h(i, { size: 16 }),
 					order: 40
 				},
 				{
 					id: "ggnomad-bookings",
 					label: x("ggnomad.nav.bookings", "Bookings"),
-					path: n(b, "bookings"),
+					path: t(b, "bookings"),
 					icon: /* @__PURE__ */ h(s, { size: 16 }),
 					order: 50
 				},
 				{
 					id: "ggnomad-favorites",
 					label: x("ggnomad.nav.favorites", "Favorites"),
-					path: n(b, "favorites"),
+					path: t(b, "favorites"),
 					icon: /* @__PURE__ */ h(f, { size: 16 }),
 					order: 60
 				},
 				{
 					id: "ggnomad-provider",
 					label: x("ggnomad.nav.providers", "Providers"),
-					path: n(b, "provider"),
+					path: t(b, "provider"),
 					icon: /* @__PURE__ */ h(p, { size: 16 }),
 					order: 70
 				},
 				{
 					id: "ggnomad-analytics",
 					label: x("ggnomad.nav.analytics", "Analytics"),
-					path: n(b, "analytics"),
+					path: t(b, "analytics"),
 					icon: /* @__PURE__ */ h(a, { size: 16 }),
 					order: 80
 				}
@@ -106,9 +106,9 @@ var _ = (_) => {
 		workspaceId: null,
 		gateway: "global",
 		defaultEnabled: !0,
-		children: /* @__PURE__ */ h(t, {
+		children: /* @__PURE__ */ h(e, {
 			..._,
-			children: /* @__PURE__ */ h(e, {})
+			children: /* @__PURE__ */ h(n, {})
 		})
 	});
 };

package/dist/ggnomad/components/BookingPanel.js

@@ -0,0 +1,219 @@
+import { CREATE_GGNOMAD_BOOKING_MUTATION as e } from "../graphql.js";
+import { cn as t } from "../utils/cn.js";
+import { useGGNomad as n } from "../providers/GGNomadProvider.js";
+import { joinPath as r } from "../utils/navigation.js";
+import { notify as i } from "../utils/notify.js";
+import { useState as a } from "react";
+import { Minus as o, Plus as s } from "lucide-react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as l } from "react-router-dom";
+import { useMutation as u } from "@apollo/client/react";
+import { Button as d, GlassCard as f, Input as p } from "@burdenoff/fe-libs/ui";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/ggnomad/components/BookingPanel.tsx
+function _({ bookingType: _, itemId: v, itemName: y, unitPrice: b, currency: x, nights: S, eventDate: C }) {
+	let { t: w } = c(), T = l(), { basePath: E = "/" } = n(), [D, O] = a(""), [k, A] = a(""), [j, M] = a(""), [N, P] = a(1), [F, { loading: I }] = u(e), L = b * (_ === "PROPERTY" && S ? S : N), R = L * .1, z = L + R, B = async () => {
+		if (_ === "PROPERTY") {
+			if (!k || !j) {
+				i.warning(w("ggnomad.booking.validation.missingDates", "Missing dates"), w("ggnomad.booking.validation.propertyDatesRequired", "Please select both check-in and check-out dates."));
+				return;
+			}
+		} else if (_ === "EVENT") {
+			if (!C) {
+				i.warning(w("ggnomad.booking.validation.missingDate", "Missing date"), w("ggnomad.booking.validation.eventDateRequired", "Event date is required for booking."));
+				return;
+			}
+		} else if (!D) {
+			i.warning(w("ggnomad.booking.validation.missingDate", "Missing date"), w("ggnomad.booking.validation.dateRequired", "Please select a date for your booking."));
+			return;
+		}
+		try {
+			let e = {
+				bookingType: _,
+				itemId: v,
+				itemName: y,
+				guestName: w("ggnomad.booking.defaultGuestName", "Demo Guest"),
+				guestEmail: "demo@burdenoff.com",
+				guests: N,
+				totalPrice: Math.round(z * 100) / 100,
+				currency: x,
+				paymentMethod: "card"
+			}, t = await F({ variables: { input: _ === "PROPERTY" ? {
+				...e,
+				checkIn: k,
+				checkOut: j
+			} : _ === "EVENT" ? {
+				...e,
+				eventDate: C
+			} : {
+				...e,
+				eventDate: D
+			} } });
+			if (t.error) {
+				i.error(w("ggnomad.booking.toast.createErrorTitle", "Could not create booking"), t.error.message);
+				return;
+			}
+			let n = t.data?.createGgnomadBooking;
+			i.success(w("ggnomad.booking.toast.createSuccessTitle", "Booking confirmed"), n ? w("ggnomad.booking.toast.createSuccessBody", "{{ref}} · {{item}}").replace("{{ref}}", n.referenceCode).replace("{{item}}", n.itemName) : y), T(r(E, "bookings"));
+		} catch (e) {
+			i.error(w("ggnomad.booking.toast.createErrorTitle", "Could not create booking"), e instanceof Error ? e.message : String(e));
+		}
+	}, V = "text-sm font-medium text-text-primary", H = "w-full";
+	return /* @__PURE__ */ g(f, {
+		treatment: "glass",
+		glow: !0,
+		className: "border-border-seam p-5 sticky top-6",
+		children: [
+			/* @__PURE__ */ h("h2", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: _ === "PROPERTY" ? w("ggnomad.booking.title.property", "Book this stay") : _ === "EVENT" ? w("ggnomad.booking.title.event", "Book tickets") : _ === "TOUR" ? w("ggnomad.booking.title.tour", "Book this tour") : w("ggnomad.booking.title.activity", "Book this activity")
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "space-y-4 mb-6",
+				children: [_ === "PROPERTY" ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					htmlFor: "check-in",
+					className: V,
+					children: w("ggnomad.booking.checkIn", "Check-in")
+				}), /* @__PURE__ */ h(p, {
+					id: "check-in",
+					type: "date",
+					value: k,
+					onChange: (e) => A(e.target.value),
+					className: t(H, "mt-2"),
+					"aria-label": w("ggnomad.booking.checkIn", "Check-in")
+				})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					htmlFor: "check-out",
+					className: V,
+					children: w("ggnomad.booking.checkOut", "Check-out")
+				}), /* @__PURE__ */ h(p, {
+					id: "check-out",
+					type: "date",
+					value: j,
+					onChange: (e) => M(e.target.value),
+					className: t(H, "mt-2"),
+					"aria-label": w("ggnomad.booking.checkOut", "Check-out")
+				})] })] }) : _ === "EVENT" ? /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					htmlFor: "event-date",
+					className: V,
+					children: w("ggnomad.booking.date", "Date")
+				}), /* @__PURE__ */ h(p, {
+					id: "event-date",
+					type: "date",
+					value: C ? C.split("T")[0] : "",
+					disabled: !0,
+					className: t(H, "mt-2"),
+					"aria-label": w("ggnomad.booking.date", "Date")
+				})] }) : /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					htmlFor: "booking-date",
+					className: V,
+					children: w("ggnomad.booking.date", "Date")
+				}), /* @__PURE__ */ h(p, {
+					id: "booking-date",
+					type: "date",
+					value: D,
+					onChange: (e) => O(e.target.value),
+					className: t(H, "mt-2"),
+					"aria-label": w("ggnomad.booking.date", "Date")
+				})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
+					className: V,
+					children: _ === "PROPERTY" ? w("ggnomad.booking.guests", "Guests") : _ === "EVENT" ? w("ggnomad.booking.tickets", "Tickets") : w("ggnomad.booking.participants", "Participants")
+				}), /* @__PURE__ */ g("div", {
+					className: "flex items-center gap-2 mt-2",
+					children: [
+						/* @__PURE__ */ h(d, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => P(Math.max(1, N - 1)),
+							disabled: N <= 1 || I,
+							"aria-label": w("ggnomad.booking.decreaseQuantity", "Decrease quantity"),
+							className: "flex-shrink-0",
+							children: /* @__PURE__ */ h(o, { className: "size-4" })
+						}),
+						/* @__PURE__ */ h("input", {
+							type: "number",
+							min: 1,
+							value: N,
+							onChange: (e) => P(Math.max(1, parseInt(e.target.value) || 1)),
+							className: "flex-1 h-9 rounded-input border border-border-default bg-bg-surface px-3 py-1 text-center text-sm text-text-primary",
+							"aria-label": _ === "PROPERTY" ? w("ggnomad.booking.guests", "Guests") : _ === "EVENT" ? w("ggnomad.booking.tickets", "Tickets") : w("ggnomad.booking.participants", "Participants")
+						}),
+						/* @__PURE__ */ h(d, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => P(N + 1),
+							disabled: I,
+							"aria-label": w("ggnomad.booking.increaseQuantity", "Increase quantity"),
+							className: "flex-shrink-0",
+							children: /* @__PURE__ */ h(s, { className: "size-4" })
+						})
+					]
+				})] })]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "space-y-2 mb-6 p-3 rounded-md bg-bg-sunken",
+				children: [
+					/* @__PURE__ */ g("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-text-secondary",
+							children: [
+								x,
+								" ",
+								b.toFixed(2),
+								" ×",
+								" ",
+								_ === "PROPERTY" ? `${S ?? 1} ${w("ggnomad.booking.nights", "nights")}` : `${N} ${w("ggnomad.booking.item", "item")}`
+							]
+						}), /* @__PURE__ */ g("span", {
+							className: "text-text-primary font-medium",
+							children: [
+								x,
+								" ",
+								L.toFixed(2)
+							]
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "text-text-secondary",
+							children: w("ggnomad.booking.tax", "Tax (10%)")
+						}), /* @__PURE__ */ g("span", {
+							className: "text-text-primary",
+							children: [
+								x,
+								" ",
+								R.toFixed(2)
+							]
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "border-t border-border-seam pt-2 flex justify-between",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-semibold text-text-primary",
+							children: w("ggnomad.booking.total", "Total")
+						}), /* @__PURE__ */ g("span", {
+							className: "font-bold text-lg text-text-primary",
+							children: [
+								x,
+								" ",
+								z.toFixed(2)
+							]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ h(d, {
+				onClick: () => void B(),
+				disabled: I,
+				className: "w-full bg-gradient-to-r from-action-primary-bg to-action-success-bg text-white font-semibold",
+				size: "lg",
+				children: I ? w("ggnomad.booking.button.creating", "Creating booking…") : _ === "PROPERTY" ? w("ggnomad.booking.button.property", "Book this stay") : _ === "EVENT" ? w("ggnomad.booking.button.event", "Book tickets") : _ === "TOUR" ? w("ggnomad.booking.button.tour", "Book this tour") : w("ggnomad.booking.button.activity", "Book this activity")
+			})
+		]
+	});
+}
+//#endregion
+export { _ as BookingPanel };
+
+//# sourceMappingURL=BookingPanel.js.map

package/dist/ggnomad/components/BookingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingPanel.js","names":[],"sources":["../../../src/ggnomad/components/BookingPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useNavigate } from 'react-router-dom';\nimport { Minus, Plus } from 'lucide-react';\nimport { Button, GlassCard, Input } from '@burdenoff/fe-libs/ui';\n\nimport { CREATE_GGNOMAD_BOOKING_MUTATION } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { notify } from '../utils/notify';\nimport { cn } from '../utils/cn';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype BookingPanelProps = {\n  bookingType: BookingType;\n  itemId: string;\n  itemName: string;\n  unitPrice: number;\n  currency: string;\n  /** For PROPERTY bookings, the number of nights to calculate price */\n  nights?: number;\n  /** For EVENT bookings, the event date (ISO string) */\n  eventDate?: string;\n};\n\n/** Frosted glass booking panel with type-specific inputs and real createGgnomadBooking mutation. */\nexport function BookingPanel({\n  bookingType,\n  itemId,\n  itemName,\n  unitPrice,\n  currency,\n  nights,\n  eventDate,\n}: BookingPanelProps) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n\n  // For properties: check-in and check-out dates\n  // For events/tours/activities: a single date\n  const [selectedDate, setSelectedDate] = useState<string>('');\n  const [checkInDate, setCheckInDate] = useState<string>('');\n  const [checkOutDate, setCheckOutDate] = useState<string>('');\n\n  // Quantity: guests (property), participants (tour/activity), tickets (event)\n  const [quantity, setQuantity] = useState(1);\n\n  type BookingInput = {\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    eventDate?: string;\n  };\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      { input: BookingInput }\n    >\n  );\n\n  // Calculate total: for properties, multiply by nights; for others, multiply by quantity\n  const multiplier = bookingType === 'PROPERTY' && nights ? nights : quantity;\n  const subtotal = unitPrice * multiplier;\n  const taxAmount = subtotal * 0.1; // 10% tax\n  const total = subtotal + taxAmount;\n\n  const handleBooking = async () => {\n    // Validate required fields\n    if (bookingType === 'PROPERTY') {\n      if (!checkInDate || !checkOutDate) {\n        notify.warning(\n          t('ggnomad.booking.validation.missingDates', 'Missing dates'),\n          t(\n            'ggnomad.booking.validation.propertyDatesRequired',\n            'Please select both check-in and check-out dates.'\n          )\n        );\n        return;\n      }\n    } else if (bookingType === 'EVENT') {\n      if (!eventDate) {\n        notify.warning(\n          t('ggnomad.booking.validation.missingDate', 'Missing date'),\n          t('ggnomad.booking.validation.eventDateRequired', 'Event date is required for booking.')\n        );\n        return;\n      }\n    } else {\n      if (!selectedDate) {\n        notify.warning(\n          t('ggnomad.booking.validation.missingDate', 'Missing date'),\n          t('ggnomad.booking.validation.dateRequired', 'Please select a date for your booking.')\n        );\n        return;\n      }\n    }\n\n    try {\n      const baseInput = {\n        bookingType,\n        itemId,\n        itemName,\n        guestName: t('ggnomad.booking.defaultGuestName', 'Demo Guest'),\n        guestEmail: 'demo@burdenoff.com',\n        guests: quantity,\n        totalPrice: Math.round(total * 100) / 100,\n        currency,\n        paymentMethod: 'card',\n      };\n\n      const input: BookingInput =\n        bookingType === 'PROPERTY'\n          ? { ...baseInput, checkIn: checkInDate, checkOut: checkOutDate }\n          : bookingType === 'EVENT'\n            ? { ...baseInput, eventDate: eventDate }\n            : { ...baseInput, eventDate: selectedDate };\n\n      const result = await createBooking({\n        variables: { input },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.booking.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.booking.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.booking.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : itemName\n      );\n\n      // Navigate to bookings list\n      navigate(joinPath(basePath, 'bookings'));\n    } catch (err) {\n      notify.error(\n        t('ggnomad.booking.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const labelClass = 'text-sm font-medium text-text-primary';\n  const inputClass = 'w-full';\n\n  return (\n    <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5 sticky top-6\">\n      <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n        {bookingType === 'PROPERTY'\n          ? t('ggnomad.booking.title.property', 'Book this stay')\n          : bookingType === 'EVENT'\n            ? t('ggnomad.booking.title.event', 'Book tickets')\n            : bookingType === 'TOUR'\n              ? t('ggnomad.booking.title.tour', 'Book this tour')\n              : t('ggnomad.booking.title.activity', 'Book this activity')}\n      </h2>\n\n      <div className=\"space-y-4 mb-6\">\n        {/* Dates section */}\n        {bookingType === 'PROPERTY' ? (\n          <>\n            <div>\n              <label htmlFor=\"check-in\" className={labelClass}>\n                {t('ggnomad.booking.checkIn', 'Check-in')}\n              </label>\n              <Input\n                id=\"check-in\"\n                type=\"date\"\n                value={checkInDate}\n                onChange={(e) => setCheckInDate(e.target.value)}\n                className={cn(inputClass, 'mt-2')}\n                aria-label={t('ggnomad.booking.checkIn', 'Check-in')}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"check-out\" className={labelClass}>\n                {t('ggnomad.booking.checkOut', 'Check-out')}\n              </label>\n              <Input\n                id=\"check-out\"\n                type=\"date\"\n                value={checkOutDate}\n                onChange={(e) => setCheckOutDate(e.target.value)}\n                className={cn(inputClass, 'mt-2')}\n                aria-label={t('ggnomad.booking.checkOut', 'Check-out')}\n              />\n            </div>\n          </>\n        ) : bookingType === 'EVENT' ? (\n          <div>\n            <label htmlFor=\"event-date\" className={labelClass}>\n              {t('ggnomad.booking.date', 'Date')}\n            </label>\n            <Input\n              id=\"event-date\"\n              type=\"date\"\n              value={eventDate ? eventDate.split('T')[0] : ''}\n              disabled\n              className={cn(inputClass, 'mt-2')}\n              aria-label={t('ggnomad.booking.date', 'Date')}\n            />\n          </div>\n        ) : (\n          <div>\n            <label htmlFor=\"booking-date\" className={labelClass}>\n              {t('ggnomad.booking.date', 'Date')}\n            </label>\n            <Input\n              id=\"booking-date\"\n              type=\"date\"\n              value={selectedDate}\n              onChange={(e) => setSelectedDate(e.target.value)}\n              className={cn(inputClass, 'mt-2')}\n              aria-label={t('ggnomad.booking.date', 'Date')}\n            />\n          </div>\n        )}\n\n        {/* Quantity section */}\n        <div>\n          <label className={labelClass}>\n            {bookingType === 'PROPERTY'\n              ? t('ggnomad.booking.guests', 'Guests')\n              : bookingType === 'EVENT'\n                ? t('ggnomad.booking.tickets', 'Tickets')\n                : t('ggnomad.booking.participants', 'Participants')}\n          </label>\n          <div className=\"flex items-center gap-2 mt-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setQuantity(Math.max(1, quantity - 1))}\n              disabled={quantity <= 1 || creating}\n              aria-label={t('ggnomad.booking.decreaseQuantity', 'Decrease quantity')}\n              className=\"flex-shrink-0\"\n            >\n              <Minus className=\"size-4\" />\n            </Button>\n            <input\n              type=\"number\"\n              min={1}\n              value={quantity}\n              onChange={(e) => setQuantity(Math.max(1, parseInt(e.target.value) || 1))}\n              className=\"flex-1 h-9 rounded-input border border-border-default bg-bg-surface px-3 py-1 text-center text-sm text-text-primary\"\n              aria-label={\n                bookingType === 'PROPERTY'\n                  ? t('ggnomad.booking.guests', 'Guests')\n                  : bookingType === 'EVENT'\n                    ? t('ggnomad.booking.tickets', 'Tickets')\n                    : t('ggnomad.booking.participants', 'Participants')\n              }\n            />\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => setQuantity(quantity + 1)}\n              disabled={creating}\n              aria-label={t('ggnomad.booking.increaseQuantity', 'Increase quantity')}\n              className=\"flex-shrink-0\"\n            >\n              <Plus className=\"size-4\" />\n            </Button>\n          </div>\n        </div>\n      </div>\n\n      {/* Pricing breakdown */}\n      <div className=\"space-y-2 mb-6 p-3 rounded-md bg-bg-sunken\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-text-secondary\">\n            {currency} {unitPrice.toFixed(2)} ×{' '}\n            {bookingType === 'PROPERTY'\n              ? `${nights ?? 1} ${t('ggnomad.booking.nights', 'nights')}`\n              : `${quantity} ${t('ggnomad.booking.item', 'item')}`}\n          </span>\n          <span className=\"text-text-primary font-medium\">\n            {currency} {subtotal.toFixed(2)}\n          </span>\n        </div>\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-text-secondary\">{t('ggnomad.booking.tax', 'Tax (10%)')}</span>\n          <span className=\"text-text-primary\">\n            {currency} {taxAmount.toFixed(2)}\n          </span>\n        </div>\n        <div className=\"border-t border-border-seam pt-2 flex justify-between\">\n          <span className=\"font-semibold text-text-primary\">\n            {t('ggnomad.booking.total', 'Total')}\n          </span>\n          <span className=\"font-bold text-lg text-text-primary\">\n            {currency} {total.toFixed(2)}\n          </span>\n        </div>\n      </div>\n\n      {/* Book button */}\n      <Button\n        onClick={() => void handleBooking()}\n        disabled={creating}\n        className=\"w-full bg-gradient-to-r from-action-primary-bg to-action-success-bg text-white font-semibold\"\n        size=\"lg\"\n      >\n        {creating\n          ? t('ggnomad.booking.button.creating', 'Creating booking…')\n          : bookingType === 'PROPERTY'\n            ? t('ggnomad.booking.button.property', 'Book this stay')\n            : bookingType === 'EVENT'\n              ? t('ggnomad.booking.button.event', 'Book tickets')\n              : bookingType === 'TOUR'\n                ? t('ggnomad.booking.button.tour', 'Book this tour')\n                : t('ggnomad.booking.button.activity', 'Book this activity')}\n      </Button>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA6BA,SAAgB,EAAa,EAC3B,gBACA,WACA,aACA,cACA,aACA,WACA,gBACoB;CACpB,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EAIjC,CAAC,GAAc,KAAmB,EAAiB,GAAG,EACtD,CAAC,GAAa,KAAkB,EAAiB,GAAG,EACpD,CAAC,GAAc,KAAmB,EAAiB,GAAG,EAGtD,CAAC,GAAU,KAAe,EAAS,EAAE,EAiBrC,CAAC,GAAe,EAAE,SAAS,OAAc,EAC7C,EAID,EAIK,IAAW,KADE,MAAgB,cAAc,IAAS,IAAS,IAE7D,IAAY,IAAW,IACvB,IAAQ,IAAW,GAEnB,IAAgB,YAAY;AAEhC,MAAI,MAAgB;OACd,CAAC,KAAe,CAAC,GAAc;AACjC,MAAO,QACL,EAAE,2CAA2C,gBAAgB,EAC7D,EACE,oDACA,mDACD,CACF;AACD;;aAEO,MAAgB;OACrB,CAAC,GAAW;AACd,MAAO,QACL,EAAE,0CAA0C,eAAe,EAC3D,EAAE,gDAAgD,sCAAsC,CACzF;AACD;;aAGE,CAAC,GAAc;AACjB,KAAO,QACL,EAAE,0CAA0C,eAAe,EAC3D,EAAE,2CAA2C,yCAAyC,CACvF;AACD;;AAIJ,MAAI;GACF,IAAM,IAAY;IAChB;IACA;IACA;IACA,WAAW,EAAE,oCAAoC,aAAa;IAC9D,YAAY;IACZ,QAAQ;IACR,YAAY,KAAK,MAAM,IAAQ,IAAI,GAAG;IACtC;IACA,eAAe;IAChB,EASK,IAAS,MAAM,EAAc,EACjC,WAAW,EAAE,OAPb,MAAgB,aACZ;IAAE,GAAG;IAAW,SAAS;IAAa,UAAU;IAAc,GAC9D,MAAgB,UACd;IAAE,GAAG;IAAsB;IAAW,GACtC;IAAE,GAAG;IAAW,WAAW;IAAc,EAG3B,EACrB,CAAC;AAEF,OAAI,EAAO,OAAO;AAChB,MAAO,MACL,EAAE,0CAA0C,2BAA2B,EACvE,EAAO,MAAM,QACd;AACD;;GAGF,IAAM,IAAU,EAAO,MAAM;AAW7B,GAVA,EAAO,QACL,EAAE,4CAA4C,oBAAoB,EAClE,IACI,EAAE,2CAA2C,qBAAqB,CAC/D,QAAQ,WAAW,EAAQ,cAAc,CACzC,QAAQ,YAAY,EAAQ,SAAS,GACxC,EACL,EAGD,EAAS,EAAS,GAAU,WAAW,CAAC;WACjC,GAAK;AACZ,KAAO,MACL,EAAE,0CAA0C,2BAA2B,EACvE,aAAe,QAAQ,EAAI,UAAU,OAAO,EAAI,CACjD;;IAIC,IAAa,yCACb,IAAa;AAEnB,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,MAAA;EAAK,WAAU;YAA5C;GACE,kBAAC,MAAD;IAAI,WAAU;cACX,MAAgB,aACb,EAAE,kCAAkC,iBAAiB,GACrD,MAAgB,UACd,EAAE,+BAA+B,eAAe,GAChD,MAAgB,SACd,EAAE,8BAA8B,iBAAiB,GACjD,EAAE,kCAAkC,qBAAqB;IAC9D,CAAA;GAEL,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEG,MAAgB,aACf,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,SAAQ;KAAW,WAAW;eAClC,EAAE,2BAA2B,WAAW;KACnC,CAAA,EACR,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;KAC/C,WAAW,EAAG,GAAY,OAAO;KACjC,cAAY,EAAE,2BAA2B,WAAW;KACpD,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,SAAQ;KAAY,WAAW;eACnC,EAAE,4BAA4B,YAAY;KACrC,CAAA,EACR,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;KAChD,WAAW,EAAG,GAAY,OAAO;KACjC,cAAY,EAAE,4BAA4B,YAAY;KACtD,CAAA,CACE,EAAA,CAAA,CACL,EAAA,CAAA,GACD,MAAgB,UAClB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,SAAQ;KAAa,WAAW;eACpC,EAAE,wBAAwB,OAAO;KAC5B,CAAA,EACR,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO,IAAY,EAAU,MAAM,IAAI,CAAC,KAAK;KAC7C,UAAA;KACA,WAAW,EAAG,GAAY,OAAO;KACjC,cAAY,EAAE,wBAAwB,OAAO;KAC7C,CAAA,CACE,EAAA,CAAA,GAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,SAAQ;KAAe,WAAW;eACtC,EAAE,wBAAwB,OAAO;KAC5B,CAAA,EACR,kBAAC,GAAD;KACE,IAAG;KACH,MAAK;KACL,OAAO;KACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;KAChD,WAAW,EAAG,GAAY,OAAO;KACjC,cAAY,EAAE,wBAAwB,OAAO;KAC7C,CAAA,CACE,EAAA,CAAA,EAIR,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eACf,MAAgB,aACb,EAAE,0BAA0B,SAAS,GACrC,MAAgB,UACd,EAAE,2BAA2B,UAAU,GACvC,EAAE,gCAAgC,eAAe;KACjD,CAAA,EACR,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,EAAY,KAAK,IAAI,GAAG,IAAW,EAAE,CAAC;OACrD,UAAU,KAAY,KAAK;OAC3B,cAAY,EAAE,oCAAoC,oBAAoB;OACtE,WAAU;iBAEV,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;OACrB,CAAA;MACT,kBAAC,SAAD;OACE,MAAK;OACL,KAAK;OACL,OAAO;OACP,WAAW,MAAM,EAAY,KAAK,IAAI,GAAG,SAAS,EAAE,OAAO,MAAM,IAAI,EAAE,CAAC;OACxE,WAAU;OACV,cACE,MAAgB,aACZ,EAAE,0BAA0B,SAAS,GACrC,MAAgB,UACd,EAAE,2BAA2B,UAAU,GACvC,EAAE,gCAAgC,eAAe;OAEzD,CAAA;MACF,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,EAAY,IAAW,EAAE;OACxC,UAAU;OACV,cAAY,EAAE,oCAAoC,oBAAoB;OACtE,WAAU;iBAEV,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;OACpB,CAAA;MACL;OACF,EAAA,CAAA,CACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACG;QAAS;QAAE,EAAU,QAAQ,EAAE;QAAC;QAAG;QACnC,MAAgB,aACb,GAAG,KAAU,EAAE,GAAG,EAAE,0BAA0B,SAAS,KACvD,GAAG,EAAS,GAAG,EAAE,wBAAwB,OAAO;QAC/C;UACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACG;QAAS;QAAE,EAAS,QAAQ,EAAE;QAC1B;SACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAE,uBAAuB,YAAY;OAAQ,CAAA,EACpF,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACG;QAAS;QAAE,EAAU,QAAQ,EAAE;QAC3B;SACH;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAE,yBAAyB,QAAQ;OAC/B,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACG;QAAS;QAAE,EAAM,QAAQ,EAAE;QACvB;SACH;;KACF;;GAGN,kBAAC,GAAD;IACE,eAAe,KAAK,GAAe;IACnC,UAAU;IACV,WAAU;IACV,MAAK;cAEJ,IACG,EAAE,mCAAmC,oBAAoB,GACzD,MAAgB,aACd,EAAE,mCAAmC,iBAAiB,GACtD,MAAgB,UACd,EAAE,gCAAgC,eAAe,GACjD,MAAgB,SACd,EAAE,+BAA+B,iBAAiB,GAClD,EAAE,mCAAmC,qBAAqB;IAC7D,CAAA;GACC"}

package/dist/ggnomad/components/index.js

@@ -5,3 +5,4 @@ import "./EntityCard.js";
 import "./DetailRow.js";
 import "./LoadMoreButton.js";
 import "./DetailHero.js";
+import "./BookingPanel.js";

package/dist/ggnomad/graphql.js

@@ -123,7 +123,18 @@ var t = e`
       }
     }
   }
-`, s = e`
+`;
+e`
+  query GGNomadPropertyForBooking($id: ID!) {
+    ggnomadProperty(id: $id) {
+      id
+      name
+      pricePerNight
+      currency
+    }
+  }
+`;
+var s = e`
   query GGNomadTours($first: Int, $skip: Int) {
     ggnomadTours(pagination: { first: $first, skip: $skip }) {
       id

package/dist/ggnomad/graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.js","names":[],"sources":["../../src/ggnomad/graphql.ts"],"sourcesContent":["import { gql } from '@apollo/client/core';\n\nexport const GGNOMAD_OVERVIEW_QUERY = gql`\n  query GGNomadOverview {\n    ggnomadOverviewStats {\n      users\n      listings\n      bookings\n      monthlyRevenue\n    }\n    ggnomadAnalytics {\n      totalRevenue\n      totalBookings\n      totalUsers\n      conversionRate\n      revenueByCategory\n    }\n  }\n`;\n\n/**\n * One bookable item of each type (properties are priced per night, the rest\n * carry a flat price). Used to seed the Bookings \"create demo booking\" action\n * with a REAL listing id so the mutation passes the backend's\n * assertTargetInWorkspace check instead of failing on a synthetic id.\n */\nexport const GGNOMAD_BOOKABLE_SAMPLE_QUERY = gql`\n  query GGNomadBookableSample {\n    ggnomadProperties(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n    ggnomadTours(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadEvents(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadActivities(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n  }\n`;\n\n/**\n * id + name for every favouritable listing type, used to (a) resolve the real\n * entity name for a saved favorite (which the backend only exposes as\n * targetType + targetId) and (b) seed the \"toggle demo favorite\" action with a\n * real target id.\n */\nexport const GGNOMAD_FAVORITE_TARGETS_QUERY = gql`\n  query GGNomadFavoriteTargets {\n    ggnomadProperties(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadTours(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadEvents(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadActivities(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n  }\n`;\n\nexport const GGNOMAD_PROVIDERS_QUERY = gql`\n  query GGNomadProviders($first: Int, $skip: Int) {\n    ggnomadProviders(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      listingCount\n      totalRevenue\n      rating\n      reviewCount\n      contactEmail\n      website\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTIES_QUERY = gql`\n  query GGNomadProperties($first: Int, $skip: Int) {\n    ggnomadProperties(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      description\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      maxGuests\n      amenities\n      images\n      providerId\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTY_QUERY = gql`\n  query GGNomadProperty($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      type\n      status\n      description\n      address\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      bedrooms\n      bathrooms\n      maxGuests\n      checkInTime\n      checkOutTime\n      amenities\n      images\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TOURS_QUERY = gql`\n  query GGNomadTours($first: Int, $skip: Int) {\n    ggnomadTours(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_TOUR_QUERY = gql`\n  query GGNomadTour($id: ID!) {\n    ggnomadTour(id: $id) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n      languages\n      guideName\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENTS_QUERY = gql`\n  query GGNomadEvents($first: Int, $skip: Int) {\n    ggnomadEvents(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENT_QUERY = gql`\n  query GGNomadEvent($id: ID!) {\n    ggnomadEvent(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      endsAt\n      venue\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITIES_QUERY = gql`\n  query GGNomadActivities($first: Int, $skip: Int) {\n    ggnomadActivities(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITY_QUERY = gql`\n  query GGNomadActivity($id: ID!) {\n    ggnomadActivity(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      location\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      safetyInfo\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIPS_QUERY = gql`\n  query GGNomadTrips($first: Int, $skip: Int) {\n    ggnomadTrips(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      transportMode\n      status\n      origin\n      destination\n      departureAt\n      arrivalAt\n      isRoundTrip\n      carrier\n      class\n      price\n      currency\n      passengers\n      ecoFriendly\n    }\n  }\n`;\n\nexport const GGNOMAD_BOOKINGS_QUERY = gql`\n  query GGNomadBookings($first: Int, $skip: Int) {\n    ggnomadBookings(pagination: { first: $first, skip: $skip }) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      guestEmail\n      guestPhone\n      guests\n      checkIn\n      checkOut\n      eventDate\n      totalPrice\n      currency\n      paymentStatus\n      paymentMethod\n      specialRequests\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_FAVORITES_QUERY = gql`\n  query GGNomadFavorites {\n    ggnomadFavorites\n  }\n`;\n\nexport const CREATE_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {\n    createGgnomadBooking(input: $input) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      totalPrice\n      currency\n      createdAt\n    }\n  }\n`;\n\nexport const TOGGLE_GGNOMAD_FAVORITE_MUTATION = gql`\n  mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {\n    toggleGgnomadFavorite(input: $input)\n  }\n`;\n\nexport const CANCEL_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CancelGGNomadBooking($id: ID!, $reason: String) {\n    cancelGgnomadBooking(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n`;\n"],"mappings":";;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;GAwB5B,IAAgC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCnC,IAAiC,CAAG;;;;;;;;;;;;;;;;;;;GAqBpC,IAA0B,CAAG;;;;;;;;;;;;;;;GAiB7B,IAA2B,CAAG;;;;;;;;;;;;;;;;;;GAoB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;GAoBzB,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BxB,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,IAA2B,CAAG;;;;;;;;;;;;;;;;;;;;GAsB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;GAsBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0B5B,IAA0B,CAAG;;;;GAM7B,IAAkC,CAAG;;;;;;;;;;;;;;;GAiBrC,IAAmC,CAAG;;;;GAMtC,IAAkC,CAAG"}
+{"version":3,"file":"graphql.js","names":[],"sources":["../../src/ggnomad/graphql.ts"],"sourcesContent":["import { gql } from '@apollo/client/core';\n\nexport const GGNOMAD_OVERVIEW_QUERY = gql`\n  query GGNomadOverview {\n    ggnomadOverviewStats {\n      users\n      listings\n      bookings\n      monthlyRevenue\n    }\n    ggnomadAnalytics {\n      totalRevenue\n      totalBookings\n      totalUsers\n      conversionRate\n      revenueByCategory\n    }\n  }\n`;\n\n/**\n * One bookable item of each type (properties are priced per night, the rest\n * carry a flat price). Used to seed the Bookings \"create demo booking\" action\n * with a REAL listing id so the mutation passes the backend's\n * assertTargetInWorkspace check instead of failing on a synthetic id.\n */\nexport const GGNOMAD_BOOKABLE_SAMPLE_QUERY = gql`\n  query GGNomadBookableSample {\n    ggnomadProperties(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n    ggnomadTours(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadEvents(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadActivities(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n  }\n`;\n\n/**\n * id + name for every favouritable listing type, used to (a) resolve the real\n * entity name for a saved favorite (which the backend only exposes as\n * targetType + targetId) and (b) seed the \"toggle demo favorite\" action with a\n * real target id.\n */\nexport const GGNOMAD_FAVORITE_TARGETS_QUERY = gql`\n  query GGNomadFavoriteTargets {\n    ggnomadProperties(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadTours(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadEvents(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadActivities(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n  }\n`;\n\nexport const GGNOMAD_PROVIDERS_QUERY = gql`\n  query GGNomadProviders($first: Int, $skip: Int) {\n    ggnomadProviders(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      listingCount\n      totalRevenue\n      rating\n      reviewCount\n      contactEmail\n      website\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTIES_QUERY = gql`\n  query GGNomadProperties($first: Int, $skip: Int) {\n    ggnomadProperties(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      description\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      maxGuests\n      amenities\n      images\n      providerId\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTY_QUERY = gql`\n  query GGNomadProperty($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      type\n      status\n      description\n      address\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      bedrooms\n      bathrooms\n      maxGuests\n      checkInTime\n      checkOutTime\n      amenities\n      images\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n`;\n\n// Query to get property details for booking - ensures id is included\nexport const GGNOMAD_PROPERTY_FOR_BOOKING_QUERY = gql`\n  query GGNomadPropertyForBooking($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n  }\n`;\n\nexport const GGNOMAD_TOURS_QUERY = gql`\n  query GGNomadTours($first: Int, $skip: Int) {\n    ggnomadTours(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_TOUR_QUERY = gql`\n  query GGNomadTour($id: ID!) {\n    ggnomadTour(id: $id) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n      languages\n      guideName\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENTS_QUERY = gql`\n  query GGNomadEvents($first: Int, $skip: Int) {\n    ggnomadEvents(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENT_QUERY = gql`\n  query GGNomadEvent($id: ID!) {\n    ggnomadEvent(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      endsAt\n      venue\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITIES_QUERY = gql`\n  query GGNomadActivities($first: Int, $skip: Int) {\n    ggnomadActivities(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITY_QUERY = gql`\n  query GGNomadActivity($id: ID!) {\n    ggnomadActivity(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      location\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      safetyInfo\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIPS_QUERY = gql`\n  query GGNomadTrips($first: Int, $skip: Int) {\n    ggnomadTrips(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      transportMode\n      status\n      origin\n      destination\n      departureAt\n      arrivalAt\n      isRoundTrip\n      carrier\n      class\n      price\n      currency\n      passengers\n      ecoFriendly\n    }\n  }\n`;\n\nexport const GGNOMAD_BOOKINGS_QUERY = gql`\n  query GGNomadBookings($first: Int, $skip: Int) {\n    ggnomadBookings(pagination: { first: $first, skip: $skip }) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      guestEmail\n      guestPhone\n      guests\n      checkIn\n      checkOut\n      eventDate\n      totalPrice\n      currency\n      paymentStatus\n      paymentMethod\n      specialRequests\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_FAVORITES_QUERY = gql`\n  query GGNomadFavorites {\n    ggnomadFavorites\n  }\n`;\n\nexport const CREATE_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {\n    createGgnomadBooking(input: $input) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      totalPrice\n      currency\n      createdAt\n    }\n  }\n`;\n\nexport const TOGGLE_GGNOMAD_FAVORITE_MUTATION = gql`\n  mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {\n    toggleGgnomadFavorite(input: $input)\n  }\n`;\n\nexport const CANCEL_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CancelGGNomadBooking($id: ID!, $reason: String) {\n    cancelGgnomadBooking(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n`;\n"],"mappings":";;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;GAwB5B,IAAgC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCnC,IAAiC,CAAG;;;;;;;;;;;;;;;;;;;GAqBpC,IAA0B,CAAG;;;;;;;;;;;;;;;GAiB7B,IAA2B,CAAG;;;;;;;;;;;;;;;;;;GAoB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BS,CAAG;;;;;;;;;;AAWrD,IAAa,IAAsB,CAAG;;;;;;;;;;;;;;;;;;GAoBzB,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BxB,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,IAA2B,CAAG;;;;;;;;;;;;;;;;;;;;GAsB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;GAsBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0B5B,IAA0B,CAAG;;;;GAM7B,IAAkC,CAAG;;;;;;;;;;;;;;;GAiBrC,IAAmC,CAAG;;;;GAMtC,IAAkC,CAAG"}

package/dist/ggnomad/pages/ActivityDetailsPage.js

@@ -3,10 +3,11 @@ import { PageShell as t } from "./PageShell.js";
 import { SectionCard as n } from "../components/SectionCard.js";
 import { DetailRow as r } from "../components/DetailRow.js";
 import { DetailHero as i } from "../components/DetailHero.js";
-import "../components/index.js";
 import { useGGNomad as a } from "../providers/GGNomadProvider.js";
 import { joinPath as o } from "../utils/navigation.js";
-import { Activity as s, CalendarCheck as c, Compass as l, ShieldCheck as u } from "lucide-react";
+import { BookingPanel as s } from "../components/BookingPanel.js";
+import "../components/index.js";
+import { Activity as c, Compass as l, ShieldCheck as u } from "lucide-react";
 import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { useNavigate as f, useParams as p } from "react-router-dom";
 import { useQuery as m } from "@apollo/client/react";
@@ -27,18 +28,12 @@ function S() {
 				alt: D.name
 			}),
 			/* @__PURE__ */ b(v, {
-				icon: /* @__PURE__ */ b(s, { className: "size-4" }),
+				icon: /* @__PURE__ */ b(c, { className: "size-4" }),
 				children: S("ggnomad.activity.purpose", "Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.")
 			}),
 			/* @__PURE__ */ b(_, {
 				storageKey: "ggnomad-activity-detail",
 				steps: [{
-					id: "book",
-					label: S("ggnomad.activity.next.book", "Book this activity"),
-					description: S("ggnomad.activity.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
-					icon: /* @__PURE__ */ b(c, { className: "size-4" }),
-					onClick: () => C(o(w, "bookings"))
-				}, {
 					id: "browse",
 					label: S("ggnomad.activity.next.browse", "Explore more experiences"),
 					description: S("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
@@ -47,45 +42,54 @@ function S() {
 				}]
 			}),
 			/* @__PURE__ */ x("div", {
-				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ x(h, {
-					treatment: "glass",
-					glow: !0,
-					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ b("h2", {
-						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: S("ggnomad.activity.details", "Details")
-					}), /* @__PURE__ */ x("dl", {
-						className: "space-y-2 text-sm",
-						children: [
-							/* @__PURE__ */ b(r, {
-								label: S("ggnomad.activity.category", "Category"),
-								value: D.category
-							}),
-							/* @__PURE__ */ b(r, {
-								label: S("ggnomad.activity.duration", "Duration"),
-								value: D.duration
-							}),
-							/* @__PURE__ */ b(r, {
-								label: S("ggnomad.activity.maxParticipants", "Max participants"),
-								value: String(D.maxParticipants)
-							}),
-							/* @__PURE__ */ b(r, {
-								label: S("ggnomad.activity.price", "Price"),
-								value: `${D.currency} ${Number(D.price).toFixed(2)}`
-							})
-						]
+				className: "grid gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ x("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [/* @__PURE__ */ x(h, {
+						treatment: "glass",
+						glow: !0,
+						className: "border-border-seam p-5",
+						children: [/* @__PURE__ */ b("h2", {
+							className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+							children: S("ggnomad.activity.details", "Details")
+						}), /* @__PURE__ */ x("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ b(r, {
+									label: S("ggnomad.activity.category", "Category"),
+									value: D.category
+								}),
+								/* @__PURE__ */ b(r, {
+									label: S("ggnomad.activity.duration", "Duration"),
+									value: D.duration
+								}),
+								/* @__PURE__ */ b(r, {
+									label: S("ggnomad.activity.maxParticipants", "Max participants"),
+									value: String(D.maxParticipants)
+								}),
+								/* @__PURE__ */ b(r, {
+									label: S("ggnomad.activity.price", "Price"),
+									value: `${D.currency} ${Number(D.price).toFixed(2)}`
+								})
+							]
+						})]
+					}), /* @__PURE__ */ b(n, {
+						title: S("ggnomad.activity.safety", "Safety information"),
+						children: /* @__PURE__ */ x("div", {
+							className: "flex items-start gap-2 text-sm text-text-primary",
+							children: [/* @__PURE__ */ b(u, {
+								className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ b("p", { children: D.safetyInfo ?? S("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
+						})
 					})]
-				}), /* @__PURE__ */ b(n, {
-					title: S("ggnomad.activity.safety", "Safety information"),
-					children: /* @__PURE__ */ x("div", {
-						className: "flex items-start gap-2 text-sm text-text-primary",
-						children: [/* @__PURE__ */ b(u, {
-							className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
-							"aria-hidden": "true"
-						}), /* @__PURE__ */ b("p", { children: D.safetyInfo ?? S("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
-					})
-				})]
+				}), /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b(s, {
+					bookingType: "ACTIVITY",
+					itemId: D.id ?? T,
+					itemName: D.name,
+					unitPrice: D.price ?? 0,
+					currency: D.currency ?? "USD"
+				}) })]
 			})
 		] }) : /* @__PURE__ */ b(g, {
 			illustration: "empty-data",

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { Activity, CalendarCheck, Compass, ShieldCheck } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero } from '../components';\n\nexport function ActivityDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_ACTIVITY_QUERY as TypedDocumentNode<\n      {\n        ggnomadActivity: {\n          name: string;\n          category: string;\n          duration: string;\n          maxParticipants: number;\n          currency: string;\n          price: number;\n          safetyInfo?: string;\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const activity = data?.ggnomadActivity;\n\n  return (\n    <PageShell\n      title={activity?.name ?? t('ggnomad.activity.fallbackTitle', 'Activity details')}\n      subtitle={t('ggnomad.activity.subtitle', 'Safety, inclusions and participation details')}\n    >\n      {!activity ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.activity.notFoundTitle', 'No activity found')}\n          description={t(\n            'ggnomad.activity.notFoundDescription',\n            'This activity is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={activity.images?.[0]} alt={activity.name} />\n          <PagePurpose icon={<Activity className=\"size-4\" />}>\n            {t(\n              'ggnomad.activity.purpose',\n              'Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-activity-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.activity.next.book', 'Book this activity'),\n                description: t(\n                  'ggnomad.activity.next.bookDesc',\n                  'Add it to your itinerary and track it under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'bookings')),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.activity.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.activity.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-2\">\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.activity.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow\n                  label={t('ggnomad.activity.category', 'Category')}\n                  value={activity.category}\n                />\n                <DetailRow\n                  label={t('ggnomad.activity.duration', 'Duration')}\n                  value={activity.duration}\n                />\n                <DetailRow\n                  label={t('ggnomad.activity.maxParticipants', 'Max participants')}\n                  value={String(activity.maxParticipants)}\n                />\n                <DetailRow\n                  label={t('ggnomad.activity.price', 'Price')}\n                  value={`${activity.currency} ${Number(activity.price).toFixed(2)}`}\n                />\n              </dl>\n            </GlassCard>\n            <SectionCard title={t('ggnomad.activity.safety', 'Safety information')}>\n              <div className=\"flex items-start gap-2 text-sm text-text-primary\">\n                <ShieldCheck\n                  className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                  aria-hidden=\"true\"\n                />\n                <p>\n                  {activity.safetyInfo ??\n                    t('ggnomad.activity.defaultSafety', 'Standard provider safety policy applies.')}\n                </p>\n              </div>\n            </SectionCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAeA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,+CAA+C;YAEtF,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAS,SAAS;IAAI,KAAK,EAAS;IAAQ,CAAA;GAC/D,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;cAC/C,EACC,4BACA,wMACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,8BAA8B,qBAAqB;KAC5D,aAAa,EACX,kCACA,wDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,EAAS,GAAU,WAAW,CAAC;KACxD,EACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,2BAA2B;KACpE,aAAa,EACX,oCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,EAAS,GAAU,UAAU,CAAC;KACvD,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,4BAA4B,UAAU;MACtC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS;QAChB,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS;QAChB,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,oCAAoC,mBAAmB;QAChE,OAAO,OAAO,EAAS,gBAAgB;QACvC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,0BAA0B,QAAQ;QAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;QAChE,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,2BAA2B,qBAAqB;eACpE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,WAAU;OACV,eAAY;OACZ,CAAA,EACF,kBAAC,KAAD,EAAA,UACG,EAAS,cACR,EAAE,kCAAkC,2CAA2C,EAC/E,CAAA,CACA;;KACM,CAAA,CACV;;GACL,EAAA,CAAA,GAjFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EA4EM,CAAA"}
+{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { Activity, Compass, ShieldCheck } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero, BookingPanel } from '../components';\n\nexport function ActivityDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_ACTIVITY_QUERY as TypedDocumentNode<\n      {\n        ggnomadActivity: {\n          id: string;\n          name: string;\n          category: string;\n          duration: string;\n          maxParticipants: number;\n          currency: string;\n          price: number;\n          safetyInfo?: string;\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const activity = data?.ggnomadActivity;\n\n  return (\n    <PageShell\n      title={activity?.name ?? t('ggnomad.activity.fallbackTitle', 'Activity details')}\n      subtitle={t('ggnomad.activity.subtitle', 'Safety, inclusions and participation details')}\n    >\n      {!activity ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.activity.notFoundTitle', 'No activity found')}\n          description={t(\n            'ggnomad.activity.notFoundDescription',\n            'This activity is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={activity.images?.[0]} alt={activity.name} />\n          <PagePurpose icon={<Activity className=\"size-4\" />}>\n            {t(\n              'ggnomad.activity.purpose',\n              'Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-activity-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.activity.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.activity.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\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.activity.details', 'Details')}\n                </h2>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.activity.category', 'Category')}\n                    value={activity.category}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.activity.duration', 'Duration')}\n                    value={activity.duration}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.activity.maxParticipants', 'Max participants')}\n                    value={String(activity.maxParticipants)}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.activity.price', 'Price')}\n                    value={`${activity.currency} ${Number(activity.price).toFixed(2)}`}\n                  />\n                </dl>\n              </GlassCard>\n              <SectionCard title={t('ggnomad.activity.safety', 'Safety information')}>\n                <div className=\"flex items-start gap-2 text-sm text-text-primary\">\n                  <ShieldCheck\n                    className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                    aria-hidden=\"true\"\n                  />\n                  <p>\n                    {activity.safetyInfo ??\n                      t(\n                        'ggnomad.activity.defaultSafety',\n                        'Standard provider safety policy applies.'\n                      )}\n                  </p>\n                </div>\n              </SectionCard>\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"ACTIVITY\"\n                itemId={activity.id ?? id}\n                itemName={activity.name}\n                unitPrice={activity.price ?? 0}\n                currency={activity.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAgBA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,+CAA+C;YAEtF,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAS,SAAS;IAAI,KAAK,EAAS;IAAQ,CAAA;GAC/D,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;cAC/C,EACC,4BACA,wMACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,2BAA2B;KACpE,aAAa,EACX,oCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,EAAS,GAAU,UAAU,CAAC;KACvD,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAE,4BAA4B,UAAU;OACtC,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,GAAD;SACE,OAAO,EAAE,6BAA6B,WAAW;SACjD,OAAO,EAAS;SAChB,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,6BAA6B,WAAW;SACjD,OAAO,EAAS;SAChB,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,oCAAoC,mBAAmB;SAChE,OAAO,OAAO,EAAS,gBAAgB;SACvC,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,0BAA0B,QAAQ;SAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;SAChE,CAAA;QACC;SACK;SACZ,kBAAC,GAAD;MAAa,OAAO,EAAE,2BAA2B,qBAAqB;gBACpE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,WAAU;QACV,eAAY;QACZ,CAAA,EACF,kBAAC,KAAD,EAAA,UACG,EAAS,cACR,EACE,kCACA,2CACD,EACD,CAAA,CACA;;MACM,CAAA,CACV;QACN,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KACE,aAAY;KACZ,QAAQ,EAAS,MAAM;KACvB,UAAU,EAAS;KACnB,WAAW,EAAS,SAAS;KAC7B,UAAU,EAAS,YAAY;KAC/B,CAAA,EACE,CAAA,CACF;;GACL,EAAA,CAAA,GArFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EAgFM,CAAA"}

package/dist/ggnomad/pages/BookingsPage.js

@@ -2,8 +2,8 @@ import { CANCEL_GGNOMAD_BOOKING_MUTATION as e, CREATE_GGNOMAD_BOOKING_MUTATION a
 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 { notify as s } from "../utils/notify.js";
+import "../components/index.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";

package/dist/ggnomad/pages/EventDetailsPage.js

@@ -3,10 +3,11 @@ import { PageShell as t } from "./PageShell.js";
 import { SectionCard as n } from "../components/SectionCard.js";
 import { DetailRow as r } from "../components/DetailRow.js";
 import { DetailHero as i } from "../components/DetailHero.js";
-import "../components/index.js";
 import { useGGNomad as a } from "../providers/GGNomadProvider.js";
 import { joinPath as o } from "../utils/navigation.js";
-import { CalendarCheck as s, Mic2 as c, Ticket as l } from "lucide-react";
+import { BookingPanel as s } from "../components/BookingPanel.js";
+import "../components/index.js";
+import { Mic2 as c, Ticket as l } from "lucide-react";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { useNavigate as d, useParams as f } from "react-router-dom";
 import { useQuery as p } from "@apollo/client/react";
@@ -33,12 +34,6 @@ function x() {
 			/* @__PURE__ */ y(g, {
 				storageKey: "ggnomad-event-detail",
 				steps: [{
-					id: "book",
-					label: x("ggnomad.event.next.book", "Book tickets"),
-					description: x("ggnomad.event.next.bookDesc", "Reserve seats and track them under Bookings."),
-					icon: /* @__PURE__ */ y(s, { className: "size-4" }),
-					onClick: () => S(o(C, "bookings"))
-				}, {
 					id: "browse",
 					label: x("ggnomad.event.next.browse", "See more events"),
 					description: x("ggnomad.event.next.browseDesc", "Return to Entertainment for other live experiences."),
@@ -47,48 +42,58 @@ function x() {
 				}]
 			}),
 			/* @__PURE__ */ b("div", {
-				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ b(m, {
-					treatment: "glass",
-					glow: !0,
-					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ y("h2", {
-						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: x("ggnomad.event.details", "Details")
-					}), /* @__PURE__ */ b("dl", {
-						className: "space-y-2 text-sm",
-						children: [
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.event.category", "Category"),
-								value: E.category
-							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.event.starts", "Starts"),
-								value: new Date(E.startsAt).toLocaleString()
-							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.event.ends", "Ends"),
-								value: E.endsAt ? new Date(E.endsAt).toLocaleString() : x("ggnomad.event.na", "N/A")
-							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.event.price", "Price"),
-								value: `${E.currency} ${Number(E.price).toFixed(2)}`
-							})
-						]
+				className: "grid gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [/* @__PURE__ */ b(m, {
+						treatment: "glass",
+						glow: !0,
+						className: "border-border-seam p-5",
+						children: [/* @__PURE__ */ y("h2", {
+							className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+							children: x("ggnomad.event.details", "Details")
+						}), /* @__PURE__ */ b("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.event.category", "Category"),
+									value: E.category
+								}),
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.event.starts", "Starts"),
+									value: new Date(E.startsAt).toLocaleString()
+								}),
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.event.ends", "Ends"),
+									value: E.endsAt ? new Date(E.endsAt).toLocaleString() : x("ggnomad.event.na", "N/A")
+								}),
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.event.price", "Price"),
+									value: `${E.currency} ${Number(E.price).toFixed(2)}`
+								})
+							]
+						})]
+					}), /* @__PURE__ */ y(n, {
+						title: x("ggnomad.event.performers", "Performers"),
+						children: /* @__PURE__ */ y("ul", {
+							className: "space-y-2 text-sm",
+							children: (E.performers ?? []).map((e) => /* @__PURE__ */ b("li", {
+								className: "flex items-start gap-2 text-text-primary",
+								children: [/* @__PURE__ */ y(c, {
+									className: "mt-0.5 size-4 flex-shrink-0 text-action-primary-bg",
+									"aria-hidden": "true"
+								}), e]
+							}, e))
+						})
 					})]
-				}), /* @__PURE__ */ y(n, {
-					title: x("ggnomad.event.performers", "Performers"),
-					children: /* @__PURE__ */ y("ul", {
-						className: "space-y-2 text-sm",
-						children: (E.performers ?? []).map((e) => /* @__PURE__ */ b("li", {
-							className: "flex items-start gap-2 text-text-primary",
-							children: [/* @__PURE__ */ y(c, {
-								className: "mt-0.5 size-4 flex-shrink-0 text-action-primary-bg",
-								"aria-hidden": "true"
-							}), e]
-						}, e))
-					})
-				})]
+				}), /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(s, {
+					bookingType: "EVENT",
+					itemId: E.id ?? w,
+					itemName: E.name,
+					unitPrice: E.price ?? 0,
+					currency: E.currency ?? "USD",
+					eventDate: E.startsAt
+				}) })]
 			})
 		] }) : /* @__PURE__ */ y(h, {
 			illustration: "empty-data",

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

@@ -1 +1 @@
-{"version":3,"file":"EventDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/EventDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { CalendarCheck, Mic2, Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENT_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero } from '../components';\n\nexport function EventDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_EVENT_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvent: {\n          name: string;\n          category: string;\n          startsAt: string;\n          endsAt?: string;\n          currency: string;\n          price: number;\n          performers: string[];\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const event = data?.ggnomadEvent;\n\n  return (\n    <PageShell\n      title={event?.name ?? t('ggnomad.event.fallbackTitle', 'Event details')}\n      subtitle={t('ggnomad.event.subtitle', 'Live event details, venue and lineup')}\n    >\n      {!event ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.event.notFoundTitle', 'No event found')}\n          description={t(\n            'ggnomad.event.notFoundDescription',\n            'This event is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={event.images?.[0]} alt={event.name} />\n          <PagePurpose icon={<Ticket className=\"size-4\" />}>\n            {t(\n              'ggnomad.event.purpose',\n              '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.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-event-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.event.next.book', 'Book tickets'),\n                description: t(\n                  'ggnomad.event.next.bookDesc',\n                  'Reserve seats and track them under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'bookings')),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.event.next.browse', 'See more events'),\n                description: t(\n                  'ggnomad.event.next.browseDesc',\n                  'Return to Entertainment for other live experiences.'\n                ),\n                icon: <Ticket className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'entertainment')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-2\">\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.event.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow label={t('ggnomad.event.category', 'Category')} value={event.category} />\n                <DetailRow\n                  label={t('ggnomad.event.starts', 'Starts')}\n                  value={new Date(event.startsAt).toLocaleString()}\n                />\n                <DetailRow\n                  label={t('ggnomad.event.ends', 'Ends')}\n                  value={\n                    event.endsAt\n                      ? new Date(event.endsAt).toLocaleString()\n                      : t('ggnomad.event.na', 'N/A')\n                  }\n                />\n                <DetailRow\n                  label={t('ggnomad.event.price', 'Price')}\n                  value={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                />\n              </dl>\n            </GlassCard>\n            <SectionCard title={t('ggnomad.event.performers', 'Performers')}>\n              <ul className=\"space-y-2 text-sm\">\n                {(event.performers ?? []).map((performer) => (\n                  <li key={performer} className=\"flex items-start gap-2 text-text-primary\">\n                    <Mic2\n                      className=\"mt-0.5 size-4 flex-shrink-0 text-action-primary-bg\"\n                      aria-hidden=\"true\"\n                    />\n                    {performer}\n                  </li>\n                ))}\n              </ul>\n            </SectionCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAeA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAQ,GAAM;AAEpB,QACE,kBAAC,GAAD;EACE,OAAO,GAAO,QAAQ,EAAE,+BAA+B,gBAAgB;EACvE,UAAU,EAAE,0BAA0B,uCAAuC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAM,SAAS;IAAI,KAAK,EAAM;IAAQ,CAAA;GACzD,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;cAC7C,EACC,yBACA,gLACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,2BAA2B,eAAe;KACnD,aAAa,EACX,+BACA,+CACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,EAAS,GAAU,WAAW,CAAC;KACxD,EACD;KACE,IAAI;KACJ,OAAO,EAAE,6BAA6B,kBAAkB;KACxD,aAAa,EACX,iCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;KACnC,eAAe,EAAS,EAAS,GAAU,gBAAgB,CAAC;KAC7D,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,yBAAyB,UAAU;MACnC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QAAW,OAAO,EAAE,0BAA0B,WAAW;QAAE,OAAO,EAAM;QAAY,CAAA;OACpF,kBAAC,GAAD;QACE,OAAO,EAAE,wBAAwB,SAAS;QAC1C,OAAO,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;QAChD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,OAAO;QACtC,OACE,EAAM,SACF,IAAI,KAAK,EAAM,OAAO,CAAC,gBAAgB,GACvC,EAAE,oBAAoB,MAAM;QAElC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,uBAAuB,QAAQ;QACxC,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;QAC1D,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,4BAA4B,aAAa;eAC7D,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAM,cAAc,EAAE,EAAE,KAAK,MAC7B,kBAAC,MAAD;OAAoB,WAAU;iBAA9B,CACE,kBAAC,GAAD;QACE,WAAU;QACV,eAAY;QACZ,CAAA,EACD,EACE;SANI,EAMJ,CACL;MACC,CAAA;KACO,CAAA,CACV;;GACL,EAAA,CAAA,GAnFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,iBAAiB;GACzD,aAAa,EACX,qCACA,sDACD;GACD,CAAA;EA8EM,CAAA"}
+{"version":3,"file":"EventDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/EventDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { Mic2, Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENT_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero, BookingPanel } from '../components';\n\nexport function EventDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_EVENT_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvent: {\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          endsAt?: string;\n          currency: string;\n          price: number;\n          performers: string[];\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const event = data?.ggnomadEvent;\n\n  return (\n    <PageShell\n      title={event?.name ?? t('ggnomad.event.fallbackTitle', 'Event details')}\n      subtitle={t('ggnomad.event.subtitle', 'Live event details, venue and lineup')}\n    >\n      {!event ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.event.notFoundTitle', 'No event found')}\n          description={t(\n            'ggnomad.event.notFoundDescription',\n            'This event is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={event.images?.[0]} alt={event.name} />\n          <PagePurpose icon={<Ticket className=\"size-4\" />}>\n            {t(\n              'ggnomad.event.purpose',\n              '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.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-event-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.event.next.browse', 'See more events'),\n                description: t(\n                  'ggnomad.event.next.browseDesc',\n                  'Return to Entertainment for other live experiences.'\n                ),\n                icon: <Ticket className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'entertainment')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\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.event.details', 'Details')}\n                </h2>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.event.category', 'Category')}\n                    value={event.category}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.event.starts', 'Starts')}\n                    value={new Date(event.startsAt).toLocaleString()}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.event.ends', 'Ends')}\n                    value={\n                      event.endsAt\n                        ? new Date(event.endsAt).toLocaleString()\n                        : t('ggnomad.event.na', 'N/A')\n                    }\n                  />\n                  <DetailRow\n                    label={t('ggnomad.event.price', 'Price')}\n                    value={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                  />\n                </dl>\n              </GlassCard>\n              <SectionCard title={t('ggnomad.event.performers', 'Performers')}>\n                <ul className=\"space-y-2 text-sm\">\n                  {(event.performers ?? []).map((performer) => (\n                    <li key={performer} className=\"flex items-start gap-2 text-text-primary\">\n                      <Mic2\n                        className=\"mt-0.5 size-4 flex-shrink-0 text-action-primary-bg\"\n                        aria-hidden=\"true\"\n                      />\n                      {performer}\n                    </li>\n                  ))}\n                </ul>\n              </SectionCard>\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"EVENT\"\n                itemId={event.id ?? id}\n                itemName={event.name}\n                unitPrice={event.price ?? 0}\n                currency={event.currency ?? 'USD'}\n                eventDate={event.startsAt}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAgBA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAQ,GAAM;AAEpB,QACE,kBAAC,GAAD;EACE,OAAO,GAAO,QAAQ,EAAE,+BAA+B,gBAAgB;EACvE,UAAU,EAAE,0BAA0B,uCAAuC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAM,SAAS;IAAI,KAAK,EAAM;IAAQ,CAAA;GACzD,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;cAC7C,EACC,yBACA,gLACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,6BAA6B,kBAAkB;KACxD,aAAa,EACX,iCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;KACnC,eAAe,EAAS,EAAS,GAAU,gBAAgB,CAAC;KAC7D,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAE,yBAAyB,UAAU;OACnC,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,GAAD;SACE,OAAO,EAAE,0BAA0B,WAAW;SAC9C,OAAO,EAAM;SACb,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,wBAAwB,SAAS;SAC1C,OAAO,IAAI,KAAK,EAAM,SAAS,CAAC,gBAAgB;SAChD,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,sBAAsB,OAAO;SACtC,OACE,EAAM,SACF,IAAI,KAAK,EAAM,OAAO,CAAC,gBAAgB,GACvC,EAAE,oBAAoB,MAAM;SAElC,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,uBAAuB,QAAQ;SACxC,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,MAAM,CAAC,QAAQ,EAAE;SAC1D,CAAA;QACC;SACK;SACZ,kBAAC,GAAD;MAAa,OAAO,EAAE,4BAA4B,aAAa;gBAC7D,kBAAC,MAAD;OAAI,WAAU;kBACV,EAAM,cAAc,EAAE,EAAE,KAAK,MAC7B,kBAAC,MAAD;QAAoB,WAAU;kBAA9B,CACE,kBAAC,GAAD;SACE,WAAU;SACV,eAAY;SACZ,CAAA,EACD,EACE;UANI,EAMJ,CACL;OACC,CAAA;MACO,CAAA,CACV;QACN,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KACE,aAAY;KACZ,QAAQ,EAAM,MAAM;KACpB,UAAU,EAAM;KAChB,WAAW,EAAM,SAAS;KAC1B,UAAU,EAAM,YAAY;KAC5B,WAAW,EAAM;KACjB,CAAA,EACE,CAAA,CACF;;GACL,EAAA,CAAA,GAxFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,iBAAiB;GACzD,aAAa,EACX,qCACA,sDACD;GACD,CAAA;EAmFM,CAAA"}

package/dist/ggnomad/pages/FavoritesPage.js

@@ -1,8 +1,8 @@
 import { GGNOMAD_FAVORITES_QUERY as e, GGNOMAD_FAVORITE_TARGETS_QUERY as t, TOGGLE_GGNOMAD_FAVORITE_MUTATION as n } from "../graphql.js";
 import { PageShell as r } from "./PageShell.js";
 import { EntityCard as i } from "../components/EntityCard.js";
-import "../components/index.js";
 import { notify as a } from "../utils/notify.js";
+import "../components/index.js";
 import { useMemo as o } from "react";
 import { Heart as s } from "lucide-react";
 import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";

package/dist/ggnomad/pages/PropertyDetailsPage.js

@@ -3,10 +3,11 @@ import { PageShell as t } from "./PageShell.js";
 import { SectionCard as n } from "../components/SectionCard.js";
 import { DetailRow as r } from "../components/DetailRow.js";
 import { DetailHero as i } from "../components/DetailHero.js";
-import "../components/index.js";
 import { useGGNomad as a } from "../providers/GGNomadProvider.js";
 import { joinPath as o } from "../utils/navigation.js";
-import { CalendarCheck as s, Hotel as c } from "lucide-react";
+import { BookingPanel as s } from "../components/BookingPanel.js";
+import "../components/index.js";
+import { Hotel 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";
@@ -33,12 +34,6 @@ function b() {
 			/* @__PURE__ */ v(h, {
 				storageKey: "ggnomad-property-detail",
 				steps: [{
-					id: "book",
-					label: b("ggnomad.property.next.book", "Book this stay"),
-					description: b("ggnomad.property.next.bookDesc", "Reserve these dates and track it under Bookings."),
-					icon: /* @__PURE__ */ v(s, { className: "size-4" }),
-					onClick: () => x(o(S, "bookings"))
-				}, {
 					id: "browse",
 					label: b("ggnomad.property.next.browse", "Compare other stays"),
 					description: b("ggnomad.property.next.browseDesc", "Go back to hospitality listings to compare options."),
@@ -47,56 +42,66 @@ function b() {
 				}]
 			}),
 			/* @__PURE__ */ y("div", {
-				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ y(n, {
-					title: b("ggnomad.property.about", "About"),
-					children: [
-						/* @__PURE__ */ v("p", {
-							className: "text-sm text-text-secondary",
-							children: b("ggnomad.property.type", "Type")
-						}),
-						/* @__PURE__ */ v("p", {
-							className: "text-text-primary",
-							children: T.type
-						}),
-						/* @__PURE__ */ v("p", {
-							className: "mt-3 text-sm text-text-secondary",
-							children: b("ggnomad.property.description", "Description")
-						}),
-						/* @__PURE__ */ v("p", {
-							className: "text-text-primary",
-							children: T.description ?? b("ggnomad.property.noDescription", "No description")
-						})
-					]
-				}), /* @__PURE__ */ y(p, {
-					treatment: "glass",
-					glow: !0,
-					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ v("h2", {
-						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: b("ggnomad.property.details", "Details")
-					}), /* @__PURE__ */ y("dl", {
-						className: "space-y-2 text-sm",
+				className: "grid gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ y("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [/* @__PURE__ */ y(n, {
+						title: b("ggnomad.property.about", "About"),
 						children: [
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.property.price", "Price"),
-								value: `${T.currency} ${Number(T.pricePerNight).toFixed(2)}`
+							/* @__PURE__ */ v("p", {
+								className: "text-sm text-text-secondary",
+								children: b("ggnomad.property.type", "Type")
 							}),
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.property.guests", "Guests"),
-								value: String(T.maxGuests)
+							/* @__PURE__ */ v("p", {
+								className: "text-text-primary",
+								children: T.type
 							}),
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.property.rating", "Rating"),
-								value: String(T.rating ?? b("ggnomad.property.noRating", "N/A"))
+							/* @__PURE__ */ v("p", {
+								className: "mt-3 text-sm text-text-secondary",
+								children: b("ggnomad.property.description", "Description")
 							}),
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.property.provider", "Provider"),
-								value: T.provider?.name ?? b("ggnomad.property.unassigned", "Unassigned")
+							/* @__PURE__ */ v("p", {
+								className: "text-text-primary",
+								children: T.description ?? b("ggnomad.property.noDescription", "No description")
 							})
 						]
+					}), /* @__PURE__ */ y(p, {
+						treatment: "glass",
+						glow: !0,
+						className: "border-border-seam p-5",
+						children: [/* @__PURE__ */ v("h2", {
+							className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+							children: b("ggnomad.property.details", "Details")
+						}), /* @__PURE__ */ y("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ v(r, {
+									label: b("ggnomad.property.price", "Price"),
+									value: `${T.currency} ${Number(T.pricePerNight).toFixed(2)}`
+								}),
+								/* @__PURE__ */ v(r, {
+									label: b("ggnomad.property.guests", "Guests"),
+									value: String(T.maxGuests)
+								}),
+								/* @__PURE__ */ v(r, {
+									label: b("ggnomad.property.rating", "Rating"),
+									value: String(T.rating ?? b("ggnomad.property.noRating", "N/A"))
+								}),
+								/* @__PURE__ */ v(r, {
+									label: b("ggnomad.property.provider", "Provider"),
+									value: T.provider?.name ?? b("ggnomad.property.unassigned", "Unassigned")
+								})
+							]
+						})]
 					})]
-				})]
+				}), /* @__PURE__ */ v("div", { children: /* @__PURE__ */ v(s, {
+					bookingType: "PROPERTY",
+					itemId: T.id ?? C,
+					itemName: T.name,
+					unitPrice: T.pricePerNight ?? 0,
+					currency: T.currency ?? "USD",
+					nights: 1
+				}) })]
 			})
 		] }) : /* @__PURE__ */ v(m, {
 			illustration: "empty-data",

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/PropertyDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { CalendarCheck, Hotel } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero } from '../components';\n\nexport function PropertyDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_PROPERTY_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperty: {\n          name: string;\n          type: string;\n          description?: string;\n          currency: string;\n          pricePerNight: number;\n          maxGuests: number;\n          rating?: number;\n          provider?: { name: string };\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const property = data?.ggnomadProperty;\n\n  return (\n    <PageShell\n      title={property?.name ?? t('ggnomad.property.fallbackTitle', 'Property details')}\n      subtitle={t('ggnomad.property.subtitle', 'Detailed hospitality listing view')}\n    >\n      {!property ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.property.notFoundTitle', 'No property found')}\n          description={t(\n            'ggnomad.property.notFoundDescription',\n            'This property is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={property.images?.[0]} alt={property.name} />\n          <PagePurpose icon={<Hotel className=\"size-4\" />}>\n            {t(\n              'ggnomad.property.purpose',\n              'Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-property-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.property.next.book', 'Book this stay'),\n                description: t(\n                  'ggnomad.property.next.bookDesc',\n                  'Reserve these dates and track it under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'bookings')),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.property.next.browse', 'Compare other stays'),\n                description: t(\n                  'ggnomad.property.next.browseDesc',\n                  'Go back to hospitality listings to compare options.'\n                ),\n                icon: <Hotel className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'hospitality')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            <SectionCard title={t('ggnomad.property.about', 'About')}>\n              <p className=\"text-sm text-text-secondary\">{t('ggnomad.property.type', 'Type')}</p>\n              <p className=\"text-text-primary\">{property.type}</p>\n              <p className=\"mt-3 text-sm text-text-secondary\">\n                {t('ggnomad.property.description', 'Description')}\n              </p>\n              <p className=\"text-text-primary\">\n                {property.description ?? t('ggnomad.property.noDescription', 'No description')}\n              </p>\n            </SectionCard>\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.property.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow\n                  label={t('ggnomad.property.price', 'Price')}\n                  value={`${property.currency} ${Number(property.pricePerNight).toFixed(2)}`}\n                />\n                <DetailRow\n                  label={t('ggnomad.property.guests', 'Guests')}\n                  value={String(property.maxGuests)}\n                />\n                <DetailRow\n                  label={t('ggnomad.property.rating', 'Rating')}\n                  value={String(property.rating ?? t('ggnomad.property.noRating', 'N/A'))}\n                />\n                <DetailRow\n                  label={t('ggnomad.property.provider', 'Provider')}\n                  value={property.provider?.name ?? t('ggnomad.property.unassigned', 'Unassigned')}\n                />\n              </dl>\n            </GlassCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAgBA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,oCAAoC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAS,SAAS;IAAI,KAAK,EAAS;IAAQ,CAAA;GAC/D,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;cAC5C,EACC,4BACA,gKACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,8BAA8B,iBAAiB;KACxD,aAAa,EACX,kCACA,mDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,EAAS,GAAU,WAAW,CAAC;KACxD,EACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,sBAAsB;KAC/D,aAAa,EACX,oCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;KAClC,eAAe,EAAS,EAAS,GAAU,cAAc,CAAC;KAC3D,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,0BAA0B,QAAQ;eAAxD;MACE,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAE,yBAAyB,OAAO;OAAK,CAAA;MACnF,kBAAC,KAAD;OAAG,WAAU;iBAAqB,EAAS;OAAS,CAAA;MACpD,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,gCAAgC,cAAc;OAC/C,CAAA;MACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,eAAe,EAAE,kCAAkC,iBAAiB;OAC5E,CAAA;MACQ;QACd,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,4BAA4B,UAAU;MACtC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QACE,OAAO,EAAE,0BAA0B,QAAQ;QAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE;QACxE,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,SAAS;QAC7C,OAAO,OAAO,EAAS,UAAU;QACjC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,SAAS;QAC7C,OAAO,OAAO,EAAS,UAAU,EAAE,6BAA6B,MAAM,CAAC;QACvE,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS,UAAU,QAAQ,EAAE,+BAA+B,aAAa;QAChF,CAAA;OACC;QACK;OACR;;GACL,EAAA,CAAA,GA/EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EA0EM,CAAA"}
+{"version":3,"file":"PropertyDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/PropertyDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { Hotel } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTY_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero, BookingPanel } from '../components';\n\nexport function PropertyDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_PROPERTY_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperty: {\n          id: string;\n          name: string;\n          type: string;\n          description?: string;\n          currency: string;\n          pricePerNight: number;\n          maxGuests: number;\n          rating?: number;\n          provider?: { name: string };\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const property = data?.ggnomadProperty;\n\n  return (\n    <PageShell\n      title={property?.name ?? t('ggnomad.property.fallbackTitle', 'Property details')}\n      subtitle={t('ggnomad.property.subtitle', 'Detailed hospitality listing view')}\n    >\n      {!property ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.property.notFoundTitle', 'No property found')}\n          description={t(\n            'ggnomad.property.notFoundDescription',\n            'This property is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={property.images?.[0]} alt={property.name} />\n          <PagePurpose icon={<Hotel className=\"size-4\" />}>\n            {t(\n              'ggnomad.property.purpose',\n              'Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-property-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.property.next.browse', 'Compare other stays'),\n                description: t(\n                  'ggnomad.property.next.browseDesc',\n                  'Go back to hospitality listings to compare options.'\n                ),\n                icon: <Hotel className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'hospitality')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <SectionCard title={t('ggnomad.property.about', 'About')}>\n                <p className=\"text-sm text-text-secondary\">{t('ggnomad.property.type', 'Type')}</p>\n                <p className=\"text-text-primary\">{property.type}</p>\n                <p className=\"mt-3 text-sm text-text-secondary\">\n                  {t('ggnomad.property.description', 'Description')}\n                </p>\n                <p className=\"text-text-primary\">\n                  {property.description ?? t('ggnomad.property.noDescription', 'No description')}\n                </p>\n              </SectionCard>\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.property.details', 'Details')}\n                </h2>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.property.price', 'Price')}\n                    value={`${property.currency} ${Number(property.pricePerNight).toFixed(2)}`}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.guests', 'Guests')}\n                    value={String(property.maxGuests)}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.rating', 'Rating')}\n                    value={String(property.rating ?? t('ggnomad.property.noRating', 'N/A'))}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.property.provider', 'Provider')}\n                    value={\n                      property.provider?.name ?? t('ggnomad.property.unassigned', 'Unassigned')\n                    }\n                  />\n                </dl>\n              </GlassCard>\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"PROPERTY\"\n                itemId={property.id ?? id}\n                itemName={property.name}\n                unitPrice={property.pricePerNight ?? 0}\n                currency={property.currency ?? 'USD'}\n                nights={1}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAiBA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,oCAAoC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAS,SAAS;IAAI,KAAK,EAAS;IAAQ,CAAA;GAC/D,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;cAC5C,EACC,4BACA,gKACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,sBAAsB;KAC/D,aAAa,EACX,oCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;KAClC,eAAe,EAAS,EAAS,GAAU,cAAc,CAAC;KAC3D,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAa,OAAO,EAAE,0BAA0B,QAAQ;gBAAxD;OACE,kBAAC,KAAD;QAAG,WAAU;kBAA+B,EAAE,yBAAyB,OAAO;QAAK,CAAA;OACnF,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAS;QAAS,CAAA;OACpD,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,gCAAgC,cAAc;QAC/C,CAAA;OACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAS,eAAe,EAAE,kCAAkC,iBAAiB;QAC5E,CAAA;OACQ;SACd,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAE,4BAA4B,UAAU;OACtC,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,GAAD;SACE,OAAO,EAAE,0BAA0B,QAAQ;SAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE;SACxE,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,2BAA2B,SAAS;SAC7C,OAAO,OAAO,EAAS,UAAU;SACjC,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,2BAA2B,SAAS;SAC7C,OAAO,OAAO,EAAS,UAAU,EAAE,6BAA6B,MAAM,CAAC;SACvE,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,6BAA6B,WAAW;SACjD,OACE,EAAS,UAAU,QAAQ,EAAE,+BAA+B,aAAa;SAE3E,CAAA;QACC;SACK;QACR;QACN,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KACE,aAAY;KACZ,QAAQ,EAAS,MAAM;KACvB,UAAU,EAAS;KACnB,WAAW,EAAS,iBAAiB;KACrC,UAAU,EAAS,YAAY;KAC/B,QAAQ;KACR,CAAA,EACE,CAAA,CACF;;GACL,EAAA,CAAA,GAnFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EA8EM,CAAA"}

package/dist/ggnomad/pages/TourDetailsPage.js

@@ -3,10 +3,11 @@ import { PageShell as t } from "./PageShell.js";
 import { SectionCard as n } from "../components/SectionCard.js";
 import { DetailRow as r } from "../components/DetailRow.js";
 import { DetailHero as i } from "../components/DetailHero.js";
-import "../components/index.js";
 import { useGGNomad as a } from "../providers/GGNomadProvider.js";
 import { joinPath as o } from "../utils/navigation.js";
-import { CalendarCheck as s, CheckCircle2 as c, Compass as l } from "lucide-react";
+import { BookingPanel as s } from "../components/BookingPanel.js";
+import "../components/index.js";
+import { CheckCircle2 as c, Compass as l } from "lucide-react";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { useNavigate as d, useParams as f } from "react-router-dom";
 import { useQuery as p } from "@apollo/client/react";
@@ -33,12 +34,6 @@ function x() {
 			/* @__PURE__ */ y(g, {
 				storageKey: "ggnomad-tour-detail",
 				steps: [{
-					id: "book",
-					label: x("ggnomad.tour.next.book", "Book this tour"),
-					description: x("ggnomad.tour.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
-					icon: /* @__PURE__ */ y(s, { className: "size-4" }),
-					onClick: () => S(o(C, "bookings"))
-				}, {
 					id: "browse",
 					label: x("ggnomad.tour.next.browse", "Explore more experiences"),
 					description: x("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
@@ -47,48 +42,57 @@ function x() {
 				}]
 			}),
 			/* @__PURE__ */ b("div", {
-				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ b(m, {
-					treatment: "glass",
-					glow: !0,
-					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ y("h2", {
-						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: x("ggnomad.tour.details", "Details")
-					}), /* @__PURE__ */ b("dl", {
-						className: "space-y-2 text-sm",
-						children: [
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.tour.duration", "Duration"),
-								value: E.duration
-							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.tour.difficulty", "Difficulty"),
-								value: E.difficulty ?? x("ggnomad.tour.na", "N/A")
-							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.tour.guide", "Guide"),
-								value: E.guideName ?? x("ggnomad.tour.na", "N/A")
-							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.tour.price", "Price"),
-								value: `${E.currency} ${Number(E.price).toFixed(2)}`
-							})
-						]
+				className: "grid gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ b("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [/* @__PURE__ */ b(m, {
+						treatment: "glass",
+						glow: !0,
+						className: "border-border-seam p-5",
+						children: [/* @__PURE__ */ y("h2", {
+							className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+							children: x("ggnomad.tour.details", "Details")
+						}), /* @__PURE__ */ b("dl", {
+							className: "space-y-2 text-sm",
+							children: [
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.tour.duration", "Duration"),
+									value: E.duration
+								}),
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.tour.difficulty", "Difficulty"),
+									value: E.difficulty ?? x("ggnomad.tour.na", "N/A")
+								}),
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.tour.guide", "Guide"),
+									value: E.guideName ?? x("ggnomad.tour.na", "N/A")
+								}),
+								/* @__PURE__ */ y(r, {
+									label: x("ggnomad.tour.price", "Price"),
+									value: `${E.currency} ${Number(E.price).toFixed(2)}`
+								})
+							]
+						})]
+					}), /* @__PURE__ */ y(n, {
+						title: x("ggnomad.tour.highlights", "Highlights"),
+						children: /* @__PURE__ */ y("ul", {
+							className: "space-y-2 text-sm",
+							children: (E.highlights ?? []).map((e) => /* @__PURE__ */ b("li", {
+								className: "flex items-start gap-2 text-text-primary",
+								children: [/* @__PURE__ */ y(c, {
+									className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
+									"aria-hidden": "true"
+								}), e]
+							}, e))
+						})
 					})]
-				}), /* @__PURE__ */ y(n, {
-					title: x("ggnomad.tour.highlights", "Highlights"),
-					children: /* @__PURE__ */ y("ul", {
-						className: "space-y-2 text-sm",
-						children: (E.highlights ?? []).map((e) => /* @__PURE__ */ b("li", {
-							className: "flex items-start gap-2 text-text-primary",
-							children: [/* @__PURE__ */ y(c, {
-								className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
-								"aria-hidden": "true"
-							}), e]
-						}, e))
-					})
-				})]
+				}), /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(s, {
+					bookingType: "TOUR",
+					itemId: E.id ?? w,
+					itemName: E.name,
+					unitPrice: E.price ?? 0,
+					currency: E.currency ?? "USD"
+				}) })]
 			})
 		] }) : /* @__PURE__ */ y(h, {
 			illustration: "empty-data",

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

@@ -1 +1 @@
-{"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { CalendarCheck, CheckCircle2, Compass } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TOUR_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero } from '../components';\n\nexport function TourDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_TOUR_QUERY as TypedDocumentNode<\n      {\n        ggnomadTour: {\n          name: string;\n          duration: string;\n          difficulty?: string;\n          guideName?: string;\n          currency: string;\n          price: number;\n          highlights: string[];\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const tour = data?.ggnomadTour;\n\n  return (\n    <PageShell\n      title={tour?.name ?? t('ggnomad.tour.fallbackTitle', 'Tour details')}\n      subtitle={t('ggnomad.tour.subtitle', 'Tour package details and booking context')}\n    >\n      {!tour ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.tour.notFoundTitle', 'No tour found')}\n          description={t(\n            'ggnomad.tour.notFoundDescription',\n            'This tour is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={tour.images?.[0]} alt={tour.name} />\n          <PagePurpose icon={<Compass className=\"size-4\" />}>\n            {t(\n              'ggnomad.tour.purpose',\n              'See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-tour-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.tour.next.book', 'Book this tour'),\n                description: t(\n                  'ggnomad.tour.next.bookDesc',\n                  'Add it to your itinerary and track it under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'bookings')),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.tour.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.tour.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-2\">\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.tour.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow label={t('ggnomad.tour.duration', 'Duration')} value={tour.duration} />\n                <DetailRow\n                  label={t('ggnomad.tour.difficulty', 'Difficulty')}\n                  value={tour.difficulty ?? t('ggnomad.tour.na', 'N/A')}\n                />\n                <DetailRow\n                  label={t('ggnomad.tour.guide', 'Guide')}\n                  value={tour.guideName ?? t('ggnomad.tour.na', 'N/A')}\n                />\n                <DetailRow\n                  label={t('ggnomad.tour.price', 'Price')}\n                  value={`${tour.currency} ${Number(tour.price).toFixed(2)}`}\n                />\n              </dl>\n            </GlassCard>\n            <SectionCard title={t('ggnomad.tour.highlights', 'Highlights')}>\n              <ul className=\"space-y-2 text-sm\">\n                {(tour.highlights ?? []).map((highlight) => (\n                  <li key={highlight} className=\"flex items-start gap-2 text-text-primary\">\n                    <CheckCircle2\n                      className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                      aria-hidden=\"true\"\n                    />\n                    {highlight}\n                  </li>\n                ))}\n              </ul>\n            </SectionCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAaA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAeA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAO,GAAM;AAEnB,QACE,kBAAC,GAAD;EACE,OAAO,GAAM,QAAQ,EAAE,8BAA8B,eAAe;EACpE,UAAU,EAAE,yBAAyB,2CAA2C;YAE9E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAK,SAAS;IAAI,KAAK,EAAK;IAAQ,CAAA;GACvD,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,wBACA,4KACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,0BAA0B,iBAAiB;KACpD,aAAa,EACX,8BACA,wDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,EAAS,GAAU,WAAW,CAAC;KACxD,EACD;KACE,IAAI;KACJ,OAAO,EAAE,4BAA4B,2BAA2B;KAChE,aAAa,EACX,gCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,EAAS,GAAU,UAAU,CAAC;KACvD,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,wBAAwB,UAAU;MAClC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QAAW,OAAO,EAAE,yBAAyB,WAAW;QAAE,OAAO,EAAK;QAAY,CAAA;OAClF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,aAAa;QACjD,OAAO,EAAK,cAAc,EAAE,mBAAmB,MAAM;QACrD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,QAAQ;QACvC,OAAO,EAAK,aAAa,EAAE,mBAAmB,MAAM;QACpD,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,sBAAsB,QAAQ;QACvC,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;QACxD,CAAA;OACC;QACK;QACZ,kBAAC,GAAD;KAAa,OAAO,EAAE,2BAA2B,aAAa;eAC5D,kBAAC,MAAD;MAAI,WAAU;iBACV,EAAK,cAAc,EAAE,EAAE,KAAK,MAC5B,kBAAC,MAAD;OAAoB,WAAU;iBAA9B,CACE,kBAAC,GAAD;QACE,WAAU;QACV,eAAY;QACZ,CAAA,EACD,EACE;SANI,EAMJ,CACL;MACC,CAAA;KACO,CAAA,CACV;;GACL,EAAA,CAAA,GA/EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,8BAA8B,gBAAgB;GACvD,aAAa,EACX,oCACA,qDACD;GACD,CAAA;EA0EM,CAAA"}
+{"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.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 { useNavigate, useParams } from 'react-router-dom';\nimport { CheckCircle2, Compass } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_TOUR_QUERY } from '../graphql';\nimport { useGGNomad } from '../providers/GGNomadProvider';\nimport { joinPath } from '../utils/navigation';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard, DetailHero, BookingPanel } from '../components';\n\nexport function TourDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_TOUR_QUERY as TypedDocumentNode<\n      {\n        ggnomadTour: {\n          id: string;\n          name: string;\n          duration: string;\n          difficulty?: string;\n          guideName?: string;\n          currency: string;\n          price: number;\n          highlights: string[];\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const tour = data?.ggnomadTour;\n\n  return (\n    <PageShell\n      title={tour?.name ?? t('ggnomad.tour.fallbackTitle', 'Tour details')}\n      subtitle={t('ggnomad.tour.subtitle', 'Tour package details and booking context')}\n    >\n      {!tour ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.tour.notFoundTitle', 'No tour found')}\n          description={t(\n            'ggnomad.tour.notFoundDescription',\n            'This tour is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={tour.images?.[0]} alt={tour.name} />\n          <PagePurpose icon={<Compass className=\"size-4\" />}>\n            {t(\n              'ggnomad.tour.purpose',\n              'See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-tour-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.tour.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.tour.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\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.tour.details', 'Details')}\n                </h2>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow label={t('ggnomad.tour.duration', 'Duration')} value={tour.duration} />\n                  <DetailRow\n                    label={t('ggnomad.tour.difficulty', 'Difficulty')}\n                    value={tour.difficulty ?? t('ggnomad.tour.na', 'N/A')}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.tour.guide', 'Guide')}\n                    value={tour.guideName ?? t('ggnomad.tour.na', 'N/A')}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.tour.price', 'Price')}\n                    value={`${tour.currency} ${Number(tour.price).toFixed(2)}`}\n                  />\n                </dl>\n              </GlassCard>\n              <SectionCard title={t('ggnomad.tour.highlights', 'Highlights')}>\n                <ul className=\"space-y-2 text-sm\">\n                  {(tour.highlights ?? []).map((highlight) => (\n                    <li key={highlight} className=\"flex items-start gap-2 text-text-primary\">\n                      <CheckCircle2\n                        className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                        aria-hidden=\"true\"\n                      />\n                      {highlight}\n                    </li>\n                  ))}\n                </ul>\n              </SectionCard>\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"TOUR\"\n                itemId={tour.id ?? id}\n                itemName={tour.name}\n                unitPrice={tour.price ?? 0}\n                currency={tour.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAaA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAY,EACjC,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAgBA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAO,GAAM;AAEnB,QACE,kBAAC,GAAD;EACE,OAAO,GAAM,QAAQ,EAAE,8BAA8B,eAAe;EACpE,UAAU,EAAE,yBAAyB,2CAA2C;YAE9E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,OAAO,EAAK,SAAS;IAAI,KAAK,EAAK;IAAQ,CAAA;GACvD,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,wBACA,4KACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,4BAA4B,2BAA2B;KAChE,aAAa,EACX,gCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,EAAS,GAAU,UAAU,CAAC;KACvD,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAE,wBAAwB,UAAU;OAClC,CAAA,EACL,kBAAC,MAAD;OAAI,WAAU;iBAAd;QACE,kBAAC,GAAD;SAAW,OAAO,EAAE,yBAAyB,WAAW;SAAE,OAAO,EAAK;SAAY,CAAA;QAClF,kBAAC,GAAD;SACE,OAAO,EAAE,2BAA2B,aAAa;SACjD,OAAO,EAAK,cAAc,EAAE,mBAAmB,MAAM;SACrD,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,sBAAsB,QAAQ;SACvC,OAAO,EAAK,aAAa,EAAE,mBAAmB,MAAM;SACpD,CAAA;QACF,kBAAC,GAAD;SACE,OAAO,EAAE,sBAAsB,QAAQ;SACvC,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;SACxD,CAAA;QACC;SACK;SACZ,kBAAC,GAAD;MAAa,OAAO,EAAE,2BAA2B,aAAa;gBAC5D,kBAAC,MAAD;OAAI,WAAU;kBACV,EAAK,cAAc,EAAE,EAAE,KAAK,MAC5B,kBAAC,MAAD;QAAoB,WAAU;kBAA9B,CACE,kBAAC,GAAD;SACE,WAAU;SACV,eAAY;SACZ,CAAA,EACD,EACE;UANI,EAMJ,CACL;OACC,CAAA;MACO,CAAA,CACV;QACN,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KACE,aAAY;KACZ,QAAQ,EAAK,MAAM;KACnB,UAAU,EAAK;KACf,WAAW,EAAK,SAAS;KACzB,UAAU,EAAK,YAAY;KAC3B,CAAA,EACE,CAAA,CACF;;GACL,EAAA,CAAA,GAhFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,8BAA8B,gBAAgB;GACvD,aAAa,EACX,oCACA,qDACD;GACD,CAAA;EA2EM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-ggnomad",
-  "version": "2026.705.2",
+  "version": "2026.705.3",
   "description": "Burdenoff GGNomad Microfrontend",
   "type": "module",
   "files": [