@burdenoff/microfe-ggnomad 2026.624.1 → 2026.704.1

package/dist/ggnomad/pages/FavoritesPage.js

@@ -1,40 +1,117 @@
-import { GGNOMAD_FAVORITES_QUERY as e, TOGGLE_GGNOMAD_FAVORITE_MUTATION as t } from "../graphql.js";
-import { PageShell as n } from "./PageShell.js";
-import { useMutation as r, useQuery as i } from "@apollo/client/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+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 "../components/index.js";
+import { notify as a } from "../utils/notify.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";
 //#region src/ggnomad/pages/FavoritesPage.tsx
-function s() {
-	let { data: s, refetch: c } = i(e), [l] = r(t, { onCompleted: () => void c() }), u = s?.ggnomadFavorites ?? [];
-	return /* @__PURE__ */ o(n, {
-		title: "Favorites",
-		subtitle: "Social ecosystem: saved entities across GGNomad domains",
-		children: [/* @__PURE__ */ a("div", {
-			className: "flex gap-2",
-			children: /* @__PURE__ */ a("button", {
-				className: "rounded-md border px-3 py-2 text-sm",
-				onClick: () => {
-					l({ variables: { input: {
-						targetType: "PROPERTY",
-						targetId: "demo-property"
-					} } });
-				},
-				type: "button",
-				children: "Toggle demo favorite"
-			})
-		}), /* @__PURE__ */ a("div", {
-			className: "space-y-2",
-			children: u.map((e) => /* @__PURE__ */ o("div", {
-				className: "rounded-lg border p-3 text-sm",
-				children: [
-					e.targetType,
-					" - ",
-					e.targetId
-				]
-			}, e.id))
+function _() {
+	let { t: _ } = c(), v = (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");
+		}
+	}, { data: y, refetch: b } = u(e), { data: x } = u(t), [S] = l(n), C = o(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of [
+			...x?.ggnomadProperties ?? [],
+			...x?.ggnomadTours ?? [],
+			...x?.ggnomadEvents ?? [],
+			...x?.ggnomadActivities ?? []
+		]) e.set(t.id, t.name);
+		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;
+		}
+		let { type: t, listing: n } = e;
+		try {
+			let e = await S({ variables: { input: {
+				targetType: t,
+				targetId: n.id
+			} } });
+			if (e.error) {
+				a.error(_("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e.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();
+		} catch (e) {
+			a.error(_("ggnomad.favorites.toast.errorTitle", "Could not update favorite"), e instanceof Error ? e.message : String(e));
+		}
+	};
+	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, {
+			primary: {
+				label: _("ggnomad.favorites.actions.toggleDemo", "Toggle demo favorite"),
+				onSelect: () => void E(),
+				icon: /* @__PURE__ */ h(s, {})
+			},
+			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, {
+			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, {
+			treatment: "glass",
+			glow: !0,
+			className: "border-border-seam p-5",
+			children: [/* @__PURE__ */ h("h2", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: _("ggnomad.favorites.savedItems", "Saved items")
+			}), /* @__PURE__ */ h("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")
+					}, e.id);
+				})
+			})]
 		})]
 	});
 }
 //#endregion
-export { s as FavoritesPage };
+export { _ 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 { useMutation, useQuery } from '@apollo/client/react';\n\nimport { GGNOMAD_FAVORITES_QUERY, TOGGLE_GGNOMAD_FAVORITE_MUTATION } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function FavoritesPage() {\n  const { data, refetch } = useQuery<{\n    ggnomadFavorites: Array<{ id: string; targetType: string; targetId: string }>;\n  }>(GGNOMAD_FAVORITES_QUERY);\n  const [toggleFavorite] = useMutation(TOGGLE_GGNOMAD_FAVORITE_MUTATION, {\n    onCompleted: () => void refetch(),\n  });\n  const favorites = (data?.ggnomadFavorites ?? []) as Array<{\n    id: string;\n    targetType: string;\n    targetId: string;\n  }>;\n\n  return (\n    <PageShell title=\"Favorites\" subtitle=\"Social ecosystem: saved entities across GGNomad domains\">\n      <div className=\"flex gap-2\">\n        <button\n          className=\"rounded-md border px-3 py-2 text-sm\"\n          onClick={() => {\n            void toggleFavorite({\n              variables: { input: { targetType: 'PROPERTY', targetId: 'demo-property' } },\n            });\n          }}\n          type=\"button\"\n        >\n          Toggle demo favorite\n        </button>\n      </div>\n      <div className=\"space-y-2\">\n        {favorites.map((favorite) => (\n          <div key={favorite.id} className=\"rounded-lg border p-3 text-sm\">\n            {favorite.targetType} - {favorite.targetId}\n          </div>\n        ))}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,SAAM,eAAY,EAEvB,EAAwB,EACrB,CAAC,KAAkB,EAAY,GAAkC,EACrE,mBAAmB,KAAK,GAAS,EAClC,CAAC,EACI,IAAa,GAAM,oBAAoB,EAAE;AAM/C,QACE,kBAAC,GAAD;EAAW,OAAM;EAAY,UAAS;YAAtC,CACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,UAAD;IACE,WAAU;IACV,eAAe;AACR,OAAe,EAClB,WAAW,EAAE,OAAO;MAAE,YAAY;MAAY,UAAU;MAAiB,EAAE,EAC5E,CAAC;;IAEJ,MAAK;cACN;IAEQ,CAAA;GACL,CAAA,EACN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAU,KAAK,MACd,kBAAC,OAAD;IAAuB,WAAU;cAAjC;KACG,EAAS;KAAW;KAAI,EAAS;KAC9B;MAFI,EAAS,GAEb,CACN;GACE,CAAA,CACI"}
+{"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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"}

package/dist/ggnomad/pages/HospitalityPage.js

@@ -1,53 +1,56 @@
 import { GGNOMAD_PROPERTIES_QUERY as e } from "../graphql.js";
 import { PageShell as t } from "./PageShell.js";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Link as r } from "react-router-dom";
-import { useQuery as i } from "@apollo/client/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EntityCard as n } from "../components/EntityCard.js";
+import "../components/index.js";
+import { Hotel as r, Star as i } from "lucide-react";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useQuery as o } from "@apollo/client/react";
+import { GlassCard as s, IllustratedEmptyState as c, PagePurpose as l } from "@burdenoff/fe-libs/ui";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/ggnomad/pages/HospitalityPage.tsx
-function s() {
-	let { t: s } = n(), { data: c } = i(e, { variables: {
+function f() {
+	let { t: f } = a(), { data: p } = o(e, { variables: {
 		first: 20,
 		skip: 0
-	} }), l = c?.ggnomadProperties ?? [];
-	return /* @__PURE__ */ a(t, {
-		title: s("ggnomad.hospitality.title", "Hospitality"),
-		subtitle: s("ggnomad.hospitality.subtitle", "Property discovery powered by live GraphQL data"),
-		children: /* @__PURE__ */ a("div", {
-			className: "grid gap-3 md:grid-cols-2",
-			children: l.map((e) => /* @__PURE__ */ o(r, {
-				to: e.id,
-				className: "rounded-lg border p-4 text-sm hover:bg-bg-sunken/30",
-				children: [
-					/* @__PURE__ */ a("p", {
-						className: "font-medium",
-						children: e.name
-					}),
-					/* @__PURE__ */ a("p", {
-						className: "text-text-secondary",
-						children: e.type
-					}),
-					/* @__PURE__ */ o("p", { children: [
-						e.currency,
-						" ",
-						Number(e.pricePerNight).toFixed(2),
-						" ",
-						s("ggnomad.hospitality.card.perNight", "per night")
-					] }),
-					/* @__PURE__ */ o("p", {
-						className: "text-text-secondary",
-						children: [
-							s("ggnomad.hospitality.card.rating", "Rating"),
-							": ",
-							e.rating ?? "N/A"
-						]
+	} }), m = p?.ggnomadProperties ?? [];
+	return /* @__PURE__ */ d(t, {
+		title: f("ggnomad.hospitality.title", "Hospitality"),
+		titleAccent: f("ggnomad.hospitality.title.accent", "Hospitality"),
+		subtitle: f("ggnomad.hospitality.subtitle", "Property discovery powered by live GraphQL data"),
+		children: [/* @__PURE__ */ u(l, {
+			icon: /* @__PURE__ */ u(r, { className: "size-4" }),
+			children: f("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.")
+		}), m.length === 0 ? /* @__PURE__ */ u(c, {
+			illustration: "empty-data",
+			title: f("ggnomad.hospitality.emptyTitle", "No properties available"),
+			description: f("ggnomad.hospitality.emptyDescription", "Properties published by providers will be discoverable here.")
+		}) : /* @__PURE__ */ d(s, {
+			treatment: "glass",
+			glow: !0,
+			className: "border-border-seam p-5",
+			children: [/* @__PURE__ */ u("h2", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: f("ggnomad.hospitality.featuredStays", "Featured stays")
+			}), /* @__PURE__ */ u("div", {
+				className: "grid gap-3 sm:grid-cols-2 xl:grid-cols-3",
+				children: m.map((e) => /* @__PURE__ */ u(n, {
+					to: e.id,
+					title: e.name,
+					meta: e.type,
+					price: `${e.currency} ${Number(e.pricePerNight).toFixed(2)} ${f("ggnomad.hospitality.card.perNight", "per night")}`,
+					footer: /* @__PURE__ */ d("span", {
+						className: "inline-flex items-center gap-1 tabular-nums",
+						children: [/* @__PURE__ */ u(i, {
+							className: "size-3.5 text-status-warning-text",
+							"aria-hidden": "true"
+						}), e.rating ?? f("ggnomad.hospitality.card.noRating", "N/A")]
 					})
-				]
-			}, e.id))
-		})
+				}, e.id))
+			})]
+		})]
 	});
 }
 //#endregion
-export { s as HospitalityPage };
+export { f 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 { useQuery } from '@apollo/client/react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Link } from 'react-router-dom';\n\nimport { GGNOMAD_PROPERTIES_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const { data } = useQuery<{\n    ggnomadProperties: Array<{\n      id: string;\n      name: string;\n      type: string;\n      pricePerNight: number;\n      currency: string;\n      rating?: number;\n    }>;\n  }>(GGNOMAD_PROPERTIES_QUERY, { variables: { first: 20, skip: 0 } });\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <div className=\"grid gap-3 md:grid-cols-2\">\n        {properties.map(\n          (property: {\n            id: string;\n            name: string;\n            type: string;\n            pricePerNight: number;\n            currency: string;\n            rating?: number;\n          }) => (\n            <Link\n              key={property.id}\n              to={property.id}\n              className=\"rounded-lg border p-4 text-sm hover:bg-bg-sunken/30\"\n            >\n              <p className=\"font-medium\">{property.name}</p>\n              <p className=\"text-text-secondary\">{property.type}</p>\n              <p>\n                {property.currency} {Number(property.pricePerNight).toFixed(2)}{' '}\n                {t('ggnomad.hospitality.card.perNight', 'per night')}\n              </p>\n              <p className=\"text-text-secondary\">\n                {t('ggnomad.hospitality.card.rating', 'Rating')}: {property.rating ?? 'N/A'}\n              </p>\n            </Link>\n          )\n        )}\n      </div>\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EASd,GAA0B,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CAAC,EAC7D,IAAa,GAAM,qBAAqB,EAAE;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,cAAc;EACpD,UAAU,EACR,gCACA,kDACD;YAED,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAW,KACT,MAQC,kBAAC,GAAD;IAEE,IAAI,EAAS;IACb,WAAU;cAHZ;KAKE,kBAAC,KAAD;MAAG,WAAU;gBAAe,EAAS;MAAS,CAAA;KAC9C,kBAAC,KAAD;MAAG,WAAU;gBAAuB,EAAS;MAAS,CAAA;KACtD,kBAAC,KAAD,EAAA,UAAA;MACG,EAAS;MAAS;MAAE,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE;MAAE;MAC/D,EAAE,qCAAqC,YAAY;MAClD,EAAA,CAAA;KACJ,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAE,mCAAmC,SAAS;OAAC;OAAG,EAAS,UAAU;OACpE;;KACC;MAbA,EAAS,GAaT,CAEV;GACG,CAAA;EACI,CAAA"}
+{"version":3,"file":"HospitalityPage.js","names":[],"sources":["../../../src/ggnomad/pages/HospitalityPage.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 { 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 } from '../components';\n\nexport function HospitalityPage() {\n  const { t } = useI18n();\n  const { data } = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          type: string;\n          pricePerNight: number;\n          currency: string;\n          rating?: number;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n  const properties = data?.ggnomadProperties ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.hospitality.title', 'Hospitality')}\n      titleAccent={t('ggnomad.hospitality.title.accent', 'Hospitality')}\n      subtitle={t(\n        'ggnomad.hospitality.subtitle',\n        'Property discovery powered by live GraphQL data'\n      )}\n    >\n      <PagePurpose icon={<Hotel className=\"size-4\" />}>\n        {t(\n          'ggnomad.hospitality.purpose',\n          'Discover places to stay — hotels, homestays and short-stay rentals. Open any property to review its nightly price, guest capacity and rating, then create a booking for the dates you need.'\n        )}\n      </PagePurpose>\n\n      {properties.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.hospitality.emptyTitle', 'No properties available')}\n          description={t(\n            'ggnomad.hospitality.emptyDescription',\n            'Properties published by providers will be discoverable here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.hospitality.featuredStays', 'Featured stays')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {properties.map((property) => (\n              <EntityCard\n                key={property.id}\n                to={property.id}\n                title={property.name}\n                meta={property.type}\n                price={`${property.currency} ${Number(property.pricePerNight).toFixed(2)} ${t(\n                  'ggnomad.hospitality.card.perNight',\n                  'per night'\n                )}`}\n                footer={\n                  <span className=\"inline-flex items-center gap-1 tabular-nums\">\n                    <Star className=\"size-3.5 text-status-warning-text\" aria-hidden=\"true\" />\n                    {property.rating ?? t('ggnomad.hospitality.card.noRating', 'N/A')}\n                  </span>\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,IAAkB;CAChC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,YAAS,EACf,GAaA,EAAE,WAAW;EAAE,OAAO;EAAI,MAAM;EAAG,EAAE,CACtC,EACK,IAAa,GAAM,qBAAqB,EAAE;AAEhD,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,6BAA6B,cAAc;EACpD,aAAa,EAAE,oCAAoC,cAAc;EACjE,UAAU,EACR,gCACA,kDACD;YANH,CAQE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;aAC5C,EACC,+BACA,8LACD;GACW,CAAA,EAEb,EAAW,WAAW,IACrB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,0BAA0B;GACrE,aAAa,EACX,wCACA,+DACD;GACD,CAAA,GAEF,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,qCAAqC,iBAAiB;IACtD,CAAA,EACL,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,MACf,kBAAC,GAAD;KAEE,IAAI,EAAS;KACb,OAAO,EAAS;KAChB,MAAM,EAAS;KACf,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE,CAAC,GAAG,EAC1E,qCACA,YACD;KACD,QACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,kBAAC,GAAD;OAAM,WAAU;OAAoC,eAAY;OAAS,CAAA,EACxE,EAAS,UAAU,EAAE,qCAAqC,MAAM,CAC5D;;KAET,EAdK,EAAS,GAcd,CACF;IACE,CAAA,CACI;KAEJ"}

package/dist/ggnomad/pages/PageShell.js

@@ -1,18 +1,40 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { AuroraBackground as e, GradientText as t } from "@burdenoff/fe-libs/ui";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/ggnomad/pages/PageShell.tsx
-function n({ title: n, subtitle: r, children: i }) {
-	return /* @__PURE__ */ t("div", {
+function a({ title: a, subtitle: o, titleAccent: s, actions: c, hero: l = !1, children: u }) {
+	return /* @__PURE__ */ i("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ t("header", { children: [/* @__PURE__ */ e("h1", {
-			className: "text-3xl font-semibold tracking-tight",
-			children: n
-		}), /* @__PURE__ */ e("p", {
-			className: "text-sm text-text-secondary",
-			children: r
-		})] }), i]
+		children: [/* @__PURE__ */ i("header", {
+			className: l ? "relative overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6 shadow-pop" : "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+			children: [
+				l ? /* @__PURE__ */ r(e, { intensity: "subtle" }) : null,
+				/* @__PURE__ */ i("div", {
+					className: l ? "relative" : "min-w-0",
+					children: [/* @__PURE__ */ r("h1", {
+						className: "text-3xl font-semibold tracking-tight text-text-primary",
+						children: (() => {
+							if (!s || !a.includes(s)) return a;
+							let [e, o] = a.split(s);
+							return /* @__PURE__ */ i(n, { children: [
+								e,
+								/* @__PURE__ */ r(t, { children: s }),
+								o
+							] });
+						})()
+					}), /* @__PURE__ */ r("p", {
+						className: "mt-1 text-sm text-text-secondary",
+						children: o
+					})]
+				}),
+				c ? /* @__PURE__ */ r("div", {
+					className: l ? "relative mt-4 sm:mt-0" : "flex-shrink-0",
+					children: c
+				}) : null
+			]
+		}), u]
 	});
 }
 //#endregion
-export { n as PageShell };
+export { a as PageShell };
 
 //# sourceMappingURL=PageShell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PageShell.js","names":[],"sources":["../../../src/ggnomad/pages/PageShell.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport function PageShell({\n  title,\n  subtitle,\n  children,\n}: PropsWithChildren<{ title: string; subtitle: string }>) {\n  return (\n    <div className=\"space-y-6 p-6\">\n      <header>\n        <h1 className=\"text-3xl font-semibold tracking-tight\">{title}</h1>\n        <p className=\"text-sm text-text-secondary\">{subtitle}</p>\n      </header>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;AAEA,SAAgB,EAAU,EACxB,UACA,aACA,eACyD;AACzD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA,EAClE,kBAAC,KAAD;GAAG,WAAU;aAA+B;GAAa,CAAA,CAClD,EAAA,CAAA,EACR,EACG"}
+{"version":3,"file":"PageShell.js","names":[],"sources":["../../../src/ggnomad/pages/PageShell.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\n\ntype PageShellProps = PropsWithChildren<{\n  title: string;\n  subtitle: string;\n  /** Highlighted key noun rendered as a GradientText accent inside the H1. */\n  titleAccent?: string;\n  /** Single primary action / overflow menu cluster rendered at the header end. */\n  actions?: ReactNode;\n  /**\n   * When true, the header becomes the MFE hero zone with a subtle aurora\n   * backdrop. Use on exactly one page per MFE (the Dashboard).\n   */\n  hero?: boolean;\n}>;\n\n/**\n * Boff UI 2.0 page scaffold. The header is a seamless glass band; an optional\n * aurora backdrop turns it into the MFE hero. Content keeps its existing\n * vertical rhythm. The accent noun in the H1 is rendered via GradientText.\n */\nexport function PageShell({\n  title,\n  subtitle,\n  titleAccent,\n  actions,\n  hero = false,\n  children,\n}: PageShellProps) {\n  const renderTitle = () => {\n    if (!titleAccent || !title.includes(titleAccent)) {\n      return title;\n    }\n    const [before, after] = title.split(titleAccent);\n    return (\n      <>\n        {before}\n        <GradientText>{titleAccent}</GradientText>\n        {after}\n      </>\n    );\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <header\n        className={\n          hero\n            ? 'relative overflow-hidden rounded-card border border-border-seam bg-gloss-card p-6 shadow-pop'\n            : 'flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between'\n        }\n      >\n        {hero ? <AuroraBackground intensity=\"subtle\" /> : null}\n        <div className={hero ? 'relative' : 'min-w-0'}>\n          <h1 className=\"text-3xl font-semibold tracking-tight text-text-primary\">\n            {renderTitle()}\n          </h1>\n          <p className=\"mt-1 text-sm text-text-secondary\">{subtitle}</p>\n        </div>\n        {actions ? (\n          <div className={hero ? 'relative mt-4 sm:mt-0' : 'flex-shrink-0'}>{actions}</div>\n        ) : null}\n      </header>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAsBA,SAAgB,EAAU,EACxB,UACA,aACA,gBACA,YACA,UAAO,IACP,eACiB;AAejB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,WACE,IACI,iGACA;aAJR;IAOG,IAAO,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,GAAG;IAClD,kBAAC,OAAD;KAAK,WAAW,IAAO,aAAa;eAApC,CACE,kBAAC,MAAD;MAAI,WAAU;uBAzBI;AACxB,WAAI,CAAC,KAAe,CAAC,EAAM,SAAS,EAAY,CAC9C,QAAO;OAET,IAAM,CAAC,GAAQ,KAAS,EAAM,MAAM,EAAY;AAChD,cACE,kBAAA,GAAA,EAAA,UAAA;QACG;QACD,kBAAC,GAAD,EAAA,UAAe,GAA2B,CAAA;QACzC;QACA,EAAA,CAAA;UAgBiB;MACX,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBAAoC;MAAa,CAAA,CAC1D;;IACL,IACC,kBAAC,OAAD;KAAK,WAAW,IAAO,0BAA0B;eAAkB;KAAc,CAAA,GAC/E;IACG;MACR,EACG"}

package/dist/ggnomad/pages/PropertyDetailsPage.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PropertyDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/PropertyDetailsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { useParams } from 'react-router-dom';\n\nimport { GGNOMAD_PROPERTY_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\n\nexport function PropertyDetailsPage() {\n  const { id = '' } = useParams();\n  const { data } = useQuery<{\n    ggnomadProperty: {\n      name: string;\n      type: string;\n      description?: string;\n      currency: string;\n      pricePerNight: number;\n      maxGuests: number;\n      rating?: number;\n      provider?: { name: string };\n    } | null;\n  }>(GGNOMAD_PROPERTY_QUERY, { variables: { id }, skip: !id });\n  const property = data?.ggnomadProperty;\n\n  return (\n    <PageShell\n      title={property?.name ?? 'Property details'}\n      subtitle=\"Detailed hospitality listing view\"\n    >\n      {!property ? (\n        <div className=\"rounded-lg border p-4 text-sm text-text-secondary\">\n          No property found.\n        </div>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"rounded-lg border p-4\">\n            <p className=\"text-sm text-text-secondary\">Type</p>\n            <p>{property.type}</p>\n            <p className=\"mt-2 text-sm text-text-secondary\">Description</p>\n            <p>{property.description ?? 'No description'}</p>\n          </div>\n          <div className=\"rounded-lg border p-4\">\n            <p>\n              Price: {property.currency} {Number(property.pricePerNight).toFixed(2)}\n            </p>\n            <p>Guests: {property.maxGuests}</p>\n            <p>Rating: {property.rating ?? 'N/A'}</p>\n            <p>Provider: {property.provider?.name ?? 'Unassigned'}</p>\n          </div>\n        </div>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,IAAsB;CACpC,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EAWd,GAAwB;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CAAC,EACtD,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ;EACzB,UAAS;YAEP,IAKA,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAQ,CAAA;KACnD,kBAAC,KAAD,EAAA,UAAI,EAAS,MAAS,CAAA;KACtB,kBAAC,KAAD;MAAG,WAAU;gBAAmC;MAAe,CAAA;KAC/D,kBAAC,KAAD,EAAA,UAAI,EAAS,eAAe,kBAAqB,CAAA;KAC7C;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,KAAD,EAAA,UAAA;MAAG;MACO,EAAS;MAAS;MAAE,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE;MACnE,EAAA,CAAA;KACJ,kBAAC,KAAD,EAAA,UAAA,CAAG,YAAS,EAAS,UAAc,EAAA,CAAA;KACnC,kBAAC,KAAD,EAAA,UAAA,CAAG,YAAS,EAAS,UAAU,MAAU,EAAA,CAAA;KACzC,kBAAC,KAAD,EAAA,UAAA,CAAG,cAAW,EAAS,UAAU,QAAQ,aAAiB,EAAA,CAAA;KACtD;MACF;OAnBN,kBAAC,OAAD;GAAK,WAAU;aAAoD;GAE7D,CAAA;EAmBE,CAAA"}
+{"version":3,"file":"PropertyDetailsPage.js","names":[],"sources":["../../../src/ggnomad/pages/PropertyDetailsPage.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { CalendarCheck, Hotel } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_PROPERTY_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { DetailRow, SectionCard } from '../components';\n\nexport function PropertyDetailsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { id = '' } = useParams();\n  const { data } = useQuery(\n    GGNOMAD_PROPERTY_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperty: {\n          name: string;\n          type: string;\n          description?: string;\n          currency: string;\n          pricePerNight: number;\n          maxGuests: number;\n          rating?: number;\n          provider?: { name: string };\n        } | null;\n      },\n      { id: string }\n    >,\n    { variables: { id }, skip: !id }\n  );\n  const property = data?.ggnomadProperty;\n\n  return (\n    <PageShell\n      title={property?.name ?? t('ggnomad.property.fallbackTitle', 'Property details')}\n      subtitle={t('ggnomad.property.subtitle', 'Detailed hospitality listing view')}\n    >\n      {!property ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.property.notFoundTitle', 'No property found')}\n          description={t(\n            'ggnomad.property.notFoundDescription',\n            'This property is unavailable or may have been removed.'\n          )}\n        />\n      ) : (\n        <>\n          <PagePurpose icon={<Hotel className=\"size-4\" />}>\n            {t(\n              'ggnomad.property.purpose',\n              'Everything you need to decide on this stay — its type, description, nightly price, guest capacity, rating and the provider behind it — before you reserve it.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"ggnomad-property-detail\"\n            steps={[\n              {\n                id: 'book',\n                label: t('ggnomad.property.next.book', 'Book this stay'),\n                description: t(\n                  'ggnomad.property.next.bookDesc',\n                  'Reserve these dates and track it under Bookings.'\n                ),\n                icon: <CalendarCheck className=\"size-4\" />,\n                onClick: () => navigate('../../bookings'),\n              },\n              {\n                id: 'browse',\n                label: t('ggnomad.property.next.browse', 'Compare other stays'),\n                description: t(\n                  'ggnomad.property.next.browseDesc',\n                  'Go back to hospitality listings to compare options.'\n                ),\n                icon: <Hotel className=\"size-4\" />,\n                onClick: () => navigate('..'),\n              },\n            ]}\n          />\n\n          <div className=\"grid gap-4 lg:grid-cols-2\">\n            <SectionCard title={t('ggnomad.property.about', 'About')}>\n              <p className=\"text-sm text-text-secondary\">{t('ggnomad.property.type', 'Type')}</p>\n              <p className=\"text-text-primary\">{property.type}</p>\n              <p className=\"mt-3 text-sm text-text-secondary\">\n                {t('ggnomad.property.description', 'Description')}\n              </p>\n              <p className=\"text-text-primary\">\n                {property.description ?? t('ggnomad.property.noDescription', 'No description')}\n              </p>\n            </SectionCard>\n            <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n              <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n                {t('ggnomad.property.details', 'Details')}\n              </h2>\n              <dl className=\"space-y-2 text-sm\">\n                <DetailRow\n                  label={t('ggnomad.property.price', 'Price')}\n                  value={`${property.currency} ${Number(property.pricePerNight).toFixed(2)}`}\n                />\n                <DetailRow\n                  label={t('ggnomad.property.guests', 'Guests')}\n                  value={String(property.maxGuests)}\n                />\n                <DetailRow\n                  label={t('ggnomad.property.rating', 'Rating')}\n                  value={String(property.rating ?? t('ggnomad.property.noRating', 'N/A'))}\n                />\n                <DetailRow\n                  label={t('ggnomad.property.provider', 'Provider')}\n                  value={property.provider?.name ?? t('ggnomad.property.unassigned', 'Unassigned')}\n                />\n              </dl>\n            </GlassCard>\n          </div>\n        </>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAsB;CACpC,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,YAAS,EACf,GAeA;EAAE,WAAW,EAAE,OAAI;EAAE,MAAM,CAAC;EAAI,CACjC,EACK,IAAW,GAAM;AAEvB,QACE,kBAAC,GAAD;EACE,OAAO,GAAU,QAAQ,EAAE,kCAAkC,mBAAmB;EAChF,UAAU,EAAE,6BAA6B,oCAAoC;YAE3E,IAUA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAa,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;cAC5C,EACC,4BACA,gKACD;IACW,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,CACL;KACE,IAAI;KACJ,OAAO,EAAE,8BAA8B,iBAAiB;KACxD,aAAa,EACX,kCACA,mDACD;KACD,MAAM,kBAAC,GAAD,EAAe,WAAU,UAAW,CAAA;KAC1C,eAAe,EAAS,iBAAiB;KAC1C,EACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,sBAAsB;KAC/D,aAAa,EACX,oCACA,sDACD;KACD,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;KAClC,eAAe,EAAS,KAAK;KAC9B,CACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAa,OAAO,EAAE,0BAA0B,QAAQ;eAAxD;MACE,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAE,yBAAyB,OAAO;OAAK,CAAA;MACnF,kBAAC,KAAD;OAAG,WAAU;iBAAqB,EAAS;OAAS,CAAA;MACpD,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,gCAAgC,cAAc;OAC/C,CAAA;MACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAS,eAAe,EAAE,kCAAkC,iBAAiB;OAC5E,CAAA;MACQ;QACd,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,4BAA4B,UAAU;MACtC,CAAA,EACL,kBAAC,MAAD;MAAI,WAAU;gBAAd;OACE,kBAAC,GAAD;QACE,OAAO,EAAE,0BAA0B,QAAQ;QAC3C,OAAO,GAAG,EAAS,SAAS,GAAG,OAAO,EAAS,cAAc,CAAC,QAAQ,EAAE;QACxE,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,SAAS;QAC7C,OAAO,OAAO,EAAS,UAAU;QACjC,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,2BAA2B,SAAS;QAC7C,OAAO,OAAO,EAAS,UAAU,EAAE,6BAA6B,MAAM,CAAC;QACvE,CAAA;OACF,kBAAC,GAAD;QACE,OAAO,EAAE,6BAA6B,WAAW;QACjD,OAAO,EAAS,UAAU,QAAQ,EAAE,+BAA+B,aAAa;QAChF,CAAA;OACC;QACK;OACR;;GACL,EAAA,CAAA,GA9EH,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,kCAAkC,oBAAoB;GAC/D,aAAa,EACX,wCACA,yDACD;GACD,CAAA;EAyEM,CAAA"}