@burdenoff/microfe-ggnomad 2026.624.1 → 2026.704.1

package/dist/ggnomad/components/DetailRow.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/ggnomad/components/DetailRow.tsx
+function n({ label: n, value: r }) {
+	return /* @__PURE__ */ t("div", {
+		className: "flex items-center justify-between gap-3",
+		children: [/* @__PURE__ */ e("dt", {
+			className: "text-text-secondary",
+			children: n
+		}), /* @__PURE__ */ e("dd", {
+			className: "font-medium tabular-nums text-text-primary",
+			children: r
+		})]
+	});
+}
+//#endregion
+export { n as DetailRow };
+
+//# sourceMappingURL=DetailRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailRow.js","names":[],"sources":["../../../src/ggnomad/components/DetailRow.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\n/** A single label/value pair inside a details list (low-contrast, tabular). */\nexport function DetailRow({ label, value }: { label: string; value: ReactNode }) {\n  return (\n    <div className=\"flex items-center justify-between gap-3\">\n      <dt className=\"text-text-secondary\">{label}</dt>\n      <dd className=\"font-medium tabular-nums text-text-primary\">{value}</dd>\n    </div>\n  );\n}\n"],"mappings":";;AAGA,SAAgB,EAAU,EAAE,UAAO,YAA8C;AAC/E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,MAAD;GAAI,WAAU;aAAuB;GAAW,CAAA,EAChD,kBAAC,MAAD;GAAI,WAAU;aAA8C;GAAW,CAAA,CACnE"}

package/dist/ggnomad/components/EntityCard.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../utils/cn.js";
+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: [
+		/* @__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
+			}) : null]
+		}),
+		c ? /* @__PURE__ */ i("p", {
+			className: "mt-2 text-sm font-medium tabular-nums text-text-primary",
+			children: c
+		}) : null,
+		u ? /* @__PURE__ */ i("div", {
+			className: "mt-2 text-sm text-text-secondary",
+			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",
+		children: /* @__PURE__ */ i(n, {
+			treatment: "plain",
+			className: e("border-border-seam p-4", f),
+			children: p
+		})
+	}) : /* @__PURE__ */ i(n, {
+		treatment: "plain",
+		className: e("border-border-seam p-4", f),
+		children: p
+	});
+}
+//#endregion
+export { o as EntityCard };
+
+//# sourceMappingURL=EntityCard.js.map

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

@@ -0,0 +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"}

package/dist/ggnomad/components/SectionCard.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../utils/cn.js";
+import { GlassCard as t } from "@burdenoff/fe-libs/ui";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ggnomad/components/SectionCard.tsx
+function i({ title: i, action: a, className: o, treatment: s = "plain", children: c }) {
+	return /* @__PURE__ */ r(t, {
+		treatment: s,
+		className: e("border-border-seam p-5", o),
+		children: [i || a ? /* @__PURE__ */ r("div", {
+			className: "mb-4 flex items-center justify-between gap-3",
+			children: [i ? /* @__PURE__ */ n("h2", {
+				className: "text-lg font-medium tracking-tight text-text-primary",
+				children: i
+			}) : /* @__PURE__ */ n("span", {}), a]
+		}) : null, c]
+	});
+}
+//#endregion
+export { i as SectionCard };
+
+//# sourceMappingURL=SectionCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionCard.js","names":[],"sources":["../../../src/ggnomad/components/SectionCard.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ntype SectionCardProps = PropsWithChildren<{\n  title?: ReactNode;\n  action?: ReactNode;\n  className?: string;\n  treatment?: 'plain' | 'glass' | 'metric' | 'insight';\n}>;\n\n/** A titled glass surface used for grouped content blocks. */\nexport function SectionCard({\n  title,\n  action,\n  className,\n  treatment = 'plain',\n  children,\n}: SectionCardProps) {\n  return (\n    <GlassCard treatment={treatment} className={cn('border-border-seam p-5', className)}>\n      {title || action ? (\n        <div className=\"mb-4 flex items-center justify-between gap-3\">\n          {title ? (\n            <h2 className=\"text-lg font-medium tracking-tight text-text-primary\">{title}</h2>\n          ) : (\n            <span />\n          )}\n          {action}\n        </div>\n      ) : null}\n      {children}\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAY,EAC1B,UACA,WACA,cACA,eAAY,SACZ,eACmB;AACnB,QACE,kBAAC,GAAD;EAAsB;EAAW,WAAW,EAAG,0BAA0B,EAAU;YAAnF,CACG,KAAS,IACR,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IACC,kBAAC,MAAD;IAAI,WAAU;cAAwD;IAAW,CAAA,GAEjF,kBAAC,QAAD,EAAQ,CAAA,EAET,EACG;OACJ,MACH,EACS"}

package/dist/ggnomad/components/StatCard.js

@@ -0,0 +1,27 @@
+import { GlassCard as e, GradientText as t } from "@burdenoff/fe-libs/ui";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/ggnomad/components/StatCard.tsx
+function i({ label: i, value: a, icon: o, hero: s = !1 }) {
+	return /* @__PURE__ */ r(e, {
+		treatment: s ? "glass" : "metric",
+		glow: s,
+		className: "border-border-seam p-4",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-start justify-between gap-3",
+			children: [/* @__PURE__ */ n("p", {
+				className: "text-sm font-medium text-text-secondary",
+				children: i
+			}), o ? /* @__PURE__ */ n("span", {
+				className: "flex size-9 flex-shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:size-4",
+				children: o
+			}) : null]
+		}), /* @__PURE__ */ n("p", {
+			className: "mt-2 text-2xl font-semibold tabular-nums text-text-primary",
+			children: s ? /* @__PURE__ */ n(t, { children: a }) : a
+		})]
+	});
+}
+//#endregion
+export { i as StatCard };
+
+//# sourceMappingURL=StatCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","names":[],"sources":["../../../src/ggnomad/components/StatCard.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\n\ntype StatCardProps = {\n  label: string;\n  value: ReactNode;\n  icon?: ReactNode;\n  /** The single most important metric on a page reads as the glass hero tile. */\n  hero?: boolean;\n};\n\n/**\n * KPI / metric tile. Neutral metric tiles use the GlassCard \"metric\" treatment;\n * the page's hero metric uses the \"glass\" treatment with a soft accent glow and\n * a gradient numeral. Numbers are tabular for calm vertical alignment.\n */\nexport function StatCard({ label, value, icon, hero = false }: StatCardProps) {\n  return (\n    <GlassCard treatment={hero ? 'glass' : 'metric'} glow={hero} className=\"border-border-seam p-4\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <p className=\"text-sm font-medium text-text-secondary\">{label}</p>\n        {icon ? (\n          <span className=\"flex size-9 flex-shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary [&>svg]:size-4\">\n            {icon}\n          </span>\n        ) : null}\n      </div>\n      <p className=\"mt-2 text-2xl font-semibold tabular-nums text-text-primary\">\n        {hero ? <GradientText>{value}</GradientText> : value}\n      </p>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;AAgBA,SAAgB,EAAS,EAAE,UAAO,UAAO,SAAM,UAAO,MAAwB;AAC5E,QACE,kBAAC,GAAD;EAAW,WAAW,IAAO,UAAU;EAAU,MAAM;EAAM,WAAU;YAAvE,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAA2C;IAAU,CAAA,EACjE,IACC,kBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA,GACL,KACA;MACN,kBAAC,KAAD;GAAG,WAAU;aACV,IAAO,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA,GAAG;GAC7C,CAAA,CACM"}

package/dist/ggnomad/components/StatusBadge.js

@@ -0,0 +1,65 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/ggnomad/components/StatusBadge.tsx
+var r = {
+	success: {
+		dot: "bg-status-success-text",
+		text: "text-status-success-text",
+		bg: "bg-status-success-bg-subtle"
+	},
+	warning: {
+		dot: "bg-status-warning-text",
+		text: "text-status-warning-text",
+		bg: "bg-status-warning-bg-subtle"
+	},
+	danger: {
+		dot: "bg-status-error-text",
+		text: "text-status-error-text",
+		bg: "bg-status-error-bg-subtle"
+	},
+	info: {
+		dot: "bg-status-info-text",
+		text: "text-status-info-text",
+		bg: "bg-status-info-bg-subtle"
+	},
+	neutral: {
+		dot: "bg-text-secondary",
+		text: "text-text-secondary",
+		bg: "bg-bg-sunken"
+	}
+};
+function i(e) {
+	let t = e.toUpperCase();
+	return [
+		"CONFIRMED",
+		"ACTIVE",
+		"COMPLETED",
+		"PAID",
+		"APPROVED"
+	].includes(t) ? "success" : [
+		"PENDING",
+		"PROCESSING",
+		"AWAITING",
+		"IN_PROGRESS",
+		"ONBOARDING"
+	].includes(t) ? "warning" : [
+		"CANCELLED",
+		"FAILED",
+		"REJECTED",
+		"SUSPENDED"
+	].includes(t) ? "danger" : "info";
+}
+function a({ status: a, live: o = !1, className: s }) {
+	let c = r[i(a)];
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium", c.bg, c.text, s),
+		children: [/* @__PURE__ */ t("span", {
+			className: e("size-1.5 rounded-full", c.dot, o ? "motion-safe:animate-vc-glow-pulse" : ""),
+			"aria-hidden": "true"
+		}), a]
+	});
+}
+//#endregion
+export { a as StatusBadge, i as toneForStatus };
+
+//# sourceMappingURL=StatusBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/ggnomad/components/StatusBadge.tsx"],"sourcesContent":["import { cn } from '../utils/cn';\n\ntype Tone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nconst TONE: Record<Tone, { dot: string; text: string; bg: string }> = {\n  success: {\n    dot: 'bg-status-success-text',\n    text: 'text-status-success-text',\n    bg: 'bg-status-success-bg-subtle',\n  },\n  warning: {\n    dot: 'bg-status-warning-text',\n    text: 'text-status-warning-text',\n    bg: 'bg-status-warning-bg-subtle',\n  },\n  danger: {\n    dot: 'bg-status-error-text',\n    text: 'text-status-error-text',\n    bg: 'bg-status-error-bg-subtle',\n  },\n  info: {\n    dot: 'bg-status-info-text',\n    text: 'text-status-info-text',\n    bg: 'bg-status-info-bg-subtle',\n  },\n  neutral: {\n    dot: 'bg-text-secondary',\n    text: 'text-text-secondary',\n    bg: 'bg-bg-sunken',\n  },\n};\n\n/** Maps a free-form status string to a semantic tone. */\nexport function toneForStatus(status: string): Tone {\n  const s = status.toUpperCase();\n  if (['CONFIRMED', 'ACTIVE', 'COMPLETED', 'PAID', 'APPROVED'].includes(s)) {\n    return 'success';\n  }\n  if (['PENDING', 'PROCESSING', 'AWAITING', 'IN_PROGRESS', 'ONBOARDING'].includes(s)) {\n    return 'warning';\n  }\n  if (['CANCELLED', 'FAILED', 'REJECTED', 'SUSPENDED'].includes(s)) {\n    return 'danger';\n  }\n  return 'info';\n}\n\ntype StatusBadgeProps = {\n  status: string;\n  /** Pulses the dot for live/active states (opacity only, reduced-motion-safe). */\n  live?: boolean;\n  className?: string;\n};\n\nexport function StatusBadge({ status, live = false, className }: StatusBadgeProps) {\n  const tone = TONE[toneForStatus(status)];\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium',\n        tone.bg,\n        tone.text,\n        className\n      )}\n    >\n      <span\n        className={cn(\n          'size-1.5 rounded-full',\n          tone.dot,\n          live ? 'motion-safe:animate-vc-glow-pulse' : ''\n        )}\n        aria-hidden=\"true\"\n      />\n      {status}\n    </span>\n  );\n}\n"],"mappings":";;;AAIA,IAAM,IAAgE;CACpE,SAAS;EACP,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,SAAS;EACP,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,QAAQ;EACN,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,MAAM;EACJ,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACD,SAAS;EACP,KAAK;EACL,MAAM;EACN,IAAI;EACL;CACF;AAGD,SAAgB,EAAc,GAAsB;CAClD,IAAM,IAAI,EAAO,aAAa;AAU9B,QATI;EAAC;EAAa;EAAU;EAAa;EAAQ;EAAW,CAAC,SAAS,EAAE,GAC/D,YAEL;EAAC;EAAW;EAAc;EAAY;EAAe;EAAa,CAAC,SAAS,EAAE,GACzE,YAEL;EAAC;EAAa;EAAU;EAAY;EAAY,CAAC,SAAS,EAAE,GACvD,WAEF;;AAUT,SAAgB,EAAY,EAAE,WAAQ,UAAO,IAAO,gBAA+B;CACjF,IAAM,IAAO,EAAK,EAAc,EAAO;AACvC,QACE,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAK,IACL,EAAK,MACL,EACD;YANH,CAQE,kBAAC,QAAD;GACE,WAAW,EACT,yBACA,EAAK,KACL,IAAO,sCAAsC,GAC9C;GACD,eAAY;GACZ,CAAA,EACD,EACI"}

package/dist/ggnomad/components/index.js

@@ -0,0 +1,5 @@
+import "./StatCard.js";
+import "./StatusBadge.js";
+import "./SectionCard.js";
+import "./EntityCard.js";
+import "./DetailRow.js";

package/dist/ggnomad/graphql.js

@@ -14,11 +14,55 @@ var t = e`
       totalUsers
       conversionRate
       revenueByCategory
-      monthlyTrends
-      topDestinations
     }
   }
 `, n = e`
+  query GGNomadBookableSample {
+    ggnomadProperties(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      pricePerNight
+      currency
+    }
+    ggnomadTours(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      price
+      currency
+    }
+    ggnomadEvents(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      price
+      currency
+    }
+    ggnomadActivities(pagination: { first: 1, skip: 0 }) {
+      id
+      name
+      price
+      currency
+    }
+  }
+`, r = e`
+  query GGNomadFavoriteTargets {
+    ggnomadProperties(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+    ggnomadTours(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+    ggnomadEvents(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+    ggnomadActivities(pagination: { first: 100, skip: 0 }) {
+      id
+      name
+    }
+  }
+`, i = e`
   query GGNomadProviders($first: Int, $skip: Int) {
     ggnomadProviders(pagination: { first: $first, skip: $skip }) {
       id
@@ -33,7 +77,7 @@ var t = e`
       website
     }
   }
-`, r = e`
+`, a = e`
   query GGNomadProperties($first: Int, $skip: Int) {
     ggnomadProperties(pagination: { first: $first, skip: $skip }) {
       id
@@ -51,7 +95,7 @@ var t = e`
       providerId
     }
   }
-`, i = e`
+`, o = e`
   query GGNomadProperty($id: ID!) {
     ggnomadProperty(id: $id) {
       id
@@ -79,7 +123,7 @@ var t = e`
       }
     }
   }
-`, a = e`
+`, s = e`
   query GGNomadTours($first: Int, $skip: Int) {
     ggnomadTours(pagination: { first: $first, skip: $skip }) {
       id
@@ -97,7 +141,7 @@ var t = e`
       images
     }
   }
-`, o = e`
+`, c = e`
   query GGNomadTour($id: ID!) {
     ggnomadTour(id: $id) {
       id
@@ -121,7 +165,7 @@ var t = e`
       }
     }
   }
-`, s = e`
+`, l = e`
   query GGNomadEvents($first: Int, $skip: Int) {
     ggnomadEvents(pagination: { first: $first, skip: $skip }) {
       id
@@ -138,7 +182,7 @@ var t = e`
       images
     }
   }
-`, c = e`
+`, u = e`
   query GGNomadEvent($id: ID!) {
     ggnomadEvent(id: $id) {
       id
@@ -161,7 +205,7 @@ var t = e`
       }
     }
   }
-`, l = e`
+`, d = e`
   query GGNomadActivities($first: Int, $skip: Int) {
     ggnomadActivities(pagination: { first: $first, skip: $skip }) {
       id
@@ -181,7 +225,7 @@ var t = e`
       images
     }
   }
-`, u = e`
+`, f = e`
   query GGNomadActivity($id: ID!) {
     ggnomadActivity(id: $id) {
       id
@@ -207,7 +251,7 @@ var t = e`
       }
     }
   }
-`, d = e`
+`, p = e`
   query GGNomadTrips($first: Int, $skip: Int) {
     ggnomadTrips(pagination: { first: $first, skip: $skip }) {
       id
@@ -227,7 +271,7 @@ var t = e`
       ecoFriendly
     }
   }
-`, f = e`
+`, m = e`
   query GGNomadBookings($first: Int, $skip: Int) {
     ggnomadBookings(pagination: { first: $first, skip: $skip }) {
       id
@@ -251,11 +295,11 @@ var t = e`
       createdAt
     }
   }
-`, p = e`
+`, h = e`
   query GGNomadFavorites {
     ggnomadFavorites
   }
-`, m = e`
+`, g = e`
   mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {
     createGgnomadBooking(input: $input) {
       id
@@ -270,11 +314,11 @@ var t = e`
       createdAt
     }
   }
-`, h = e`
+`, _ = e`
   mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {
     toggleGgnomadFavorite(input: $input)
   }
-`, g = e`
+`, v = e`
   mutation CancelGGNomadBooking($id: ID!, $reason: String) {
     cancelGgnomadBooking(id: $id, reason: $reason) {
       id
@@ -283,6 +327,6 @@ var t = e`
   }
 `;
 //#endregion
-export { g as CANCEL_GGNOMAD_BOOKING_MUTATION, m as CREATE_GGNOMAD_BOOKING_MUTATION, l as GGNOMAD_ACTIVITIES_QUERY, u as GGNOMAD_ACTIVITY_QUERY, f as GGNOMAD_BOOKINGS_QUERY, s as GGNOMAD_EVENTS_QUERY, c as GGNOMAD_EVENT_QUERY, p as GGNOMAD_FAVORITES_QUERY, t as GGNOMAD_OVERVIEW_QUERY, r as GGNOMAD_PROPERTIES_QUERY, i as GGNOMAD_PROPERTY_QUERY, n as GGNOMAD_PROVIDERS_QUERY, a as GGNOMAD_TOURS_QUERY, o as GGNOMAD_TOUR_QUERY, d as GGNOMAD_TRIPS_QUERY, h as TOGGLE_GGNOMAD_FAVORITE_MUTATION };
+export { v as CANCEL_GGNOMAD_BOOKING_MUTATION, g as CREATE_GGNOMAD_BOOKING_MUTATION, d as GGNOMAD_ACTIVITIES_QUERY, f as GGNOMAD_ACTIVITY_QUERY, n as GGNOMAD_BOOKABLE_SAMPLE_QUERY, m as GGNOMAD_BOOKINGS_QUERY, l as GGNOMAD_EVENTS_QUERY, u as GGNOMAD_EVENT_QUERY, h as GGNOMAD_FAVORITES_QUERY, r as GGNOMAD_FAVORITE_TARGETS_QUERY, t as GGNOMAD_OVERVIEW_QUERY, a as GGNOMAD_PROPERTIES_QUERY, o as GGNOMAD_PROPERTY_QUERY, i as GGNOMAD_PROVIDERS_QUERY, s as GGNOMAD_TOURS_QUERY, c as GGNOMAD_TOUR_QUERY, p as GGNOMAD_TRIPS_QUERY, _ as TOGGLE_GGNOMAD_FAVORITE_MUTATION };
 
 //# sourceMappingURL=graphql.js.map

package/dist/ggnomad/graphql.js.map

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

package/dist/ggnomad/pages/ActivityDetailsPage.js

@@ -1,46 +1,93 @@
 import { GGNOMAD_ACTIVITY_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
-import { useParams as n } from "react-router-dom";
-import { useQuery as r } from "@apollo/client/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { SectionCard as n } from "../components/SectionCard.js";
+import { DetailRow as r } from "../components/DetailRow.js";
+import "../components/index.js";
+import { Activity as i, CalendarCheck as a, Compass as o, ShieldCheck 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";
 //#region src/ggnomad/pages/ActivityDetailsPage.tsx
-function o() {
-	let { id: o = "" } = n(), { data: s } = r(e, {
-		variables: { id: o },
-		skip: !o
-	}), c = s?.ggnomadActivity;
-	return /* @__PURE__ */ i(t, {
-		title: c?.name ?? "Activity details",
-		subtitle: "Safety, inclusions and participation details",
-		children: c ? /* @__PURE__ */ a("div", {
-			className: "space-y-3 text-sm",
-			children: [/* @__PURE__ */ a("div", {
-				className: "rounded-lg border p-4",
-				children: [
-					/* @__PURE__ */ a("p", { children: ["Category: ", c.category] }),
-					/* @__PURE__ */ a("p", { children: ["Duration: ", c.duration] }),
-					/* @__PURE__ */ a("p", { children: ["Max participants: ", c.maxParticipants] }),
-					/* @__PURE__ */ a("p", { children: [
-						"Price: ",
-						c.currency,
-						" ",
-						Number(c.price).toFixed(2)
-					] })
-				]
-			}), /* @__PURE__ */ a("div", {
-				className: "rounded-lg border p-4",
-				children: [/* @__PURE__ */ i("p", {
-					className: "font-medium",
-					children: "Safety information"
-				}), /* @__PURE__ */ i("p", { children: c.safetyInfo ?? "Standard provider safety policy applies." })]
-			})]
-		}) : /* @__PURE__ */ i("div", {
-			className: "rounded-lg border p-4 text-text-secondary",
-			children: "No activity found."
+function y() {
+	let { t: y } = c(), b = l(), { id: x = "" } = u(), { data: S } = d(e, {
+		variables: { id: x },
+		skip: !x
+	}), C = S?.ggnomadActivity;
+	return /* @__PURE__ */ _(t, {
+		title: C?.name ?? y("ggnomad.activity.fallbackTitle", "Activity details"),
+		subtitle: y("ggnomad.activity.subtitle", "Safety, inclusions and participation details"),
+		children: C ? /* @__PURE__ */ v(g, { children: [
+			/* @__PURE__ */ _(h, {
+				icon: /* @__PURE__ */ _(i, { className: "size-4" }),
+				children: y("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__ */ _(m, {
+				storageKey: "ggnomad-activity-detail",
+				steps: [{
+					id: "book",
+					label: y("ggnomad.activity.next.book", "Book this activity"),
+					description: y("ggnomad.activity.next.bookDesc", "Add it to your itinerary and track it under Bookings."),
+					icon: /* @__PURE__ */ _(a, { className: "size-4" }),
+					onClick: () => b("../../../bookings")
+				}, {
+					id: "browse",
+					label: y("ggnomad.activity.next.browse", "Explore more experiences"),
+					description: y("ggnomad.activity.next.browseDesc", "Return to Tourism to compare tours and activities."),
+					icon: /* @__PURE__ */ _(o, { className: "size-4" }),
+					onClick: () => b("../..")
+				}]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ v(f, {
+					treatment: "glass",
+					glow: !0,
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ _("h2", {
+						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+						children: y("ggnomad.activity.details", "Details")
+					}), /* @__PURE__ */ v("dl", {
+						className: "space-y-2 text-sm",
+						children: [
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.category", "Category"),
+								value: C.category
+							}),
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.duration", "Duration"),
+								value: C.duration
+							}),
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.maxParticipants", "Max participants"),
+								value: String(C.maxParticipants)
+							}),
+							/* @__PURE__ */ _(r, {
+								label: y("ggnomad.activity.price", "Price"),
+								value: `${C.currency} ${Number(C.price).toFixed(2)}`
+							})
+						]
+					})]
+				}), /* @__PURE__ */ _(n, {
+					title: y("ggnomad.activity.safety", "Safety information"),
+					children: /* @__PURE__ */ v("div", {
+						className: "flex items-start gap-2 text-sm text-text-primary",
+						children: [/* @__PURE__ */ _(s, {
+							className: "mt-0.5 size-4 flex-shrink-0 text-status-success-text",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ _("p", { children: C.safetyInfo ?? y("ggnomad.activity.defaultSafety", "Standard provider safety policy applies.") })]
+					})
+				})]
+			})
+		] }) : /* @__PURE__ */ _(p, {
+			illustration: "empty-data",
+			title: y("ggnomad.activity.notFoundTitle", "No activity found"),
+			description: y("ggnomad.activity.notFoundDescription", "This activity is unavailable or may have been removed.")
 		})
 	});
 }
 //#endregion
-export { o as ActivityDetailsPage };
+export { y 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 { useParams } from 'react-router-dom';\n\nimport { GGNOMAD_ACTIVITY_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function ActivityDetailsPage() {\n  const { id = '' } = useParams();\n  const { data } = useQuery<{\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  }>(GGNOMAD_ACTIVITY_QUERY, { variables: { id }, skip: !id });\n  const activity = data?.ggnomadActivity;\n\n  return (\n    <PageShell\n      title={activity?.name ?? 'Activity details'}\n      subtitle=\"Safety, inclusions and participation details\"\n    >\n      {!activity ? (\n        <div className=\"rounded-lg border p-4 text-text-secondary\">No activity found.</div>\n      ) : (\n        <div className=\"space-y-3 text-sm\">\n          <div className=\"rounded-lg border p-4\">\n            <p>Category: {activity.category}</p>\n            <p>Duration: {activity.duration}</p>\n            <p>Max participants: {activity.maxParticipants}</p>\n            <p>\n              Price: {activity.currency} {Number(activity.price).toFixed(2)}\n            </p>\n          </div>\n          <div className=\"rounded-lg border p-4\">\n            <p className=\"font-medium\">Safety information</p>\n            <p>{activity.safetyInfo ?? 'Standard provider safety policy applies.'}</p>\n          </div>\n        </div>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAsB;CACpC,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EAUd,GAAwB;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CAAC,EACtD,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ;EACzB,UAAS;YAEP,IAGA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAS,SAAa,EAAA,CAAA;KACpC,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAS,SAAa,EAAA,CAAA;KACpC,kBAAC,KAAD,EAAA,UAAA,CAAG,sBAAmB,EAAS,gBAAoB,EAAA,CAAA;KACnD,kBAAC,KAAD,EAAA,UAAA;MAAG;MACO,EAAS;MAAS;MAAE,OAAO,EAAS,MAAM,CAAC,QAAQ,EAAE;MAC3D,EAAA,CAAA;KACA;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,KAAD;KAAG,WAAU;eAAc;KAAsB,CAAA,EACjD,kBAAC,KAAD,EAAA,UAAI,EAAS,cAAc,4CAA+C,CAAA,CACtE;MACF;OAfN,kBAAC,OAAD;GAAK,WAAU;aAA4C;GAAwB,CAAA;EAiB3E,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 { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function ActivityDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\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('../../../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('../..'),\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":";;;;;;;;;;;;AAWA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,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,oBAAoB;KAC7C,EACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,2BAA2B;KACpE,aAAa,EACX,oCACA,qDACD;KACD,MAAM,kBAAC,GAAD,EAAS,WAAU,UAAW,CAAA;KACpC,eAAe,EAAS,QAAQ;KACjC,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"}