@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

package/dist/housingvista/pages/marketplace/ServiceDetailPage.js

@@ -3,314 +3,317 @@ import { StatusBadge as t } from "../../components/StatusBadge.js";
 import { EmptyState as n } from "../../components/EmptyState.js";
 import { Breadcrumbs as r } from "../../components/Breadcrumbs.js";
 import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { useMarketplaceService as a } from "../../hooks/index.js";
-import { ContactOwnerDialog as o } from "../../components/ContactOwnerDialog.js";
-import { ReviewsSection as s } from "../../components/ReviewsSection.js";
+import { useTrackPageView as a } from "../../hooks/useHousingVistaAnalytics.js";
+import { useMarketplaceService as o } from "../../hooks/index.js";
+import { ContactOwnerDialog as s } from "../../components/ContactOwnerDialog.js";
+import { ReviewsSection as c } from "../../components/ReviewsSection.js";
 import "../../components/index.js";
-import { useState as c } from "react";
-import { ArrowLeft as l, CheckCircle as u, Clock as d, MapPin as f, MessageCircle as p, Paintbrush as m, Phone as h, Shield as g, ShieldCheck as _, SprayCanIcon as v, Star as y, Trees as b, Users as x, Wrench as S, Zap as C } from "lucide-react";
-import { useLocation as w, useNavigate as T, useParams as E } from "react-router-dom";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Button as k, EmphasisPanel as A, GlassCard as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
+import { useState as l } from "react";
+import { ArrowLeft as u, CheckCircle as d, Clock as f, MapPin as p, MessageCircle as m, Paintbrush as h, Phone as g, Shield as _, ShieldCheck as v, SprayCanIcon as y, Star as b, Trees as x, Users as S, Wrench as C, Zap as w } from "lucide-react";
+import { useLocation as T, useNavigate as E, useParams as D } from "react-router-dom";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { Button as A, EmphasisPanel as j, GlassCard as M, PagePurpose as N } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/marketplace/ServiceDetailPage.tsx
-function N(e) {
+function P(e) {
 	switch (e) {
-		case "repair": return /* @__PURE__ */ D(S, { className: "h-5 w-5" });
-		case "maintenance": return /* @__PURE__ */ D(C, { className: "h-5 w-5" });
-		case "cleaning": return /* @__PURE__ */ D(v, { className: "h-5 w-5" });
-		case "renovation": return /* @__PURE__ */ D(m, { className: "h-5 w-5" });
-		case "security": return /* @__PURE__ */ D(g, { className: "h-5 w-5" });
-		case "landscaping": return /* @__PURE__ */ D(b, { className: "h-5 w-5" });
-		case "pest_control": return /* @__PURE__ */ D(_, { className: "h-5 w-5" });
-		default: return /* @__PURE__ */ D(S, { className: "h-5 w-5" });
+		case "repair": return /* @__PURE__ */ O(C, { className: "h-5 w-5" });
+		case "maintenance": return /* @__PURE__ */ O(w, { className: "h-5 w-5" });
+		case "cleaning": return /* @__PURE__ */ O(y, { className: "h-5 w-5" });
+		case "renovation": return /* @__PURE__ */ O(h, { className: "h-5 w-5" });
+		case "security": return /* @__PURE__ */ O(_, { className: "h-5 w-5" });
+		case "landscaping": return /* @__PURE__ */ O(x, { className: "h-5 w-5" });
+		case "pest_control": return /* @__PURE__ */ O(v, { className: "h-5 w-5" });
+		default: return /* @__PURE__ */ O(C, { className: "h-5 w-5" });
 	}
 }
-function P({ rating: t }) {
-	return /* @__PURE__ */ D("div", {
+function F({ rating: t }) {
+	return /* @__PURE__ */ O("div", {
 		className: "flex items-center gap-0.5 text-status-warning-text",
-		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ D(y, { className: e("h-4 w-4", r < Math.floor(t) ? "fill-current" : r < t ? "fill-current opacity-50" : "fill-none text-text-secondary/30") }, r))
+		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ O(b, { className: e("h-4 w-4", r < Math.floor(t) ? "fill-current" : r < t ? "fill-current opacity-50" : "fill-none text-text-secondary/30") }, r))
 	});
 }
-function F() {
-	let { id: e } = E(), m = T(), g = w(), [_, v] = c(!1), { data: b, loading: S } = a(e);
-	if (S) return /* @__PURE__ */ D("div", {
+function I() {
+	let { id: e } = D();
+	a("housingvista.marketplace.viewed", e);
+	let h = E(), _ = T(), [v, y] = l(!1), { data: x, loading: C } = o(e);
+	if (C) return /* @__PURE__ */ O("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ D(i, { variant: "detail" })
+		children: /* @__PURE__ */ O(i, { variant: "detail" })
 	});
-	if (!b) return /* @__PURE__ */ D("div", {
+	if (!x) return /* @__PURE__ */ O("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ D(n, {
+		children: /* @__PURE__ */ O(n, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ D(x, { className: "h-12 w-12" }),
+			icon: /* @__PURE__ */ O(S, { className: "h-12 w-12" }),
 			title: "Service Not Found",
 			description: "The service provider you're looking for doesn't exist or is no longer listed.",
-			action: /* @__PURE__ */ O("button", {
-				onClick: () => m("../marketplace"),
+			action: /* @__PURE__ */ k("button", {
+				onClick: () => h("../marketplace"),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover",
-				children: [/* @__PURE__ */ D(l, { className: "h-4 w-4" }), "Back to Marketplace"]
+				children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Back to Marketplace"]
 			})
 		})
 	});
-	let C = b.availableAreas ?? [];
-	return /* @__PURE__ */ O("div", {
+	let w = x.availableAreas ?? [];
+	return /* @__PURE__ */ k("div", {
 		className: "flex flex-col gap-6 p-6",
 		children: [
-			/* @__PURE__ */ D(r, { items: [{
+			/* @__PURE__ */ O(r, { items: [{
 				label: "Marketplace",
 				href: "../"
-			}, { label: b.name }] }),
-			/* @__PURE__ */ O("div", {
+			}, { label: x.name }] }),
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "flex items-start gap-4",
-					children: [/* @__PURE__ */ D("div", {
+					children: [/* @__PURE__ */ O("div", {
 						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
-						children: N(b.category)
-					}), /* @__PURE__ */ O("div", { children: [
-						/* @__PURE__ */ O("button", {
-							onClick: () => m("../marketplace"),
+						children: P(x.category)
+					}), /* @__PURE__ */ k("div", { children: [
+						/* @__PURE__ */ k("button", {
+							onClick: () => h("../marketplace"),
 							className: "mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-							children: [/* @__PURE__ */ D(l, { className: "h-4 w-4" }), "Back to Marketplace"]
+							children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Back to Marketplace"]
 						}),
-						/* @__PURE__ */ D("h1", {
+						/* @__PURE__ */ O("h1", {
 							className: "text-2xl font-semibold text-text-primary",
-							children: b.name
+							children: x.name
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ k("div", {
 							className: "mt-2 flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ D(t, {
-									label: b.category.replace(/_/g, " "),
+								/* @__PURE__ */ O(t, {
+									label: x.category.replace(/_/g, " "),
 									variant: "muted"
 								}),
-								b.verified && /* @__PURE__ */ D(t, {
+								x.verified && /* @__PURE__ */ O(t, {
 									label: "Verified",
 									variant: "success",
 									dot: !0
 								}),
-								b.featured && /* @__PURE__ */ D(t, {
+								x.featured && /* @__PURE__ */ O(t, {
 									label: "Featured",
 									variant: "warning"
 								}),
-								/* @__PURE__ */ D("span", {
+								/* @__PURE__ */ O("span", {
 									className: "text-sm text-text-secondary",
-									children: b.providerName
+									children: x.providerName
 								})
 							]
 						})
 					] })]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "flex items-center gap-2",
-					children: /* @__PURE__ */ O(k, {
+					children: /* @__PURE__ */ k(A, {
 						type: "button",
 						variant: "default",
-						onClick: () => v(!0),
-						children: [/* @__PURE__ */ D(p, { className: "mr-1.5 h-4 w-4" }), "Contact"]
+						onClick: () => y(!0),
+						children: [/* @__PURE__ */ O(m, { className: "mr-1.5 h-4 w-4" }), "Contact"]
 					})
 				})]
 			}),
-			/* @__PURE__ */ D(M, {
+			/* @__PURE__ */ O(N, {
 				className: "max-w-3xl",
 				children: "Everything you need to decide whether to hire this provider — their rating and reviews, how fast they respond, the areas they cover, and whether they're verified. When you're ready, contact them through Messages."
 			}),
-			/* @__PURE__ */ D(A, {
+			/* @__PURE__ */ O(j, {
 				className: "p-4",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ k("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ k("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ D(y, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ O(b, { className: "h-4 w-4" }), /* @__PURE__ */ O("span", {
 									className: "text-xs font-medium",
 									children: "Rating"
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ k("div", {
 								className: "mt-2 flex items-center gap-2",
-								children: [/* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ O("span", {
 									className: "text-xl font-bold text-text-primary",
-									children: b.rating ?? "—"
-								}), b.rating != null && /* @__PURE__ */ D(P, { rating: b.rating })]
+									children: x.rating ?? "—"
+								}), x.rating != null && /* @__PURE__ */ O(F, { rating: x.rating })]
 							})]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ k("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ D(x, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ O(S, { className: "h-4 w-4" }), /* @__PURE__ */ O("span", {
 									className: "text-xs font-medium",
 									children: "Reviews"
 								})]
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O("div", {
 								className: "mt-2 text-xl font-bold text-text-primary",
-								children: b.reviewCount
+								children: x.reviewCount
 							})]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ k("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ D(d, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ O(f, { className: "h-4 w-4" }), /* @__PURE__ */ O("span", {
 									className: "text-xs font-medium",
 									children: "Response Time"
 								})]
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ O("div", {
 								className: "mt-2 text-sm font-bold text-text-primary",
-								children: b.responseTime ?? "—"
+								children: x.responseTime ?? "—"
 							})]
 						}),
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ k("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ O("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ D(f, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", {
+								children: [/* @__PURE__ */ O(p, { className: "h-4 w-4" }), /* @__PURE__ */ O("span", {
 									className: "text-xs font-medium",
 									children: "Coverage"
 								})]
-							}), /* @__PURE__ */ O("div", {
+							}), /* @__PURE__ */ k("div", {
 								className: "mt-2 text-sm font-bold text-text-primary",
 								children: [
-									C.length,
+									w.length,
 									" area",
-									C.length === 1 ? "" : "s"
+									w.length === 1 ? "" : "s"
 								]
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "space-y-6 lg:col-span-2",
 					children: [
-						b.imageUrl && /* @__PURE__ */ D("div", {
+						x.imageUrl && /* @__PURE__ */ O("div", {
 							className: "overflow-hidden rounded-xl border border-border-subtle",
-							children: /* @__PURE__ */ D("img", {
-								src: b.imageUrl,
-								alt: b.name,
+							children: /* @__PURE__ */ O("img", {
+								src: x.imageUrl,
+								alt: x.name,
 								className: "h-64 w-full object-cover"
 							})
 						}),
-						b.description && /* @__PURE__ */ O(j, {
+						x.description && /* @__PURE__ */ k(M, {
 							treatment: "plain",
 							className: "border-border-seam p-6",
-							children: [/* @__PURE__ */ D("h2", {
+							children: [/* @__PURE__ */ O("h2", {
 								className: "mb-3 text-base font-semibold text-text-primary",
 								children: "About this provider"
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ O("p", {
 								className: "text-sm leading-relaxed text-text-secondary",
-								children: b.description
+								children: x.description
 							})]
 						}),
-						/* @__PURE__ */ O(j, {
+						/* @__PURE__ */ k(M, {
 							treatment: "plain",
 							className: "border-border-seam p-6",
-							children: [/* @__PURE__ */ O("h2", {
+							children: [/* @__PURE__ */ k("h2", {
 								className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-								children: [/* @__PURE__ */ D(f, { className: "h-5 w-5" }), "Service Areas"]
-							}), C.length > 0 ? /* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ O(p, { className: "h-5 w-5" }), "Service Areas"]
+							}), w.length > 0 ? /* @__PURE__ */ O("div", {
 								className: "flex flex-wrap gap-2",
-								children: C.map((e, t) => /* @__PURE__ */ D("span", {
+								children: w.map((e, t) => /* @__PURE__ */ O("span", {
 									className: "rounded-full bg-bg-sunken px-3 py-1 text-xs text-text-primary",
 									children: e
 								}, t))
-							}) : /* @__PURE__ */ D("p", {
+							}) : /* @__PURE__ */ O("p", {
 								className: "text-sm text-text-secondary",
 								children: "Service areas not specified — ask the provider directly."
 							})]
 						})
 					]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ O("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ O(j, {
+					children: /* @__PURE__ */ k(M, {
 						treatment: "plain",
 						className: "border-border-seam p-5",
 						children: [
-							/* @__PURE__ */ D("h3", {
+							/* @__PURE__ */ O("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Provider"
 							}),
-							/* @__PURE__ */ O("dl", {
+							/* @__PURE__ */ k("dl", {
 								className: "space-y-3 text-sm",
 								children: [
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("dt", {
+										children: [/* @__PURE__ */ O("dt", {
 											className: "text-text-secondary",
 											children: "Name"
-										}), /* @__PURE__ */ D("dd", {
+										}), /* @__PURE__ */ O("dd", {
 											className: "font-medium text-text-primary",
-											children: b.providerName
+											children: x.providerName
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("dt", {
+										children: [/* @__PURE__ */ O("dt", {
 											className: "text-text-secondary",
 											children: "Category"
-										}), /* @__PURE__ */ D("dd", {
+										}), /* @__PURE__ */ O("dd", {
 											className: "font-medium capitalize text-text-primary",
-											children: b.category.replace(/_/g, " ")
+											children: x.category.replace(/_/g, " ")
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("dt", {
+										children: [/* @__PURE__ */ O("dt", {
 											className: "text-text-secondary",
 											children: "Price Range"
-										}), /* @__PURE__ */ D("dd", {
+										}), /* @__PURE__ */ O("dd", {
 											className: "font-medium text-text-primary",
-											children: b.priceRange ?? "—"
+											children: x.priceRange ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ O("div", {
+									/* @__PURE__ */ k("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ D("dt", {
+										children: [/* @__PURE__ */ O("dt", {
 											className: "text-text-secondary",
 											children: "Verified"
-										}), /* @__PURE__ */ D("dd", { children: b.verified ? /* @__PURE__ */ O("span", {
+										}), /* @__PURE__ */ O("dd", { children: x.verified ? /* @__PURE__ */ k("span", {
 											className: "inline-flex items-center gap-1 text-status-success-text",
-											children: [/* @__PURE__ */ D(u, { className: "h-4 w-4" }), "Yes"]
-										}) : /* @__PURE__ */ D("span", {
+											children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), "Yes"]
+										}) : /* @__PURE__ */ O("span", {
 											className: "text-text-secondary",
 											children: "Not verified"
 										}) })]
 									})
 								]
 							}),
-							/* @__PURE__ */ O(k, {
+							/* @__PURE__ */ k(A, {
 								type: "button",
 								variant: "default",
 								className: "mt-4 w-full justify-center",
-								onClick: () => v(!0),
-								children: [/* @__PURE__ */ D(h, { className: "mr-1.5 h-4 w-4" }), "Contact provider"]
+								onClick: () => y(!0),
+								children: [/* @__PURE__ */ O(g, { className: "mr-1.5 h-4 w-4" }), "Contact provider"]
 							})
 						]
 					})
 				})]
 			}),
-			/* @__PURE__ */ D(s, {
-				entityId: b.id,
+			/* @__PURE__ */ O(c, {
+				entityId: x.id,
 				entityType: "housingvista-marketplace-service",
-				aggregateRating: b.rating,
-				reviewCount: b.reviewCount
+				aggregateRating: x.rating,
+				reviewCount: x.reviewCount
 			}),
-			/* @__PURE__ */ D(o, {
-				open: _,
-				onOpenChange: v,
-				entityId: b.id,
+			/* @__PURE__ */ O(s, {
+				open: v,
+				onOpenChange: y,
+				entityId: x.id,
 				entityType: "housingvista-marketplace-service",
-				title: b.name,
-				pagePath: g.pathname,
-				heading: `Contact ${b.providerName}`,
-				description: `Start a conversation about ${b.name}. Messages are saved and delivered in your inbox.`
+				title: x.name,
+				pagePath: _.pathname,
+				heading: `Contact ${x.providerName}`,
+				description: `Start a conversation about ${x.name}. Messages are saved and delivered in your inbox.`
 			})
 		]
 	});
 }
 //#endregion
-export { F as ServiceDetailPage };
+export { I as ServiceDetailPage };
 
 //# sourceMappingURL=ServiceDetailPage.js.map

package/dist/housingvista/pages/marketplace/ServiceDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/marketplace/ServiceDetailPage.tsx"],"sourcesContent":["/**\n * HousingVista Marketplace Service Detail Page\n * Single service provider backed by `housingvistaMarketplaceService(id)` —\n * rating, review count, response time, service areas, verified status.\n *\n * \"Contact\" opens the real `ContactOwnerDialog` — a persisted conversation with\n * the provider. Reviews are real, backed by EntityComments; the denormalized\n * rating/reviewCount stays for at-a-glance display.\n * @module housingvista\n */\n\nimport { useState } from 'react';\nimport { useNavigate, useParams, useLocation } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Star,\n  MapPin,\n  Clock,\n  CheckCircle,\n  MessageCircle,\n  Phone,\n  Wrench,\n  Zap,\n  SprayCanIcon,\n  Paintbrush,\n  Shield,\n  ShieldCheck,\n  Trees,\n  Users,\n} from 'lucide-react';\nimport { Button, EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport {\n  Breadcrumbs,\n  StatusBadge,\n  EmptyState,\n  LoadingSkeleton,\n  ContactOwnerDialog,\n  ReviewsSection,\n} from '../../components';\nimport type { BreadcrumbItem } from '../../components';\nimport { useMarketplaceService } from '../../hooks';\nimport { cn } from '../../utils/helpers';\n\nfunction getCategoryIcon(category: string) {\n  switch (category) {\n    case 'repair':\n      return <Wrench className=\"h-5 w-5\" />;\n    case 'maintenance':\n      return <Zap className=\"h-5 w-5\" />;\n    case 'cleaning':\n      return <SprayCanIcon className=\"h-5 w-5\" />;\n    case 'renovation':\n      return <Paintbrush className=\"h-5 w-5\" />;\n    case 'security':\n      return <Shield className=\"h-5 w-5\" />;\n    case 'landscaping':\n      return <Trees className=\"h-5 w-5\" />;\n    case 'pest_control':\n      return <ShieldCheck className=\"h-5 w-5\" />;\n    default:\n      return <Wrench className=\"h-5 w-5\" />;\n  }\n}\n\nfunction RatingStars({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-0.5 text-status-warning-text\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <Star\n          key={i}\n          className={cn(\n            'h-4 w-4',\n            i < Math.floor(rating)\n              ? 'fill-current'\n              : i < rating\n                ? 'fill-current opacity-50'\n                : 'fill-none text-text-secondary/30'\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ServiceDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const [contactOpen, setContactOpen] = useState(false);\n  const { data: service, loading } = useMarketplaceService(id);\n\n  if (loading) {\n    return (\n      <div className=\"p-6\">\n        <LoadingSkeleton variant=\"detail\" />\n      </div>\n    );\n  }\n\n  if (!service) {\n    return (\n      <div className=\"p-6\">\n        <EmptyState\n          illustration=\"empty-search\"\n          icon={<Users className=\"h-12 w-12\" />}\n          title=\"Service Not Found\"\n          description=\"The service provider you're looking for doesn't exist or is no longer listed.\"\n          action={\n            <button\n              onClick={() => navigate('../marketplace')}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Marketplace\n            </button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const areas = service.availableAreas ?? [];\n  const breadcrumbs: BreadcrumbItem[] = [{ label: 'Marketplace', href: '../' }, { label: service.name }];\n\n  return (\n    <div className=\"flex flex-col gap-6 p-6\">\n      <Breadcrumbs items={breadcrumbs} />\n\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div className=\"flex items-start gap-4\">\n          <div className=\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n            {getCategoryIcon(service.category)}\n          </div>\n          <div>\n            <button\n              onClick={() => navigate('../marketplace')}\n              className=\"mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Marketplace\n            </button>\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{service.name}</h1>\n            <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n              <StatusBadge label={service.category.replace(/_/g, ' ')} variant=\"muted\" />\n              {service.verified && <StatusBadge label=\"Verified\" variant=\"success\" dot />}\n              {service.featured && <StatusBadge label=\"Featured\" variant=\"warning\" />}\n              <span className=\"text-sm text-text-secondary\">{service.providerName}</span>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button type=\"button\" variant=\"default\" onClick={() => setContactOpen(true)}>\n            <MessageCircle className=\"mr-1.5 h-4 w-4\" />\n            Contact\n          </Button>\n        </div>\n      </div>\n\n      <PagePurpose className=\"max-w-3xl\">\n        Everything you need to decide whether to hire this provider — their rating and reviews, how fast they respond,\n        the areas they cover, and whether they're verified. When you're ready, contact them through Messages.\n      </PagePurpose>\n\n      {/* Key facts — primary insight zone (one EmphasisPanel per page) */}\n      <EmphasisPanel className=\"p-4\">\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <Star className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Rating</span>\n            </div>\n            <div className=\"mt-2 flex items-center gap-2\">\n              <span className=\"text-xl font-bold text-text-primary\">{service.rating ?? '—'}</span>\n              {service.rating != null && <RatingStars rating={service.rating} />}\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <Users className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Reviews</span>\n            </div>\n            <div className=\"mt-2 text-xl font-bold text-text-primary\">{service.reviewCount}</div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <Clock className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Response Time</span>\n            </div>\n            <div className=\"mt-2 text-sm font-bold text-text-primary\">{service.responseTime ?? '—'}</div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <MapPin className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Coverage</span>\n            </div>\n            <div className=\"mt-2 text-sm font-bold text-text-primary\">\n              {areas.length} area{areas.length !== 1 ? 's' : ''}\n            </div>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Overview */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          {service.imageUrl && (\n            <div className=\"overflow-hidden rounded-xl border border-border-subtle\">\n              <img src={service.imageUrl} alt={service.name} className=\"h-64 w-full object-cover\" />\n            </div>\n          )}\n\n          {service.description && (\n            <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">About this provider</h2>\n              <p className=\"text-sm leading-relaxed text-text-secondary\">{service.description}</p>\n            </GlassCard>\n          )}\n\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n            <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-text-primary\">\n              <MapPin className=\"h-5 w-5\" />\n              Service Areas\n            </h2>\n            {areas.length > 0 ? (\n              <div className=\"flex flex-wrap gap-2\">\n                {areas.map((area, i) => (\n                  <span key={i} className=\"rounded-full bg-bg-sunken px-3 py-1 text-xs text-text-primary\">\n                    {area}\n                  </span>\n                ))}\n              </div>\n            ) : (\n              <p className=\"text-sm text-text-secondary\">Service areas not specified — ask the provider directly.</p>\n            )}\n          </GlassCard>\n        </div>\n\n        {/* Provider card */}\n        <div className=\"space-y-6\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n            <h3 className=\"mb-4 text-base font-semibold text-text-primary\">Provider</h3>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Name</dt>\n                <dd className=\"font-medium text-text-primary\">{service.providerName}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Category</dt>\n                <dd className=\"font-medium capitalize text-text-primary\">{service.category.replace(/_/g, ' ')}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Price Range</dt>\n                <dd className=\"font-medium text-text-primary\">{service.priceRange ?? '—'}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Verified</dt>\n                <dd>\n                  {service.verified ? (\n                    <span className=\"inline-flex items-center gap-1 text-status-success-text\">\n                      <CheckCircle className=\"h-4 w-4\" />\n                      Yes\n                    </span>\n                  ) : (\n                    <span className=\"text-text-secondary\">Not verified</span>\n                  )}\n                </dd>\n              </div>\n            </dl>\n            <Button\n              type=\"button\"\n              variant=\"default\"\n              className=\"mt-4 w-full justify-center\"\n              onClick={() => setContactOpen(true)}\n            >\n              <Phone className=\"mr-1.5 h-4 w-4\" />\n              Contact provider\n            </Button>\n          </GlassCard>\n        </div>\n      </div>\n\n      {/* Reviews — real, backed by EntityComments */}\n      <ReviewsSection\n        entityId={service.id}\n        entityType=\"housingvista-marketplace-service\"\n        aggregateRating={service.rating}\n        reviewCount={service.reviewCount}\n      />\n\n      <ContactOwnerDialog\n        open={contactOpen}\n        onOpenChange={setContactOpen}\n        entityId={service.id}\n        entityType=\"housingvista-marketplace-service\"\n        title={service.name}\n        pagePath={location.pathname}\n        heading={`Contact ${service.providerName}`}\n        description={`Start a conversation about ${service.name}. Messages are saved and delivered in your inbox.`}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ServiceDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/marketplace/ServiceDetailPage.tsx"],"sourcesContent":["/**\n * HousingVista Marketplace Service Detail Page\n * Single service provider backed by `housingvistaMarketplaceService(id)` —\n * rating, review count, response time, service areas, verified status.\n *\n * \"Contact\" opens the real `ContactOwnerDialog` — a persisted conversation with\n * the provider. Reviews are real, backed by EntityComments; the denormalized\n * rating/reviewCount stays for at-a-glance display.\n * @module housingvista\n */\n\nimport { useState } from 'react';\nimport { useNavigate, useParams, useLocation } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Star,\n  MapPin,\n  Clock,\n  CheckCircle,\n  MessageCircle,\n  Phone,\n  Wrench,\n  Zap,\n  SprayCanIcon,\n  Paintbrush,\n  Shield,\n  ShieldCheck,\n  Trees,\n  Users,\n} from 'lucide-react';\nimport { Button, EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport {\n  Breadcrumbs,\n  StatusBadge,\n  EmptyState,\n  LoadingSkeleton,\n  ContactOwnerDialog,\n  ReviewsSection,\n} from '../../components';\nimport type { BreadcrumbItem } from '../../components';\nimport { useMarketplaceService } from '../../hooks';\nimport { cn } from '../../utils/helpers';\nimport { useTrackPageView } from '../../hooks/useHousingVistaAnalytics';\n\nfunction getCategoryIcon(category: string) {\n  switch (category) {\n    case 'repair':\n      return <Wrench className=\"h-5 w-5\" />;\n    case 'maintenance':\n      return <Zap className=\"h-5 w-5\" />;\n    case 'cleaning':\n      return <SprayCanIcon className=\"h-5 w-5\" />;\n    case 'renovation':\n      return <Paintbrush className=\"h-5 w-5\" />;\n    case 'security':\n      return <Shield className=\"h-5 w-5\" />;\n    case 'landscaping':\n      return <Trees className=\"h-5 w-5\" />;\n    case 'pest_control':\n      return <ShieldCheck className=\"h-5 w-5\" />;\n    default:\n      return <Wrench className=\"h-5 w-5\" />;\n  }\n}\n\nfunction RatingStars({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-0.5 text-status-warning-text\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <Star\n          key={i}\n          className={cn(\n            'h-4 w-4',\n            i < Math.floor(rating)\n              ? 'fill-current'\n              : i < rating\n                ? 'fill-current opacity-50'\n                : 'fill-none text-text-secondary/30'\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function ServiceDetailPage() {\n  const { id } = useParams<{ id: string }>();\n\n  useTrackPageView('housingvista.marketplace.viewed', id);\n  const navigate = useNavigate();\n  const location = useLocation();\n  const [contactOpen, setContactOpen] = useState(false);\n  const { data: service, loading } = useMarketplaceService(id);\n\n  if (loading) {\n    return (\n      <div className=\"p-6\">\n        <LoadingSkeleton variant=\"detail\" />\n      </div>\n    );\n  }\n\n  if (!service) {\n    return (\n      <div className=\"p-6\">\n        <EmptyState\n          illustration=\"empty-search\"\n          icon={<Users className=\"h-12 w-12\" />}\n          title=\"Service Not Found\"\n          description=\"The service provider you're looking for doesn't exist or is no longer listed.\"\n          action={\n            <button\n              onClick={() => navigate('../marketplace')}\n              className=\"inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Marketplace\n            </button>\n          }\n        />\n      </div>\n    );\n  }\n\n  const areas = service.availableAreas ?? [];\n  const breadcrumbs: BreadcrumbItem[] = [{ label: 'Marketplace', href: '../' }, { label: service.name }];\n\n  return (\n    <div className=\"flex flex-col gap-6 p-6\">\n      <Breadcrumbs items={breadcrumbs} />\n\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div className=\"flex items-start gap-4\">\n          <div className=\"flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n            {getCategoryIcon(service.category)}\n          </div>\n          <div>\n            <button\n              onClick={() => navigate('../marketplace')}\n              className=\"mb-2 inline-flex items-center gap-2 rounded-md px-2 py-1 text-sm text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <ArrowLeft className=\"h-4 w-4\" />\n              Back to Marketplace\n            </button>\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{service.name}</h1>\n            <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n              <StatusBadge label={service.category.replace(/_/g, ' ')} variant=\"muted\" />\n              {service.verified && <StatusBadge label=\"Verified\" variant=\"success\" dot />}\n              {service.featured && <StatusBadge label=\"Featured\" variant=\"warning\" />}\n              <span className=\"text-sm text-text-secondary\">{service.providerName}</span>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Button type=\"button\" variant=\"default\" onClick={() => setContactOpen(true)}>\n            <MessageCircle className=\"mr-1.5 h-4 w-4\" />\n            Contact\n          </Button>\n        </div>\n      </div>\n\n      <PagePurpose className=\"max-w-3xl\">\n        Everything you need to decide whether to hire this provider — their rating and reviews, how fast they respond,\n        the areas they cover, and whether they're verified. When you're ready, contact them through Messages.\n      </PagePurpose>\n\n      {/* Key facts — primary insight zone (one EmphasisPanel per page) */}\n      <EmphasisPanel className=\"p-4\">\n        <div className=\"grid grid-cols-2 gap-4 lg:grid-cols-4\">\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <Star className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Rating</span>\n            </div>\n            <div className=\"mt-2 flex items-center gap-2\">\n              <span className=\"text-xl font-bold text-text-primary\">{service.rating ?? '—'}</span>\n              {service.rating != null && <RatingStars rating={service.rating} />}\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <Users className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Reviews</span>\n            </div>\n            <div className=\"mt-2 text-xl font-bold text-text-primary\">{service.reviewCount}</div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <Clock className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Response Time</span>\n            </div>\n            <div className=\"mt-2 text-sm font-bold text-text-primary\">{service.responseTime ?? '—'}</div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-2 text-text-secondary\">\n              <MapPin className=\"h-4 w-4\" />\n              <span className=\"text-xs font-medium\">Coverage</span>\n            </div>\n            <div className=\"mt-2 text-sm font-bold text-text-primary\">\n              {areas.length} area{areas.length !== 1 ? 's' : ''}\n            </div>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Overview */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          {service.imageUrl && (\n            <div className=\"overflow-hidden rounded-xl border border-border-subtle\">\n              <img src={service.imageUrl} alt={service.name} className=\"h-64 w-full object-cover\" />\n            </div>\n          )}\n\n          {service.description && (\n            <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n              <h2 className=\"mb-3 text-base font-semibold text-text-primary\">About this provider</h2>\n              <p className=\"text-sm leading-relaxed text-text-secondary\">{service.description}</p>\n            </GlassCard>\n          )}\n\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n            <h2 className=\"mb-4 flex items-center gap-2 text-base font-semibold text-text-primary\">\n              <MapPin className=\"h-5 w-5\" />\n              Service Areas\n            </h2>\n            {areas.length > 0 ? (\n              <div className=\"flex flex-wrap gap-2\">\n                {areas.map((area, i) => (\n                  <span key={i} className=\"rounded-full bg-bg-sunken px-3 py-1 text-xs text-text-primary\">\n                    {area}\n                  </span>\n                ))}\n              </div>\n            ) : (\n              <p className=\"text-sm text-text-secondary\">Service areas not specified — ask the provider directly.</p>\n            )}\n          </GlassCard>\n        </div>\n\n        {/* Provider card */}\n        <div className=\"space-y-6\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n            <h3 className=\"mb-4 text-base font-semibold text-text-primary\">Provider</h3>\n            <dl className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Name</dt>\n                <dd className=\"font-medium text-text-primary\">{service.providerName}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Category</dt>\n                <dd className=\"font-medium capitalize text-text-primary\">{service.category.replace(/_/g, ' ')}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Price Range</dt>\n                <dd className=\"font-medium text-text-primary\">{service.priceRange ?? '—'}</dd>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <dt className=\"text-text-secondary\">Verified</dt>\n                <dd>\n                  {service.verified ? (\n                    <span className=\"inline-flex items-center gap-1 text-status-success-text\">\n                      <CheckCircle className=\"h-4 w-4\" />\n                      Yes\n                    </span>\n                  ) : (\n                    <span className=\"text-text-secondary\">Not verified</span>\n                  )}\n                </dd>\n              </div>\n            </dl>\n            <Button\n              type=\"button\"\n              variant=\"default\"\n              className=\"mt-4 w-full justify-center\"\n              onClick={() => setContactOpen(true)}\n            >\n              <Phone className=\"mr-1.5 h-4 w-4\" />\n              Contact provider\n            </Button>\n          </GlassCard>\n        </div>\n      </div>\n\n      {/* Reviews — real, backed by EntityComments */}\n      <ReviewsSection\n        entityId={service.id}\n        entityType=\"housingvista-marketplace-service\"\n        aggregateRating={service.rating}\n        reviewCount={service.reviewCount}\n      />\n\n      <ContactOwnerDialog\n        open={contactOpen}\n        onOpenChange={setContactOpen}\n        entityId={service.id}\n        entityType=\"housingvista-marketplace-service\"\n        title={service.name}\n        pagePath={location.pathname}\n        heading={`Contact ${service.providerName}`}\n        description={`Start a conversation about ${service.name}. Messages are saved and delivered in your inbox.`}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/offers/OffersPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OffersPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/offers/OffersPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAoIH,wBAAgB,UAAU,gCAuSzB"}
+{"version":3,"file":"OffersPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/offers/OffersPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAqIH,wBAAgB,UAAU,gCAwSzB"}