@burdenoff/microfe-ggnomad 2026.825.1 → 2026.828.1

package/dist/ggnomad/pages/ActivityDetailsPage.js

@@ -1,137 +1,225 @@
 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 { 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 { Activity as d, Compass as f, Pencil as p, ShieldCheck as m } from "lucide-react";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useNavigate as g, useParams as _ } from "react-router";
-import { useQuery as v } from "@apollo/client/react";
-import { GlassCard as y, IllustratedEmptyState as b, NextSteps as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { Activity as x, CheckCircle2 as S, Clock as C, Compass as w, Gauge as T, ListChecks as E, MapPin as D, Pencil as O, ShieldCheck as k, Users as A, Zap as j } from "lucide-react";
+import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as N, useParams as P } from "react-router";
+import { useQuery as F } from "@apollo/client/react";
+import { GlassCard as I, IllustratedEmptyState as L, NextSteps as R, PagePurpose as z } from "@burdenoff/fe-libs/ui";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
 //#region src/ggnomad/pages/ActivityDetailsPage.tsx
-function E() {
-	let { t: E } = h(), D = g(), { basePath: O = "/" } = a(), { id: k = "" } = _(), [A, j] = u(!1), { data: M, refetch: N } = v(e, {
-		variables: { id: k },
-		skip: !k
-	}), P = M?.ggnomadActivity;
-	return /* @__PURE__ */ w(t, {
-		title: P?.name ?? E("ggnomad.activity.fallbackTitle", "Activity details"),
-		subtitle: E("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
-		children: P ? /* @__PURE__ */ T(C, { children: [
-			/* @__PURE__ */ w(i, {
-				image: P.images?.[0],
-				alt: P.name
+function U() {
+	let { t: U } = M(), W = N(), { basePath: G = "/" } = c(), { id: K = "" } = P(), [q, J] = b(!1), { data: Y, refetch: X } = F(e, {
+		variables: { id: K },
+		skip: !K
+	}), Z = Y?.ggnomadActivity, Q = n(Z?.location), $ = [];
+	return Z && ($.push({
+		id: "duration",
+		label: U("ggnomad.activity.duration", "Duration"),
+		value: Z.duration,
+		icon: /* @__PURE__ */ V(C, {})
+	}), Z.difficulty && $.push({
+		id: "difficulty",
+		label: U("ggnomad.activity.difficulty", "Difficulty"),
+		value: t(Z.difficulty),
+		icon: /* @__PURE__ */ V(T, {})
+	}), $.push({
+		id: "participants",
+		label: U("ggnomad.activity.maxParticipants", "Max participants"),
+		value: String(Z.maxParticipants),
+		icon: /* @__PURE__ */ V(A, {})
+	}), Q && $.push({
+		id: "location",
+		label: U("ggnomad.activity.location", "Location"),
+		value: Q,
+		icon: /* @__PURE__ */ V(D, {})
+	})), /* @__PURE__ */ V(r, {
+		title: Z?.name ?? U("ggnomad.activity.fallbackTitle", "Activity details"),
+		subtitle: U("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
+		children: Z ? /* @__PURE__ */ H(B, { children: [
+			Z.images.length > 0 ? /* @__PURE__ */ V(p, {
+				images: Z.images,
+				alt: Z.name
+			}) : /* @__PURE__ */ V(s, { alt: Z.name }),
+			/* @__PURE__ */ H("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ V("span", {
+						className: "rounded-full border border-border-seam bg-bg-sunken px-3 py-1 text-sm text-text-primary",
+						children: t(Z.category)
+					}),
+					Z.status ? /* @__PURE__ */ V(i, { status: Z.status }) : null,
+					/* @__PURE__ */ V(g, {
+						rating: Z.rating,
+						reviewCount: Z.reviewCount
+					}),
+					Z.instantBook ? /* @__PURE__ */ H("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__ */ V(j, {
+							className: "size-3.5",
+							"aria-hidden": "true"
+						}), U("ggnomad.listing.instantBook", "Instant book")]
+					}) : null
+				]
 			}),
-			/* @__PURE__ */ w(S, {
-				icon: /* @__PURE__ */ w(d, { className: "size-4" }),
-				children: E("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__ */ V(z, {
+				icon: /* @__PURE__ */ V(x, { className: "size-4" }),
+				children: U("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__ */ w(x, {
+			/* @__PURE__ */ V(h, { facts: $ }),
+			/* @__PURE__ */ V(R, {
 				storageKey: "ggnomad-activity-detail",
 				steps: [{
 					id: "browse",
-					label: E("ggnomad.activity.next.browse", "Explore more experiences"),
-					description: E("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
-					icon: /* @__PURE__ */ w(f, { className: "size-4" }),
-					onClick: () => D(o(O, "tourism"))
+					label: U("ggnomad.activity.next.browse", "Explore more experiences"),
+					description: U("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ V(w, { className: "size-4" }),
+					onClick: () => W(l(G, "tourism"))
 				}]
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ H("div", {
 				className: "grid gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ T("div", {
+				children: [/* @__PURE__ */ H("div", {
 					className: "lg:col-span-2 space-y-4",
 					children: [
-						/* @__PURE__ */ T(y, {
+						Z.description ? /* @__PURE__ */ V(a, {
+							title: U("ggnomad.activity.about", "About this activity"),
+							children: /* @__PURE__ */ V("p", {
+								className: "text-text-primary",
+								children: Z.description
+							})
+						}) : null,
+						/* @__PURE__ */ H(I, {
 							treatment: "glass",
 							glow: !0,
 							className: "border-border-seam p-5",
-							children: [/* @__PURE__ */ T("div", {
+							children: [/* @__PURE__ */ H("div", {
 								className: "mb-4 flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ w("h2", {
+								children: [/* @__PURE__ */ V("h2", {
 									className: "text-lg font-medium tracking-tight text-text-primary",
-									children: E("ggnomad.activity.details", "Details")
-								}), /* @__PURE__ */ w("button", {
-									onClick: () => j(!0),
+									children: U("ggnomad.activity.details", "Details")
+								}), /* @__PURE__ */ V("button", {
+									onClick: () => J(!0),
 									className: "rounded-md p-2 text-text-secondary hover:bg-action-primary-bg hover:text-action-primary-text",
-									"aria-label": E("ggnomad.activity.editListing", "Edit listing"),
-									title: E("ggnomad.activity.editListing", "Edit listing"),
-									children: /* @__PURE__ */ w(p, { className: "size-4" })
+									"aria-label": U("ggnomad.activity.editListing", "Edit listing"),
+									title: U("ggnomad.activity.editListing", "Edit listing"),
+									children: /* @__PURE__ */ V(O, { className: "size-4" })
 								})]
-							}), /* @__PURE__ */ T("dl", {
+							}), /* @__PURE__ */ H("dl", {
 								className: "space-y-2 text-sm",
 								children: [
-									/* @__PURE__ */ w(r, {
-										label: E("ggnomad.activity.category", "Category"),
-										value: P.category
+									/* @__PURE__ */ V(o, {
+										label: U("ggnomad.activity.category", "Category"),
+										value: t(Z.category)
 									}),
-									/* @__PURE__ */ w(r, {
-										label: E("ggnomad.activity.duration", "Duration"),
-										value: P.duration
+									/* @__PURE__ */ V(o, {
+										label: U("ggnomad.activity.duration", "Duration"),
+										value: Z.duration
 									}),
-									/* @__PURE__ */ w(r, {
-										label: E("ggnomad.activity.maxParticipants", "Max participants"),
-										value: String(P.maxParticipants)
+									/* @__PURE__ */ V(o, {
+										label: U("ggnomad.activity.maxParticipants", "Max participants"),
+										value: String(Z.maxParticipants)
 									}),
-									/* @__PURE__ */ w(r, {
-										label: E("ggnomad.activity.price", "Price"),
-										value: `${P.currency} ${Number(P.price).toFixed(2)}`
+									/* @__PURE__ */ V(o, {
+										label: U("ggnomad.activity.price", "Price per participant"),
+										value: `${Z.currency} ${Number(Z.price).toFixed(2)}`
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ w(n, {
-							title: E("ggnomad.activity.safety", "Safety information"),
-							children: /* @__PURE__ */ T("div", {
+						Z.includes.length > 0 ? /* @__PURE__ */ V(a, {
+							title: U("ggnomad.activity.includes", "What’s included"),
+							children: /* @__PURE__ */ V("ul", {
+								className: "space-y-2 text-sm",
+								children: Z.includes.map((e) => /* @__PURE__ */ H("li", {
+									className: "flex items-start gap-2 text-text-primary",
+									children: [/* @__PURE__ */ V(S, {
+										className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
+										"aria-hidden": "true"
+									}), e]
+								}, e))
+							})
+						}) : null,
+						Z.requirements.length > 0 ? /* @__PURE__ */ V(a, {
+							title: U("ggnomad.activity.requirements", "What you need to bring"),
+							children: /* @__PURE__ */ V(m, {
+								items: Z.requirements,
+								icon: /* @__PURE__ */ V(E, {})
+							})
+						}) : null,
+						/* @__PURE__ */ V(a, {
+							title: U("ggnomad.activity.safety", "Safety information"),
+							children: /* @__PURE__ */ H("div", {
 								className: "flex items-start gap-2 text-sm text-text-primary",
-								children: [/* @__PURE__ */ w(m, {
+								children: [/* @__PURE__ */ V(k, {
 									className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
 									"aria-hidden": "true"
-								}), /* @__PURE__ */ w("p", { children: P.safetyInfo ?? E("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
+								}), /* @__PURE__ */ V("p", { children: Z.safetyInfo ?? U("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
 							})
 						}),
-						/* @__PURE__ */ w(c, {
+						/* @__PURE__ */ V(_, {
+							sustainabilityScore: Z.sustainabilityScore,
+							sustainabilityPractices: Z.sustainabilityPractices,
+							accessibilityFeatures: Z.accessibilityFeatures
+						}),
+						/* @__PURE__ */ V(y, {
+							listingId: Z.id ?? K,
+							listingType: "ACTIVITY"
+						}),
+						Z.provider ? /* @__PURE__ */ V(v, { provider: Z.provider }) : null,
+						/* @__PURE__ */ V(d, {
 							targetType: "ACTIVITY",
-							targetId: P.id ?? k
+							targetId: Z.id ?? K
 						})
 					]
-				}), /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(s, {
+				}), /* @__PURE__ */ V("div", { children: /* @__PURE__ */ V(u, {
 					bookingType: "ACTIVITY",
-					itemId: P.id ?? k,
-					itemName: P.name,
-					unitPrice: P.price ?? 0,
-					currency: P.currency ?? "USD"
+					itemId: Z.id ?? K,
+					itemName: Z.name,
+					unitPrice: Z.price ?? 0,
+					currency: Z.currency ?? "USD"
 				}) })]
 			}),
-			/* @__PURE__ */ w(l, {
-				open: A,
-				onOpenChange: j,
+			/* @__PURE__ */ V(f, {
+				open: q,
+				onOpenChange: J,
 				targetType: "ACTIVITY",
-				id: P.id ?? k,
+				id: Z.id ?? K,
 				initial: {
-					name: P.name,
-					description: P.description,
-					price: P.price,
-					status: P.status,
-					images: P.images
+					name: Z.name,
+					description: Z.description ?? void 0,
+					price: Z.price,
+					status: Z.status,
+					images: Z.images
 				},
-				onSaved: () => N()
+				onSaved: () => X()
 			})
-		] }) : /* @__PURE__ */ w(b, {
+		] }) : /* @__PURE__ */ V(L, {
 			illustration: "empty-data",
-			title: E("ggnomad.activity.notFoundTitle", "No activity found"),
-			description: E("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
+			title: U("ggnomad.activity.notFoundTitle", "No activity found"),
+			description: U("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { E as ActivityDetailsPage };
+export { U 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 { 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 { Activity, Compass, Pencil, 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 {\n  DetailRow,\n  SectionCard,\n  DetailHero,\n  BookingPanel,\n  ReviewsSection,\n  ListingEditDialog,\n} from '../components';\n\nexport function ActivityDetailsPage() {\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_ACTIVITY_QUERY as TypedDocumentNode<\n      {\n        ggnomadActivity: {\n          id: string;\n          name: string;\n          description?: string;\n          category: string;\n          duration: string;\n          maxParticipants: number;\n          currency: string;\n          price: number;\n          status?: string;\n          safetyInfo?: string;\n          images?: string[];\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const activity = data?.ggnomadActivity;\n\n  return (\n    <PageShell\n      title={activity?.name ?? t('ggnomad.activity.fallbackTitle', 'Activity details')}\n      subtitle={t('ggnomad.activity.subtitle', 'Safety, inclusions and participation details')}\n    >\n      {!activity ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.activity.notFoundTitle', 'No activity found')}\n          description={t(\n            'ggnomad.activity.notFoundDescription',\n            'This activity is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <DetailHero image={activity.images?.[0]} alt={activity.name} />\n          <PagePurpose icon={<Activity className=\"size-4\" />}>\n            {t(\n              'ggnomad.activity.purpose',\n              'Everything you need to know before joining this activity — its category, duration, group size, price and the safety policy that applies — so you can be confident it fits your group before you book.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-activity-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.activity.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.activity.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n                <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.activity.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.activity.editListing', 'Edit listing')}\n                    title={t('ggnomad.activity.editListing', 'Edit listing')}\n                  >\n                    <Pencil className=\"size-4\" />\n                  </button>\n                </div>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.activity.category', 'Category')}\n                    value={activity.category}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.activity.duration', 'Duration')}\n                    value={activity.duration}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.activity.maxParticipants', 'Max participants')}\n                    value={String(activity.maxParticipants)}\n                  />\n                  <DetailRow\n                    label={t('ggnomad.activity.price', 'Price')}\n                    value={`${activity.currency} ${Number(activity.price).toFixed(2)}`}\n                  />\n                </dl>\n              </GlassCard>\n              <SectionCard title={t('ggnomad.activity.safety', 'Safety information')}>\n                <div className=\"flex items-start gap-2 text-sm text-text-primary\">\n                  <ShieldCheck\n                    className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                    aria-hidden=\"true\"\n                  />\n                  <p>\n                    {activity.safetyInfo ??\n                      t(\n                        'ggnomad.activity.defaultSafety',\n                        'Standard provider safety policy applies.'\n                      )}\n                  </p>\n                </div>\n              </SectionCard>\n              <ReviewsSection targetType=\"ACTIVITY\" targetId={activity.id ?? id} />\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"ACTIVITY\"\n                itemId={activity.id ?? id}\n                itemName={activity.name}\n                unitPrice={activity.price ?? 0}\n                currency={activity.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n\n          <ListingEditDialog\n            open={editDialogOpen}\n            onOpenChange={setEditDialogOpen}\n            targetType=\"ACTIVITY\"\n            id={activity.id ?? id}\n            initial={{\n              name: activity.name,\n              description: activity.description,\n              price: activity.price,\n              status: activity.status,\n              images: activity.images,\n            }}\n            onSaved={() => refetch()}\n          />\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActivityDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/ActivityDetailsPage.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  Activity,\n  CheckCircle2,\n  Clock,\n  Compass,\n  Gauge,\n  ListChecks,\n  MapPin,\n  Pencil,\n  ShieldCheck,\n  Users,\n  Zap,\n} 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 { 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 ActivityDetail = {\n  id: string;\n  name: string;\n  description?: string | null;\n  category: string;\n  status?: string;\n  location?: unknown;\n  duration: string;\n  difficulty?: string | null;\n  maxParticipants: number;\n  currency: string;\n  price: number;\n  rating?: number | null;\n  reviewCount: number;\n  includes: string[];\n  requirements: string[];\n  safetyInfo?: string | null;\n  images: string[];\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 ActivityDetailsPage() {\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_ACTIVITY_QUERY as TypedDocumentNode<\n      { ggnomadActivity: ActivityDetail | null },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const activity = data?.ggnomadActivity;\n  const locationLabel = jsonLabel(activity?.location);\n\n  const facts: Fact[] = [];\n  if (activity) {\n    facts.push({\n      id: 'duration',\n      label: t('ggnomad.activity.duration', 'Duration'),\n      value: activity.duration,\n      icon: <Clock />,\n    });\n    if (activity.difficulty) {\n      facts.push({\n        id: 'difficulty',\n        label: t('ggnomad.activity.difficulty', 'Difficulty'),\n        value: humanizeEnum(activity.difficulty),\n        icon: <Gauge />,\n      });\n    }\n    facts.push({\n      id: 'participants',\n      label: t('ggnomad.activity.maxParticipants', 'Max participants'),\n      value: String(activity.maxParticipants),\n      icon: <Users />,\n    });\n    if (locationLabel) {\n      facts.push({\n        id: 'location',\n        label: t('ggnomad.activity.location', 'Location'),\n        value: locationLabel,\n        icon: <MapPin />,\n      });\n    }\n  }\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          {activity.images.length > 0 ? (\n            <PhotoGallery images={activity.images} alt={activity.name} />\n          ) : (\n            <DetailHero alt={activity.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(activity.category)}\n            </span>\n            {activity.status ? <StatusBadge status={activity.status} /> : null}\n            <RatingSummary rating={activity.rating} reviewCount={activity.reviewCount} />\n            {activity.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={<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          <FactGrid facts={facts} />\n\n          <NextSteps\n            storageKey=\"ggnomad-activity-detail\"\n            steps={[\n              {\n                id: 'browse',\n                label: t('ggnomad.activity.next.browse', 'Explore more experiences'),\n                description: t(\n                  'ggnomad.activity.next.browseDesc',\n                  'Return to Tourism to compare tours and activities.'\n                ),\n                icon: <Compass className=\"size-4\" />,\n                onClick: () => navigate(joinPath(basePath, 'tourism')),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2 space-y-4\">\n              {activity.description ? (\n                <SectionCard title={t('ggnomad.activity.about', 'About this activity')}>\n                  <p className=\"text-text-primary\">{activity.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.activity.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.activity.editListing', 'Edit listing')}\n                    title={t('ggnomad.activity.editListing', 'Edit listing')}\n                  >\n                    <Pencil className=\"size-4\" />\n                  </button>\n                </div>\n                <dl className=\"space-y-2 text-sm\">\n                  <DetailRow\n                    label={t('ggnomad.activity.category', 'Category')}\n                    value={humanizeEnum(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 per participant')}\n                    value={`${activity.currency} ${Number(activity.price).toFixed(2)}`}\n                  />\n                </dl>\n              </GlassCard>\n\n              {activity.includes.length > 0 ? (\n                <SectionCard title={t('ggnomad.activity.includes', 'What’s included')}>\n                  <ul className=\"space-y-2 text-sm\">\n                    {activity.includes.map((item) => (\n                      <li key={item} 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                        {item}\n                      </li>\n                    ))}\n                  </ul>\n                </SectionCard>\n              ) : null}\n\n              {activity.requirements.length > 0 ? (\n                <SectionCard title={t('ggnomad.activity.requirements', 'What you need to bring')}>\n                  <TagChips items={activity.requirements} icon={<ListChecks />} />\n                </SectionCard>\n              ) : null}\n\n              <SectionCard title={t('ggnomad.activity.safety', 'Safety information')}>\n                <div className=\"flex items-start gap-2 text-sm text-text-primary\">\n                  <ShieldCheck\n                    className=\"mt-0.5 size-4 flex-shrink-0 text-status-success-text\"\n                    aria-hidden=\"true\"\n                  />\n                  <p>\n                    {activity.safetyInfo ??\n                      t(\n                        'ggnomad.activity.defaultSafety',\n                        'Standard provider safety policy applies.'\n                      )}\n                  </p>\n                </div>\n              </SectionCard>\n\n              <EcoAccessPanel\n                sustainabilityScore={activity.sustainabilityScore}\n                sustainabilityPractices={activity.sustainabilityPractices}\n                accessibilityFeatures={activity.accessibilityFeatures}\n              />\n\n              <AvailabilityPanel listingId={activity.id ?? id} listingType=\"ACTIVITY\" />\n\n              {activity.provider ? <ProviderCard provider={activity.provider} /> : null}\n\n              <ReviewsSection targetType=\"ACTIVITY\" targetId={activity.id ?? id} />\n            </div>\n            <div>\n              <BookingPanel\n                bookingType=\"ACTIVITY\"\n                itemId={activity.id ?? id}\n                itemName={activity.name}\n                unitPrice={activity.price ?? 0}\n                currency={activity.currency ?? 'USD'}\n              />\n            </div>\n          </div>\n\n          <ListingEditDialog\n            open={editDialogOpen}\n            onOpenChange={setEditDialogOpen}\n            targetType=\"ACTIVITY\"\n            id={activity.id ?? id}\n            initial={{\n              name: activity.name,\n              description: activity.description ?? undefined,\n              price: activity.price,\n              status: activity.status,\n              images: activity.images,\n            }}\n            onSaved={() => refetch()}\n          />\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/AnalyticsPage.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,aAAa,gCAgL5B"}
+{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/AnalyticsPage.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,aAAa,gCA8N5B"}