@burdenoff/microfe-ggnomad 2026.705.5 → 2026.705.7

package/dist/ggnomad/GGNomadRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"GGNomadRoutes.js","names":[],"sources":["../../src/ggnomad/GGNomadRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\n\nimport { DashboardPage } from './pages/DashboardPage';\n\nconst SearchPage = lazy(() =>\n  import('./pages/SearchPage').then((m) => ({ default: m.SearchPage }))\n);\nconst TravelPage = lazy(() =>\n  import('./pages/TravelPage').then((m) => ({ default: m.TravelPage }))\n);\nconst HospitalityPage = lazy(() =>\n  import('./pages/HospitalityPage').then((m) => ({ default: m.HospitalityPage }))\n);\nconst PropertyDetailsPage = lazy(() =>\n  import('./pages/PropertyDetailsPage').then((m) => ({ default: m.PropertyDetailsPage }))\n);\nconst TourismPage = lazy(() =>\n  import('./pages/TourismPage').then((m) => ({ default: m.TourismPage }))\n);\nconst TourDetailsPage = lazy(() =>\n  import('./pages/TourDetailsPage').then((m) => ({ default: m.TourDetailsPage }))\n);\nconst ActivityDetailsPage = lazy(() =>\n  import('./pages/ActivityDetailsPage').then((m) => ({ default: m.ActivityDetailsPage }))\n);\nconst EntertainmentPage = lazy(() =>\n  import('./pages/EntertainmentPage').then((m) => ({ default: m.EntertainmentPage }))\n);\nconst EventDetailsPage = lazy(() =>\n  import('./pages/EventDetailsPage').then((m) => ({ default: m.EventDetailsPage }))\n);\nconst BookingsPage = lazy(() =>\n  import('./pages/BookingsPage').then((m) => ({ default: m.BookingsPage }))\n);\nconst FavoritesPage = lazy(() =>\n  import('./pages/FavoritesPage').then((m) => ({ default: m.FavoritesPage }))\n);\nconst ProviderPage = lazy(() =>\n  import('./pages/ProviderPage').then((m) => ({ default: m.ProviderPage }))\n);\nconst AnalyticsPage = lazy(() =>\n  import('./pages/AnalyticsPage').then((m) => ({ default: m.AnalyticsPage }))\n);\nconst TripsPage = lazy(() =>\n  import('./pages/TripsPage').then((m) => ({ default: m.TripsPage }))\n);\nconst TripPlanDetailPage = lazy(() =>\n  import('./pages/TripPlanDetailPage').then((m) => ({ default: m.TripPlanDetailPage }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex min-h-[320px] items-center justify-center\">\n      <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\nexport function GGNomadRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route index element={<DashboardPage />} />\n        <Route path=\"search\" element={<SearchPage />} />\n        <Route path=\"travel\" element={<TravelPage />} />\n        <Route path=\"hospitality\" element={<HospitalityPage />} />\n        <Route path=\"hospitality/:id\" element={<PropertyDetailsPage />} />\n        <Route path=\"tourism\" element={<TourismPage />} />\n        <Route path=\"tourism/tours/:id\" element={<TourDetailsPage />} />\n        <Route path=\"tourism/activities/:id\" element={<ActivityDetailsPage />} />\n        <Route path=\"entertainment\" element={<EntertainmentPage />} />\n        <Route path=\"entertainment/:id\" element={<EventDetailsPage />} />\n        <Route path=\"bookings\" element={<BookingsPage />} />\n        <Route path=\"favorites\" element={<FavoritesPage />} />\n        <Route path=\"provider\" element={<ProviderPage />} />\n        <Route path=\"analytics\" element={<AnalyticsPage />} />\n        <Route path=\"trips\" element={<TripsPage />} />\n        <Route path=\"trips/:id\" element={<TripPlanDetailPage />} />\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GGNomadRoutes.js","names":[],"sources":["../../src/ggnomad/GGNomadRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\n\nimport { DashboardPage } from './pages/DashboardPage';\n\nconst SearchPage = lazy(() =>\n  import('./pages/SearchPage').then((m) => ({ default: m.SearchPage }))\n);\nconst TravelPage = lazy(() =>\n  import('./pages/TravelPage').then((m) => ({ default: m.TravelPage }))\n);\nconst HospitalityPage = lazy(() =>\n  import('./pages/HospitalityPage').then((m) => ({ default: m.HospitalityPage }))\n);\nconst PropertyDetailsPage = lazy(() =>\n  import('./pages/PropertyDetailsPage').then((m) => ({ default: m.PropertyDetailsPage }))\n);\nconst TourismPage = lazy(() =>\n  import('./pages/TourismPage').then((m) => ({ default: m.TourismPage }))\n);\nconst TourDetailsPage = lazy(() =>\n  import('./pages/TourDetailsPage').then((m) => ({ default: m.TourDetailsPage }))\n);\nconst ActivityDetailsPage = lazy(() =>\n  import('./pages/ActivityDetailsPage').then((m) => ({ default: m.ActivityDetailsPage }))\n);\nconst EntertainmentPage = lazy(() =>\n  import('./pages/EntertainmentPage').then((m) => ({ default: m.EntertainmentPage }))\n);\nconst EventDetailsPage = lazy(() =>\n  import('./pages/EventDetailsPage').then((m) => ({ default: m.EventDetailsPage }))\n);\nconst BookingsPage = lazy(() =>\n  import('./pages/BookingsPage').then((m) => ({ default: m.BookingsPage }))\n);\nconst FavoritesPage = lazy(() =>\n  import('./pages/FavoritesPage').then((m) => ({ default: m.FavoritesPage }))\n);\nconst ProviderPage = lazy(() =>\n  import('./pages/ProviderPage').then((m) => ({ default: m.ProviderPage }))\n);\nconst AnalyticsPage = lazy(() =>\n  import('./pages/AnalyticsPage').then((m) => ({ default: m.AnalyticsPage }))\n);\nconst TripsPage = lazy(() => import('./pages/TripsPage').then((m) => ({ default: m.TripsPage })));\nconst TripPlanDetailPage = lazy(() =>\n  import('./pages/TripPlanDetailPage').then((m) => ({ default: m.TripPlanDetailPage }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex min-h-[320px] items-center justify-center\">\n      <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\nexport function GGNomadRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route index element={<DashboardPage />} />\n        <Route path=\"search\" element={<SearchPage />} />\n        <Route path=\"travel\" element={<TravelPage />} />\n        <Route path=\"hospitality\" element={<HospitalityPage />} />\n        <Route path=\"hospitality/:id\" element={<PropertyDetailsPage />} />\n        <Route path=\"tourism\" element={<TourismPage />} />\n        <Route path=\"tourism/tours/:id\" element={<TourDetailsPage />} />\n        <Route path=\"tourism/activities/:id\" element={<ActivityDetailsPage />} />\n        <Route path=\"entertainment\" element={<EntertainmentPage />} />\n        <Route path=\"entertainment/:id\" element={<EventDetailsPage />} />\n        <Route path=\"bookings\" element={<BookingsPage />} />\n        <Route path=\"favorites\" element={<FavoritesPage />} />\n        <Route path=\"provider\" element={<ProviderPage />} />\n        <Route path=\"analytics\" element={<AnalyticsPage />} />\n        <Route path=\"trips\" element={<TripsPage />} />\n        <Route path=\"trips/:id\" element={<TripPlanDetailPage />} />\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/components/ListingEditDialog.js

@@ -0,0 +1,151 @@
+import { UPDATE_GGNOMAD_ACTIVITY_MUTATION as e, UPDATE_GGNOMAD_EVENT_MUTATION as t, UPDATE_GGNOMAD_PROPERTY_MUTATION as n, UPDATE_GGNOMAD_TOUR_MUTATION as r } from "../graphql.js";
+import { notify as i } from "../utils/notify.js";
+import { useMemo as a, useState as o } from "react";
+import { Pencil as s } from "lucide-react";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as l } from "@apollo/client/react";
+import { AlertDialog as u, AlertDialogAction as d, AlertDialogCancel as f, AlertDialogContent as p, AlertDialogDescription as m, AlertDialogFooter as h, AlertDialogHeader as g, AlertDialogTitle as _ } from "@burdenoff/fe-libs/ui";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/ggnomad/components/ListingEditDialog.tsx
+function b({ open: b, onOpenChange: x, targetType: S, id: C, initial: w, onSaved: T }) {
+	let { t: E } = c(), [D, O] = o(w.name ?? ""), [k, A] = o(w.description ?? ""), j = w.pricePerNight ?? w.price ?? 0, [M, N] = o(String(j)), [P, F] = o(w.status ?? "ACTIVE"), [I, L] = o((w.images ?? []).join("\n")), [R, { loading: z }] = l(n), [B, { loading: V }] = l(r), [H, { loading: U }] = l(t), [W, { loading: G }] = l(e), K = a(() => z || V || U || G, [
+		z,
+		V,
+		U,
+		G
+	]), q = async () => {
+		try {
+			let e = {};
+			D !== (w.name ?? "") && (e.name = D), k !== (w.description ?? "") && (e.description = k);
+			let t = parseFloat(M);
+			t !== (w.pricePerNight ?? w.price ?? 0) && (S === "PROPERTY" ? e.pricePerNight = t : e.price = t), P !== (w.status ?? "ACTIVE") && (e.status = P);
+			let n = I.split("\n").map((e) => e.trim()).filter(Boolean), r = w.images ?? [];
+			if (JSON.stringify(n) !== JSON.stringify(r) && (e.images = n), Object.keys(e).length === 0) {
+				i.info(E("ggnomad.listingEdit.noChangesTitle", "No changes"), E("ggnomad.listingEdit.noChangesBody", "Nothing was modified.")), x(!1);
+				return;
+			}
+			let a;
+			if (a = S === "PROPERTY" ? await R({ variables: {
+				id: C,
+				input: e
+			} }) : S === "TOUR" ? await B({ variables: {
+				id: C,
+				input: e
+			} }) : S === "EVENT" ? await H({ variables: {
+				id: C,
+				input: e
+			} }) : await W({ variables: {
+				id: C,
+				input: e
+			} }), a?.error) {
+				i.error(E("ggnomad.listingEdit.errorTitle", "Could not update listing"), a.error.message);
+				return;
+			}
+			i.success(E("ggnomad.listingEdit.successTitle", "Listing updated"), E("ggnomad.listingEdit.successBody", "Your changes have been saved.")), x(!1), T?.();
+		} catch (e) {
+			i.error(E("ggnomad.listingEdit.errorTitle", "Could not update listing"), e instanceof Error ? e.message : String(e));
+		}
+	}, J = S === "PROPERTY" ? "Price per night" : "Price";
+	return /* @__PURE__ */ v(u, {
+		open: b,
+		onOpenChange: x,
+		children: /* @__PURE__ */ y(p, {
+			className: "max-w-2xl",
+			children: [
+				/* @__PURE__ */ y(g, { children: [/* @__PURE__ */ y(_, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ v(s, { className: "size-4" }), E("ggnomad.listingEdit.title", "Edit listing")]
+				}), /* @__PURE__ */ v(m, { children: E("ggnomad.listingEdit.description", "Update the details for this listing.") })] }),
+				/* @__PURE__ */ y("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: E("ggnomad.listingEdit.nameLabel", "Name")
+						}), /* @__PURE__ */ v("input", {
+							type: "text",
+							value: D,
+							onChange: (e) => O(e.target.value),
+							disabled: K,
+							className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50",
+							placeholder: E("ggnomad.listingEdit.namePlaceholder", "Enter name")
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: E("ggnomad.listingEdit.descriptionLabel", "Description")
+						}), /* @__PURE__ */ v("textarea", {
+							value: k,
+							onChange: (e) => A(e.target.value),
+							disabled: K,
+							rows: 3,
+							className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50",
+							placeholder: E("ggnomad.listingEdit.descriptionPlaceholder", "Enter description")
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: E("ggnomad.listingEdit.priceLabel", J)
+						}), /* @__PURE__ */ v("input", {
+							type: "number",
+							step: "0.01",
+							min: "0",
+							value: M,
+							onChange: (e) => N(e.target.value),
+							disabled: K,
+							className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50",
+							placeholder: "0.00"
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: E("ggnomad.listingEdit.statusLabel", "Status")
+						}), /* @__PURE__ */ y("select", {
+							value: P,
+							onChange: (e) => F(e.target.value),
+							disabled: K,
+							className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "ACTIVE",
+									children: E("ggnomad.listingEdit.statusActive", "Active")
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "PAUSED",
+									children: E("ggnomad.listingEdit.statusPaused", "Paused")
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "DRAFT",
+									children: E("ggnomad.listingEdit.statusDraft", "Draft")
+								})
+							]
+						})] }),
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: E("ggnomad.listingEdit.imagesLabel", "Images (one URL per line)")
+						}), /* @__PURE__ */ v("textarea", {
+							value: I,
+							onChange: (e) => L(e.target.value),
+							disabled: K,
+							rows: 3,
+							className: "mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm font-mono text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50",
+							placeholder: E("ggnomad.listingEdit.imagesPlaceholder", "https://example.com/image1.jpg\nhttps://example.com/image2.jpg")
+						})] })
+					]
+				}),
+				/* @__PURE__ */ y(h, { children: [/* @__PURE__ */ v(f, {
+					disabled: K,
+					children: E("ggnomad.listingEdit.cancel", "Cancel")
+				}), /* @__PURE__ */ v(d, {
+					onClick: (e) => {
+						e.preventDefault(), q();
+					},
+					disabled: K,
+					className: "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover",
+					children: K ? E("ggnomad.listingEdit.saving", "Saving…") : E("ggnomad.listingEdit.save", "Save changes")
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { b as ListingEditDialog };
+
+//# sourceMappingURL=ListingEditDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListingEditDialog.js","names":[],"sources":["../../../src/ggnomad/components/ListingEditDialog.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useMutation } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Pencil } from 'lucide-react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  UPDATE_GGNOMAD_PROPERTY_MUTATION,\n  UPDATE_GGNOMAD_TOUR_MUTATION,\n  UPDATE_GGNOMAD_EVENT_MUTATION,\n  UPDATE_GGNOMAD_ACTIVITY_MUTATION,\n} from '../graphql';\nimport { notify } from '../utils/notify';\n\ntype TargetType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ninterface ListingEditDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  targetType: TargetType;\n  id: string;\n  initial: {\n    name?: string;\n    description?: string;\n    price?: number;\n    pricePerNight?: number;\n    status?: string;\n    images?: string[];\n  };\n  onSaved?: () => void;\n}\n\n/** Edit dialog for listing details (property, tour, event, activity). */\nexport function ListingEditDialog({\n  open,\n  onOpenChange,\n  targetType,\n  id,\n  initial,\n  onSaved,\n}: ListingEditDialogProps) {\n  const { t } = useI18n();\n  const [name, setName] = useState(initial.name ?? '');\n  const [description, setDescription] = useState(initial.description ?? '');\n  const priceField = initial.pricePerNight ?? initial.price ?? 0;\n  const [price, setPrice] = useState(String(priceField));\n  const [status, setStatus] = useState(initial.status ?? 'ACTIVE');\n  const [imagesText, setImagesText] = useState((initial.images ?? []).join('\\n'));\n\n  const [updateProperty, { loading: updatingProperty }] = useMutation(\n    UPDATE_GGNOMAD_PROPERTY_MUTATION as TypedDocumentNode<\n      { updateGgnomadProperty: { id: string; name: string } },\n      {\n        id: string;\n        input: {\n          name?: string;\n          description?: string;\n          pricePerNight?: number;\n          status?: string;\n          images?: string[];\n        };\n      }\n    >\n  );\n\n  const [updateTour, { loading: updatingTour }] = useMutation(\n    UPDATE_GGNOMAD_TOUR_MUTATION as TypedDocumentNode<\n      { updateGgnomadTour: { id: string; name: string } },\n      {\n        id: string;\n        input: {\n          name?: string;\n          description?: string;\n          price?: number;\n          status?: string;\n          images?: string[];\n        };\n      }\n    >\n  );\n\n  const [updateEvent, { loading: updatingEvent }] = useMutation(\n    UPDATE_GGNOMAD_EVENT_MUTATION as TypedDocumentNode<\n      { updateGgnomadEvent: { id: string; name: string } },\n      {\n        id: string;\n        input: {\n          name?: string;\n          description?: string;\n          price?: number;\n          status?: string;\n          images?: string[];\n        };\n      }\n    >\n  );\n\n  const [updateActivity, { loading: updatingActivity }] = useMutation(\n    UPDATE_GGNOMAD_ACTIVITY_MUTATION as TypedDocumentNode<\n      { updateGgnomadActivity: { id: string; name: string } },\n      {\n        id: string;\n        input: {\n          name?: string;\n          description?: string;\n          price?: number;\n          status?: string;\n          images?: string[];\n        };\n      }\n    >\n  );\n\n  const loading = useMemo(\n    () => updatingProperty || updatingTour || updatingEvent || updatingActivity,\n    [updatingProperty, updatingTour, updatingEvent, updatingActivity]\n  );\n\n  const handleSave = async () => {\n    try {\n      // Build input with only changed fields\n      const input: Record<string, unknown> = {};\n\n      if (name !== (initial.name ?? '')) {\n        input.name = name;\n      }\n      if (description !== (initial.description ?? '')) {\n        input.description = description;\n      }\n\n      const priceValue = parseFloat(price);\n      const initialPrice = initial.pricePerNight ?? initial.price ?? 0;\n      if (priceValue !== initialPrice) {\n        if (targetType === 'PROPERTY') {\n          input.pricePerNight = priceValue;\n        } else {\n          input.price = priceValue;\n        }\n      }\n\n      if (status !== (initial.status ?? 'ACTIVE')) {\n        input.status = status;\n      }\n\n      const newImages = imagesText\n        .split('\\n')\n        .map((line) => line.trim())\n        .filter(Boolean);\n      const initialImages = initial.images ?? [];\n      if (JSON.stringify(newImages) !== JSON.stringify(initialImages)) {\n        input.images = newImages;\n      }\n\n      // If nothing changed, just close\n      if (Object.keys(input).length === 0) {\n        notify.info(\n          t('ggnomad.listingEdit.noChangesTitle', 'No changes'),\n          t('ggnomad.listingEdit.noChangesBody', 'Nothing was modified.')\n        );\n        onOpenChange(false);\n        return;\n      }\n\n      let result;\n      if (targetType === 'PROPERTY') {\n        result = await updateProperty({\n          variables: { id, input },\n        });\n      } else if (targetType === 'TOUR') {\n        result = await updateTour({\n          variables: { id, input },\n        });\n      } else if (targetType === 'EVENT') {\n        result = await updateEvent({\n          variables: { id, input },\n        });\n      } else {\n        result = await updateActivity({\n          variables: { id, input },\n        });\n      }\n\n      if (result?.error) {\n        notify.error(\n          t('ggnomad.listingEdit.errorTitle', 'Could not update listing'),\n          result.error.message\n        );\n        return;\n      }\n\n      notify.success(\n        t('ggnomad.listingEdit.successTitle', 'Listing updated'),\n        t('ggnomad.listingEdit.successBody', 'Your changes have been saved.')\n      );\n\n      onOpenChange(false);\n      onSaved?.();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.listingEdit.errorTitle', 'Could not update listing'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const priceLabel = targetType === 'PROPERTY' ? 'Price per night' : 'Price';\n\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent className=\"max-w-2xl\">\n        <AlertDialogHeader>\n          <AlertDialogTitle className=\"flex items-center gap-2\">\n            <Pencil className=\"size-4\" />\n            {t('ggnomad.listingEdit.title', 'Edit listing')}\n          </AlertDialogTitle>\n          <AlertDialogDescription>\n            {t('ggnomad.listingEdit.description', 'Update the details for this listing.')}\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n\n        <div className=\"space-y-4\">\n          {/* Name */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t('ggnomad.listingEdit.nameLabel', 'Name')}\n            </label>\n            <input\n              type=\"text\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              disabled={loading}\n              className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n              placeholder={t('ggnomad.listingEdit.namePlaceholder', 'Enter name')}\n            />\n          </div>\n\n          {/* Description */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t('ggnomad.listingEdit.descriptionLabel', 'Description')}\n            </label>\n            <textarea\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              disabled={loading}\n              rows={3}\n              className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n              placeholder={t('ggnomad.listingEdit.descriptionPlaceholder', 'Enter description')}\n            />\n          </div>\n\n          {/* Price */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t(`ggnomad.listingEdit.priceLabel`, priceLabel)}\n            </label>\n            <input\n              type=\"number\"\n              step=\"0.01\"\n              min=\"0\"\n              value={price}\n              onChange={(e) => setPrice(e.target.value)}\n              disabled={loading}\n              className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n              placeholder=\"0.00\"\n            />\n          </div>\n\n          {/* Status */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t('ggnomad.listingEdit.statusLabel', 'Status')}\n            </label>\n            <select\n              value={status}\n              onChange={(e) => setStatus(e.target.value)}\n              disabled={loading}\n              className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm text-text-primary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n            >\n              <option value=\"ACTIVE\">{t('ggnomad.listingEdit.statusActive', 'Active')}</option>\n              <option value=\"PAUSED\">{t('ggnomad.listingEdit.statusPaused', 'Paused')}</option>\n              <option value=\"DRAFT\">{t('ggnomad.listingEdit.statusDraft', 'Draft')}</option>\n            </select>\n          </div>\n\n          {/* Images */}\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t('ggnomad.listingEdit.imagesLabel', 'Images (one URL per line)')}\n            </label>\n            <textarea\n              value={imagesText}\n              onChange={(e) => setImagesText(e.target.value)}\n              disabled={loading}\n              rows={3}\n              className=\"mt-1 w-full rounded-md border border-border-seam bg-bg-canvas px-3 py-2 text-sm font-mono text-text-primary placeholder-text-secondary focus:border-action-primary-bg focus:outline-none focus:ring-1 focus:ring-action-primary-bg disabled:opacity-50\"\n              placeholder={t(\n                'ggnomad.listingEdit.imagesPlaceholder',\n                'https://example.com/image1.jpg\\nhttps://example.com/image2.jpg'\n              )}\n            />\n          </div>\n        </div>\n\n        <AlertDialogFooter>\n          <AlertDialogCancel disabled={loading}>\n            {t('ggnomad.listingEdit.cancel', 'Cancel')}\n          </AlertDialogCancel>\n          <AlertDialogAction\n            onClick={(event) => {\n              event.preventDefault();\n              void handleSave();\n            }}\n            disabled={loading}\n            className=\"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bgHover\"\n          >\n            {loading\n              ? t('ggnomad.listingEdit.saving', 'Saving…')\n              : t('ggnomad.listingEdit.save', 'Save changes')}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/components/ReviewsSection.js

@@ -0,0 +1,325 @@
+import { CREATE_GGNOMAD_REVIEW_MUTATION as e, GGNOMAD_REVIEWS_QUERY as t, GGNOMAD_REVIEW_SUMMARY_QUERY as n } from "../graphql.js";
+import { cn as r } from "../utils/cn.js";
+import { notify as i } from "../utils/notify.js";
+import { useState as a } from "react";
+import { AlertCircle as o, MessageSquare as s, Star as c } from "lucide-react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useMutation as u, useQuery as d } from "@apollo/client/react";
+import { Button as f, GlassCard as p, Input as m, Textarea as h } from "@burdenoff/fe-libs/ui";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/ggnomad/components/ReviewsSection.tsx
+function v({ distribution: e }) {
+	let t = e.reduce((e, t) => e + t, 0);
+	return /* @__PURE__ */ g("div", {
+		className: "space-y-2",
+		children: [
+			5,
+			4,
+			3,
+			2,
+			1
+		].map((n, r) => {
+			let i = e[4 - r] ?? 0, a = t > 0 ? i / t * 100 : 0;
+			return /* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ _("div", {
+						className: "flex items-center gap-1 whitespace-nowrap text-xs text-text-secondary",
+						children: [/* @__PURE__ */ g("span", { children: n }), /* @__PURE__ */ g(c, {
+							className: "size-3 text-status-warning-text",
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ g("div", {
+						className: "flex-1 h-2 rounded-full bg-bg-sunken overflow-hidden",
+						children: /* @__PURE__ */ g("div", {
+							className: "h-full bg-status-warning-bg transition-all",
+							style: { width: `${a}%` },
+							role: "progressbar",
+							"aria-label": `${i} reviews with ${n} stars`,
+							"aria-valuenow": a,
+							"aria-valuemin": 0,
+							"aria-valuemax": 100
+						})
+					}),
+					/* @__PURE__ */ g("span", {
+						className: "text-xs text-text-secondary tabular-nums w-8 text-right",
+						children: i
+					})
+				]
+			}, n);
+		})
+	});
+}
+function y({ review: e }) {
+	let { t } = l(), n = new Date(e.createdAt), i = n.toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric",
+		year: n.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? void 0 : "numeric"
+	});
+	return /* @__PURE__ */ _("div", {
+		className: "rounded-lg border border-border-seam bg-bg-surface/40 p-4 space-y-3",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-start justify-between gap-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g("div", {
+						className: "flex gap-0.5",
+						children: [...[
+							,
+							,
+							,
+							,
+							,
+						]].map((t, n) => /* @__PURE__ */ g(c, {
+							className: r("size-3.5", n < e.rating ? "fill-status-warning-text text-status-warning-text" : "text-border-seam"),
+							"aria-hidden": "true"
+						}, n))
+					}), /* @__PURE__ */ _("span", {
+						className: "text-xs text-text-secondary font-medium",
+						children: [e.rating, "/5"]
+					})]
+				}), e.isVerified && /* @__PURE__ */ _("span", {
+					className: "inline-flex items-center gap-1 text-xs font-medium text-status-success-text bg-status-success-bg-subtle px-2 py-1 rounded-full",
+					children: [/* @__PURE__ */ g("span", {
+						className: "size-1.5 bg-status-success-text rounded-full",
+						"aria-hidden": "true"
+					}), t("ggnomad.reviews.verified", "Verified")]
+				})]
+			}),
+			e.title && /* @__PURE__ */ g("h4", {
+				className: "font-medium text-text-primary text-sm",
+				children: e.title
+			}),
+			e.content && /* @__PURE__ */ g("p", {
+				className: "text-sm text-text-secondary leading-relaxed",
+				children: e.content
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between pt-2 border-t border-border-seam",
+				children: [/* @__PURE__ */ g("span", {
+					className: "text-xs text-text-secondary",
+					children: i
+				}), e.helpfulCount > 0 && /* @__PURE__ */ _("span", {
+					className: "text-xs text-text-secondary flex items-center gap-1",
+					children: [/* @__PURE__ */ g(s, {
+						className: "size-3",
+						"aria-hidden": "true"
+					}), e.helpfulCount]
+				})]
+			}),
+			e.response && /* @__PURE__ */ _("div", {
+				className: "mt-3 pt-3 border-t border-border-seam bg-bg-sunken/50 rounded p-3 text-sm",
+				children: [
+					/* @__PURE__ */ g("p", {
+						className: "font-medium text-text-primary mb-1",
+						children: t("ggnomad.reviews.hostResponse", "Host response")
+					}),
+					/* @__PURE__ */ g("p", {
+						className: "text-text-secondary",
+						children: e.response
+					}),
+					e.respondedAt && /* @__PURE__ */ g("p", {
+						className: "text-xs text-text-secondary mt-2",
+						children: new Date(e.respondedAt).toLocaleDateString()
+					})
+				]
+			})
+		]
+	});
+}
+function b({ targetType: t, targetId: n, onReviewCreated: o }) {
+	let { t: s } = l(), [d, v] = a(5), [y, b] = a(""), [x, S] = a(""), [C, { loading: w }] = u(e);
+	return /* @__PURE__ */ _(p, {
+		treatment: "glass",
+		glow: !0,
+		className: "border-border-seam p-5",
+		children: [/* @__PURE__ */ g("h3", {
+			className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+			children: s("ggnomad.reviews.composer.title", "Share your experience")
+		}), /* @__PURE__ */ _("form", {
+			onSubmit: async (e) => {
+				if (e.preventDefault(), d === 0) {
+					i.warning(s("ggnomad.reviews.composer.ratingRequired", "Rating required"), s("ggnomad.reviews.composer.selectRating", "Please select a rating before submitting."));
+					return;
+				}
+				try {
+					let e = await C({ variables: { input: {
+						targetType: t,
+						targetId: n,
+						rating: d,
+						title: y.trim() || void 0,
+						content: x.trim() || void 0
+					} } });
+					if (e.error) {
+						i.error(s("ggnomad.reviews.composer.error", "Could not post review"), e.error.message);
+						return;
+					}
+					i.success(s("ggnomad.reviews.composer.success", "Review posted"), s("ggnomad.reviews.composer.successDesc", "Thank you for sharing your experience!")), v(5), b(""), S(""), o();
+				} catch (e) {
+					i.error(s("ggnomad.reviews.composer.error", "Could not post review"), e instanceof Error ? e.message : String(e));
+				}
+			},
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+					className: "block text-sm font-medium text-text-primary mb-2",
+					children: s("ggnomad.reviews.composer.rating", "Your rating")
+				}), /* @__PURE__ */ g("div", {
+					className: "flex gap-2",
+					children: [
+						1,
+						2,
+						3,
+						4,
+						5
+					].map((e) => /* @__PURE__ */ g("button", {
+						type: "button",
+						onClick: () => v(e),
+						className: r("p-1.5 rounded-lg transition-all", d >= e ? "bg-status-warning-bg-subtle" : "bg-bg-sunken hover:bg-bg-surface"),
+						"aria-label": s("ggnomad.reviews.composer.ratingLabel", "Rate {{stars}} out of 5 stars").replace("{{stars}}", String(e)),
+						"aria-pressed": d >= e,
+						children: /* @__PURE__ */ g(c, {
+							className: r("size-5 transition-colors", d >= e ? "fill-status-warning-text text-status-warning-text" : "text-border-seam"),
+							"aria-hidden": "true"
+						})
+					}, e))
+				})] }),
+				/* @__PURE__ */ _("div", { children: [
+					/* @__PURE__ */ g("label", {
+						htmlFor: "review-title",
+						className: "block text-sm font-medium text-text-primary mb-2",
+						children: s("ggnomad.reviews.composer.titleLabel", "Title (optional)")
+					}),
+					/* @__PURE__ */ g(m, {
+						id: "review-title",
+						placeholder: s("ggnomad.reviews.composer.titlePlaceholder", "e.g., \"Great location, friendly host\""),
+						value: y,
+						onChange: (e) => b(e.target.value),
+						maxLength: 100,
+						disabled: w,
+						className: "bg-bg-surface border-border-seam"
+					}),
+					/* @__PURE__ */ _("p", {
+						className: "text-xs text-text-secondary mt-1",
+						children: [y.length, "/100"]
+					})
+				] }),
+				/* @__PURE__ */ _("div", { children: [
+					/* @__PURE__ */ g("label", {
+						htmlFor: "review-content",
+						className: "block text-sm font-medium text-text-primary mb-2",
+						children: s("ggnomad.reviews.composer.contentLabel", "Your review (optional)")
+					}),
+					/* @__PURE__ */ g(h, {
+						id: "review-content",
+						placeholder: s("ggnomad.reviews.composer.contentPlaceholder", "Share the details of your experience..."),
+						value: x,
+						onChange: (e) => S(e.target.value),
+						maxLength: 1e3,
+						rows: 4,
+						disabled: w,
+						className: "bg-bg-surface border-border-seam resize-none"
+					}),
+					/* @__PURE__ */ _("p", {
+						className: "text-xs text-text-secondary mt-1",
+						children: [x.length, "/1000"]
+					})
+				] }),
+				/* @__PURE__ */ g(f, {
+					type: "submit",
+					disabled: w || d === 0,
+					className: "w-full",
+					children: w ? s("ggnomad.reviews.composer.submitting", "Posting…") : s("ggnomad.reviews.composer.submit", "Post review")
+				})
+			]
+		})]
+	});
+}
+function x({ targetType: e, targetId: i }) {
+	let { t: s } = l(), [u, m] = a(!1), { data: h, refetch: x } = d(n, { variables: {
+		targetType: e,
+		targetId: i
+	} }), { data: S, refetch: C } = d(t, { variables: {
+		targetType: e,
+		targetId: i,
+		first: 10,
+		skip: 0
+	} }), w = h?.ggnomadReviewSummary, T = S?.ggnomadReviews ?? [], E = () => {
+		m(!1), x(), C();
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6",
+		children: [
+			w && w.count > 0 && /* @__PURE__ */ _(p, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam p-5",
+				children: [/* @__PURE__ */ g("h2", {
+					className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+					children: s("ggnomad.reviews.summary", "Ratings & reviews")
+				}), /* @__PURE__ */ _("div", {
+					className: "grid gap-6 sm:grid-cols-2",
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex flex-col items-center justify-center py-4",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "text-5xl font-bold text-text-primary tabular-nums",
+								children: w.average.toFixed(1)
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex gap-0.5 mt-2",
+								children: [...[
+									,
+									,
+									,
+									,
+									,
+								]].map((e, t) => /* @__PURE__ */ g(c, {
+									className: r("size-4", t < Math.round(w.average) ? "fill-status-warning-text text-status-warning-text" : "text-border-seam"),
+									"aria-hidden": "true"
+								}, t))
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "text-sm text-text-secondary mt-2",
+								children: s("ggnomad.reviews.totalCount", "{{count}} {{plural}}").replace("{{count}}", String(w.count)).replace("{{plural}}", w.count === 1 ? s("ggnomad.reviews.review", "review") : s("ggnomad.reviews.reviews", "reviews"))
+							})
+						]
+					}), /* @__PURE__ */ g("div", { children: /* @__PURE__ */ g(v, { distribution: w.distribution }) })]
+				})]
+			}),
+			!u && /* @__PURE__ */ g(f, {
+				onClick: () => m(!0),
+				variant: "secondary",
+				className: "w-full",
+				children: s("ggnomad.reviews.writeReview", "Write a review")
+			}),
+			u && /* @__PURE__ */ g(b, {
+				targetType: e,
+				targetId: i,
+				onReviewCreated: E
+			}),
+			T.length > 0 ? /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
+				className: "mb-4 text-lg font-medium tracking-tight text-text-primary",
+				children: s("ggnomad.reviews.allReviews", "All reviews")
+			}), /* @__PURE__ */ g("div", {
+				className: "grid gap-3",
+				children: T.map((e) => /* @__PURE__ */ g(y, { review: e }, e.id))
+			})] }) : w && w.count === 0 ? /* @__PURE__ */ _("div", {
+				className: "text-center py-8 rounded-lg border border-border-seam bg-bg-surface/40",
+				children: [/* @__PURE__ */ g(o, {
+					className: "size-6 text-text-secondary mx-auto mb-2",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-text-secondary",
+					children: s("ggnomad.reviews.noReviewsYet", "Be the first to review")
+				})]
+			}) : null
+		]
+	});
+}
+//#endregion
+export { x as ReviewsSection };
+
+//# sourceMappingURL=ReviewsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewsSection.js","names":[],"sources":["../../../src/ggnomad/components/ReviewsSection.tsx"],"sourcesContent":["import { useState } 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 { Star, MessageSquare, AlertCircle } from 'lucide-react';\nimport { Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_REVIEW_SUMMARY_QUERY,\n  GGNOMAD_REVIEWS_QUERY,\n  CREATE_GGNOMAD_REVIEW_MUTATION,\n} from '../graphql';\nimport { notify } from '../utils/notify';\nimport { cn } from '../utils/cn';\n\ntype GgnomadBookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype ReviewsSectionProps = {\n  targetType: GgnomadBookingType;\n  targetId: string;\n};\n\ntype ReviewSummaryData = {\n  ggnomadReviewSummary: {\n    average: number;\n    count: number;\n    distribution: number[];\n  };\n};\n\ntype ReviewsData = {\n  ggnomadReviews: Array<{\n    id: string;\n    rating: number;\n    title?: string;\n    content?: string;\n    isVerified: boolean;\n    helpfulCount: number;\n    response?: string;\n    respondedAt?: string;\n    createdAt: string;\n  }>;\n};\n\ntype CreateReviewInput = {\n  targetType: GgnomadBookingType;\n  targetId: string;\n  rating: number;\n  title?: string;\n  content?: string;\n  images?: string[];\n};\n\n/**\n * Star distribution bar chart component.\n * Displays a 5-row breakdown of rating distribution.\n */\nfunction StarDistributionChart({ distribution }: { distribution: number[] }) {\n  const total = distribution.reduce((a, b) => a + b, 0);\n\n  return (\n    <div className=\"space-y-2\">\n      {[5, 4, 3, 2, 1].map((stars, idx) => {\n        const count = distribution[4 - idx] ?? 0;\n        const percentage = total > 0 ? (count / total) * 100 : 0;\n\n        return (\n          <div key={stars} className=\"flex items-center gap-2\">\n            <div className=\"flex items-center gap-1 whitespace-nowrap text-xs text-text-secondary\">\n              <span>{stars}</span>\n              <Star className=\"size-3 text-status-warning-text\" aria-hidden=\"true\" />\n            </div>\n            <div className=\"flex-1 h-2 rounded-full bg-bg-sunken overflow-hidden\">\n              <div\n                className=\"h-full bg-status-warning-bg transition-all\"\n                style={{ width: `${percentage}%` }}\n                role=\"progressbar\"\n                aria-label={`${count} reviews with ${stars} stars`}\n                aria-valuenow={percentage}\n                aria-valuemin={0}\n                aria-valuemax={100}\n              />\n            </div>\n            <span className=\"text-xs text-text-secondary tabular-nums w-8 text-right\">{count}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/**\n * Individual review card component.\n */\nfunction ReviewCard({ review }: { review: ReviewsData['ggnomadReviews'][0] }) {\n  const { t } = useI18n();\n  const createdDate = new Date(review.createdAt);\n  const formattedDate = createdDate.toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: createdDate.getFullYear() !== new Date().getFullYear() ? 'numeric' : undefined,\n  });\n\n  return (\n    <div className=\"rounded-lg border border-border-seam bg-bg-surface/40 p-4 space-y-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex gap-0.5\">\n            {[...Array(5)].map((_, i) => (\n              <Star\n                key={i}\n                className={cn(\n                  'size-3.5',\n                  i < review.rating\n                    ? 'fill-status-warning-text text-status-warning-text'\n                    : 'text-border-seam'\n                )}\n                aria-hidden=\"true\"\n              />\n            ))}\n          </div>\n          <span className=\"text-xs text-text-secondary font-medium\">{review.rating}/5</span>\n        </div>\n        {review.isVerified && (\n          <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text bg-status-success-bg-subtle px-2 py-1 rounded-full\">\n            <span className=\"size-1.5 bg-status-success-text rounded-full\" aria-hidden=\"true\" />\n            {t('ggnomad.reviews.verified', 'Verified')}\n          </span>\n        )}\n      </div>\n\n      {review.title && <h4 className=\"font-medium text-text-primary text-sm\">{review.title}</h4>}\n\n      {review.content && (\n        <p className=\"text-sm text-text-secondary leading-relaxed\">{review.content}</p>\n      )}\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-seam\">\n        <span className=\"text-xs text-text-secondary\">{formattedDate}</span>\n        {review.helpfulCount > 0 && (\n          <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n            <MessageSquare className=\"size-3\" aria-hidden=\"true\" />\n            {review.helpfulCount}\n          </span>\n        )}\n      </div>\n\n      {review.response && (\n        <div className=\"mt-3 pt-3 border-t border-border-seam bg-bg-sunken/50 rounded p-3 text-sm\">\n          <p className=\"font-medium text-text-primary mb-1\">\n            {t('ggnomad.reviews.hostResponse', 'Host response')}\n          </p>\n          <p className=\"text-text-secondary\">{review.response}</p>\n          {review.respondedAt && (\n            <p className=\"text-xs text-text-secondary mt-2\">\n              {new Date(review.respondedAt).toLocaleDateString()}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Review composer component.\n */\nfunction ReviewComposer({\n  targetType,\n  targetId,\n  onReviewCreated,\n}: {\n  targetType: GgnomadBookingType;\n  targetId: string;\n  onReviewCreated: () => void;\n}) {\n  const { t } = useI18n();\n  const [rating, setRating] = useState(5);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n\n  const [createReview, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_REVIEW_MUTATION as TypedDocumentNode<\n      {\n        createGgnomadReview: {\n          id: string;\n          rating: number;\n          title?: string;\n          content?: string;\n        };\n      },\n      { input: CreateReviewInput }\n    >\n  );\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (rating === 0) {\n      notify.warning(\n        t('ggnomad.reviews.composer.ratingRequired', 'Rating required'),\n        t('ggnomad.reviews.composer.selectRating', 'Please select a rating before submitting.')\n      );\n      return;\n    }\n\n    try {\n      const result = await createReview({\n        variables: {\n          input: {\n            targetType,\n            targetId,\n            rating,\n            title: title.trim() || undefined,\n            content: content.trim() || undefined,\n          },\n        },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.reviews.composer.error', 'Could not post review'),\n          result.error.message\n        );\n        return;\n      }\n\n      notify.success(\n        t('ggnomad.reviews.composer.success', 'Review posted'),\n        t('ggnomad.reviews.composer.successDesc', 'Thank you for sharing your experience!')\n      );\n\n      // Reset form\n      setRating(5);\n      setTitle('');\n      setContent('');\n\n      // Trigger refresh\n      onReviewCreated();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.reviews.composer.error', 'Could not post review'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  return (\n    <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n      <h3 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n        {t('ggnomad.reviews.composer.title', 'Share your experience')}\n      </h3>\n\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {/* Rating selector */}\n        <div>\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {t('ggnomad.reviews.composer.rating', 'Your rating')}\n          </label>\n          <div className=\"flex gap-2\">\n            {[1, 2, 3, 4, 5].map((star) => (\n              <button\n                key={star}\n                type=\"button\"\n                onClick={() => setRating(star)}\n                className={cn(\n                  'p-1.5 rounded-lg transition-all',\n                  rating >= star\n                    ? 'bg-status-warning-bg-subtle'\n                    : 'bg-bg-sunken hover:bg-bg-surface'\n                )}\n                aria-label={t(\n                  'ggnomad.reviews.composer.ratingLabel',\n                  `Rate {{stars}} out of 5 stars`\n                ).replace('{{stars}}', String(star))}\n                aria-pressed={rating >= star}\n              >\n                <Star\n                  className={cn(\n                    'size-5 transition-colors',\n                    rating >= star\n                      ? 'fill-status-warning-text text-status-warning-text'\n                      : 'text-border-seam'\n                  )}\n                  aria-hidden=\"true\"\n                />\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Title input */}\n        <div>\n          <label\n            htmlFor=\"review-title\"\n            className=\"block text-sm font-medium text-text-primary mb-2\"\n          >\n            {t('ggnomad.reviews.composer.titleLabel', 'Title (optional)')}\n          </label>\n          <Input\n            id=\"review-title\"\n            placeholder={t(\n              'ggnomad.reviews.composer.titlePlaceholder',\n              'e.g., \"Great location, friendly host\"'\n            )}\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            maxLength={100}\n            disabled={creating}\n            className=\"bg-bg-surface border-border-seam\"\n          />\n          <p className=\"text-xs text-text-secondary mt-1\">{title.length}/100</p>\n        </div>\n\n        {/* Content textarea */}\n        <div>\n          <label\n            htmlFor=\"review-content\"\n            className=\"block text-sm font-medium text-text-primary mb-2\"\n          >\n            {t('ggnomad.reviews.composer.contentLabel', 'Your review (optional)')}\n          </label>\n          <Textarea\n            id=\"review-content\"\n            placeholder={t(\n              'ggnomad.reviews.composer.contentPlaceholder',\n              'Share the details of your experience...'\n            )}\n            value={content}\n            onChange={(e) => setContent(e.target.value)}\n            maxLength={1000}\n            rows={4}\n            disabled={creating}\n            className=\"bg-bg-surface border-border-seam resize-none\"\n          />\n          <p className=\"text-xs text-text-secondary mt-1\">{content.length}/1000</p>\n        </div>\n\n        {/* Submit button */}\n        <Button type=\"submit\" disabled={creating || rating === 0} className=\"w-full\">\n          {creating\n            ? t('ggnomad.reviews.composer.submitting', 'Posting…')\n            : t('ggnomad.reviews.composer.submit', 'Post review')}\n        </Button>\n      </form>\n    </GlassCard>\n  );\n}\n\n/**\n * ReviewsSection component.\n * Displays review summary, list, and composition UI for a bookable item.\n */\nexport function ReviewsSection({ targetType, targetId }: ReviewsSectionProps) {\n  const { t } = useI18n();\n  const [showComposer, setShowComposer] = useState(false);\n\n  // Fetch review summary\n  const { data: summaryData, refetch: refetchSummary } = useQuery(\n    GGNOMAD_REVIEW_SUMMARY_QUERY as TypedDocumentNode<\n      ReviewSummaryData,\n      { targetType: GgnomadBookingType; targetId: string }\n    >,\n    { variables: { targetType, targetId } }\n  );\n\n  // Fetch reviews list\n  const { data: reviewsData, refetch: refetchReviews } = useQuery(\n    GGNOMAD_REVIEWS_QUERY as TypedDocumentNode<\n      ReviewsData,\n      { targetType: GgnomadBookingType; targetId: string; first?: number; skip?: number }\n    >,\n    {\n      variables: { targetType, targetId, first: 10, skip: 0 },\n    }\n  );\n\n  const summary = summaryData?.ggnomadReviewSummary;\n  const reviews = reviewsData?.ggnomadReviews ?? [];\n\n  const handleReviewCreated = () => {\n    setShowComposer(false);\n    void refetchSummary();\n    void refetchReviews();\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Summary Section */}\n      {summary && summary.count > 0 && (\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.reviews.summary', 'Ratings & reviews')}\n          </h2>\n\n          <div className=\"grid gap-6 sm:grid-cols-2\">\n            {/* Average Rating */}\n            <div className=\"flex flex-col items-center justify-center py-4\">\n              <div className=\"text-5xl font-bold text-text-primary tabular-nums\">\n                {summary.average.toFixed(1)}\n              </div>\n              <div className=\"flex gap-0.5 mt-2\">\n                {[...Array(5)].map((_, i) => (\n                  <Star\n                    key={i}\n                    className={cn(\n                      'size-4',\n                      i < Math.round(summary.average)\n                        ? 'fill-status-warning-text text-status-warning-text'\n                        : 'text-border-seam'\n                    )}\n                    aria-hidden=\"true\"\n                  />\n                ))}\n              </div>\n              <p className=\"text-sm text-text-secondary mt-2\">\n                {t('ggnomad.reviews.totalCount', '{{count}} {{plural}}')\n                  .replace('{{count}}', String(summary.count))\n                  .replace(\n                    '{{plural}}',\n                    summary.count === 1\n                      ? t('ggnomad.reviews.review', 'review')\n                      : t('ggnomad.reviews.reviews', 'reviews')\n                  )}\n              </p>\n            </div>\n\n            {/* Distribution Chart */}\n            <div>\n              <StarDistributionChart distribution={summary.distribution} />\n            </div>\n          </div>\n        </GlassCard>\n      )}\n\n      {/* Write Review Composer */}\n      {!showComposer && (\n        <Button onClick={() => setShowComposer(true)} variant=\"secondary\" className=\"w-full\">\n          {t('ggnomad.reviews.writeReview', 'Write a review')}\n        </Button>\n      )}\n\n      {showComposer && (\n        <ReviewComposer\n          targetType={targetType}\n          targetId={targetId}\n          onReviewCreated={handleReviewCreated}\n        />\n      )}\n\n      {/* Reviews List */}\n      {reviews.length > 0 ? (\n        <div>\n          <h3 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.reviews.allReviews', 'All reviews')}\n          </h3>\n          <div className=\"grid gap-3\">\n            {reviews.map((review) => (\n              <ReviewCard key={review.id} review={review} />\n            ))}\n          </div>\n        </div>\n      ) : summary && summary.count === 0 ? (\n        <div className=\"text-center py-8 rounded-lg border border-border-seam bg-bg-surface/40\">\n          <AlertCircle className=\"size-6 text-text-secondary mx-auto mb-2\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-secondary\">\n            {t('ggnomad.reviews.noReviewsYet', 'Be the first to review')}\n          </p>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/components/index.js

@@ -6,3 +6,5 @@ import "./DetailRow.js";
 import "./LoadMoreButton.js";
 import "./DetailHero.js";
 import "./BookingPanel.js";
+import "./ReviewsSection.js";
+import "./ListingEditDialog.js";