@burdenoff/microfe-ggnomad 2026.825.1 → 2026.828.1

package/dist/ggnomad/pages/FavoritesPage.js

@@ -1,117 +1,234 @@
 import { GGNOMAD_FAVORITES_QUERY as e, GGNOMAD_FAVORITE_TARGETS_QUERY as t, TOGGLE_GGNOMAD_FAVORITE_MUTATION as n } from "../graphql.js";
-import { PageShell as r } from "./PageShell.js";
-import { EntityCard as i } from "../components/EntityCard.js";
-import { notify as a } from "../utils/notify.js";
+import { humanizeEnum as r } from "../utils/format.js";
+import { PageShell as i } from "./PageShell.js";
+import { cn as a } from "../utils/cn.js";
+import { EntityCard as o } from "../components/EntityCard.js";
+import { notify as s } from "../utils/notify.js";
+import { RatingSummary as c } from "../components/RatingSummary.js";
 import "../components/index.js";
-import { useMemo as o } from "react";
-import { Heart as s } from "lucide-react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useMutation as l, useQuery as u } from "@apollo/client/react";
-import { CTAOverflowMenu as d, GlassCard as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useMemo as l, useState as u } from "react";
+import { ArrowUpRight as d, Heart as f, HeartOff as p } from "lucide-react";
+import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Link as h } from "react-router";
+import { useMutation as g, useQuery as _ } from "@apollo/client/react";
+import { CTAOverflowMenu as v, GlassCard as y, IllustratedEmptyState as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/ggnomad/pages/FavoritesPage.tsx
-function _() {
-	let { t: _ } = c(), v = (e) => {
+var T = [
+	"PROPERTY",
+	"TOUR",
+	"EVENT",
+	"ACTIVITY"
+];
+function E() {
+	let { t: E } = m(), [D, O] = u("ALL"), k = (e) => {
 		switch (e.toUpperCase()) {
-			case "PROPERTY": return _("ggnomad.favorites.type.property", "Property");
-			case "TOUR": return _("ggnomad.favorites.type.tour", "Tour");
-			case "EVENT": return _("ggnomad.favorites.type.event", "Event");
-			case "ACTIVITY": return _("ggnomad.favorites.type.activity", "Activity");
-			case "TRIP": return _("ggnomad.favorites.type.trip", "Trip");
-			default: return _("ggnomad.favorites.type.saved", "Saved item");
+			case "PROPERTY": return E("ggnomad.favorites.type.property", "Property");
+			case "TOUR": return E("ggnomad.favorites.type.tour", "Tour");
+			case "EVENT": return E("ggnomad.favorites.type.event", "Event");
+			case "ACTIVITY": return E("ggnomad.favorites.type.activity", "Activity");
+			case "TRIP": return E("ggnomad.favorites.type.trip", "Trip");
+			default: return E("ggnomad.favorites.type.saved", "Saved item");
 		}
-	}, { data: y, refetch: b } = u(e), { data: x } = u(t), [S] = l(n), C = o(() => {
+	}, { data: A, refetch: j } = _(e), { data: M } = _(t), [N, { loading: P }] = g(n), F = l(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of [
-			...x?.ggnomadProperties ?? [],
-			...x?.ggnomadTours ?? [],
-			...x?.ggnomadEvents ?? [],
-			...x?.ggnomadActivities ?? []
-		]) e.set(t.id, t.name);
+		for (let t of M?.ggnomadProperties ?? []) e.set(`PROPERTY:${t.id}`, {
+			id: t.id,
+			name: t.name,
+			kind: t.type,
+			price: t.pricePerNight,
+			currency: t.currency,
+			rating: t.rating,
+			reviewCount: t.reviewCount,
+			images: t.images,
+			path: `../hospitality/${t.id}`
+		});
+		for (let t of M?.ggnomadTours ?? []) e.set(`TOUR:${t.id}`, {
+			id: t.id,
+			name: t.name,
+			kind: t.type,
+			price: t.price,
+			currency: t.currency,
+			rating: t.rating,
+			reviewCount: t.reviewCount,
+			images: t.images,
+			path: `../tourism/tours/${t.id}`
+		});
+		for (let t of M?.ggnomadEvents ?? []) e.set(`EVENT:${t.id}`, {
+			id: t.id,
+			name: t.name,
+			kind: t.category,
+			price: t.price,
+			currency: t.currency,
+			rating: t.rating,
+			reviewCount: t.reviewCount,
+			images: t.images,
+			path: `../entertainment/${t.id}`
+		});
+		for (let t of M?.ggnomadActivities ?? []) e.set(`ACTIVITY:${t.id}`, {
+			id: t.id,
+			name: t.name,
+			kind: t.category,
+			price: t.price,
+			currency: t.currency,
+			rating: t.rating,
+			reviewCount: t.reviewCount,
+			images: t.images,
+			path: `../tourism/activities/${t.id}`
+		});
+		for (let t of M?.ggnomadTrips ?? []) e.set(`TRIP:${t.id}`, {
+			id: t.id,
+			name: t.name,
+			kind: t.transportMode,
+			price: t.price,
+			currency: t.currency
+		});
 		return e;
-	}, [x]), w = y?.ggnomadFavorites ?? [], T = () => {
-		let e = x?.ggnomadProperties?.[0];
-		if (e) return {
-			type: "PROPERTY",
-			listing: e
-		};
-		let t = x?.ggnomadTours?.[0];
-		if (t) return {
-			type: "TOUR",
-			listing: t
-		};
-		let n = x?.ggnomadEvents?.[0];
-		if (n) return {
-			type: "EVENT",
-			listing: n
-		};
-		let r = x?.ggnomadActivities?.[0];
-		return r ? {
-			type: "ACTIVITY",
-			listing: r
-		} : null;
-	}, E = async () => {
-		let e = T();
-		if (!e) {
-			a.warning(_("ggnomad.favorites.toast.noListingsTitle", "Nothing to favorite yet"), _("ggnomad.favorites.toast.noListingsBody", "Add a property, tour, event or activity first, then save it to your favorites."));
-			return;
+	}, [M]), I = l(() => A?.ggnomadFavorites ?? [], [A?.ggnomadFavorites]), L = l(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of I) {
+			let n = t.targetType.toUpperCase();
+			e.set(n, (e.get(n) ?? 0) + 1);
 		}
-		let { type: t, listing: n } = e;
+		return e;
+	}, [I]), R = I.filter((e) => D === "ALL" || e.targetType.toUpperCase() === D), z = [{
+		value: "ALL",
+		label: E("ggnomad.favorites.filter.all", "All"),
+		count: I.length
+	}, ...[
+		"PROPERTY",
+		"TOUR",
+		"EVENT",
+		"ACTIVITY",
+		"TRIP"
+	].map((e) => ({
+		value: e,
+		label: k(e),
+		count: L.get(e) ?? 0
+	}))], B = async (e, t, n) => {
 		try {
-			let e = await S({ variables: { input: {
-				targetType: t,
-				targetId: n.id
+			let r = await N({ variables: { input: {
+				targetType: e,
+				targetId: t
 			} } });
-			if (e.error) {
-				a.error(_("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e.error.message);
+			if (r.error) {
+				s.error(E("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), r.error.message);
 				return;
 			}
-			let r = e.data?.toggleGgnomadFavorite === !0;
-			a.success(r ? _("ggnomad.favorites.toast.added", "Added to favorites") : _("ggnomad.favorites.toast.removed", "Removed from favorites"), n.name), await b();
+			let i = r.data?.toggleGgnomadFavorite === !0;
+			s.success(i ? E("ggnomad.favorites.toast.added", "Added to favorites") : E("ggnomad.favorites.toast.removed", "Removed from favorites"), n), await j();
 		} catch (e) {
-			a.error(_("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e instanceof Error ? e.message : String(e));
+			s.error(E("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e instanceof Error ? e.message : String(e));
+		}
+	}, V = () => {
+		for (let e of T) {
+			let t = [...F.entries()].find(([t]) => t.startsWith(`${e}:`));
+			if (t) return {
+				type: e,
+				listing: t[1]
+			};
+		}
+		return null;
+	}, H = async () => {
+		let e = V();
+		if (!e) {
+			s.warning(E("ggnomad.favorites.toast.noListingsTitle", "Nothing to favorite yet"), E("ggnomad.favorites.toast.noListingsBody", "Add a property, tour, event or activity first, then save it to your favorites."));
+			return;
 		}
+		await B(e.type, e.listing.id, e.listing.name);
 	};
-	return /* @__PURE__ */ g(r, {
-		title: _("ggnomad.favorites.title", "Favorites"),
-		titleAccent: _("ggnomad.favorites.title.accent", "Favorites"),
-		subtitle: _("ggnomad.favorites.subtitle", "Social ecosystem: saved entities across GGNomad domains"),
-		actions: /* @__PURE__ */ h(d, {
+	return /* @__PURE__ */ w(i, {
+		title: E("ggnomad.favorites.title", "Favorites"),
+		titleAccent: E("ggnomad.favorites.title.accent", "Favorites"),
+		subtitle: E("ggnomad.favorites.subtitle", "Social ecosystem: saved entities across GGNomad domains"),
+		actions: /* @__PURE__ */ C(v, {
 			primary: {
-				label: _("ggnomad.favorites.actions.toggleDemo", "Toggle demo favorite"),
-				onSelect: () => void E(),
-				icon: /* @__PURE__ */ h(s, {})
+				label: E("ggnomad.favorites.actions.toggleDemo", "Toggle demo favorite"),
+				onSelect: () => void H(),
+				disabled: P,
+				icon: /* @__PURE__ */ C(f, {})
 			},
 			actions: []
 		}),
-		children: [/* @__PURE__ */ h(m, {
-			icon: /* @__PURE__ */ h(s, { className: "size-4" }),
-			children: _("ggnomad.favorites.purpose", "A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.")
-		}), w.length === 0 ? /* @__PURE__ */ h(p, {
+		children: [/* @__PURE__ */ C(x, {
+			icon: /* @__PURE__ */ C(f, { className: "size-4" }),
+			children: E("ggnomad.favorites.purpose", "A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.")
+		}), I.length === 0 ? /* @__PURE__ */ C(b, {
 			illustration: "empty-notifications",
-			title: _("ggnomad.favorites.emptyTitle", "No favorites saved"),
-			description: _("ggnomad.favorites.emptyDescription", "Items you save across travel, hospitality and tourism will collect here.")
-		}) : /* @__PURE__ */ g(f, {
+			title: E("ggnomad.favorites.emptyTitle", "No favorites saved"),
+			description: E("ggnomad.favorites.emptyDescription", "Items you save across travel, hospitality and tourism will collect here.")
+		}) : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("ul", {
+			className: "flex flex-wrap gap-2",
+			children: z.map((e) => /* @__PURE__ */ C("li", { children: /* @__PURE__ */ w("button", {
+				type: "button",
+				"aria-pressed": D === e.value,
+				onClick: () => O(e.value),
+				className: a("rounded-full border px-3 py-1 text-sm transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg", D === e.value ? "border-action-primary-bg bg-action-primary-bg text-action-primary-text" : "border-border-seam bg-bg-sunken text-text-primary hover:border-border-default"),
+				children: [e.label, /* @__PURE__ */ C("span", {
+					className: "ml-1.5 tabular-nums opacity-80",
+					children: e.count
+				})]
+			}) }, e.value))
+		}), /* @__PURE__ */ w(y, {
 			treatment: "glass",
 			glow: !0,
 			className: "border-border-seam p-5",
-			children: [/* @__PURE__ */ h("h2", {
+			children: [/* @__PURE__ */ C("h2", {
 				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-				children: _("ggnomad.favorites.savedItems", "Saved items")
-			}), /* @__PURE__ */ h("div", {
+				children: E("ggnomad.favorites.savedItems", "Saved items")
+			}), R.length === 0 ? /* @__PURE__ */ C("p", {
+				className: "py-6 text-center text-sm text-text-secondary",
+				children: E("ggnomad.favorites.noneOfType", "Nothing saved in this category yet.")
+			}) : /* @__PURE__ */ C("div", {
 				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-				children: w.map((e) => {
-					let t = C.get(e.targetId);
-					return /* @__PURE__ */ h(i, {
-						title: t ?? v(e.targetType),
-						meta: t ? v(e.targetType) : _("ggnomad.favorites.savedListing", "Saved listing")
+				children: R.map((e) => {
+					let t = e.targetType.toUpperCase(), n = F.get(`${t}:${e.targetId}`), i = T.includes(t);
+					return /* @__PURE__ */ C(o, {
+						image: n?.images?.[0],
+						imageAlt: n?.name,
+						title: n?.name ?? k(e.targetType),
+						meta: n?.kind ? `${k(e.targetType)} · ${r(n.kind)}` : k(e.targetType),
+						badge: /* @__PURE__ */ C("span", {
+							className: "rounded-full bg-bg-surface/90 px-2.5 py-0.5 text-xs font-medium text-text-primary",
+							children: k(e.targetType)
+						}),
+						price: n?.price !== void 0 && n.currency ? `${n.currency} ${Number(n.price).toFixed(2)}` : void 0,
+						footer: /* @__PURE__ */ w("div", {
+							className: "space-y-2",
+							children: [n ? /* @__PURE__ */ C(c, {
+								rating: n.rating,
+								reviewCount: n.reviewCount
+							}) : /* @__PURE__ */ C("span", {
+								className: "text-sm text-text-secondary",
+								children: E("ggnomad.favorites.savedListing", "Saved listing")
+							}), /* @__PURE__ */ w("div", {
+								className: "flex flex-wrap items-center justify-between gap-2",
+								children: [n?.path ? /* @__PURE__ */ w(h, {
+									to: n.path,
+									className: "inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-action-primary-bg hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg",
+									children: [/* @__PURE__ */ C(d, {
+										className: "size-3.5",
+										"aria-hidden": "true"
+									}), E("ggnomad.favorites.view", "View details")]
+								}) : /* @__PURE__ */ C("span", {}), i ? /* @__PURE__ */ w("button", {
+									type: "button",
+									disabled: P,
+									onClick: () => void B(t, e.targetId, n?.name ?? k(e.targetType)),
+									className: "inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-text-secondary hover:bg-bg-sunken hover:text-status-error-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg disabled:opacity-60",
+									children: [/* @__PURE__ */ C(p, {
+										className: "size-3.5",
+										"aria-hidden": "true"
+									}), E("ggnomad.favorites.remove", "Remove")]
+								}) : null]
+							})]
+						})
 					}, e.id);
 				})
 			})]
-		})]
+		})] })]
 	});
 }
 //#endregion
-export { _ as FavoritesPage };
+export { E as FavoritesPage };
 
 //# sourceMappingURL=FavoritesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/ggnomad/pages/FavoritesPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Heart } from 'lucide-react';\nimport {\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_FAVORITES_QUERY,\n  GGNOMAD_FAVORITE_TARGETS_QUERY,\n  TOGGLE_GGNOMAD_FAVORITE_MUTATION,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard } from '../components';\nimport { notify } from '../utils/notify';\n\ntype FavoriteType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype Listing = { id: string; name: string };\n\nexport function FavoritesPage() {\n  const { t } = useI18n();\n\n  const typeLabel = (type: string): string => {\n    switch (type.toUpperCase()) {\n      case 'PROPERTY':\n        return t('ggnomad.favorites.type.property', 'Property');\n      case 'TOUR':\n        return t('ggnomad.favorites.type.tour', 'Tour');\n      case 'EVENT':\n        return t('ggnomad.favorites.type.event', 'Event');\n      case 'ACTIVITY':\n        return t('ggnomad.favorites.type.activity', 'Activity');\n      case 'TRIP':\n        return t('ggnomad.favorites.type.trip', 'Trip');\n      default:\n        return t('ggnomad.favorites.type.saved', 'Saved item');\n    }\n  };\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_FAVORITES_QUERY as TypedDocumentNode<\n      { ggnomadFavorites: Array<{ id: string; targetType: string; targetId: string }> },\n      Record<string, never>\n    >\n  );\n\n  // Real listing names so a saved favorite reads as its entity name instead of\n  // a raw enum + UUID (the backend only stores targetType + targetId).\n  const { data: targetsData } = useQuery(\n    GGNOMAD_FAVORITE_TARGETS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Listing[];\n        ggnomadTours: Listing[];\n        ggnomadEvents: Listing[];\n        ggnomadActivities: Listing[];\n      },\n      Record<string, never>\n    >\n  );\n\n  const [toggleFavorite] = useMutation(\n    TOGGLE_GGNOMAD_FAVORITE_MUTATION as TypedDocumentNode<\n      { toggleGgnomadFavorite: boolean },\n      { input: { targetType: FavoriteType; targetId: string } }\n    >\n  );\n\n  const nameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const listing of [\n      ...(targetsData?.ggnomadProperties ?? []),\n      ...(targetsData?.ggnomadTours ?? []),\n      ...(targetsData?.ggnomadEvents ?? []),\n      ...(targetsData?.ggnomadActivities ?? []),\n    ]) {\n      map.set(listing.id, listing.name);\n    }\n    return map;\n  }, [targetsData]);\n\n  const favorites = (data?.ggnomadFavorites ?? []) as Array<{\n    id: string;\n    targetType: string;\n    targetId: string;\n  }>;\n\n  /** First available real listing, in priority order, mapped to a favorite type. */\n  const resolveDemoTarget = (): { type: FavoriteType; listing: Listing } | null => {\n    const property = targetsData?.ggnomadProperties?.[0];\n    if (property) return { type: 'PROPERTY', listing: property };\n    const tour = targetsData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = targetsData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = targetsData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleToggleDemo = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.favorites.toast.noListingsTitle', 'Nothing to favorite yet'),\n        t(\n          'ggnomad.favorites.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then save it to your favorites.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await toggleFavorite({\n        variables: { input: { targetType: type, targetId: listing.id } },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.favorites.toast.errorTitle', 'Could not update favorite'),\n          result.error.message\n        );\n        return;\n      }\n      const added = result.data?.toggleGgnomadFavorite === true;\n      notify.success(\n        added\n          ? t('ggnomad.favorites.toast.added', 'Added to favorites')\n          : t('ggnomad.favorites.toast.removed', 'Removed from favorites'),\n        listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.favorites.toast.errorTitle', 'Could not update favorite'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.favorites.title', 'Favorites')}\n      titleAccent={t('ggnomad.favorites.title.accent', 'Favorites')}\n      subtitle={t(\n        'ggnomad.favorites.subtitle',\n        'Social ecosystem: saved entities across GGNomad domains'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.favorites.actions.toggleDemo', 'Toggle demo favorite'),\n            onSelect: () => void handleToggleDemo(),\n            icon: <Heart />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Heart className=\"size-4\" />}>\n        {t(\n          'ggnomad.favorites.purpose',\n          'A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.'\n        )}\n      </PagePurpose>\n\n      {favorites.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title={t('ggnomad.favorites.emptyTitle', 'No favorites saved')}\n          description={t(\n            'ggnomad.favorites.emptyDescription',\n            'Items you save across travel, hospitality and tourism will collect here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.favorites.savedItems', 'Saved items')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {favorites.map((favorite) => {\n              const resolvedName = nameById.get(favorite.targetId);\n              return (\n                <EntityCard\n                  key={favorite.id}\n                  title={resolvedName ?? typeLabel(favorite.targetType)}\n                  meta={\n                    resolvedName\n                      ? typeLabel(favorite.targetType)\n                      : t('ggnomad.favorites.savedListing', 'Saved listing')\n                  }\n                />\n              );\n            })}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"FavoritesPage.js","names":[],"sources":["../../../src/ggnomad/pages/FavoritesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { Link } from 'react-router';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ArrowUpRight, Heart, HeartOff } from 'lucide-react';\nimport {\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_FAVORITES_QUERY,\n  GGNOMAD_FAVORITE_TARGETS_QUERY,\n  TOGGLE_GGNOMAD_FAVORITE_MUTATION,\n} from '../graphql';\nimport { humanizeEnum } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { PageShell } from './PageShell';\nimport { EntityCard, RatingSummary } from '../components';\nimport { notify } from '../utils/notify';\n\ntype FavoriteType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY' | 'TRIP';\n\n/** A favouritable listing, normalised across the five target types. */\ntype Target = {\n  id: string;\n  name: string;\n  kind?: string;\n  price?: number;\n  currency?: string;\n  rating?: number | null;\n  reviewCount?: number;\n  images?: string[];\n  /** Route to the listing's detail page, relative to this page. Trips have none. */\n  path?: string;\n};\n\ntype Favorite = {\n  id: string;\n  targetType: string;\n  targetId: string;\n  createdAt?: string;\n};\n\nconst TOGGLEABLE_TYPES: FavoriteType[] = ['PROPERTY', 'TOUR', 'EVENT', 'ACTIVITY'];\n\nexport function FavoritesPage() {\n  const { t } = useI18n();\n  const [typeFilter, setTypeFilter] = useState<FavoriteType | 'ALL'>('ALL');\n\n  const typeLabel = (type: string): string => {\n    switch (type.toUpperCase()) {\n      case 'PROPERTY':\n        return t('ggnomad.favorites.type.property', 'Property');\n      case 'TOUR':\n        return t('ggnomad.favorites.type.tour', 'Tour');\n      case 'EVENT':\n        return t('ggnomad.favorites.type.event', 'Event');\n      case 'ACTIVITY':\n        return t('ggnomad.favorites.type.activity', 'Activity');\n      case 'TRIP':\n        return t('ggnomad.favorites.type.trip', 'Trip');\n      default:\n        return t('ggnomad.favorites.type.saved', 'Saved item');\n    }\n  };\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_FAVORITES_QUERY as TypedDocumentNode<\n      { ggnomadFavorites: Favorite[] },\n      Record<string, never>\n    >\n  );\n\n  // The backend stores a favorite as targetType + targetId only, so the listing\n  // catalogue is joined client-side to show the real name, cover photo, price and\n  // rating instead of a bare enum + UUID.\n  const { data: targetsData } = useQuery(\n    GGNOMAD_FAVORITE_TARGETS_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number | null;\n          reviewCount: number;\n          images: string[];\n        }>;\n        ggnomadTours: Array<{\n          id: string;\n          name: string;\n          type: string;\n          price: number;\n          currency: string;\n          rating?: number | null;\n          reviewCount: number;\n          images: string[];\n        }>;\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          price: number;\n          currency: string;\n          rating?: number | null;\n          reviewCount: number;\n          images: string[];\n        }>;\n        ggnomadActivities: Array<{\n          id: string;\n          name: string;\n          category: string;\n          price: number;\n          currency: string;\n          rating?: number | null;\n          reviewCount: number;\n          images: string[];\n        }>;\n        ggnomadTrips: Array<{\n          id: string;\n          name: string;\n          transportMode: string;\n          price: number;\n          currency: string;\n        }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [toggleFavorite, { loading: toggling }] = useMutation(\n    TOGGLE_GGNOMAD_FAVORITE_MUTATION as TypedDocumentNode<\n      { toggleGgnomadFavorite: boolean },\n      { input: { targetType: FavoriteType; targetId: string } }\n    >\n  );\n\n  const targetsByType = useMemo(() => {\n    const map = new Map<string, Target>();\n    for (const property of targetsData?.ggnomadProperties ?? []) {\n      map.set(`PROPERTY:${property.id}`, {\n        id: property.id,\n        name: property.name,\n        kind: property.type,\n        price: property.pricePerNight,\n        currency: property.currency,\n        rating: property.rating,\n        reviewCount: property.reviewCount,\n        images: property.images,\n        path: `../hospitality/${property.id}`,\n      });\n    }\n    for (const tour of targetsData?.ggnomadTours ?? []) {\n      map.set(`TOUR:${tour.id}`, {\n        id: tour.id,\n        name: tour.name,\n        kind: tour.type,\n        price: tour.price,\n        currency: tour.currency,\n        rating: tour.rating,\n        reviewCount: tour.reviewCount,\n        images: tour.images,\n        path: `../tourism/tours/${tour.id}`,\n      });\n    }\n    for (const event of targetsData?.ggnomadEvents ?? []) {\n      map.set(`EVENT:${event.id}`, {\n        id: event.id,\n        name: event.name,\n        kind: event.category,\n        price: event.price,\n        currency: event.currency,\n        rating: event.rating,\n        reviewCount: event.reviewCount,\n        images: event.images,\n        path: `../entertainment/${event.id}`,\n      });\n    }\n    for (const activity of targetsData?.ggnomadActivities ?? []) {\n      map.set(`ACTIVITY:${activity.id}`, {\n        id: activity.id,\n        name: activity.name,\n        kind: activity.category,\n        price: activity.price,\n        currency: activity.currency,\n        rating: activity.rating,\n        reviewCount: activity.reviewCount,\n        images: activity.images,\n        path: `../tourism/activities/${activity.id}`,\n      });\n    }\n    for (const trip of targetsData?.ggnomadTrips ?? []) {\n      map.set(`TRIP:${trip.id}`, {\n        id: trip.id,\n        name: trip.name,\n        kind: trip.transportMode,\n        price: trip.price,\n        currency: trip.currency,\n      });\n    }\n    return map;\n  }, [targetsData]);\n\n  const favorites = useMemo(() => data?.ggnomadFavorites ?? [], [data?.ggnomadFavorites]);\n\n  const counts = useMemo(() => {\n    const tally = new Map<string, number>();\n    for (const favorite of favorites) {\n      const key = favorite.targetType.toUpperCase();\n      tally.set(key, (tally.get(key) ?? 0) + 1);\n    }\n    return tally;\n  }, [favorites]);\n\n  const visible = favorites.filter(\n    (favorite) => typeFilter === 'ALL' || favorite.targetType.toUpperCase() === typeFilter\n  );\n\n  const chips: Array<{ value: FavoriteType | 'ALL'; label: string; count: number }> = [\n    { value: 'ALL', label: t('ggnomad.favorites.filter.all', 'All'), count: favorites.length },\n    ...(['PROPERTY', 'TOUR', 'EVENT', 'ACTIVITY', 'TRIP'] as FavoriteType[]).map((type) => ({\n      value: type,\n      label: typeLabel(type),\n      count: counts.get(type) ?? 0,\n    })),\n  ];\n\n  const runToggle = async (type: FavoriteType, targetId: string, label: string) => {\n    try {\n      const result = await toggleFavorite({\n        variables: { input: { targetType: type, targetId } },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.favorites.toast.errorTitle', 'Could not update favorite'),\n          result.error.message\n        );\n        return;\n      }\n      const added = result.data?.toggleGgnomadFavorite === true;\n      notify.success(\n        added\n          ? t('ggnomad.favorites.toast.added', 'Added to favorites')\n          : t('ggnomad.favorites.toast.removed', 'Removed from favorites'),\n        label\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.favorites.toast.errorTitle', 'Could not update favorite'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  /** First available real listing, in priority order, mapped to a favorite type. */\n  const resolveDemoTarget = (): { type: FavoriteType; listing: Target } | null => {\n    for (const type of TOGGLEABLE_TYPES) {\n      const match = [...targetsByType.entries()].find(([key]) => key.startsWith(`${type}:`));\n      if (match) return { type, listing: match[1] };\n    }\n    return null;\n  };\n\n  const handleToggleDemo = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.favorites.toast.noListingsTitle', 'Nothing to favorite yet'),\n        t(\n          'ggnomad.favorites.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then save it to your favorites.'\n        )\n      );\n      return;\n    }\n    await runToggle(target.type, target.listing.id, target.listing.name);\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.favorites.title', 'Favorites')}\n      titleAccent={t('ggnomad.favorites.title.accent', 'Favorites')}\n      subtitle={t(\n        'ggnomad.favorites.subtitle',\n        'Social ecosystem: saved entities across GGNomad domains'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.favorites.actions.toggleDemo', 'Toggle demo favorite'),\n            onSelect: () => void handleToggleDemo(),\n            disabled: toggling,\n            icon: <Heart />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<Heart className=\"size-4\" />}>\n        {t(\n          'ggnomad.favorites.purpose',\n          'A personal shortlist that spans every GGNomad domain — save properties, tours, events and trips you’re considering so you can compare and come back to them before you book.'\n        )}\n      </PagePurpose>\n\n      {favorites.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-notifications\"\n          title={t('ggnomad.favorites.emptyTitle', 'No favorites saved')}\n          description={t(\n            'ggnomad.favorites.emptyDescription',\n            'Items you save across travel, hospitality and tourism will collect here.'\n          )}\n        />\n      ) : (\n        <>\n          <ul className=\"flex flex-wrap gap-2\">\n            {chips.map((chip) => (\n              <li key={chip.value}>\n                <button\n                  type=\"button\"\n                  aria-pressed={typeFilter === chip.value}\n                  onClick={() => setTypeFilter(chip.value)}\n                  className={cn(\n                    'rounded-full border px-3 py-1 text-sm transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg',\n                    typeFilter === chip.value\n                      ? 'border-action-primary-bg bg-action-primary-bg text-action-primary-text'\n                      : 'border-border-seam bg-bg-sunken text-text-primary hover:border-border-default'\n                  )}\n                >\n                  {chip.label}\n                  <span className=\"ml-1.5 tabular-nums opacity-80\">{chip.count}</span>\n                </button>\n              </li>\n            ))}\n          </ul>\n\n          <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n            <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n              {t('ggnomad.favorites.savedItems', 'Saved items')}\n            </h2>\n            {visible.length === 0 ? (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                {t('ggnomad.favorites.noneOfType', 'Nothing saved in this category yet.')}\n              </p>\n            ) : (\n              <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n                {visible.map((favorite) => {\n                  const type = favorite.targetType.toUpperCase();\n                  const target = targetsByType.get(`${type}:${favorite.targetId}`);\n                  const removable = (TOGGLEABLE_TYPES as string[]).includes(type);\n                  return (\n                    <EntityCard\n                      key={favorite.id}\n                      image={target?.images?.[0]}\n                      imageAlt={target?.name}\n                      title={target?.name ?? typeLabel(favorite.targetType)}\n                      meta={\n                        target?.kind\n                          ? `${typeLabel(favorite.targetType)} · ${humanizeEnum(target.kind)}`\n                          : typeLabel(favorite.targetType)\n                      }\n                      badge={\n                        <span className=\"rounded-full bg-bg-surface/90 px-2.5 py-0.5 text-xs font-medium text-text-primary\">\n                          {typeLabel(favorite.targetType)}\n                        </span>\n                      }\n                      price={\n                        target?.price !== undefined && target.currency\n                          ? `${target.currency} ${Number(target.price).toFixed(2)}`\n                          : undefined\n                      }\n                      footer={\n                        <div className=\"space-y-2\">\n                          {target ? (\n                            <RatingSummary\n                              rating={target.rating}\n                              reviewCount={target.reviewCount}\n                            />\n                          ) : (\n                            <span className=\"text-sm text-text-secondary\">\n                              {t('ggnomad.favorites.savedListing', 'Saved listing')}\n                            </span>\n                          )}\n                          <div className=\"flex flex-wrap items-center justify-between gap-2\">\n                            {target?.path ? (\n                              <Link\n                                to={target.path}\n                                className=\"inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-action-primary-bg hover:underline focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg\"\n                              >\n                                <ArrowUpRight className=\"size-3.5\" aria-hidden=\"true\" />\n                                {t('ggnomad.favorites.view', 'View details')}\n                              </Link>\n                            ) : (\n                              <span />\n                            )}\n                            {removable ? (\n                              <button\n                                type=\"button\"\n                                disabled={toggling}\n                                onClick={() =>\n                                  void runToggle(\n                                    type as FavoriteType,\n                                    favorite.targetId,\n                                    target?.name ?? typeLabel(favorite.targetType)\n                                  )\n                                }\n                                className=\"inline-flex items-center gap-1.5 rounded-md px-2 py-1 text-sm font-medium text-text-secondary hover:bg-bg-sunken hover:text-status-error-text focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-action-primary-bg disabled:opacity-60\"\n                              >\n                                <HeartOff className=\"size-3.5\" aria-hidden=\"true\" />\n                                {t('ggnomad.favorites.remove', 'Remove')}\n                              </button>\n                            ) : null}\n                          </div>\n                        </div>\n                      }\n                    />\n                  );\n                })}\n              </div>\n            )}\n          </GlassCard>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"HospitalityPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"names":[],"mappings":"AAWA,wBAAgB,eAAe,gCAkF9B"}
+{"version":3,"file":"HospitalityPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,eAAe,gCA6I9B"}

package/dist/ggnomad/pages/HospitalityPage.js

@@ -2,66 +2,109 @@ import { GGNOMAD_PROPERTIES_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
 import { EntityCard as n } from "../components/EntityCard.js";
 import { LoadMoreButton as r } from "../components/LoadMoreButton.js";
+import { RatingSummary as i } from "../components/RatingSummary.js";
+import { EMPTY_LISTING_FILTERS as a, ListingFilters as o, hasActiveListingFilters as s } from "../components/ListingFilters.js";
 import "../components/index.js";
-import { useState as i } from "react";
-import { Hotel as a, Star as o } from "lucide-react";
-import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useQuery as c } from "@apollo/client/react";
-import { GlassCard as l, IllustratedEmptyState as u, PagePurpose as d } from "@burdenoff/fe-libs/ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { Hotel as l, Leaf as u, Users as d, Zap as f } from "lucide-react";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as m } from "@apollo/client/react";
+import { GlassCard as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region src/ggnomad/pages/HospitalityPage.tsx
-function m() {
-	let { t: m } = s(), [h, g] = i(12), { data: _ } = c(e, { variables: {
-		limit: h,
-		offset: 0
-	} }), v = _?.ggnomadProperties ?? [];
-	return /* @__PURE__ */ p(t, {
-		title: m("ggnomad.hospitality.title", "Hospitality"),
-		titleAccent: m("ggnomad.hospitality.title.accent", "Hospitality"),
-		subtitle: m("ggnomad.hospitality.subtitle", "Property discovery powered by live GraphQL data"),
-		children: [/* @__PURE__ */ f(d, {
-			icon: /* @__PURE__ */ f(a, { className: "size-4" }),
-			children: m("ggnomad.hospitality.purpose", "Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.")
-		}), v.length === 0 ? /* @__PURE__ */ f(u, {
-			illustration: "empty-data",
-			title: m("ggnomad.hospitality.emptyTitle", "No properties available"),
-			description: m("ggnomad.hospitality.emptyDescription", "Properties published by providers will be discoverable here.")
-		}) : /* @__PURE__ */ p(l, {
-			treatment: "glass",
-			glow: !0,
-			className: "border-border-seam p-5",
-			children: [
-				/* @__PURE__ */ f("h2", {
-					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
-					children: m("ggnomad.hospitality.featuredStays", "Featured stays")
-				}),
-				/* @__PURE__ */ f("div", {
-					className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
-					children: v.map((e) => /* @__PURE__ */ f(n, {
-						to: e.id,
-						image: e.images?.[0],
-						imageAlt: e.name,
-						title: e.name,
-						meta: e.type,
-						price: `${e.currency} ${Number(e.pricePerNight).toFixed(2)} ${m("ggnomad.hospitality.card.perNight", "per night")}`,
-						footer: /* @__PURE__ */ p("span", {
-							className: "inline-flex items-center gap-1 tabular-nums",
-							children: [/* @__PURE__ */ f(o, {
-								className: "size-3.5 text-status-warning-text",
-								"aria-hidden": "true"
-							}), e.rating ?? m("ggnomad.hospitality.card.noRating", "N/A")]
-						})
-					}, e.id))
-				}),
-				/* @__PURE__ */ f(r, {
-					visible: v.length >= h,
-					onLoadMore: () => g((e) => e + 12)
-				})
-			]
-		})]
+function b() {
+	let { t: b } = p(), [x, S] = c(12), [C, w] = c(a), { data: T, loading: E, error: D } = m(e, { variables: {
+		limit: x,
+		offset: 0,
+		status: C.status,
+		minSustainabilityScore: C.minSustainabilityScore,
+		hasAccessibilityFeatures: C.accessibilityFeatures.length > 0 ? C.accessibilityFeatures : void 0
+	} }), O = T?.ggnomadProperties ?? [], k = s(C);
+	return /* @__PURE__ */ y(t, {
+		title: b("ggnomad.hospitality.title", "Hospitality"),
+		titleAccent: b("ggnomad.hospitality.title.accent", "Hospitality"),
+		subtitle: b("ggnomad.hospitality.subtitle", "Property discovery powered by live GraphQL data"),
+		children: [
+			/* @__PURE__ */ v(_, {
+				icon: /* @__PURE__ */ v(l, { className: "size-4" }),
+				children: b("ggnomad.hospitality.purpose", "Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.")
+			}),
+			/* @__PURE__ */ v(o, {
+				idPrefix: "ggnomad-hospitality",
+				value: C,
+				onChange: (e) => {
+					S(12), w(e);
+				},
+				resultCount: O.length
+			}),
+			D ? /* @__PURE__ */ v(g, {
+				illustration: "empty-data",
+				title: b("ggnomad.hospitality.errorTitle", "Could not load properties"),
+				description: D.message
+			}) : O.length === 0 ? /* @__PURE__ */ v(g, {
+				illustration: "empty-data",
+				title: E ? b("ggnomad.hospitality.loadingTitle", "Loading properties…") : k ? b("ggnomad.hospitality.noMatchTitle", "No properties match these filters") : b("ggnomad.hospitality.emptyTitle", "No properties available"),
+				description: E ? b("ggnomad.hospitality.loadingDescription", "Fetching the live property catalogue.") : k ? b("ggnomad.hospitality.noMatchDescription", "Try clearing a filter — status, sustainability score and accessibility all narrow the catalogue.") : b("ggnomad.hospitality.emptyDescription", "Properties published by providers will be discoverable here.")
+			}) : /* @__PURE__ */ y(h, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ v("h2", {
+						className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+						children: b("ggnomad.hospitality.featuredStays", "Featured stays")
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+						children: O.map((e) => /* @__PURE__ */ v(n, {
+							to: e.id,
+							image: e.images?.[0],
+							imageAlt: e.name,
+							title: e.name,
+							meta: e.type,
+							badge: e.instantBook ? /* @__PURE__ */ y("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__ */ v(f, {
+									className: "size-3",
+									"aria-hidden": "true"
+								}), b("ggnomad.listing.instantBook", "Instant book")]
+							}) : null,
+							price: `${e.currency} ${Number(e.pricePerNight).toFixed(2)} ${b("ggnomad.hospitality.card.perNight", "per night")}`,
+							footer: /* @__PURE__ */ y("div", {
+								className: "flex flex-wrap items-center gap-x-3 gap-y-1",
+								children: [
+									/* @__PURE__ */ v(i, {
+										rating: e.rating,
+										reviewCount: e.reviewCount
+									}),
+									/* @__PURE__ */ y("span", {
+										className: "inline-flex items-center gap-1 tabular-nums",
+										children: [/* @__PURE__ */ v(d, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										}), b("ggnomad.hospitality.card.guests", "Up to {{n}}").replace("{{n}}", String(e.maxGuests))]
+									}),
+									e.sustainabilityScore > 0 ? /* @__PURE__ */ y("span", {
+										className: "inline-flex items-center gap-1 tabular-nums text-status-success-text",
+										children: [/* @__PURE__ */ v(u, {
+											className: "size-3.5",
+											"aria-hidden": "true"
+										}), e.sustainabilityScore]
+									}) : null
+								]
+							})
+						}, e.id))
+					}),
+					/* @__PURE__ */ v(r, {
+						visible: O.length >= x,
+						onLoadMore: () => S((e) => e + 12)
+					})
+				]
+			})
+		]
 	});
 }
 //#endregion
-export { m as HospitalityPage };
+export { b as HospitalityPage };
 
 //# sourceMappingURL=HospitalityPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Hotel, Star } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n          images?: string[];\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit, offset: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                image={property.images?.[0]}\n                imageAlt={property.name}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={properties.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE;EAAO,QAAQ;CAAE,EAAE,CACpC,GACM,IAAa,GAAM,qBAAqB,CAAC;CAE/C,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,aAAa;EACnD,aAAa,EAAE,oCAAoC,aAAa;EAChE,UAAU,EACR,gCACA,iDACF;YANF,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;aAC3C,EACC,+BACA,6LACF;EACW,CAAA,GAEZ,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,yBAAyB;GACpE,aAAa,EACX,wCACA,8DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,qCAAqC,gBAAgB;IACtD,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAW,KAAK,MACf,kBAAC,GAAD;MAEE,IAAI,EAAS;MACb,OAAO,EAAS,SAAS;MACzB,UAAU,EAAS;MACnB,OAAO,EAAS;MAChB,MAAM,EAAS;MACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,aAAa,EAAE,QAAQ,CAAC,EAAE,GAAG,EAC1E,qCACA,WACF;MACA,QACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD;QAAM,WAAU;QAAoC,eAAY;OAAQ,CAAA,GACvE,EAAS,UAAU,EAAE,qCAAqC,KAAK,CAC5D;;KAET,GAhBM,EAAS,EAgBf,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAW,UAAU;KAC9B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}
+{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Hotel, Leaf, Users, Zap } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport {\n  EntityCard,\n  EMPTY_LISTING_FILTERS,\n  ListingFilters,\n  LoadMoreButton,\n  RatingSummary,\n  hasActiveListingFilters,\n} from '../components';\nimport type { ListingFilterState } from '../components';\n\ntype PropertyRow = {\n  id: string;\n  name: string;\n  type: string;\n  pricePerNight: number;\n  currency: string;\n  rating?: number | null;\n  reviewCount: number;\n  maxGuests: number;\n  images?: string[];\n  instantBook: boolean;\n  sustainabilityScore: number;\n};\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const [filters, setFilters] = useState<ListingFilterState>(EMPTY_LISTING_FILTERS);\n\n  const { data, loading, error } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: PropertyRow[] },\n      {\n        limit: number;\n        offset: number;\n        status?: string;\n        minSustainabilityScore?: number;\n        hasAccessibilityFeatures?: string[];\n      }\n    >,\n    {\n      variables: {\n        limit,\n        offset: 0,\n        status: filters.status,\n        minSustainabilityScore: filters.minSustainabilityScore,\n        hasAccessibilityFeatures:\n          filters.accessibilityFeatures.length > 0 ? filters.accessibilityFeatures : undefined,\n      },\n    }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n  const filtered = hasActiveListingFilters(filters);\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      <ListingFilters\n        idPrefix=\"ggnomad-hospitality\"\n        value={filters}\n        onChange={(next) => {\n          setLimit(12);\n          setFilters(next);\n        }}\n        resultCount={properties.length}\n      />\n\n      {error ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.errorTitle', 'Could not load properties')}\n          description={error.message}\n        />\n      ) : properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={\n            loading\n              ? t('ggnomad.hospitality.loadingTitle', 'Loading properties…')\n              : filtered\n                ? t('ggnomad.hospitality.noMatchTitle', 'No properties match these filters')\n                : t('ggnomad.hospitality.emptyTitle', 'No properties available')\n          }\n          description={\n            loading\n              ? t('ggnomad.hospitality.loadingDescription', 'Fetching the live property catalogue.')\n              : filtered\n                ? t(\n                    'ggnomad.hospitality.noMatchDescription',\n                    'Try clearing a filter — status, sustainability score and accessibility all narrow the catalogue.'\n                  )\n                : t(\n                    'ggnomad.hospitality.emptyDescription',\n                    'Properties published by providers will be discoverable here.'\n                  )\n          }\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                image={property.images?.[0]}\n                imageAlt={property.name}\n                title={property.name}\n                meta={property.type}\n                badge={\n                  property.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={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1\">\n                    <RatingSummary rating={property.rating} reviewCount={property.reviewCount} />\n                    <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                      <Users className=\"size-3.5\" aria-hidden=\"true\" />\n                      {t('ggnomad.hospitality.card.guests', 'Up to {{n}}').replace(\n                        '{{n}}',\n                        String(property.maxGuests)\n                      )}\n                    </span>\n                    {property.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                        {property.sustainabilityScore}\n                      </span>\n                    ) : null}\n                  </div>\n                }\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={properties.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiCA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAS,KAAc,EAA6B,CAAqB,GAE1E,EAAE,SAAM,YAAS,aAAU,EAC/B,GAUA,EACE,WAAW;EACT;EACA,QAAQ;EACR,QAAQ,EAAQ;EAChB,wBAAwB,EAAQ;EAChC,0BACE,EAAQ,sBAAsB,SAAS,IAAI,EAAQ,wBAAwB,KAAA;CAC/E,EACF,CACF,GACM,IAAa,GAAM,qBAAqB,CAAC,GACzC,IAAW,EAAwB,CAAO;CAEhD,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,aAAa;EACnD,aAAa,EAAE,oCAAoC,aAAa;EAChE,UAAU,EACR,gCACA,iDACF;YANF;GAQE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;cAC3C,EACC,+BACA,6LACF;GACW,CAAA;GAEb,kBAAC,GAAD;IACE,UAAS;IACT,OAAO;IACP,WAAW,MAAS;KAElB,AADA,EAAS,EAAE,GACX,EAAW,CAAI;IACjB;IACA,aAAa,EAAW;GACzB,CAAA;GAEA,IACC,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EAAE,kCAAkC,2BAA2B;IACtE,aAAa,EAAM;GACpB,CAAA,IACC,EAAW,WAAW,IACxB,kBAAC,GAAD;IACE,cAAa;IACb,OACE,IACI,EAAE,oCAAoC,qBAAqB,IAC3D,IACE,EAAE,oCAAoC,mCAAmC,IACzE,EAAE,kCAAkC,yBAAyB;IAErE,aACE,IACI,EAAE,0CAA0C,uCAAuC,IACnF,IACE,EACE,0CACA,kGACF,IACA,EACE,wCACA,8DACF;GAET,CAAA,IAED,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C;KACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,qCAAqC,gBAAgB;KACtD,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAW,KAAK,MACf,kBAAC,GAAD;OAEE,IAAI,EAAS;OACb,OAAO,EAAS,SAAS;OACzB,UAAU,EAAS;OACnB,OAAO,EAAS;OAChB,MAAM,EAAS;OACf,OACE,EAAS,cACP,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,kBAAC,GAAD;SAAK,WAAU;SAAS,eAAY;QAAQ,CAAA,GAC3C,EAAE,+BAA+B,cAAc,CAC5C;YACJ;OAEN,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,aAAa,EAAE,QAAQ,CAAC,EAAE,GAAG,EAC1E,qCACA,WACF;OACA,QACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD;UAAe,QAAQ,EAAS;UAAQ,aAAa,EAAS;SAAc,CAAA;SAC5E,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD;WAAO,WAAU;WAAW,eAAY;UAAQ,CAAA,GAC/C,EAAE,mCAAmC,aAAa,EAAE,QACnD,SACA,OAAO,EAAS,SAAS,CAC3B,CACI;;SACL,EAAS,sBAAsB,IAC9B,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD;WAAM,WAAU;WAAW,eAAY;UAAQ,CAAA,GAC9C,EAAS,mBACN;cACJ;QACD;;MAER,GApCM,EAAS,EAoCf,CACF;KACE,CAAA;KACL,kBAAC,GAAD;MACE,SAAS,EAAW,UAAU;MAC9B,kBAAkB,GAAU,MAAM,IAAI,EAAE;KACzC,CAAA;IACQ;;EAEJ;;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyDetailsPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/PropertyDetailsPage.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,mBAAmB,gCAoJlC"}
+{"version":3,"file":"PropertyDetailsPage.d.ts","sourceRoot":"","sources":["../../../src/ggnomad/pages/PropertyDetailsPage.tsx"],"names":[],"mappings":"AAiEA,wBAAgB,mBAAmB,gCAsOlC"}