@burdenoff/microfe-ggnomad 2026.705.1 → 2026.705.2

package/dist/ggnomad/components/DetailHero.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ggnomad/components/DetailHero.tsx
+function r({ image: r, alt: i, className: a }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("relative mb-5 aspect-[21/9] w-full overflow-hidden rounded-card border border-border-seam", a),
+		children: [r ? /* @__PURE__ */ t("img", {
+			src: r,
+			alt: i ?? "",
+			loading: "eager",
+			decoding: "async",
+			className: "size-full object-cover"
+		}) : /* @__PURE__ */ t("div", {
+			"aria-hidden": "true",
+			className: "size-full bg-gradient-to-br from-action-primary-bg/30 via-bg-sunken to-bg-sunken"
+		}), /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent" })]
+	});
+}
+//#endregion
+export { r as DetailHero };
+
+//# sourceMappingURL=DetailHero.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailHero.js","names":[],"sources":["../../../src/ggnomad/components/DetailHero.tsx"],"sourcesContent":["import { cn } from '../utils/cn';\n\ninterface DetailHeroProps {\n  /** Primary cover image URL; a branded gradient is shown when absent. */\n  image?: string | null;\n  alt?: string;\n  className?: string;\n}\n\n/**\n * Full-width hero cover for a listing detail page — a 21:9 photo with a bottom\n * gradient scrim, or a branded gradient fallback when the listing has no media.\n */\nexport function DetailHero({ image, alt, className }: DetailHeroProps) {\n  return (\n    <div\n      className={cn(\n        'relative mb-5 aspect-[21/9] w-full overflow-hidden rounded-card border border-border-seam',\n        className\n      )}\n    >\n      {image ? (\n        <img\n          src={image}\n          alt={alt ?? ''}\n          loading=\"eager\"\n          decoding=\"async\"\n          className=\"size-full object-cover\"\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className=\"size-full bg-gradient-to-br from-action-primary-bg/30 via-bg-sunken to-bg-sunken\"\n        />\n      )}\n      <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent\" />\n    </div>\n  );\n}\n"],"mappings":";;;AAaA,SAAgB,EAAW,EAAE,UAAO,QAAK,gBAA8B;AACrE,QACE,kBAAC,OAAD;EACE,WAAW,EACT,6FACA,EACD;YAJH,CAMG,IACC,kBAAC,OAAD;GACE,KAAK;GACL,KAAK,KAAO;GACZ,SAAQ;GACR,UAAS;GACT,WAAU;GACV,CAAA,GAEF,kBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,CAAA,EAEJ,kBAAC,OAAD,EAAK,WAAU,sGAAuG,CAAA,CAClH"}

package/dist/ggnomad/components/EntityCard.js

@@ -3,22 +3,36 @@ import { Link as t } from "react-router-dom";
 import { GlassCard as n } from "@burdenoff/fe-libs/ui";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/ggnomad/components/EntityCard.tsx
-function o({ title: o, meta: s, price: c, badge: l, footer: u, to: d, className: f }) {
-	let p = /* @__PURE__ */ a(r, { children: [
+function o({ title: o, meta: s, price: c, badge: l, footer: u, image: d, imageAlt: f, to: p, className: m }) {
+	let h = /* @__PURE__ */ a(r, { children: [
 		/* @__PURE__ */ a("div", {
-			className: "flex items-start justify-between gap-3",
-			children: [/* @__PURE__ */ a("div", {
-				className: "min-w-0",
-				children: [/* @__PURE__ */ i("p", {
-					className: "truncate font-medium text-text-primary",
-					children: o
-				}), s ? /* @__PURE__ */ i("p", {
-					className: "mt-0.5 text-sm text-text-secondary",
-					children: s
-				}) : null]
-			}), l ? /* @__PURE__ */ i("div", {
-				className: "flex-shrink-0",
-				children: l
+			className: "relative -mx-4 -mt-4 mb-3 aspect-[16/10] overflow-hidden",
+			children: [
+				d ? /* @__PURE__ */ i("img", {
+					src: d,
+					alt: f ?? "",
+					loading: "lazy",
+					decoding: "async",
+					className: "size-full object-cover transition-transform duration-300 group-hover:scale-[1.04]"
+				}) : /* @__PURE__ */ i("div", {
+					"aria-hidden": "true",
+					className: "size-full bg-gradient-to-br from-action-primary-bg/25 via-bg-sunken to-bg-sunken"
+				}),
+				/* @__PURE__ */ i("div", { className: "pointer-events-none absolute inset-0 bg-gradient-to-t from-black/45 via-transparent to-transparent" }),
+				l ? /* @__PURE__ */ i("div", {
+					className: "absolute left-2 top-2",
+					children: l
+				}) : null
+			]
+		}),
+		/* @__PURE__ */ a("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ i("p", {
+				className: "truncate font-medium text-text-primary",
+				children: o
+			}), s ? /* @__PURE__ */ i("p", {
+				className: "mt-0.5 text-sm text-text-secondary",
+				children: s
 			}) : null]
 		}),
 		c ? /* @__PURE__ */ i("p", {
@@ -30,18 +44,18 @@ function o({ title: o, meta: s, price: c, badge: l, footer: u, to: d, className:
 			children: u
 		}) : null
 	] });
-	return d ? /* @__PURE__ */ i(t, {
-		to: d,
-		className: "block rounded-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas",
+	return p ? /* @__PURE__ */ i(t, {
+		to: p,
+		className: "group block rounded-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas",
 		children: /* @__PURE__ */ i(n, {
 			treatment: "plain",
-			className: e("border-border-seam p-4", f),
-			children: p
+			className: e("overflow-hidden border-border-seam p-4", m),
+			children: h
 		})
 	}) : /* @__PURE__ */ i(n, {
 		treatment: "plain",
-		className: e("border-border-seam p-4", f),
-		children: p
+		className: e("group overflow-hidden border-border-seam p-4", m),
+		children: h
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":[],"sources":["../../../src/ggnomad/components/EntityCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Link } from 'react-router-dom';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ntype EntityCardProps = {\n  title: ReactNode;\n  /** Optional secondary line (category / type / duration). */\n  meta?: ReactNode;\n  /** Right-aligned price or primary figure. */\n  price?: ReactNode;\n  badge?: ReactNode;\n  footer?: ReactNode;\n  /** When provided, the whole card becomes a router Link. */\n  to?: string;\n  className?: string;\n};\n\n/**\n * A calm, low-contrast tile for an inventory item (property, tour, event,\n * provider). Hover only lifts the shadow / seam — never moves. When `to` is set\n * the entire surface is a single accessible link.\n */\nexport function EntityCard({ title, meta, price, badge, footer, to, className }: EntityCardProps) {\n  const body = (\n    <>\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"truncate font-medium text-text-primary\">{title}</p>\n          {meta ? <p className=\"mt-0.5 text-sm text-text-secondary\">{meta}</p> : null}\n        </div>\n        {badge ? <div className=\"flex-shrink-0\">{badge}</div> : null}\n      </div>\n      {price ? (\n        <p className=\"mt-2 text-sm font-medium tabular-nums text-text-primary\">{price}</p>\n      ) : null}\n      {footer ? <div className=\"mt-2 text-sm text-text-secondary\">{footer}</div> : null}\n    </>\n  );\n\n  if (to) {\n    return (\n      <Link\n        to={to}\n        className=\"block rounded-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas\"\n      >\n        <GlassCard treatment=\"plain\" className={cn('border-border-seam p-4', className)}>\n          {body}\n        </GlassCard>\n      </Link>\n    );\n  }\n\n  return (\n    <GlassCard treatment=\"plain\" className={cn('border-border-seam p-4', className)}>\n      {body}\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;AAuBA,SAAgB,EAAW,EAAE,UAAO,SAAM,UAAO,UAAO,WAAQ,OAAI,gBAA8B;CAChG,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAA0C;KAAU,CAAA,EAChE,IAAO,kBAAC,KAAD;KAAG,WAAU;eAAsC;KAAS,CAAA,GAAG,KACnE;OACL,IAAQ,kBAAC,OAAD;IAAK,WAAU;cAAiB;IAAY,CAAA,GAAG,KACpD;;EACL,IACC,kBAAC,KAAD;GAAG,WAAU;aAA2D;GAAU,CAAA,GAChF;EACH,IAAS,kBAAC,OAAD;GAAK,WAAU;aAAoC;GAAa,CAAA,GAAG;EAC5E,EAAA,CAAA;AAgBL,QAbI,IAEA,kBAAC,GAAD;EACM;EACJ,WAAU;YAEV,kBAAC,GAAD;GAAW,WAAU;GAAQ,WAAW,EAAG,0BAA0B,EAAU;aAC5E;GACS,CAAA;EACP,CAAA,GAKT,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAW,EAAG,0BAA0B,EAAU;YAC5E;EACS,CAAA"}
+{"version":3,"file":"EntityCard.js","names":[],"sources":["../../../src/ggnomad/components/EntityCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Link } from 'react-router-dom';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ntype EntityCardProps = {\n  title: ReactNode;\n  /** Optional secondary line (category / type / duration). */\n  meta?: ReactNode;\n  /** Right-aligned price or primary figure. */\n  price?: ReactNode;\n  badge?: ReactNode;\n  footer?: ReactNode;\n  /** Optional cover photo URL. Falls back to a branded gradient tile. */\n  image?: string | null;\n  /** Accessible description for the cover photo. */\n  imageAlt?: string;\n  /** When provided, the whole card becomes a router Link. */\n  to?: string;\n  className?: string;\n};\n\n/**\n * An inventory tile for a property / tour / event / activity / provider. When an\n * `image` is supplied it renders a 16:10 cover photo (with a branded gradient\n * fallback otherwise) above the title / meta / price. Hover lifts the shadow and\n * gently zooms the photo. When `to` is set the whole surface is one accessible link.\n */\nexport function EntityCard({\n  title,\n  meta,\n  price,\n  badge,\n  footer,\n  image,\n  imageAlt,\n  to,\n  className,\n}: EntityCardProps) {\n  const cover = (\n    <div className=\"relative -mx-4 -mt-4 mb-3 aspect-[16/10] overflow-hidden\">\n      {image ? (\n        <img\n          src={image}\n          alt={imageAlt ?? ''}\n          loading=\"lazy\"\n          decoding=\"async\"\n          className=\"size-full object-cover transition-transform duration-300 group-hover:scale-[1.04]\"\n        />\n      ) : (\n        <div\n          aria-hidden=\"true\"\n          className=\"size-full bg-gradient-to-br from-action-primary-bg/25 via-bg-sunken to-bg-sunken\"\n        />\n      )}\n      <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/45 via-transparent to-transparent\" />\n      {badge ? <div className=\"absolute left-2 top-2\">{badge}</div> : null}\n    </div>\n  );\n\n  const body = (\n    <>\n      {cover}\n      <div className=\"min-w-0\">\n        <p className=\"truncate font-medium text-text-primary\">{title}</p>\n        {meta ? <p className=\"mt-0.5 text-sm text-text-secondary\">{meta}</p> : null}\n      </div>\n      {price ? (\n        <p className=\"mt-2 text-sm font-medium tabular-nums text-text-primary\">{price}</p>\n      ) : null}\n      {footer ? <div className=\"mt-2 text-sm text-text-secondary\">{footer}</div> : null}\n    </>\n  );\n\n  if (to) {\n    return (\n      <Link\n        to={to}\n        className=\"group block rounded-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-canvas\"\n      >\n        <GlassCard\n          treatment=\"plain\"\n          className={cn('overflow-hidden border-border-seam p-4', className)}\n        >\n          {body}\n        </GlassCard>\n      </Link>\n    );\n  }\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn('group overflow-hidden border-border-seam p-4', className)}\n    >\n      {body}\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAW,EACzB,UACA,SACA,UACA,UACA,WACA,UACA,aACA,OACA,gBACkB;CAsBlB,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;EArBA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,IACC,kBAAC,OAAD;KACE,KAAK;KACL,KAAK,KAAY;KACjB,SAAQ;KACR,UAAS;KACT,WAAU;KACV,CAAA,GAEF,kBAAC,OAAD;KACE,eAAY;KACZ,WAAU;KACV,CAAA;IAEJ,kBAAC,OAAD,EAAK,WAAU,sGAAuG,CAAA;IACrH,IAAQ,kBAAC,OAAD;KAAK,WAAU;eAAyB;KAAY,CAAA,GAAG;IAC5D;;EAMJ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA0C;IAAU,CAAA,EAChE,IAAO,kBAAC,KAAD;IAAG,WAAU;cAAsC;IAAS,CAAA,GAAG,KACnE;;EACL,IACC,kBAAC,KAAD;GAAG,WAAU;aAA2D;GAAU,CAAA,GAChF;EACH,IAAS,kBAAC,OAAD;GAAK,WAAU;aAAoC;GAAa,CAAA,GAAG;EAC5E,EAAA,CAAA;AAmBL,QAhBI,IAEA,kBAAC,GAAD;EACM;EACJ,WAAU;YAEV,kBAAC,GAAD;GACE,WAAU;GACV,WAAW,EAAG,0CAA0C,EAAU;aAEjE;GACS,CAAA;EACP,CAAA,GAKT,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,EAAG,gDAAgD,EAAU;YAEvE;EACS,CAAA"}

package/dist/ggnomad/components/index.js

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

package/dist/ggnomad/pages/ActivityDetailsPage.js

@@ -2,94 +2,99 @@ import { GGNOMAD_ACTIVITY_QUERY as e } from "../graphql.js";
 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 i } from "../providers/GGNomadProvider.js";
-import { joinPath as a } from "../utils/navigation.js";
-import { Activity as o, CalendarCheck as s, Compass as c, ShieldCheck 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";
-import { GlassCard as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+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 { 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";
+import { GlassCard as h, IllustratedEmptyState as g, NextSteps as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ActivityDetailsPage.tsx
-function x() {
-	let { t: x } = u(), S = d(), { basePath: C = "/" } = i(), { id: w = "" } = f(), { data: T } = p(e, {
-		variables: { id: w },
-		skip: !w
-	}), E = T?.ggnomadActivity;
-	return /* @__PURE__ */ y(t, {
-		title: E?.name ?? x("ggnomad.activity.fallbackTitle", "Activity details"),
-		subtitle: x("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
-		children: E ? /* @__PURE__ */ b(v, { children: [
-			/* @__PURE__ */ y(_, {
-				icon: /* @__PURE__ */ y(o, { className: "size-4" }),
-				children: x("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.")
+function S() {
+	let { t: S } = d(), C = f(), { basePath: w = "/" } = a(), { id: T = "" } = p(), { data: E } = m(e, {
+		variables: { id: T },
+		skip: !T
+	}), D = E?.ggnomadActivity;
+	return /* @__PURE__ */ b(t, {
+		title: D?.name ?? S("ggnomad.activity.fallbackTitle", "Activity details"),
+		subtitle: S("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
+		children: D ? /* @__PURE__ */ x(y, { children: [
+			/* @__PURE__ */ b(i, {
+				image: D.images?.[0],
+				alt: D.name
 			}),
-			/* @__PURE__ */ y(g, {
+			/* @__PURE__ */ b(v, {
+				icon: /* @__PURE__ */ b(s, { 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: x("ggnomad.activity.next.book", "Book this activity"),
-					description: x("ggnomad.activity.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
-					icon: /* @__PURE__ */ y(s, { className: "size-4" }),
-					onClick: () => S(a(C, "bookings"))
+					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: x("ggnomad.activity.next.browse", "Explore more experiences"),
-					description: x("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
-					icon: /* @__PURE__ */ y(c, { className: "size-4" }),
-					onClick: () => S(a(C, "tourism"))
+					label: S("ggnomad.activity.next.browse", "Explore more experiences"),
+					description: S("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ b(l, { className: "size-4" }),
+					onClick: () => C(o(w, "tourism"))
 				}]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ b(m, {
+				children: [/* @__PURE__ */ x(h, {
 					treatment: "glass",
 					glow: !0,
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ y("h2", {
+					children: [/* @__PURE__ */ b("h2", {
 						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: x("ggnomad.activity.details", "Details")
-					}), /* @__PURE__ */ b("dl", {
+						children: S("ggnomad.activity.details", "Details")
+					}), /* @__PURE__ */ x("dl", {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.activity.category", "Category"),
-								value: E.category
+							/* @__PURE__ */ b(r, {
+								label: S("ggnomad.activity.category", "Category"),
+								value: D.category
 							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.activity.duration", "Duration"),
-								value: E.duration
+							/* @__PURE__ */ b(r, {
+								label: S("ggnomad.activity.duration", "Duration"),
+								value: D.duration
 							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.activity.maxParticipants", "Max participants"),
-								value: String(E.maxParticipants)
+							/* @__PURE__ */ b(r, {
+								label: S("ggnomad.activity.maxParticipants", "Max participants"),
+								value: String(D.maxParticipants)
 							}),
-							/* @__PURE__ */ y(r, {
-								label: x("ggnomad.activity.price", "Price"),
-								value: `${E.currency} ${Number(E.price).toFixed(2)}`
+							/* @__PURE__ */ b(r, {
+								label: S("ggnomad.activity.price", "Price"),
+								value: `${D.currency} ${Number(D.price).toFixed(2)}`
 							})
 						]
 					})]
-				}), /* @__PURE__ */ y(n, {
-					title: x("ggnomad.activity.safety", "Safety information"),
-					children: /* @__PURE__ */ b("div", {
+				}), /* @__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__ */ y(l, {
+						children: [/* @__PURE__ */ b(u, {
 							className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ y("p", { children: E.safetyInfo ?? x("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
+						}), /* @__PURE__ */ b("p", { children: D.safetyInfo ?? S("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
 					})
 				})]
 			})
-		] }) : /* @__PURE__ */ y(h, {
+		] }) : /* @__PURE__ */ b(g, {
 			illustration: "empty-data",
-			title: x("ggnomad.activity.notFoundTitle", "No activity found"),
-			description: x("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
+			title: S("ggnomad.activity.notFoundTitle", "No activity found"),
+			description: S("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { x as ActivityDetailsPage };
+export { S as ActivityDetailsPage };
 
 //# sourceMappingURL=ActivityDetailsPage.js.map

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 } 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        } | 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          <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,GAcA;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;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,GAhFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EA2EM,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, 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"}

package/dist/ggnomad/pages/EntertainmentPage.js

@@ -39,6 +39,8 @@ function p() {
 					className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
 					children: _.map((e) => /* @__PURE__ */ d(n, {
 						to: e.id,
+						image: e.images?.[0],
+						imageAlt: e.name,
 						title: e.name,
 						meta: e.category,
 						price: `${e.currency} ${Number(e.price).toFixed(2)}`,

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

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

package/dist/ggnomad/pages/EventDetailsPage.js

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

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 } 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        } | 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          <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,GAcA;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;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,GAlFH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,+BAA+B,iBAAiB;GACzD,aAAa,EACX,qCACA,sDACD;GACD,CAAA;EA6EM,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 { 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"}

package/dist/ggnomad/pages/HospitalityPage.js

@@ -39,6 +39,8 @@ function m() {
 					className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
 					children: v.map((e) => /* @__PURE__ */ f(n, {
 						to: e.id,
+						image: e.images?.[0],
+						imageAlt: e.name,
 						title: e.name,
 						meta: e.type,
 						price: `${e.currency} ${Number(e.pricePerNight).toFixed(2)} ${m("ggnomad.hospitality.card.perNight", "per night")}`,

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

@@ -1 +1 @@
-{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Hotel, Star } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={properties.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;EAAG,EAAE,CACzC,EACK,IAAa,GAAM,qBAAqB,EAAE;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,cAAc;EACpD,aAAa,EAAE,oCAAoC,cAAc;EACjE,UAAU,EACR,gCACA,kDACD;YANH,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,+BACA,8LACD;GACW,CAAA,EAEb,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,0BAA0B;GACrE,aAAa,EACX,wCACA,+DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,qCAAqC,iBAAiB;KACtD,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAW,KAAK,MACf,kBAAC,GAAD;MAEE,IAAI,EAAS;MACb,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE,CAAC,GAAG,EAC1E,qCACA,YACD;MACD,QACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD;QAAM,WAAU;QAAoC,eAAY;QAAS,CAAA,EACxE,EAAS,UAAU,EAAE,qCAAqC,MAAM,CAC5D;;MAET,EAdK,EAAS,GAcd,CACF;KACE,CAAA;IACN,kBAAC,GAAD;KACE,SAAS,EAAW,UAAU;KAC9B,kBAAkB,GAAU,MAAM,IAAI,GAAG;KACzC,CAAA;IACQ;KAEJ"}
+{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Hotel, Star } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n          images?: string[];\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                image={property.images?.[0]}\n                imageAlt={property.name}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={properties.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;EAAG,EAAE,CACzC,EACK,IAAa,GAAM,qBAAqB,EAAE;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,cAAc;EACpD,aAAa,EAAE,oCAAoC,cAAc;EACjE,UAAU,EACR,gCACA,kDACD;YANH,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,+BACA,8LACD;GACW,CAAA,EAEb,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,0BAA0B;GACrE,aAAa,EACX,wCACA,+DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,qCAAqC,iBAAiB;KACtD,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAW,KAAK,MACf,kBAAC,GAAD;MAEE,IAAI,EAAS;MACb,OAAO,EAAS,SAAS;MACzB,UAAU,EAAS;MACnB,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE,CAAC,GAAG,EAC1E,qCACA,YACD;MACD,QACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD;QAAM,WAAU;QAAoC,eAAY;QAAS,CAAA,EACxE,EAAS,UAAU,EAAE,qCAAqC,MAAM,CAC5D;;MAET,EAhBK,EAAS,GAgBd,CACF;KACE,CAAA;IACN,kBAAC,GAAD;KACE,SAAS,EAAW,UAAU;KAC9B,kBAAkB,GAAU,MAAM,IAAI,GAAG;KACzC,CAAA;IACQ;KAEJ"}

package/dist/ggnomad/pages/PropertyDetailsPage.js

@@ -2,105 +2,110 @@ import { GGNOMAD_PROPERTY_QUERY as e } from "../graphql.js";
 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 i } from "../providers/GGNomadProvider.js";
-import { joinPath as a } from "../utils/navigation.js";
-import { CalendarCheck as o, Hotel as s } from "lucide-react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as l, useParams as u } from "react-router-dom";
-import { useQuery as d } from "@apollo/client/react";
-import { GlassCard as f, IllustratedEmptyState as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+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 { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as u, useParams as d } from "react-router-dom";
+import { useQuery as f } from "@apollo/client/react";
+import { GlassCard as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/ggnomad/pages/PropertyDetailsPage.tsx
-function y() {
-	let { t: y } = c(), b = l(), { basePath: x = "/" } = i(), { id: S = "" } = u(), { data: C } = d(e, {
-		variables: { id: S },
-		skip: !S
-	}), w = C?.ggnomadProperty;
-	return /* @__PURE__ */ _(t, {
-		title: w?.name ?? y("ggnomad.property.fallbackTitle", "Property details"),
-		subtitle: y("ggnomad.property.subtitle", "Detailed hospitality listing view"),
-		children: w ? /* @__PURE__ */ v(g, { children: [
-			/* @__PURE__ */ _(h, {
-				icon: /* @__PURE__ */ _(s, { className: "size-4" }),
-				children: y("ggnomad.property.purpose", "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.")
+function b() {
+	let { t: b } = l(), x = u(), { basePath: S = "/" } = a(), { id: C = "" } = d(), { data: w } = f(e, {
+		variables: { id: C },
+		skip: !C
+	}), T = w?.ggnomadProperty;
+	return /* @__PURE__ */ v(t, {
+		title: T?.name ?? b("ggnomad.property.fallbackTitle", "Property details"),
+		subtitle: b("ggnomad.property.subtitle", "Detailed hospitality listing view"),
+		children: T ? /* @__PURE__ */ y(_, { children: [
+			/* @__PURE__ */ v(i, {
+				image: T.images?.[0],
+				alt: T.name
 			}),
-			/* @__PURE__ */ _(m, {
+			/* @__PURE__ */ v(g, {
+				icon: /* @__PURE__ */ v(c, { className: "size-4" }),
+				children: b("ggnomad.property.purpose", "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.")
+			}),
+			/* @__PURE__ */ v(h, {
 				storageKey: "ggnomad-property-detail",
 				steps: [{
 					id: "book",
-					label: y("ggnomad.property.next.book", "Book this stay"),
-					description: y("ggnomad.property.next.bookDesc", "Reserve these dates and track it under Bookings."),
-					icon: /* @__PURE__ */ _(o, { className: "size-4" }),
-					onClick: () => b(a(x, "bookings"))
+					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: y("ggnomad.property.next.browse", "Compare other stays"),
-					description: y("ggnomad.property.next.browseDesc", "Go back to hospitality listings to compare options."),
-					icon: /* @__PURE__ */ _(s, { className: "size-4" }),
-					onClick: () => b(a(x, "hospitality"))
+					label: b("ggnomad.property.next.browse", "Compare other stays"),
+					description: b("ggnomad.property.next.browseDesc", "Go back to hospitality listings to compare options."),
+					icon: /* @__PURE__ */ v(c, { className: "size-4" }),
+					onClick: () => x(o(S, "hospitality"))
 				}]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ v(n, {
-					title: y("ggnomad.property.about", "About"),
+				children: [/* @__PURE__ */ y(n, {
+					title: b("ggnomad.property.about", "About"),
 					children: [
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-sm text-text-secondary",
-							children: y("ggnomad.property.type", "Type")
+							children: b("ggnomad.property.type", "Type")
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-text-primary",
-							children: w.type
+							children: T.type
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ v("p", {
 							className: "mt-3 text-sm text-text-secondary",
-							children: y("ggnomad.property.description", "Description")
+							children: b("ggnomad.property.description", "Description")
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-text-primary",
-							children: w.description ?? y("ggnomad.property.noDescription", "No description")
+							children: T.description ?? b("ggnomad.property.noDescription", "No description")
 						})
 					]
-				}), /* @__PURE__ */ v(f, {
+				}), /* @__PURE__ */ y(p, {
 					treatment: "glass",
 					glow: !0,
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ _("h2", {
+					children: [/* @__PURE__ */ v("h2", {
 						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: y("ggnomad.property.details", "Details")
-					}), /* @__PURE__ */ v("dl", {
+						children: b("ggnomad.property.details", "Details")
+					}), /* @__PURE__ */ y("dl", {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ _(r, {
-								label: y("ggnomad.property.price", "Price"),
-								value: `${w.currency} ${Number(w.pricePerNight).toFixed(2)}`
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.property.price", "Price"),
+								value: `${T.currency} ${Number(T.pricePerNight).toFixed(2)}`
 							}),
-							/* @__PURE__ */ _(r, {
-								label: y("ggnomad.property.guests", "Guests"),
-								value: String(w.maxGuests)
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.property.guests", "Guests"),
+								value: String(T.maxGuests)
 							}),
-							/* @__PURE__ */ _(r, {
-								label: y("ggnomad.property.rating", "Rating"),
-								value: String(w.rating ?? y("ggnomad.property.noRating", "N/A"))
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.property.rating", "Rating"),
+								value: String(T.rating ?? b("ggnomad.property.noRating", "N/A"))
 							}),
-							/* @__PURE__ */ _(r, {
-								label: y("ggnomad.property.provider", "Provider"),
-								value: w.provider?.name ?? y("ggnomad.property.unassigned", "Unassigned")
+							/* @__PURE__ */ v(r, {
+								label: b("ggnomad.property.provider", "Provider"),
+								value: T.provider?.name ?? b("ggnomad.property.unassigned", "Unassigned")
 							})
 						]
 					})]
 				})]
 			})
-		] }) : /* @__PURE__ */ _(p, {
+		] }) : /* @__PURE__ */ v(m, {
 			illustration: "empty-data",
-			title: y("ggnomad.property.notFoundTitle", "No property found"),
-			description: y("ggnomad.property.notFoundDescription", "This property is unavailable or may have been removed.")
+			title: b("ggnomad.property.notFoundTitle", "No property found"),
+			description: b("ggnomad.property.notFoundDescription", "This property is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { y as PropertyDetailsPage };
+export { b as PropertyDetailsPage };
 
 //# sourceMappingURL=PropertyDetailsPage.js.map

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 } 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        } | 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          <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,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,oCAAoC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,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,GA9EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EAyEM,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 { 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"}

package/dist/ggnomad/pages/TourDetailsPage.js

@@ -2,82 +2,87 @@ import { GGNOMAD_TOUR_QUERY as e } from "../graphql.js";
 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 i } from "../providers/GGNomadProvider.js";
-import { joinPath as a } from "../utils/navigation.js";
-import { CalendarCheck as o, CheckCircle2 as s, Compass as c } from "lucide-react";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as u, useParams as d } from "react-router-dom";
-import { useQuery as f } from "@apollo/client/react";
-import { GlassCard as p, IllustratedEmptyState as m, NextSteps as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+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 { 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";
+import { GlassCard as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TourDetailsPage.tsx
-function b() {
-	let { t: b } = l(), x = u(), { basePath: S = "/" } = i(), { id: C = "" } = d(), { data: w } = f(e, {
-		variables: { id: C },
-		skip: !C
-	}), T = w?.ggnomadTour;
-	return /* @__PURE__ */ v(t, {
-		title: T?.name ?? b("ggnomad.tour.fallbackTitle", "Tour details"),
-		subtitle: b("ggnomad.tour.subtitle", "Tour package details and booking context"),
-		children: T ? /* @__PURE__ */ y(_, { children: [
-			/* @__PURE__ */ v(g, {
-				icon: /* @__PURE__ */ v(c, { className: "size-4" }),
-				children: b("ggnomad.tour.purpose", "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.")
+function x() {
+	let { t: x } = u(), S = d(), { basePath: C = "/" } = a(), { id: w = "" } = f(), { data: T } = p(e, {
+		variables: { id: w },
+		skip: !w
+	}), E = T?.ggnomadTour;
+	return /* @__PURE__ */ y(t, {
+		title: E?.name ?? x("ggnomad.tour.fallbackTitle", "Tour details"),
+		subtitle: x("ggnomad.tour.subtitle", "Tour package details and booking context"),
+		children: E ? /* @__PURE__ */ b(v, { children: [
+			/* @__PURE__ */ y(i, {
+				image: E.images?.[0],
+				alt: E.name
 			}),
-			/* @__PURE__ */ v(h, {
+			/* @__PURE__ */ y(_, {
+				icon: /* @__PURE__ */ y(l, { className: "size-4" }),
+				children: x("ggnomad.tour.purpose", "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.")
+			}),
+			/* @__PURE__ */ y(g, {
 				storageKey: "ggnomad-tour-detail",
 				steps: [{
 					id: "book",
-					label: b("ggnomad.tour.next.book", "Book this tour"),
-					description: b("ggnomad.tour.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
-					icon: /* @__PURE__ */ v(o, { className: "size-4" }),
-					onClick: () => x(a(S, "bookings"))
+					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: b("ggnomad.tour.next.browse", "Explore more experiences"),
-					description: b("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
-					icon: /* @__PURE__ */ v(c, { className: "size-4" }),
-					onClick: () => x(a(S, "tourism"))
+					label: x("ggnomad.tour.next.browse", "Explore more experiences"),
+					description: x("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ y(l, { className: "size-4" }),
+					onClick: () => S(o(C, "tourism"))
 				}]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ y(p, {
+				children: [/* @__PURE__ */ b(m, {
 					treatment: "glass",
 					glow: !0,
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ v("h2", {
+					children: [/* @__PURE__ */ y("h2", {
 						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-						children: b("ggnomad.tour.details", "Details")
-					}), /* @__PURE__ */ y("dl", {
+						children: x("ggnomad.tour.details", "Details")
+					}), /* @__PURE__ */ b("dl", {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.tour.duration", "Duration"),
-								value: T.duration
+							/* @__PURE__ */ y(r, {
+								label: x("ggnomad.tour.duration", "Duration"),
+								value: E.duration
 							}),
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.tour.difficulty", "Difficulty"),
-								value: T.difficulty ?? b("ggnomad.tour.na", "N/A")
+							/* @__PURE__ */ y(r, {
+								label: x("ggnomad.tour.difficulty", "Difficulty"),
+								value: E.difficulty ?? x("ggnomad.tour.na", "N/A")
 							}),
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.tour.guide", "Guide"),
-								value: T.guideName ?? b("ggnomad.tour.na", "N/A")
+							/* @__PURE__ */ y(r, {
+								label: x("ggnomad.tour.guide", "Guide"),
+								value: E.guideName ?? x("ggnomad.tour.na", "N/A")
 							}),
-							/* @__PURE__ */ v(r, {
-								label: b("ggnomad.tour.price", "Price"),
-								value: `${T.currency} ${Number(T.price).toFixed(2)}`
+							/* @__PURE__ */ y(r, {
+								label: x("ggnomad.tour.price", "Price"),
+								value: `${E.currency} ${Number(E.price).toFixed(2)}`
 							})
 						]
 					})]
-				}), /* @__PURE__ */ v(n, {
-					title: b("ggnomad.tour.highlights", "Highlights"),
-					children: /* @__PURE__ */ v("ul", {
+				}), /* @__PURE__ */ y(n, {
+					title: x("ggnomad.tour.highlights", "Highlights"),
+					children: /* @__PURE__ */ y("ul", {
 						className: "space-y-2 text-sm",
-						children: (T.highlights ?? []).map((e) => /* @__PURE__ */ y("li", {
+						children: (E.highlights ?? []).map((e) => /* @__PURE__ */ b("li", {
 							className: "flex items-start gap-2 text-text-primary",
-							children: [/* @__PURE__ */ v(s, {
+							children: [/* @__PURE__ */ y(c, {
 								className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
 								"aria-hidden": "true"
 							}), e]
@@ -85,14 +90,14 @@ function b() {
 					})
 				})]
 			})
-		] }) : /* @__PURE__ */ v(m, {
+		] }) : /* @__PURE__ */ y(h, {
 			illustration: "empty-data",
-			title: b("ggnomad.tour.notFoundTitle", "No tour found"),
-			description: b("ggnomad.tour.notFoundDescription", "This tour is unavailable or may have been removed.")
+			title: x("ggnomad.tour.notFoundTitle", "No tour found"),
+			description: x("ggnomad.tour.notFoundDescription", "This tour is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { b as TourDetailsPage };
+export { x as TourDetailsPage };
 
 //# sourceMappingURL=TourDetailsPage.js.map

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 } 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        } | 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          <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,GAcA;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;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,GA9EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,8BAA8B,gBAAgB;GACvD,aAAa,EACX,oCACA,qDACD;GACD,CAAA;EAyEM,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 { 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"}

package/dist/ggnomad/pages/TourismPage.js

@@ -26,6 +26,8 @@ function h() {
 		className: "grid gap-3",
 		children: e.map((e) => /* @__PURE__ */ p(i, {
 			to: `${t}/${e.id}`,
+			image: e.images?.[0],
+			imageAlt: e.name,
 			title: e.name,
 			meta: e.duration,
 			price: `${e.currency} ${Number(e.price).toFixed(2)}`

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

@@ -1 +1 @@
-{"version":3,"file":"TourismPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Compass } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, SectionCard, LoadMoreButton } from '../components';\n\ntype TourismItem = {\n  id: string;\n  name: string;\n  duration: string;\n  price: number;\n  currency: string;\n};\n\nexport function TourismPage() {\n  const { t } = useI18n();\n  const [tourLimit, setTourLimit] = useState(12);\n  const [activityLimit, setActivityLimit] = useState(12);\n  const { data: toursData } = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: TourismItem[] },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: tourLimit, skip: 0 },\n    }\n  );\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: TourismItem[] },\n      { first: number; skip: number }\n    >,\n    { variables: { first: activityLimit, skip: 0 } }\n  );\n  const tours = toursData?.ggnomadTours ?? [];\n  const activities = activitiesData?.ggnomadActivities ?? [];\n\n  const renderList = (items: TourismItem[], basePath: string, emptyLabel: string) => {\n    if (items.length === 0) {\n      return (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={emptyLabel}\n          description={t(\n            'ggnomad.tourism.emptyDescription',\n            'Curated experiences will appear here once published.'\n          )}\n        />\n      );\n    }\n    return (\n      <div className=\"grid gap-3\">\n        {items.map((item) => (\n          <EntityCard\n            key={item.id}\n            to={`${basePath}/${item.id}`}\n            title={item.name}\n            meta={item.duration}\n            price={`${item.currency} ${Number(item.price).toFixed(2)}`}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.tourism.title', 'Tourism')}\n      titleAccent={t('ggnomad.tourism.title.accent', 'Tourism')}\n      subtitle={t('ggnomad.tourism.subtitle', 'Tours and curated activity experiences')}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.tourism.purpose',\n          'Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">{t('ggnomad.tourism.tours', 'Tours')}</p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.length}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.tourism.activities', 'Activities')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {activities.length}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.tourism.emphasisNote',\n            'Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <SectionCard title={t('ggnomad.tourism.tours', 'Tours')}>\n          {renderList(tours, 'tours', t('ggnomad.tourism.toursEmpty', 'No tours yet'))}\n          <LoadMoreButton visible={tours.length >= tourLimit} onLoadMore={() => setTourLimit((l) => l + 12)} />\n        </SectionCard>\n        <SectionCard title={t('ggnomad.tourism.activities', 'Activities')}>\n          {renderList(\n            activities,\n            'activities',\n            t('ggnomad.tourism.activitiesEmpty', 'No activities yet')\n          )}\n          <LoadMoreButton\n            visible={activities.length >= activityLimit}\n            onLoadMore={() => setActivityLimit((l) => l + 12)}\n          />\n        </SectionCard>\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAmBA,SAAgB,IAAc;CAC5B,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAe,KAAoB,EAAS,GAAG,EAChD,EAAE,MAAM,MAAc,EAC1B,GAIA,EACE,WAAW;EAAE,OAAO;EAAW,MAAM;EAAG,EACzC,CACF,EACK,EAAE,MAAM,MAAmB,EAC/B,GAIA,EAAE,WAAW;EAAE,OAAO;EAAe,MAAM;EAAG,EAAE,CACjD,EACK,IAAQ,GAAW,gBAAgB,EAAE,EACrC,IAAa,GAAgB,qBAAqB,EAAE,EAEpD,KAAc,GAAsB,GAAkB,MACtD,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,cAAa;EACb,OAAO;EACP,aAAa,EACX,oCACA,uDACD;EACD,CAAA,GAIJ,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,GAAD;GAEE,IAAI,GAAG,EAAS,GAAG,EAAK;GACxB,OAAO,EAAK;GACZ,MAAM,EAAK;GACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;GACxD,EALK,EAAK,GAKV,CACF;EACE,CAAA;AAIV,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,UAAU;EAC5C,aAAa,EAAE,gCAAgC,UAAU;EACzD,UAAU,EAAE,4BAA4B,yCAAyC;YAHnF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,2BACA,gNACD;IACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE,yBAAyB,QAAQ;KAAK,CAAA,EACpF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;KACL,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,aAAa;KAC5C,CAAA,EACJ,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW;KACV,CAAA,CACA,EAAA,CAAA,CACF;OACN,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,gCACA,8GACD;IACC,CAAA,CACU,EAAA,CAAA;GAEhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,yBAAyB,QAAQ;eAAvD,CACG,EAAW,GAAO,SAAS,EAAE,8BAA8B,eAAe,CAAC,EAC5E,kBAAC,GAAD;MAAgB,SAAS,EAAM,UAAU;MAAW,kBAAkB,GAAc,MAAM,IAAI,GAAG;MAAI,CAAA,CACzF;QACd,kBAAC,GAAD;KAAa,OAAO,EAAE,8BAA8B,aAAa;eAAjE,CACG,EACC,GACA,cACA,EAAE,mCAAmC,oBAAoB,CAC1D,EACD,kBAAC,GAAD;MACE,SAAS,EAAW,UAAU;MAC9B,kBAAkB,GAAkB,MAAM,IAAI,GAAG;MACjD,CAAA,CACU;OACV;;GACI"}
+{"version":3,"file":"TourismPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Compass } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, SectionCard, LoadMoreButton } from '../components';\n\ntype TourismItem = {\n  images?: string[];\n  id: string;\n  name: string;\n  duration: string;\n  price: number;\n  currency: string;\n};\n\nexport function TourismPage() {\n  const { t } = useI18n();\n  const [tourLimit, setTourLimit] = useState(12);\n  const [activityLimit, setActivityLimit] = useState(12);\n  const { data: toursData } = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: TourismItem[] },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: tourLimit, skip: 0 },\n    }\n  );\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: TourismItem[] },\n      { first: number; skip: number }\n    >,\n    { variables: { first: activityLimit, skip: 0 } }\n  );\n  const tours = toursData?.ggnomadTours ?? [];\n  const activities = activitiesData?.ggnomadActivities ?? [];\n\n  const renderList = (items: TourismItem[], basePath: string, emptyLabel: string) => {\n    if (items.length === 0) {\n      return (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={emptyLabel}\n          description={t(\n            'ggnomad.tourism.emptyDescription',\n            'Curated experiences will appear here once published.'\n          )}\n        />\n      );\n    }\n    return (\n      <div className=\"grid gap-3\">\n        {items.map((item) => (\n          <EntityCard\n            key={item.id}\n            to={`${basePath}/${item.id}`}\n            image={item.images?.[0]}\n            imageAlt={item.name}\n            title={item.name}\n            meta={item.duration}\n            price={`${item.currency} ${Number(item.price).toFixed(2)}`}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.tourism.title', 'Tourism')}\n      titleAccent={t('ggnomad.tourism.title.accent', 'Tourism')}\n      subtitle={t('ggnomad.tourism.subtitle', 'Tours and curated activity experiences')}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.tourism.purpose',\n          'Plan what you’ll actually do at a destination — guided tours and bookable activities curated by local operators. Open any experience to review duration, price and what’s included, then add it to a booking.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">{t('ggnomad.tourism.tours', 'Tours')}</p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.length}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.tourism.activities', 'Activities')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {activities.length}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.tourism.emphasisNote',\n            'Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <SectionCard title={t('ggnomad.tourism.tours', 'Tours')}>\n          {renderList(tours, 'tours', t('ggnomad.tourism.toursEmpty', 'No tours yet'))}\n          <LoadMoreButton\n            visible={tours.length >= tourLimit}\n            onLoadMore={() => setTourLimit((l) => l + 12)}\n          />\n        </SectionCard>\n        <SectionCard title={t('ggnomad.tourism.activities', 'Activities')}>\n          {renderList(\n            activities,\n            'activities',\n            t('ggnomad.tourism.activitiesEmpty', 'No activities yet')\n          )}\n          <LoadMoreButton\n            visible={activities.length >= activityLimit}\n            onLoadMore={() => setActivityLimit((l) => l + 12)}\n          />\n        </SectionCard>\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAAgB,IAAc;CAC5B,IAAM,EAAE,SAAM,GAAS,EACjB,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAe,KAAoB,EAAS,GAAG,EAChD,EAAE,MAAM,MAAc,EAC1B,GAIA,EACE,WAAW;EAAE,OAAO;EAAW,MAAM;EAAG,EACzC,CACF,EACK,EAAE,MAAM,MAAmB,EAC/B,GAIA,EAAE,WAAW;EAAE,OAAO;EAAe,MAAM;EAAG,EAAE,CACjD,EACK,IAAQ,GAAW,gBAAgB,EAAE,EACrC,IAAa,GAAgB,qBAAqB,EAAE,EAEpD,KAAc,GAAsB,GAAkB,MACtD,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,cAAa;EACb,OAAO;EACP,aAAa,EACX,oCACA,uDACD;EACD,CAAA,GAIJ,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAM,KAAK,MACV,kBAAC,GAAD;GAEE,IAAI,GAAG,EAAS,GAAG,EAAK;GACxB,OAAO,EAAK,SAAS;GACrB,UAAU,EAAK;GACf,OAAO,EAAK;GACZ,MAAM,EAAK;GACX,OAAO,GAAG,EAAK,SAAS,GAAG,OAAO,EAAK,MAAM,CAAC,QAAQ,EAAE;GACxD,EAPK,EAAK,GAOV,CACF;EACE,CAAA;AAIV,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,UAAU;EAC5C,aAAa,EAAE,gCAAgC,UAAU;EACzD,UAAU,EAAE,4BAA4B,yCAAyC;YAHnF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;cAC9C,EACC,2BACA,gNACD;IACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE,yBAAyB,QAAQ;KAAK,CAAA,EACpF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;KACL,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,aAAa;KAC5C,CAAA,EACJ,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW;KACV,CAAA,CACA,EAAA,CAAA,CACF;OACN,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,gCACA,8GACD;IACC,CAAA,CACU,EAAA,CAAA;GAEhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,yBAAyB,QAAQ;eAAvD,CACG,EAAW,GAAO,SAAS,EAAE,8BAA8B,eAAe,CAAC,EAC5E,kBAAC,GAAD;MACE,SAAS,EAAM,UAAU;MACzB,kBAAkB,GAAc,MAAM,IAAI,GAAG;MAC7C,CAAA,CACU;QACd,kBAAC,GAAD;KAAa,OAAO,EAAE,8BAA8B,aAAa;eAAjE,CACG,EACC,GACA,cACA,EAAE,mCAAmC,oBAAoB,CAC1D,EACD,kBAAC,GAAD;MACE,SAAS,EAAW,UAAU;MAC9B,kBAAkB,GAAkB,MAAM,IAAI,GAAG;MACjD,CAAA,CACU;OACV;;GACI"}

package/package.json

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