@burdenoff/microfe-ggnomad 2026.801.1 → 2026.827.1

package/dist/ggnomad/pages/TourDetailsPage.js

@@ -1,140 +1,225 @@
 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 { useGGNomad as a } from "../providers/GGNomadProvider.js";
-import { joinPath as o } from "../utils/navigation.js";
-import { BookingPanel as s } from "../components/BookingPanel.js";
-import { ReviewsSection as c } from "../components/ReviewsSection.js";
-import { ListingEditDialog as l } from "../components/ListingEditDialog.js";
+import { humanizeEnum as t, jsonLabel as n } from "../utils/format.js";
+import { PageShell as r } from "./PageShell.js";
+import { StatusBadge as i } from "../components/StatusBadge.js";
+import { SectionCard as a } from "../components/SectionCard.js";
+import { DetailRow as o } from "../components/DetailRow.js";
+import { DetailHero as s } from "../components/DetailHero.js";
+import { useGGNomad as c } from "../providers/GGNomadProvider.js";
+import { joinPath as l } from "../utils/navigation.js";
+import { BookingPanel as u } from "../components/BookingPanel.js";
+import { ReviewsSection as d } from "../components/ReviewsSection.js";
+import { ListingEditDialog as f } from "../components/ListingEditDialog.js";
+import { PhotoGallery as p } from "../components/PhotoGallery.js";
+import { TagChips as m } from "../components/TagChips.js";
+import { FactGrid as h } from "../components/FactGrid.js";
+import { RatingSummary as g } from "../components/RatingSummary.js";
+import { EcoAccessPanel as _ } from "../components/EcoAccessPanel.js";
+import { ProviderCard as v } from "../components/ProviderCard.js";
+import { AvailabilityPanel as y } from "../components/AvailabilityPanel.js";
 import "../components/index.js";
-import { useState as u } from "react";
-import { CheckCircle2 as d, Compass as f, Pencil as p } from "lucide-react";
-import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as h, useParams as g } from "react-router";
-import { useQuery as _ } from "@apollo/client/react";
-import { GlassCard as v, IllustratedEmptyState as y, NextSteps as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { CheckCircle2 as x, Clock as S, Compass as C, Gauge as w, Languages as T, MapPin as E, Pencil as D, UserRound as O, Users as k, Zap as A } from "lucide-react";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as M, useParams as N } from "react-router";
+import { useQuery as P } from "@apollo/client/react";
+import { GlassCard as F, IllustratedEmptyState as I, NextSteps as L, PagePurpose as R } from "@burdenoff/fe-libs/ui";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TourDetailsPage.tsx
-function T() {
-	let { t: T } = m(), E = h(), { basePath: D = "/" } = a(), { id: O = "" } = g(), [k, A] = u(!1), { data: j, refetch: M } = _(e, {
-		variables: { id: O },
-		skip: !O
-	}), N = j?.ggnomadTour;
-	return /* @__PURE__ */ C(t, {
-		title: N?.name ?? T("ggnomad.tour.fallbackTitle", "Tour details"),
-		subtitle: T("ggnomad.tour.subtitle", "Tour package details and booking context"),
-		children: N ? /* @__PURE__ */ w(S, { children: [
-			/* @__PURE__ */ C(i, {
-				image: N.images?.[0],
-				alt: N.name
+function H() {
+	let { t: H } = j(), U = M(), { basePath: W = "/" } = c(), { id: G = "" } = N(), [K, q] = b(!1), { data: J, refetch: Y } = P(e, {
+		variables: { id: G },
+		skip: !G
+	}), X = J?.ggnomadTour, Z = n(X?.location), Q = [];
+	return X && (Q.push({
+		id: "duration",
+		label: H("ggnomad.tour.duration", "Duration"),
+		value: X.duration,
+		icon: /* @__PURE__ */ B(S, {})
+	}), X.difficulty && Q.push({
+		id: "difficulty",
+		label: H("ggnomad.tour.difficulty", "Difficulty"),
+		value: t(X.difficulty),
+		icon: /* @__PURE__ */ B(w, {})
+	}), Q.push({
+		id: "group",
+		label: H("ggnomad.tour.maxGroupSize", "Max group size"),
+		value: String(X.maxGroupSize),
+		icon: /* @__PURE__ */ B(k, {})
+	}), X.languages.length > 0 && Q.push({
+		id: "languages",
+		label: H("ggnomad.tour.languages", "Languages"),
+		value: X.languages.join(", "),
+		icon: /* @__PURE__ */ B(T, {})
+	}), Z && Q.push({
+		id: "location",
+		label: H("ggnomad.tour.location", "Location"),
+		value: Z,
+		icon: /* @__PURE__ */ B(E, {})
+	}), X.guideName && Q.push({
+		id: "guide",
+		label: H("ggnomad.tour.guide", "Guide"),
+		value: X.guideName,
+		icon: /* @__PURE__ */ B(O, {})
+	})), /* @__PURE__ */ B(r, {
+		title: X?.name ?? H("ggnomad.tour.fallbackTitle", "Tour details"),
+		subtitle: H("ggnomad.tour.subtitle", "Tour package details and booking context"),
+		children: X ? /* @__PURE__ */ V(z, { children: [
+			X.images.length > 0 ? /* @__PURE__ */ B(p, {
+				images: X.images,
+				alt: X.name
+			}) : /* @__PURE__ */ B(s, { alt: X.name }),
+			/* @__PURE__ */ V("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ B("span", {
+						className: "rounded-full border border-border-seam bg-bg-sunken px-3 py-1 text-sm text-text-primary",
+						children: t(X.type)
+					}),
+					X.status ? /* @__PURE__ */ B(i, { status: X.status }) : null,
+					/* @__PURE__ */ B(g, {
+						rating: X.rating,
+						reviewCount: X.reviewCount
+					}),
+					X.instantBook ? /* @__PURE__ */ V("span", {
+						className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text",
+						children: [/* @__PURE__ */ B(A, {
+							className: "size-3.5",
+							"aria-hidden": "true"
+						}), H("ggnomad.listing.instantBook", "Instant book")]
+					}) : null
+				]
 			}),
-			/* @__PURE__ */ C(x, {
-				icon: /* @__PURE__ */ C(f, { className: "size-4" }),
-				children: T("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__ */ B(R, {
+				icon: /* @__PURE__ */ B(C, { className: "size-4" }),
+				children: H("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__ */ C(b, {
+			/* @__PURE__ */ B(h, { facts: Q }),
+			/* @__PURE__ */ B(L, {
 				storageKey: "ggnomad-tour-detail",
 				steps: [{
 					id: "browse",
-					label: T("ggnomad.tour.next.browse", "Explore more experiences"),
-					description: T("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
-					icon: /* @__PURE__ */ C(f, { className: "size-4" }),
-					onClick: () => E(o(D, "tourism"))
+					label: H("ggnomad.tour.next.browse", "Explore more experiences"),
+					description: H("ggnomad.tour.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ B(C, { className: "size-4" }),
+					onClick: () => U(l(W, "tourism"))
 				}]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ V("div", {
 				className: "grid gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ V("div", {
 					className: "lg:col-span-2 space-y-4",
 					children: [
-						/* @__PURE__ */ w(v, {
+						X.description ? /* @__PURE__ */ B(a, {
+							title: H("ggnomad.tour.about", "About this tour"),
+							children: /* @__PURE__ */ B("p", {
+								className: "text-text-primary",
+								children: X.description
+							})
+						}) : null,
+						/* @__PURE__ */ V(F, {
 							treatment: "glass",
 							glow: !0,
 							className: "border-border-seam p-5",
-							children: [/* @__PURE__ */ w("div", {
+							children: [/* @__PURE__ */ V("div", {
 								className: "mb-4 flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ C("h2", {
+								children: [/* @__PURE__ */ B("h2", {
 									className: "text-lg font-medium tracking-tight text-text-primary",
-									children: T("ggnomad.tour.details", "Details")
-								}), /* @__PURE__ */ C("button", {
-									onClick: () => A(!0),
+									children: H("ggnomad.tour.details", "Details")
+								}), /* @__PURE__ */ B("button", {
+									onClick: () => q(!0),
 									className: "rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text",
-									"aria-label": T("ggnomad.tour.editListing", "Edit listing"),
-									title: T("ggnomad.tour.editListing", "Edit listing"),
-									children: /* @__PURE__ */ C(p, { className: "size-4" })
+									"aria-label": H("ggnomad.tour.editListing", "Edit listing"),
+									title: H("ggnomad.tour.editListing", "Edit listing"),
+									children: /* @__PURE__ */ B(D, { className: "size-4" })
 								})]
-							}), /* @__PURE__ */ w("dl", {
+							}), /* @__PURE__ */ V("dl", {
 								className: "space-y-2 text-sm",
 								children: [
-									/* @__PURE__ */ C(r, {
-										label: T("ggnomad.tour.duration", "Duration"),
-										value: N.duration
+									/* @__PURE__ */ B(o, {
+										label: H("ggnomad.tour.duration", "Duration"),
+										value: X.duration
 									}),
-									/* @__PURE__ */ C(r, {
-										label: T("ggnomad.tour.difficulty", "Difficulty"),
-										value: N.difficulty ?? T("ggnomad.tour.na", "N/A")
+									/* @__PURE__ */ B(o, {
+										label: H("ggnomad.tour.difficulty", "Difficulty"),
+										value: X.difficulty ? t(X.difficulty) : H("ggnomad.tour.na", "N/A")
 									}),
-									/* @__PURE__ */ C(r, {
-										label: T("ggnomad.tour.guide", "Guide"),
-										value: N.guideName ?? T("ggnomad.tour.na", "N/A")
+									/* @__PURE__ */ B(o, {
+										label: H("ggnomad.tour.guide", "Guide"),
+										value: X.guideName ?? H("ggnomad.tour.na", "N/A")
 									}),
-									/* @__PURE__ */ C(r, {
-										label: T("ggnomad.tour.price", "Price"),
-										value: `${N.currency} ${Number(N.price).toFixed(2)}`
+									/* @__PURE__ */ B(o, {
+										label: H("ggnomad.tour.price", "Price per person"),
+										value: `${X.currency} ${Number(X.price).toFixed(2)}`
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ C(n, {
-							title: T("ggnomad.tour.highlights", "Highlights"),
-							children: /* @__PURE__ */ C("ul", {
+						X.highlights.length > 0 ? /* @__PURE__ */ B(a, {
+							title: H("ggnomad.tour.highlights", "Highlights"),
+							children: /* @__PURE__ */ B("ul", {
 								className: "space-y-2 text-sm",
-								children: (N.highlights ?? []).map((e) => /* @__PURE__ */ w("li", {
+								children: X.highlights.map((e) => /* @__PURE__ */ V("li", {
 									className: "flex items-start gap-2 text-text-primary",
-									children: [/* @__PURE__ */ C(d, {
+									children: [/* @__PURE__ */ B(x, {
 										className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
 										"aria-hidden": "true"
 									}), e]
 								}, e))
 							})
+						}) : null,
+						X.languages.length > 0 ? /* @__PURE__ */ B(a, {
+							title: H("ggnomad.tour.languagesTitle", "Guided in"),
+							children: /* @__PURE__ */ B(m, {
+								items: X.languages,
+								icon: /* @__PURE__ */ B(T, {})
+							})
+						}) : null,
+						/* @__PURE__ */ B(_, {
+							sustainabilityScore: X.sustainabilityScore,
+							sustainabilityPractices: X.sustainabilityPractices,
+							accessibilityFeatures: X.accessibilityFeatures
+						}),
+						/* @__PURE__ */ B(y, {
+							listingId: X.id ?? G,
+							listingType: "TOUR"
 						}),
-						/* @__PURE__ */ C(c, {
+						X.provider ? /* @__PURE__ */ B(v, { provider: X.provider }) : null,
+						/* @__PURE__ */ B(d, {
 							targetType: "TOUR",
-							targetId: N.id ?? O
+							targetId: X.id ?? G
 						})
 					]
-				}), /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(s, {
+				}), /* @__PURE__ */ B("div", { children: /* @__PURE__ */ B(u, {
 					bookingType: "TOUR",
-					itemId: N.id ?? O,
-					itemName: N.name,
-					unitPrice: N.price ?? 0,
-					currency: N.currency ?? "USD"
+					itemId: X.id ?? G,
+					itemName: X.name,
+					unitPrice: X.price ?? 0,
+					currency: X.currency ?? "USD"
 				}) })]
 			}),
-			/* @__PURE__ */ C(l, {
-				open: k,
-				onOpenChange: A,
+			/* @__PURE__ */ B(f, {
+				open: K,
+				onOpenChange: q,
 				targetType: "TOUR",
-				id: N.id ?? O,
+				id: X.id ?? G,
 				initial: {
-					name: N.name,
-					description: N.description,
-					price: N.price,
-					status: N.status,
-					images: N.images
+					name: X.name,
+					description: X.description ?? void 0,
+					price: X.price,
+					status: X.status,
+					images: X.images
 				},
-				onSaved: () => M()
+				onSaved: () => Y()
 			})
-		] }) : /* @__PURE__ */ C(y, {
+		] }) : /* @__PURE__ */ B(I, {
 			illustration: "empty-data",
-			title: T("ggnomad.tour.notFoundTitle", "No tour found"),
-			description: T("ggnomad.tour.notFoundDescription", "This tour is unavailable or may have been removed.")
+			title: H("ggnomad.tour.notFoundTitle", "No tour found"),
+			description: H("ggnomad.tour.notFoundDescription", "This tour is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { T as TourDetailsPage };
+export { H 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 { 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 { useNavigate, useParams } from 'react-router';\nimport { CheckCircle2, Compass, Pencil } 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 {\n  DetailRow,\n  SectionCard,\n  DetailHero,\n  BookingPanel,\n  ReviewsSection,\n  ListingEditDialog,\n} from '../components';\n\nexport function TourDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const [editDialogOpen, setEditDialogOpen] = useState(false);\n  const { data, refetch } = useQuery(\n    GGNOMAD_TOUR_QUERY as TypedDocumentNode<\n      {\n        ggnomadTour: {\n          id: string;\n          name: string;\n          description?: string;\n          duration: string;\n          difficulty?: string;\n          guideName?: string;\n          currency: string;\n          price: number;\n          status?: string;\n          highlights: string[];\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const tour = data?.ggnomadTour;\n\n  return (\n    <PageShell\n      title={tour?.name ?? t('ggnomad.tour.fallbackTitle', 'Tour details')}\n      subtitle={t('ggnomad.tour.subtitle', 'Tour package details and booking context')}\n    >\n      {!tour ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.tour.notFoundTitle', 'No tour found')}\n          description={t(\n            'ggnomad.tour.notFoundDescription',\n            'This tour is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={tour.images?.[0]} alt={tour.name} />\n          <PagePurpose icon={<Compass className=\"size-4\" />}>\n            {t(\n              'ggnomad.tour.purpose',\n              'See exactly what this tour involves — duration, difficulty, your guide, price and the highlights you’ll experience — so you can confirm it fits your trip before booking.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-tour-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.tour.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.tour.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n                <div className=\"mb-4 flex items-center justify-between gap-3\">\n                  <h2 className=\"text-lg font-medium tracking-tight text-text-primary\">\n                    {t('ggnomad.tour.details', 'Details')}\n                  </h2>\n                  <button\n                    onClick={() => setEditDialogOpen(true)}\n                    className=\"rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                    aria-label={t('ggnomad.tour.editListing', 'Edit listing')}\n                    title={t('ggnomad.tour.editListing', 'Edit listing')}\n                  >\n                    <Pencil className=\"size-4\" />\n                  </button>\n                </div>\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              <ReviewsSection targetType=\"TOUR\" targetId={tour.id ?? id} />\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"TOUR\"\n                itemId={tour.id ?? id}\n                itemName={tour.name}\n                unitPrice={tour.price ?? 0}\n                currency={tour.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n\n          <ListingEditDialog\n            open={editDialogOpen}\n            onOpenChange={setEditDialogOpen}\n            targetType=\"TOUR\"\n            id={tour.id ?? id}\n            initial={{\n              name: tour.name,\n              description: tour.description,\n              price: tour.price,\n              status: tour.status,\n              images: tour.images,\n            }}\n            onSaved={() => refetch()}\n          />\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TourDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/TourDetailsPage.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 { useNavigate, useParams } from 'react-router';\nimport {\n  CheckCircle2,\n  Clock,\n  Compass,\n  Gauge,\n  Languages as LanguagesIcon,\n  MapPin,\n  Pencil,\n  UserRound,\n  Users,\n  Zap,\n} 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 { humanizeEnum, jsonLabel } from '../utils/format';\nimport { PageShell } from './PageShell';\nimport {\n  AvailabilityPanel,\n  BookingPanel,\n  DetailHero,\n  DetailRow,\n  EcoAccessPanel,\n  FactGrid,\n  ListingEditDialog,\n  PhotoGallery,\n  ProviderCard,\n  RatingSummary,\n  ReviewsSection,\n  SectionCard,\n  StatusBadge,\n  TagChips,\n} from '../components';\nimport type { Fact } from '../components';\n\ntype TourDetail = {\n  id: string;\n  name: string;\n  description?: string | null;\n  type: string;\n  status?: string;\n  duration: string;\n  difficulty?: string | null;\n  guideName?: string | null;\n  currency: string;\n  price: number;\n  rating?: number | null;\n  reviewCount: number;\n  highlights: string[];\n  images: string[];\n  languages: string[];\n  location?: unknown;\n  maxGroupSize: number;\n  instantBook: boolean;\n  sustainabilityScore: number;\n  sustainabilityPractices: string[];\n  accessibilityFeatures: string[];\n  provider?: {\n    id: string;\n    name: string;\n    type?: string | null;\n    rating?: number | null;\n    reviewCount?: number | null;\n    listingCount?: number | null;\n    contactEmail?: string | null;\n    website?: string | null;\n  } | null;\n};\n\nexport function TourDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useGGNomad();\n  const { id = '' } = useParams();\n  const [editDialogOpen, setEditDialogOpen] = useState(false);\n  const { data, refetch } = useQuery(\n    GGNOMAD_TOUR_QUERY as TypedDocumentNode<{ ggnomadTour: TourDetail | null }, { id: string }>,\n    { variables: { id }, skip: !id }\n  );\n  const tour = data?.ggnomadTour;\n  const locationLabel = jsonLabel(tour?.location);\n\n  const facts: Fact[] = [];\n  if (tour) {\n    facts.push({\n      id: 'duration',\n      label: t('ggnomad.tour.duration', 'Duration'),\n      value: tour.duration,\n      icon: <Clock />,\n    });\n    if (tour.difficulty) {\n      facts.push({\n        id: 'difficulty',\n        label: t('ggnomad.tour.difficulty', 'Difficulty'),\n        value: humanizeEnum(tour.difficulty),\n        icon: <Gauge />,\n      });\n    }\n    facts.push({\n      id: 'group',\n      label: t('ggnomad.tour.maxGroupSize', 'Max group size'),\n      value: String(tour.maxGroupSize),\n      icon: <Users />,\n    });\n    if (tour.languages.length > 0) {\n      facts.push({\n        id: 'languages',\n        label: t('ggnomad.tour.languages', 'Languages'),\n        value: tour.languages.join(', '),\n        icon: <LanguagesIcon />,\n      });\n    }\n    if (locationLabel) {\n      facts.push({\n        id: 'location',\n        label: t('ggnomad.tour.location', 'Location'),\n        value: locationLabel,\n        icon: <MapPin />,\n      });\n    }\n    if (tour.guideName) {\n      facts.push({\n        id: 'guide',\n        label: t('ggnomad.tour.guide', 'Guide'),\n        value: tour.guideName,\n        icon: <UserRound />,\n      });\n    }\n  }\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          {tour.images.length > 0 ? (\n            <PhotoGallery images={tour.images} alt={tour.name} />\n          ) : (\n            <DetailHero alt={tour.name} />\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <span className=\"rounded-full border border-border-seam bg-bg-sunken px-3 py-1 text-sm text-text-primary\">\n              {humanizeEnum(tour.type)}\n            </span>\n            {tour.status ? <StatusBadge status={tour.status} /> : null}\n            <RatingSummary rating={tour.rating} reviewCount={tour.reviewCount} />\n            {tour.instantBook ? (\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1 text-sm font-medium text-status-success-text\">\n                <Zap className=\"size-3.5\" aria-hidden=\"true\" />\n                {t('ggnomad.listing.instantBook', 'Instant book')}\n              </span>\n            ) : null}\n          </div>\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          <FactGrid facts={facts} />\n\n          <NextSteps\n            storageKey=\"ggnomad-tour-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.tour.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.tour.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              {tour.description ? (\n                <SectionCard title={t('ggnomad.tour.about', 'About this tour')}>\n                  <p className=\"text-text-primary\">{tour.description}</p>\n                </SectionCard>\n              ) : null}\n\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n                <div className=\"mb-4 flex items-center justify-between gap-3\">\n                  <h2 className=\"text-lg font-medium tracking-tight text-text-primary\">\n                    {t('ggnomad.tour.details', 'Details')}\n                  </h2>\n                  <button\n                    onClick={() => setEditDialogOpen(true)}\n                    className=\"rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text\"\n                    aria-label={t('ggnomad.tour.editListing', 'Edit listing')}\n                    title={t('ggnomad.tour.editListing', 'Edit listing')}\n                  >\n                    <Pencil className=\"size-4\" />\n                  </button>\n                </div>\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={\n                      tour.difficulty ? humanizeEnum(tour.difficulty) : t('ggnomad.tour.na', 'N/A')\n                    }\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 per person')}\n                    value={`${tour.currency} ${Number(tour.price).toFixed(2)}`}\n                  />\n                </dl>\n              </GlassCard>\n\n              {tour.highlights.length > 0 ? (\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              ) : null}\n\n              {tour.languages.length > 0 ? (\n                <SectionCard title={t('ggnomad.tour.languagesTitle', 'Guided in')}>\n                  <TagChips items={tour.languages} icon={<LanguagesIcon />} />\n                </SectionCard>\n              ) : null}\n\n              <EcoAccessPanel\n                sustainabilityScore={tour.sustainabilityScore}\n                sustainabilityPractices={tour.sustainabilityPractices}\n                accessibilityFeatures={tour.accessibilityFeatures}\n              />\n\n              <AvailabilityPanel listingId={tour.id ?? id} listingType=\"TOUR\" />\n\n              {tour.provider ? <ProviderCard provider={tour.provider} /> : null}\n\n              <ReviewsSection targetType=\"TOUR\" targetId={tour.id ?? id} />\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"TOUR\"\n                itemId={tour.id ?? id}\n                itemName={tour.name}\n                unitPrice={tour.price ?? 0}\n                currency={tour.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n\n          <ListingEditDialog\n            open={editDialogOpen}\n            onOpenChange={setEditDialogOpen}\n            targetType=\"TOUR\"\n            id={tour.id ?? id}\n            initial={{\n              name: tour.name,\n              description: tour.description ?? undefined,\n              price: tour.price,\n              status: tour.status,\n              images: tour.images,\n            }}\n            onSaved={() => refetch()}\n          />\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/TourismPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TourismPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,WAAW,gCAiH1B"}
+{"version":3,"file":"TourismPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/TourismPage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,WAAW,gCAyK1B"}

package/dist/ggnomad/pages/TourismPage.js

@@ -1,79 +1,133 @@
 import { GGNOMAD_ACTIVITIES_QUERY as e, GGNOMAD_TOURS_QUERY as t } from "../graphql.js";
-import { PageShell as n } from "./PageShell.js";
-import { SectionCard as r } from "../components/SectionCard.js";
-import { EntityCard as i } from "../components/EntityCard.js";
-import { LoadMoreButton as a } from "../components/LoadMoreButton.js";
+import { humanizeEnum as n } from "../utils/format.js";
+import { PageShell as r } from "./PageShell.js";
+import { SectionCard as i } from "../components/SectionCard.js";
+import { EntityCard as a } from "../components/EntityCard.js";
+import { LoadMoreButton as o } from "../components/LoadMoreButton.js";
+import { RatingSummary as s } from "../components/RatingSummary.js";
+import { EMPTY_LISTING_FILTERS as c, ListingFilters as l, hasActiveListingFilters as u } from "../components/ListingFilters.js";
 import "../components/index.js";
-import { useState as o } from "react";
-import { Compass as s } from "lucide-react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useQuery as l } from "@apollo/client/react";
-import { EmphasisPanel as u, IllustratedEmptyState as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { Clock as f, Compass as p, Gauge as m, Leaf as h, Zap as g } from "lucide-react";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as v } from "@apollo/client/react";
+import { EmphasisPanel as y, IllustratedEmptyState as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/ggnomad/pages/TourismPage.tsx
-function h() {
-	let { t: h } = c(), [g, _] = o(12), [v, y] = o(12), { data: b } = l(t, { variables: {
-		limit: g,
-		offset: 0
-	} }), { data: x } = l(e, { variables: {
-		limit: v,
-		offset: 0
-	} }), S = b?.ggnomadTours ?? [], C = x?.ggnomadActivities ?? [], w = (e, t, n) => e.length === 0 ? /* @__PURE__ */ p(d, {
+function w() {
+	let { t: w } = _(), [T, E] = d(12), [D, O] = d(12), [k, A] = d(c), j = {
+		status: k.status,
+		minSustainabilityScore: k.minSustainabilityScore,
+		hasAccessibilityFeatures: k.accessibilityFeatures.length > 0 ? k.accessibilityFeatures : void 0
+	}, { data: M } = v(t, { variables: {
+		limit: T,
+		offset: 0,
+		...j
+	} }), { data: N } = v(e, { variables: {
+		limit: D,
+		offset: 0,
+		...j
+	} }), P = M?.ggnomadTours ?? [], F = N?.ggnomadActivities ?? [], I = u(k), L = (e, t, r) => e.length === 0 ? /* @__PURE__ */ S(b, {
 		illustration: "empty-data",
-		title: n,
-		description: h("ggnomad.tourism.emptyDescription", "Curated experiences will appear here once published.")
-	}) : /* @__PURE__ */ p("div", {
+		title: I ? w("ggnomad.tourism.noMatchTitle", "Nothing matches these filters") : r,
+		description: I ? w("ggnomad.tourism.noMatchDescription", "Try clearing a filter — status, sustainability score and accessibility all narrow the catalogue.") : w("ggnomad.tourism.emptyDescription", "Curated experiences will appear here once published.")
+	}) : /* @__PURE__ */ S("div", {
 		className: "grid gap-3",
-		children: e.map((e) => /* @__PURE__ */ p(i, {
+		children: e.map((e) => /* @__PURE__ */ S(a, {
 			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)}`
+			meta: n(e.type ?? e.category ?? ""),
+			badge: e.instantBook ? /* @__PURE__ */ C("span", {
+				className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text",
+				children: [/* @__PURE__ */ S(g, {
+					className: "size-3",
+					"aria-hidden": "true"
+				}), w("ggnomad.listing.instantBook", "Instant book")]
+			}) : null,
+			price: `${e.currency} ${Number(e.price).toFixed(2)}`,
+			footer: /* @__PURE__ */ C("div", {
+				className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+				children: [
+					/* @__PURE__ */ C("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ S(f, {
+							className: "size-3.5",
+							"aria-hidden": "true"
+						}), e.duration]
+					}),
+					e.difficulty ? /* @__PURE__ */ C("span", {
+						className: "inline-flex items-center gap-1",
+						children: [/* @__PURE__ */ S(m, {
+							className: "size-3.5",
+							"aria-hidden": "true"
+						}), n(e.difficulty)]
+					}) : null,
+					/* @__PURE__ */ S(s, {
+						rating: e.rating,
+						reviewCount: e.reviewCount
+					}),
+					e.sustainabilityScore > 0 ? /* @__PURE__ */ C("span", {
+						className: "inline-flex items-center gap-1 tabular-nums text-status-success-text",
+						children: [/* @__PURE__ */ S(h, {
+							className: "size-3.5",
+							"aria-hidden": "true"
+						}), e.sustainabilityScore]
+					}) : null
+				]
+			})
 		}, e.id))
 	});
-	return /* @__PURE__ */ m(n, {
-		title: h("ggnomad.tourism.title", "Tourism"),
-		titleAccent: h("ggnomad.tourism.title.accent", "Tourism"),
-		subtitle: h("ggnomad.tourism.subtitle", "Tours and curated activity experiences"),
+	return /* @__PURE__ */ C(r, {
+		title: w("ggnomad.tourism.title", "Tourism"),
+		titleAccent: w("ggnomad.tourism.title.accent", "Tourism"),
+		subtitle: w("ggnomad.tourism.subtitle", "Tours and curated activity experiences"),
 		children: [
-			/* @__PURE__ */ p(f, {
-				icon: /* @__PURE__ */ p(s, { className: "size-4" }),
-				children: h("ggnomad.tourism.purpose", "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.")
+			/* @__PURE__ */ S(x, {
+				icon: /* @__PURE__ */ S(p, { className: "size-4" }),
+				children: w("ggnomad.tourism.purpose", "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.")
 			}),
-			/* @__PURE__ */ m(u, { children: [/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ C(y, { children: [/* @__PURE__ */ C("div", {
 				className: "grid gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+				children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-text-secondary",
-					children: h("ggnomad.tourism.tours", "Tours")
-				}), /* @__PURE__ */ p("p", {
+					children: w("ggnomad.tourism.tours", "Tours")
+				}), /* @__PURE__ */ S("p", {
 					className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-					children: S.length
-				})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+					children: P.length
+				})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-text-secondary",
-					children: h("ggnomad.tourism.activities", "Activities")
-				}), /* @__PURE__ */ p("p", {
+					children: w("ggnomad.tourism.activities", "Activities")
+				}), /* @__PURE__ */ S("p", {
 					className: "mt-1 text-2xl font-semibold tabular-nums text-text-primary",
-					children: C.length
+					children: F.length
 				})] })]
-			}), /* @__PURE__ */ p("p", {
+			}), /* @__PURE__ */ S("p", {
 				className: "mt-4 text-sm text-text-secondary",
-				children: h("ggnomad.tourism.emphasisNote", "Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.")
+				children: w("ggnomad.tourism.emphasisNote", "Curated, bookable experiences across your destinations — pick a tour or activity below to see full details.")
 			})] }),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ S(l, {
+				idPrefix: "ggnomad-tourism",
+				value: k,
+				onChange: (e) => {
+					E(12), O(12), A(e);
+				},
+				resultCount: P.length + F.length
+			}),
+			/* @__PURE__ */ C("div", {
 				className: "grid gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ m(r, {
-					title: h("ggnomad.tourism.tours", "Tours"),
-					children: [w(S, "tours", h("ggnomad.tourism.toursEmpty", "No tours yet")), /* @__PURE__ */ p(a, {
-						visible: S.length >= g,
-						onLoadMore: () => _((e) => e + 12)
+				children: [/* @__PURE__ */ C(i, {
+					title: w("ggnomad.tourism.tours", "Tours"),
+					children: [L(P, "tours", w("ggnomad.tourism.toursEmpty", "No tours yet")), /* @__PURE__ */ S(o, {
+						visible: P.length >= T,
+						onLoadMore: () => E((e) => e + 12)
 					})]
-				}), /* @__PURE__ */ m(r, {
-					title: h("ggnomad.tourism.activities", "Activities"),
-					children: [w(C, "activities", h("ggnomad.tourism.activitiesEmpty", "No activities yet")), /* @__PURE__ */ p(a, {
-						visible: C.length >= v,
-						onLoadMore: () => y((e) => e + 12)
+				}), /* @__PURE__ */ C(i, {
+					title: w("ggnomad.tourism.activities", "Activities"),
+					children: [L(F, "activities", w("ggnomad.tourism.activitiesEmpty", "No activities yet")), /* @__PURE__ */ S(o, {
+						visible: F.length >= D,
+						onLoadMore: () => O((e) => e + 12)
 					})]
 				})]
 			})
@@ -81,6 +135,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as TourismPage };
+export { w as TourismPage };
 
 //# sourceMappingURL=TourismPage.js.map

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  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      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: tourLimit, offset: 0 },\n    }\n  );\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: TourismItem[] },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: activityLimit, offset: 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,EAAQ,GAChB,CAAC,GAAW,KAAgB,EAAS,EAAE,GACvC,CAAC,GAAe,KAAoB,EAAS,EAAE,GAC/C,EAAE,MAAM,MAAc,EAC1B,GAIA,EACE,WAAW;EAAE,OAAO;EAAW,QAAQ;CAAE,EAC3C,CACF,GACM,EAAE,MAAM,MAAmB,EAC/B,GAIA,EAAE,WAAW;EAAE,OAAO;EAAe,QAAQ;CAAE,EAAE,CACnD,GACM,IAAQ,GAAW,gBAAgB,CAAC,GACpC,IAAa,GAAgB,qBAAqB,CAAC,GAEnD,KAAc,GAAsB,GAAkB,MACtD,EAAM,WAAW,IAEjB,kBAAC,GAAD;EACE,cAAa;EACb,OAAO;EACP,aAAa,EACX,oCACA,sDACF;CACD,CAAA,IAIH,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,KAAK,EAAE,QAAQ,CAAC;EACxD,GAPM,EAAK,EAOX,CACF;CACE,CAAA;CAIT,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,yBAAyB,SAAS;EAC3C,aAAa,EAAE,gCAAgC,SAAS;EACxD,UAAU,EAAE,4BAA4B,wCAAwC;YAHlF;GAKE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAS,WAAU,SAAU,CAAA;cAC7C,EACC,2BACA,+MACF;GACW,CAAA;GAEb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAE,yBAAyB,OAAO;IAAK,CAAA,GACnF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAM;IACN,CAAA,CACA,EAAA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,8BAA8B,YAAY;IAC5C,CAAA,GACH,kBAAC,KAAD;KAAG,WAAU;eACV,EAAW;IACX,CAAA,CACA,EAAA,CAAA,CACF;OACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,gCACA,6GACF;GACC,CAAA,CACU,EAAA,CAAA;GAEf,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,yBAAyB,OAAO;eAAtD,CACG,EAAW,GAAO,SAAS,EAAE,8BAA8B,cAAc,CAAC,GAC3E,kBAAC,GAAD;MACE,SAAS,EAAM,UAAU;MACzB,kBAAkB,GAAc,MAAM,IAAI,EAAE;KAC7C,CAAA,CACU;QACb,kBAAC,GAAD;KAAa,OAAO,EAAE,8BAA8B,YAAY;eAAhE,CACG,EACC,GACA,cACA,EAAE,mCAAmC,mBAAmB,CAC1D,GACA,kBAAC,GAAD;MACE,SAAS,EAAW,UAAU;MAC9B,kBAAkB,GAAkB,MAAM,IAAI,EAAE;KACjD,CAAA,CACU;MACV;;EACI;;AAEf"}
+{"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 { Clock, Compass, Gauge, Leaf, Zap } from 'lucide-react';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_ACTIVITIES_QUERY, GGNOMAD_TOURS_QUERY } from '../graphql';\nimport { humanizeEnum } from '../utils/format';\nimport { PageShell } from './PageShell';\nimport {\n  EntityCard,\n  EMPTY_LISTING_FILTERS,\n  ListingFilters,\n  LoadMoreButton,\n  RatingSummary,\n  SectionCard,\n  hasActiveListingFilters,\n} from '../components';\nimport type { ListingFilterState } from '../components';\n\ntype TourismItem = {\n  id: string;\n  name: string;\n  /** Tours carry `type` (CULTURAL, ADVENTURE…), activities carry `category`. */\n  type?: string;\n  category?: string;\n  duration: string;\n  difficulty?: string | null;\n  price: number;\n  currency: string;\n  rating?: number | null;\n  reviewCount: number;\n  images?: string[];\n  instantBook: boolean;\n  sustainabilityScore: number;\n};\n\ntype ListingVariables = {\n  limit: number;\n  offset: number;\n  status?: string;\n  minSustainabilityScore?: number;\n  hasAccessibilityFeatures?: string[];\n};\n\nexport function TourismPage() {\n  const { t } = useI18n();\n  const [tourLimit, setTourLimit] = useState(12);\n  const [activityLimit, setActivityLimit] = useState(12);\n  const [filters, setFilters] = useState<ListingFilterState>(EMPTY_LISTING_FILTERS);\n\n  const filterVariables = {\n    status: filters.status,\n    minSustainabilityScore: filters.minSustainabilityScore,\n    hasAccessibilityFeatures:\n      filters.accessibilityFeatures.length > 0 ? filters.accessibilityFeatures : undefined,\n  };\n\n  const { data: toursData } = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<{ ggnomadTours: TourismItem[] }, ListingVariables>,\n    { variables: { limit: tourLimit, offset: 0, ...filterVariables } }\n  );\n  const { data: activitiesData } = useQuery(\n    GGNOMAD_ACTIVITIES_QUERY as TypedDocumentNode<\n      { ggnomadActivities: TourismItem[] },\n      ListingVariables\n    >,\n    { variables: { limit: activityLimit, offset: 0, ...filterVariables } }\n  );\n  const tours = toursData?.ggnomadTours ?? [];\n  const activities = activitiesData?.ggnomadActivities ?? [];\n  const filtered = hasActiveListingFilters(filters);\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={\n            filtered\n              ? t('ggnomad.tourism.noMatchTitle', 'Nothing matches these filters')\n              : emptyLabel\n          }\n          description={\n            filtered\n              ? t(\n                  'ggnomad.tourism.noMatchDescription',\n                  'Try clearing a filter — status, sustainability score and accessibility all narrow the catalogue.'\n                )\n              : t(\n                  'ggnomad.tourism.emptyDescription',\n                  'Curated experiences will appear here once published.'\n                )\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={humanizeEnum(item.type ?? item.category ?? '')}\n            badge={\n              item.instantBook ? (\n                <span className=\"inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text\">\n                  <Zap className=\"size-3\" aria-hidden=\"true\" />\n                  {t('ggnomad.listing.instantBook', 'Instant book')}\n                </span>\n              ) : null\n            }\n            price={`${item.currency} ${Number(item.price).toFixed(2)}`}\n            footer={\n              <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n                <span className=\"inline-flex items-center gap-1\">\n                  <Clock className=\"size-3.5\" aria-hidden=\"true\" />\n                  {item.duration}\n                </span>\n                {item.difficulty ? (\n                  <span className=\"inline-flex items-center gap-1\">\n                    <Gauge className=\"size-3.5\" aria-hidden=\"true\" />\n                    {humanizeEnum(item.difficulty)}\n                  </span>\n                ) : null}\n                <RatingSummary rating={item.rating} reviewCount={item.reviewCount} />\n                {item.sustainabilityScore > 0 ? (\n                  <span className=\"inline-flex items-center gap-1 tabular-nums text-status-success-text\">\n                    <Leaf className=\"size-3.5\" aria-hidden=\"true\" />\n                    {item.sustainabilityScore}\n                  </span>\n                ) : null}\n              </div>\n            }\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      <ListingFilters\n        idPrefix=\"ggnomad-tourism\"\n        value={filters}\n        onChange={(next) => {\n          setTourLimit(12);\n          setActivityLimit(12);\n          setFilters(next);\n        }}\n        resultCount={tours.length + activities.length}\n      />\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":"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"}