npm - @burdenoff/microfe-housingvista - Versions diffs - 2026.709.2 → 2026.709.3 - Mend

@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/dist/housingvista/pages/legal/LegalServiceDetailPage.js CHANGED Viewed

@@ -3,27 +3,28 @@ import { StatusBadge as n } from "../../components/StatusBadge.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { Breadcrumbs as i } from "../../components/Breadcrumbs.js";
 import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
-import { useLegalService as o } from "../../hooks/index.js";
-import { ContactOwnerDialog as s } from "../../components/ContactOwnerDialog.js";
-import { ReviewsSection as c } from "../../components/ReviewsSection.js";
+import { useTrackPageView as o } from "../../hooks/useHousingVistaAnalytics.js";
+import { useLegalService as s } from "../../hooks/index.js";
+import { ContactOwnerDialog as c } from "../../components/ContactOwnerDialog.js";
+import { ReviewsSection as l } from "../../components/ReviewsSection.js";
 import "../../components/index.js";
-import { useState as l } from "react";
-import { ArrowLeft as u, BookOpen as d, ClipboardCheck as f, Clock as p, FileText as m, Gavel as h, IndianRupee as g, MessageCircle as _, Scale as v, Search as y, ShieldCheck as b, Star as x } from "lucide-react";
-import { useLocation as S, useNavigate as C, useParams as w } from "react-router-dom";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Button as D, EmphasisPanel as O, GlassCard as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { useState as u } from "react";
+import { ArrowLeft as d, BookOpen as f, ClipboardCheck as p, Clock as m, FileText as h, Gavel as g, IndianRupee as _, MessageCircle as v, Scale as y, Search as b, ShieldCheck as x, Star as S } from "lucide-react";
+import { useLocation as C, useNavigate as w, useParams as T } from "react-router-dom";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, EmphasisPanel as k, GlassCard as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/legal/LegalServiceDetailPage.tsx
-function j(e) {
+function M(e) {
 	switch (e) {
-		case "title_search": return /* @__PURE__ */ T(y, { className: "h-5 w-5" });
-		case "lease_review": return /* @__PURE__ */ T(m, { className: "h-5 w-5" });
-		case "dispute_resolution": return /* @__PURE__ */ T(h, { className: "h-5 w-5" });
-		case "registration": return /* @__PURE__ */ T(f, { className: "h-5 w-5" });
-		case "compliance": return /* @__PURE__ */ T(d, { className: "h-5 w-5" });
-		default: return /* @__PURE__ */ T(v, { className: "h-5 w-5" });
+		case "title_search": return /* @__PURE__ */ E(b, { className: "h-5 w-5" });
+		case "lease_review": return /* @__PURE__ */ E(h, { className: "h-5 w-5" });
+		case "dispute_resolution": return /* @__PURE__ */ E(g, { className: "h-5 w-5" });
+		case "registration": return /* @__PURE__ */ E(p, { className: "h-5 w-5" });
+		case "compliance": return /* @__PURE__ */ E(f, { className: "h-5 w-5" });
+		default: return /* @__PURE__ */ E(y, { className: "h-5 w-5" });
 	}
 }
-function M(e) {
+function N(e) {
 	switch (e) {
 		case "available": return "success";
 		case "busy": return "warning";
@@ -31,270 +32,272 @@ function M(e) {
 		default: return "muted";
 	}
 }
-function N({ rating: t }) {
-	return /* @__PURE__ */ T("div", {
+function P({ rating: t }) {
+	return /* @__PURE__ */ E("div", {
 		className: "flex items-center gap-0.5 text-status-warning-text",
-		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ T(x, { className: e("h-4 w-4", r < Math.floor(t) ? "fill-current" : "fill-none text-text-secondary/30") }, r))
+		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ E(S, { className: e("h-4 w-4", r < Math.floor(t) ? "fill-current" : "fill-none text-text-secondary/30") }, r))
 	});
 }
-function P() {
-	let { id: e } = w(), d = C(), h = S(), [y, P] = l(!1), { data: F, loading: I } = o(e);
-	if (I) return /* @__PURE__ */ T("div", {
+function F() {
+	let { id: e } = T();
+	o("housingvista.legal.viewed", e);
+	let f = w(), g = C(), [b, F] = u(!1), { data: I, loading: L } = s(e);
+	if (L) return /* @__PURE__ */ E("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ T(a, { variant: "detail" })
+		children: /* @__PURE__ */ E(a, { variant: "detail" })
 	});
-	if (!F) return /* @__PURE__ */ T("div", {
+	if (!I) return /* @__PURE__ */ E("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ T(r, {
+		children: /* @__PURE__ */ E(r, {
 			illustration: "empty-search",
-			icon: /* @__PURE__ */ T(v, { className: "h-12 w-12" }),
+			icon: /* @__PURE__ */ E(y, { className: "h-12 w-12" }),
 			title: "Legal Service Not Found",
 			description: "The legal service you're looking for doesn't exist or is no longer offered.",
-			action: /* @__PURE__ */ E("button", {
-				onClick: () => d("../legal"),
+			action: /* @__PURE__ */ D("button", {
+				onClick: () => f("../legal"),
 				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__ */ T(u, { className: "h-4 w-4" }), "Back to Legal Services"]
+				children: [/* @__PURE__ */ E(d, { className: "h-4 w-4" }), "Back to Legal Services"]
 			})
 		})
 	});
-	let L = F.status === "unavailable", R = F.documentsRequired ?? [];
-	return /* @__PURE__ */ E("div", {
+	let R = I.status === "unavailable", z = I.documentsRequired ?? [];
+	return /* @__PURE__ */ D("div", {
 		className: "flex flex-col gap-6 p-6",
 		children: [
-			/* @__PURE__ */ T(i, { items: [{
+			/* @__PURE__ */ E(i, { items: [{
 				label: "Legal",
 				href: "../"
-			}, { label: F.title }] }),
-			/* @__PURE__ */ E("div", {
+			}, { label: I.title }] }),
+			/* @__PURE__ */ D("div", {
 				className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "flex items-start gap-4",
-					children: [/* @__PURE__ */ T("div", {
+					children: [/* @__PURE__ */ E("div", {
 						className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
-						children: j(F.category)
-					}), /* @__PURE__ */ E("div", { children: [
-						/* @__PURE__ */ E("button", {
-							onClick: () => d("../legal"),
+						children: M(I.category)
+					}), /* @__PURE__ */ D("div", { children: [
+						/* @__PURE__ */ D("button", {
+							onClick: () => f("../legal"),
 							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__ */ T(u, { className: "h-4 w-4" }), "Back to Legal Services"]
+							children: [/* @__PURE__ */ E(d, { className: "h-4 w-4" }), "Back to Legal Services"]
 						}),
-						/* @__PURE__ */ T("h1", {
+						/* @__PURE__ */ E("h1", {
 							className: "text-2xl font-semibold text-text-primary",
-							children: F.title
+							children: I.title
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "mt-2 flex flex-wrap items-center gap-2",
 							children: [
-								/* @__PURE__ */ T(n, {
-									label: F.status,
-									variant: M(F.status),
+								/* @__PURE__ */ E(n, {
+									label: I.status,
+									variant: N(I.status),
 									dot: !0
 								}),
-								/* @__PURE__ */ T(n, {
-									label: F.category.replace(/_/g, " "),
+								/* @__PURE__ */ E(n, {
+									label: I.category.replace(/_/g, " "),
 									variant: "muted"
 								}),
-								/* @__PURE__ */ T("span", {
+								/* @__PURE__ */ E("span", {
 									className: "text-sm text-text-secondary",
-									children: F.providerName
+									children: I.providerName
 								})
 							]
 						})
 					] })]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "flex items-center gap-2",
-					children: L ? /* @__PURE__ */ T(D, {
+					children: R ? /* @__PURE__ */ E(O, {
 						type: "button",
 						disabled: !0,
 						children: "Currently Unavailable"
-					}) : /* @__PURE__ */ E(D, {
+					}) : /* @__PURE__ */ D(O, {
 						type: "button",
 						variant: "default",
-						onClick: () => P(!0),
-						children: [/* @__PURE__ */ T(_, { className: "mr-1.5 h-4 w-4" }), "Book Now"]
+						onClick: () => F(!0),
+						children: [/* @__PURE__ */ E(v, { className: "mr-1.5 h-4 w-4" }), "Book Now"]
 					})
 				})]
 			}),
-			/* @__PURE__ */ T(A, {
+			/* @__PURE__ */ E(j, {
 				className: "max-w-3xl",
 				children: "Everything you need to decide whether to engage this legal provider — what the service covers, their rating and fees, how long it takes, and which documents to prepare. When you're ready, request a consultation to reach them through Messages."
 			}),
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ E(k, {
 				className: "p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T(x, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E(S, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 									className: "text-xs font-medium",
 									children: "Provider Rating"
 								})]
-							}), /* @__PURE__ */ E("div", {
+							}), /* @__PURE__ */ D("div", {
 								className: "mt-2 flex items-center gap-2",
-								children: [/* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E("span", {
 									className: "text-xl font-bold text-text-primary",
-									children: F.providerRating ?? "—"
-								}), F.providerRating != null && /* @__PURE__ */ T(N, { rating: F.providerRating })]
+									children: I.providerRating ?? "—"
+								}), I.providerRating != null && /* @__PURE__ */ E(P, { rating: I.providerRating })]
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T(g, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E(_, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 									className: "text-xs font-medium",
 									children: "Price Range"
 								})]
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "mt-2 text-xl font-bold text-text-primary",
-								children: F.priceRange ?? "—"
+								children: I.priceRange ?? "—"
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T(p, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E(m, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 									className: "text-xs font-medium",
 									children: "Est. Duration"
 								})]
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "mt-2 text-sm font-bold text-text-primary",
-								children: F.estimatedDuration ?? "—"
+								children: I.estimatedDuration ?? "—"
 							})]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-2 text-text-secondary",
-								children: [/* @__PURE__ */ T(b, { className: "h-4 w-4" }), /* @__PURE__ */ T("span", {
+								children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
 									className: "text-xs font-medium",
 									children: "Consultation"
 								})]
-							}), /* @__PURE__ */ T("div", {
+							}), /* @__PURE__ */ E("div", {
 								className: "mt-2 text-sm font-bold text-text-primary",
-								children: F.consultationFee && F.consultationFee > 0 ? t(F.consultationFee) : "Free"
+								children: I.consultationFee && I.consultationFee > 0 ? t(I.consultationFee) : "Free"
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ D("div", {
 					className: "space-y-6 lg:col-span-2",
-					children: [F.description && /* @__PURE__ */ E(k, {
+					children: [I.description && /* @__PURE__ */ D(A, {
 						treatment: "plain",
 						className: "border-border-seam p-6",
-						children: [/* @__PURE__ */ T("h2", {
+						children: [/* @__PURE__ */ E("h2", {
 							className: "mb-3 text-base font-semibold text-text-primary",
 							children: "About this service"
-						}), /* @__PURE__ */ T("p", {
+						}), /* @__PURE__ */ E("p", {
 							className: "text-sm leading-relaxed text-text-secondary",
-							children: F.description
+							children: I.description
 						})]
-					}), /* @__PURE__ */ E(k, {
+					}), /* @__PURE__ */ D(A, {
 						treatment: "plain",
 						className: "border-border-seam p-6",
-						children: [/* @__PURE__ */ E("h2", {
+						children: [/* @__PURE__ */ D("h2", {
 							className: "mb-4 flex items-center gap-2 text-base font-semibold text-text-primary",
-							children: [/* @__PURE__ */ T(m, { className: "h-5 w-5" }), "Documents Required"]
-						}), R.length > 0 ? /* @__PURE__ */ T("ul", {
+							children: [/* @__PURE__ */ E(h, { className: "h-5 w-5" }), "Documents Required"]
+						}), z.length > 0 ? /* @__PURE__ */ E("ul", {
 							className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-							children: R.map((e, t) => /* @__PURE__ */ E("li", {
+							children: z.map((e, t) => /* @__PURE__ */ D("li", {
 								className: "flex items-center gap-2 rounded-lg bg-bg-sunken/50 p-3 text-sm text-text-primary",
-								children: [/* @__PURE__ */ T(f, { className: "h-4 w-4 shrink-0 text-status-success-text" }), e]
+								children: [/* @__PURE__ */ E(p, { className: "h-4 w-4 shrink-0 text-status-success-text" }), e]
 							}, t))
-						}) : /* @__PURE__ */ T(r, {
+						}) : /* @__PURE__ */ E(r, {
 							illustration: "empty-files",
 							title: "No documents listed",
 							description: "The provider will confirm what to prepare during your consultation.",
 							className: "border-0 bg-transparent p-4"
 						})]
 					})]
-				}), /* @__PURE__ */ T("div", {
+				}), /* @__PURE__ */ E("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ E(k, {
+					children: /* @__PURE__ */ D(A, {
 						treatment: "plain",
 						className: "border-border-seam p-5",
 						children: [
-							/* @__PURE__ */ T("h3", {
+							/* @__PURE__ */ E("h3", {
 								className: "mb-4 text-base font-semibold text-text-primary",
 								children: "Provider"
 							}),
-							/* @__PURE__ */ E("dl", {
+							/* @__PURE__ */ D("dl", {
 								className: "space-y-3 text-sm",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ T("dt", {
+										children: [/* @__PURE__ */ E("dt", {
 											className: "text-text-secondary",
 											children: "Name"
-										}), /* @__PURE__ */ T("dd", {
+										}), /* @__PURE__ */ E("dd", {
 											className: "font-medium text-text-primary",
-											children: F.providerName
+											children: I.providerName
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ T("dt", {
+										children: [/* @__PURE__ */ E("dt", {
 											className: "text-text-secondary",
 											children: "Rating"
-										}), /* @__PURE__ */ T("dd", {
+										}), /* @__PURE__ */ E("dd", {
 											className: "font-medium text-text-primary",
-											children: F.providerRating ?? "—"
+											children: I.providerRating ?? "—"
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ D("div", {
 										className: "flex items-center justify-between",
-										children: [/* @__PURE__ */ T("dt", {
+										children: [/* @__PURE__ */ E("dt", {
 											className: "text-text-secondary",
 											children: "Availability"
-										}), /* @__PURE__ */ T("dd", { children: /* @__PURE__ */ T(n, {
-											label: F.status,
-											variant: M(F.status)
+										}), /* @__PURE__ */ E("dd", { children: /* @__PURE__ */ E(n, {
+											label: I.status,
+											variant: N(I.status)
 										}) })]
 									})
 								]
 							}),
-							L ? /* @__PURE__ */ T(D, {
+							R ? /* @__PURE__ */ E(O, {
 								type: "button",
 								className: "mt-4 w-full justify-center",
 								disabled: !0,
 								children: "Currently Unavailable"
-							}) : /* @__PURE__ */ T(D, {
+							}) : /* @__PURE__ */ E(O, {
 								type: "button",
 								variant: "default",
 								className: "mt-4 w-full justify-center",
-								onClick: () => P(!0),
+								onClick: () => F(!0),
 								children: "Request a consultation"
 							})
 						]
 					})
 				})]
 			}),
-			/* @__PURE__ */ T(c, {
-				entityId: F.id,
+			/* @__PURE__ */ E(l, {
+				entityId: I.id,
 				entityType: "housingvista-legal-service",
-				aggregateRating: F.providerRating
+				aggregateRating: I.providerRating
 			}),
-			/* @__PURE__ */ T(s, {
-				open: y,
-				onOpenChange: P,
-				entityId: F.id,
+			/* @__PURE__ */ E(c, {
+				open: b,
+				onOpenChange: F,
+				entityId: I.id,
 				entityType: "housingvista-legal-service",
-				title: F.title,
-				pagePath: h.pathname,
-				heading: `Contact ${F.providerName}`,
-				description: `Request a consultation about ${F.title}. Messages are saved and delivered in your inbox.`
+				title: I.title,
+				pagePath: g.pathname,
+				heading: `Contact ${I.providerName}`,
+				description: `Request a consultation about ${I.title}. Messages are saved and delivered in your inbox.`
 			})
 		]
 	});
 }
 //#endregion
-export { P as LegalServiceDetailPage };
+export { F as LegalServiceDetailPage };
 //# sourceMappingURL=LegalServiceDetailPage.js.map

package/dist/housingvista/pages/legal/LegalServiceDetailPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegalServiceDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/legal/LegalServiceDetailPage.tsx"],"sourcesContent":["/*\n HousingVista Legal Service Detail Page\n * Single legal-service provider backed by `housingvistaLegalService(id)` —\n * category, provider, rating, price, duration, documents required.\n \n \"Book Now\" / \"Request a consultation\" opens the real `ContactOwnerDialog` — a\n * persisted conversation with the provider. Reviews are real, backed by\n * EntityComments.\n * @module housingvista\n /\n\nimport { useState } from 'react';\nimport { useNavigate, useParams, useLocation } from 'react-router-dom';\nimport {\n ArrowLeft,\n Scale,\n Star,\n Clock,\n FileText,\n Search as SearchIcon,\n Gavel,\n BookOpen,\n ClipboardCheck,\n MessageCircle,\n ShieldCheck,\n IndianRupee,\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 { useLegalService } from '../../hooks';\nimport { cn, formatCurrency } from '../../utils/helpers';\n\nfunction getCategoryIcon(category: string) {\n switch (category) {\n case 'title_search':\n return <SearchIcon className=\"h-5 w-5\" />;\n case 'lease_review':\n return <FileText className=\"h-5 w-5\" />;\n case 'dispute_resolution':\n return <Gavel className=\"h-5 w-5\" />;\n case 'registration':\n return <ClipboardCheck className=\"h-5 w-5\" />;\n case 'compliance':\n return <BookOpen className=\"h-5 w-5\" />;\n default:\n return <Scale className=\"h-5 w-5\" />;\n }\n}\n\nfunction getStatusVariant(status: string): 'success' \| 'warning' \| 'error' \| 'muted' {\n switch (status) {\n case 'available':\n return 'success';\n case 'busy':\n return 'warning';\n case 'unavailable':\n return 'error';\n default:\n return 'muted';\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('h-4 w-4', i < Math.floor(rating) ? 'fill-current' : 'fill-none text-text-secondary/30')}\n />\n ))}\n </div>\n );\n}\n\nexport function LegalServiceDetailPage() {\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 } = useLegalService(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={<Scale className=\"h-12 w-12\" />}\n title=\"Legal Service Not Found\"\n description=\"The legal service you're looking for doesn't exist or is no longer offered.\"\n action={\n <button\n onClick={() => navigate('../legal')}\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 Legal Services\n </button>\n }\n />\n </div>\n );\n }\n\n const unavailable = service.status === 'unavailable';\n const documents = service.documentsRequired ?? [];\n const breadcrumbs: BreadcrumbItem[] = [{ label: 'Legal', href: '../' }, { label: service.title }];\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('../legal')}\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 Legal Services\n </button>\n <h1 className=\"text-2xl font-semibold text-text-primary\">{service.title}</h1>\n <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n <StatusBadge label={service.status} variant={getStatusVariant(service.status)} dot />\n <StatusBadge label={service.category.replace(/_/g, ' ')} variant=\"muted\" />\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 {unavailable ? (\n <Button type=\"button\" disabled>\n Currently Unavailable\n </Button>\n ) : (\n <Button type=\"button\" variant=\"default\" onClick={() => setContactOpen(true)}>\n <MessageCircle className=\"mr-1.5 h-4 w-4\" />\n Book Now\n </Button>\n )}\n </div>\n </div>\n\n <PagePurpose className=\"max-w-3xl\">\n Everything you need to decide whether to engage this legal provider — what the service covers, their rating and\n fees, how long it takes, and which documents to prepare. When you're ready, request a consultation to reach them\n 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\">Provider 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.providerRating ?? '—'}</span>\n {service.providerRating != null && <RatingStars rating={service.providerRating} />}\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 <IndianRupee className=\"h-4 w-4\" />\n <span className=\"text-xs font-medium\">Price Range</span>\n </div>\n <div className=\"mt-2 text-xl font-bold text-text-primary\">{service.priceRange ?? '—'}</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\">Est. Duration</span>\n </div>\n <div className=\"mt-2 text-sm font-bold text-text-primary\">{service.estimatedDuration ?? '—'}</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 <ShieldCheck className=\"h-4 w-4\" />\n <span className=\"text-xs font-medium\">Consultation</span>\n </div>\n <div className=\"mt-2 text-sm font-bold text-text-primary\">\n {service.consultationFee && service.consultationFee > 0\n ? formatCurrency(service.consultationFee)\n : 'Free'}\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.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 service</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 <FileText className=\"h-5 w-5\" />\n Documents Required\n </h2>\n {documents.length > 0 ? (\n <ul className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n {documents.map((doc, i) => (\n <li\n key={i}\n className=\"flex items-center gap-2 rounded-lg bg-bg-sunken/50 p-3 text-sm text-text-primary\"\n >\n <ClipboardCheck className=\"h-4 w-4 shrink-0 text-status-success-text\" />\n {doc}\n </li>\n ))}\n </ul>\n ) : (\n <EmptyState\n illustration=\"empty-files\"\n title=\"No documents listed\"\n description=\"The provider will confirm what to prepare during your consultation.\"\n className=\"border-0 bg-transparent p-4\"\n />\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\">Rating</dt>\n <dd className=\"font-medium text-text-primary\">{service.providerRating ?? '—'}</dd>\n </div>\n <div className=\"flex items-center justify-between\">\n <dt className=\"text-text-secondary\">Availability</dt>\n <dd>\n <StatusBadge label={service.status} variant={getStatusVariant(service.status)} />\n </dd>\n </div>\n </dl>\n {unavailable ? (\n <Button type=\"button\" className=\"mt-4 w-full justify-center\" disabled>\n Currently Unavailable\n </Button>\n ) : (\n <Button\n type=\"button\"\n variant=\"default\"\n className=\"mt-4 w-full justify-center\"\n onClick={() => setContactOpen(true)}\n >\n Request a consultation\n </Button>\n )}\n </GlassCard>\n </div>\n </div>\n\n {/ Reviews — real, backed by EntityComments */}\n <ReviewsSection\n entityId={service.id}\n entityType=\"housingvista-legal-service\"\n aggregateRating={service.providerRating}\n />\n\n <ContactOwnerDialog\n open={contactOpen}\n onOpenChange={setContactOpen}\n entityId={service.id}\n entityType=\"housingvista-legal-service\"\n title={service.title}\n pagePath={location.pathname}\n heading={`Contact ${service.providerName}`}\n description={`Request a consultation about ${service.title}. Messages are saved and delivered in your inbox.`}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"LegalServiceDetailPage.js","names":[],"sources":["../../../../src/housingvista/pages/legal/LegalServiceDetailPage.tsx"],"sourcesContent":["/*\n HousingVista Legal Service Detail Page\n * Single legal-service provider backed by `housingvistaLegalService(id)` —\n * category, provider, rating, price, duration, documents required.\n \n \"Book Now\" / \"Request a consultation\" opens the real `ContactOwnerDialog` — a\n * persisted conversation with the provider. Reviews are real, backed by\n * EntityComments.\n * @module housingvista\n /\n\nimport { useState } from 'react';\nimport { useNavigate, useParams, useLocation } from 'react-router-dom';\nimport {\n ArrowLeft,\n Scale,\n Star,\n Clock,\n FileText,\n Search as SearchIcon,\n Gavel,\n BookOpen,\n ClipboardCheck,\n MessageCircle,\n ShieldCheck,\n IndianRupee,\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 { useLegalService } from '../../hooks';\nimport { cn, formatCurrency } from '../../utils/helpers';\nimport { useTrackPageView } from '../../hooks/useHousingVistaAnalytics';\n\nfunction getCategoryIcon(category: string) {\n switch (category) {\n case 'title_search':\n return <SearchIcon className=\"h-5 w-5\" />;\n case 'lease_review':\n return <FileText className=\"h-5 w-5\" />;\n case 'dispute_resolution':\n return <Gavel className=\"h-5 w-5\" />;\n case 'registration':\n return <ClipboardCheck className=\"h-5 w-5\" />;\n case 'compliance':\n return <BookOpen className=\"h-5 w-5\" />;\n default:\n return <Scale className=\"h-5 w-5\" />;\n }\n}\n\nfunction getStatusVariant(status: string): 'success' \| 'warning' \| 'error' \| 'muted' {\n switch (status) {\n case 'available':\n return 'success';\n case 'busy':\n return 'warning';\n case 'unavailable':\n return 'error';\n default:\n return 'muted';\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('h-4 w-4', i < Math.floor(rating) ? 'fill-current' : 'fill-none text-text-secondary/30')}\n />\n ))}\n </div>\n );\n}\n\nexport function LegalServiceDetailPage() {\n const { id } = useParams<{ id: string }>();\n\n useTrackPageView('housingvista.legal.viewed', id);\n const navigate = useNavigate();\n const location = useLocation();\n const [contactOpen, setContactOpen] = useState(false);\n const { data: service, loading } = useLegalService(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={<Scale className=\"h-12 w-12\" />}\n title=\"Legal Service Not Found\"\n description=\"The legal service you're looking for doesn't exist or is no longer offered.\"\n action={\n <button\n onClick={() => navigate('../legal')}\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 Legal Services\n </button>\n }\n />\n </div>\n );\n }\n\n const unavailable = service.status === 'unavailable';\n const documents = service.documentsRequired ?? [];\n const breadcrumbs: BreadcrumbItem[] = [{ label: 'Legal', href: '../' }, { label: service.title }];\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('../legal')}\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 Legal Services\n </button>\n <h1 className=\"text-2xl font-semibold text-text-primary\">{service.title}</h1>\n <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n <StatusBadge label={service.status} variant={getStatusVariant(service.status)} dot />\n <StatusBadge label={service.category.replace(/_/g, ' ')} variant=\"muted\" />\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 {unavailable ? (\n <Button type=\"button\" disabled>\n Currently Unavailable\n </Button>\n ) : (\n <Button type=\"button\" variant=\"default\" onClick={() => setContactOpen(true)}>\n <MessageCircle className=\"mr-1.5 h-4 w-4\" />\n Book Now\n </Button>\n )}\n </div>\n </div>\n\n <PagePurpose className=\"max-w-3xl\">\n Everything you need to decide whether to engage this legal provider — what the service covers, their rating and\n fees, how long it takes, and which documents to prepare. When you're ready, request a consultation to reach them\n 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\">Provider 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.providerRating ?? '—'}</span>\n {service.providerRating != null && <RatingStars rating={service.providerRating} />}\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 <IndianRupee className=\"h-4 w-4\" />\n <span className=\"text-xs font-medium\">Price Range</span>\n </div>\n <div className=\"mt-2 text-xl font-bold text-text-primary\">{service.priceRange ?? '—'}</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\">Est. Duration</span>\n </div>\n <div className=\"mt-2 text-sm font-bold text-text-primary\">{service.estimatedDuration ?? '—'}</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 <ShieldCheck className=\"h-4 w-4\" />\n <span className=\"text-xs font-medium\">Consultation</span>\n </div>\n <div className=\"mt-2 text-sm font-bold text-text-primary\">\n {service.consultationFee && service.consultationFee > 0\n ? formatCurrency(service.consultationFee)\n : 'Free'}\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.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 service</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 <FileText className=\"h-5 w-5\" />\n Documents Required\n </h2>\n {documents.length > 0 ? (\n <ul className=\"grid grid-cols-1 gap-2 sm:grid-cols-2\">\n {documents.map((doc, i) => (\n <li\n key={i}\n className=\"flex items-center gap-2 rounded-lg bg-bg-sunken/50 p-3 text-sm text-text-primary\"\n >\n <ClipboardCheck className=\"h-4 w-4 shrink-0 text-status-success-text\" />\n {doc}\n </li>\n ))}\n </ul>\n ) : (\n <EmptyState\n illustration=\"empty-files\"\n title=\"No documents listed\"\n description=\"The provider will confirm what to prepare during your consultation.\"\n className=\"border-0 bg-transparent p-4\"\n />\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\">Rating</dt>\n <dd className=\"font-medium text-text-primary\">{service.providerRating ?? '—'}</dd>\n </div>\n <div className=\"flex items-center justify-between\">\n <dt className=\"text-text-secondary\">Availability</dt>\n <dd>\n <StatusBadge label={service.status} variant={getStatusVariant(service.status)} />\n </dd>\n </div>\n </dl>\n {unavailable ? (\n <Button type=\"button\" className=\"mt-4 w-full justify-center\" disabled>\n Currently Unavailable\n </Button>\n ) : (\n <Button\n type=\"button\"\n variant=\"default\"\n className=\"mt-4 w-full justify-center\"\n onClick={() => setContactOpen(true)}\n >\n Request a consultation\n </Button>\n )}\n </GlassCard>\n </div>\n </div>\n\n {/ Reviews — real, backed by EntityComments */}\n <ReviewsSection\n entityId={service.id}\n entityType=\"housingvista-legal-service\"\n aggregateRating={service.providerRating}\n />\n\n <ContactOwnerDialog\n open={contactOpen}\n onOpenChange={setContactOpen}\n entityId={service.id}\n entityType=\"housingvista-legal-service\"\n title={service.title}\n pagePath={location.pathname}\n heading={`Contact ${service.providerName}`}\n description={`Request a consultation about ${service.title}. Messages are saved and delivered in your inbox.`}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/market/AreaInsightsPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AreaInsightsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/market/AreaInsightsPage.tsx"],"names":[],"mappings":"~~AAgMA~~,wBAAgB,gBAAgB,~~gCAiI~~/B"}
1	+ {"version":3,"file":"AreaInsightsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/market/AreaInsightsPage.tsx"],"names":[],"mappings":"AAiMA,wBAAgB,gBAAgB,gCAkI/B"}