@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

package/dist/housingvista/pages/legal/LegalPage.js

@@ -3,16 +3,17 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { FilterBar as i } from "../../components/FilterBar.js";
 import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
-import { useLegalServices as o } from "../../hooks/index.js";
+import { useTrackPageView as o } from "../../hooks/useHousingVistaAnalytics.js";
+import { useLegalServices as s } from "../../hooks/index.js";
 import "../../components/index.js";
-import { useServerPagination as s } from "../../hooks/useServerPagination.js";
-import { useEffect as c, useMemo as l, useState as u } from "react";
-import { BookOpen as d, ClipboardCheck as f, Clock as p, FileText as m, Gavel as h, Scale as g, Search as _, Shield as v, Star as y } from "lucide-react";
-import { useNavigate as b } from "react-router-dom";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as w, NextSteps as T, Pagination as E } from "@burdenoff/fe-libs/ui";
+import { useServerPagination as c } from "../../hooks/useServerPagination.js";
+import { useEffect as l, useMemo as u, useState as d } from "react";
+import { BookOpen as f, ClipboardCheck as p, Clock as m, FileText as h, Gavel as g, Scale as _, Search as v, Shield as y, Star as b } from "lucide-react";
+import { useNavigate as x } from "react-router-dom";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, NextSteps as E, Pagination as D } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/legal/LegalPage.tsx
-var D = 9, O = [
+var O = 9, k = [
 	{
 		value: "all",
 		label: "All"
@@ -38,17 +39,17 @@ var D = 9, O = [
 		label: "Document Review"
 	}
 ];
-function k(e) {
+function A(e) {
 	switch (e) {
-		case "title_search": return /* @__PURE__ */ S(_, { className: "h-4 w-4" });
-		case "lease_review": return /* @__PURE__ */ S(m, { className: "h-4 w-4" });
-		case "dispute_resolution": return /* @__PURE__ */ S(h, { className: "h-4 w-4" });
-		case "registration": return /* @__PURE__ */ S(f, { className: "h-4 w-4" });
-		case "compliance": return /* @__PURE__ */ S(d, { className: "h-4 w-4" });
-		default: return /* @__PURE__ */ S(g, { className: "h-4 w-4" });
+		case "title_search": return /* @__PURE__ */ C(v, { className: "h-4 w-4" });
+		case "lease_review": return /* @__PURE__ */ C(h, { className: "h-4 w-4" });
+		case "dispute_resolution": return /* @__PURE__ */ C(g, { className: "h-4 w-4" });
+		case "registration": return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
+		case "compliance": return /* @__PURE__ */ C(f, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ C(_, { className: "h-4 w-4" });
 	}
 }
-function A(e) {
+function j(e) {
 	switch (e) {
 		case "available": return "bg-status-success-bg-subtle text-status-success-text";
 		case "busy": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -56,95 +57,95 @@ function A(e) {
 		default: return "bg-bg-sunken text-text-secondary";
 	}
 }
-function j({ rating: t }) {
-	return /* @__PURE__ */ S("div", {
+function M({ rating: t }) {
+	return /* @__PURE__ */ C("div", {
 		className: "flex items-center gap-0.5 text-status-warning-text",
-		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ S(y, { className: e("h-3 w-3", r < Math.floor(t) ? "fill-current" : "fill-none text-text-secondary/30") }, r))
+		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ C(b, { className: e("h-3 w-3", r < Math.floor(t) ? "fill-current" : "fill-none text-text-secondary/30") }, r))
 	});
 }
-function M({ service: n }) {
-	let r = b(), [i, a] = u(!1);
-	return /* @__PURE__ */ C("div", {
+function N({ service: n }) {
+	let r = x(), [i, a] = d(!1);
+	return /* @__PURE__ */ w("div", {
 		className: "flex flex-col rounded-card border border-border-seam bg-bg-surface p-5 shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2",
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mb-3 flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle text-accent-blue",
-						children: k(n.category)
-					}), /* @__PURE__ */ C("div", {
+						children: A(n.category)
+					}), /* @__PURE__ */ w("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ S("h3", {
+							/* @__PURE__ */ C("h3", {
 								className: "truncate text-sm font-semibold text-text-primary",
 								children: n.title
 							}),
-							/* @__PURE__ */ S("p", {
+							/* @__PURE__ */ C("p", {
 								className: "truncate text-xs text-text-secondary",
 								children: n.providerName
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ w("div", {
 								className: "mt-1 flex items-center gap-1.5",
-								children: [/* @__PURE__ */ S(j, { rating: n.providerRating }), /* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ C(M, { rating: n.providerRating }), /* @__PURE__ */ C("span", {
 									className: "text-xs font-medium text-text-primary",
 									children: n.providerRating
 								})]
 							})
 						]
 					})]
-				}), /* @__PURE__ */ S("span", {
-					className: e("inline-flex shrink-0 rounded-full px-2 py-0.5 text-xs font-medium capitalize", A(n.status)),
+				}), /* @__PURE__ */ C("span", {
+					className: e("inline-flex shrink-0 rounded-full px-2 py-0.5 text-xs font-medium capitalize", j(n.status)),
 					children: n.status
 				})]
 			}),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ C("p", {
 				className: "mb-4 text-xs text-text-secondary line-clamp-2",
 				children: n.description
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mb-4 grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ C("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "rounded-md bg-bg-sunken/50 p-2.5",
-					children: [/* @__PURE__ */ C("p", {
+					children: [/* @__PURE__ */ w("p", {
 						className: "flex items-center gap-1 text-xs text-text-secondary",
-						children: [/* @__PURE__ */ S(p, { className: "h-3 w-3" }), "Est. Duration"]
-					}), /* @__PURE__ */ S("p", {
+						children: [/* @__PURE__ */ C(m, { className: "h-3 w-3" }), "Est. Duration"]
+					}), /* @__PURE__ */ C("p", {
 						className: "mt-0.5 text-sm font-semibold text-text-primary",
 						children: n.estimatedDuration
 					})]
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "rounded-md bg-bg-sunken/50 p-2.5",
-					children: [/* @__PURE__ */ S("p", {
+					children: [/* @__PURE__ */ C("p", {
 						className: "text-xs text-text-secondary",
 						children: "Price Range"
-					}), /* @__PURE__ */ S("p", {
+					}), /* @__PURE__ */ C("p", {
 						className: "mt-0.5 text-sm font-semibold text-text-primary",
 						children: n.priceRange
 					})]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mb-3 text-xs",
-				children: n.consultationFee > 0 ? /* @__PURE__ */ C("span", {
+				children: n.consultationFee > 0 ? /* @__PURE__ */ w("span", {
 					className: "text-text-secondary",
 					children: [
 						"Consultation:",
 						" ",
-						/* @__PURE__ */ S("span", {
+						/* @__PURE__ */ C("span", {
 							className: "font-medium text-text-primary",
 							children: t(n.consultationFee)
 						})
 					]
-				}) : /* @__PURE__ */ S("span", {
+				}) : /* @__PURE__ */ C("span", {
 					className: "inline-flex items-center gap-1 font-medium text-status-success-text",
 					children: "Free consultation"
 				})
 			}),
-			n.documentsRequired.length > 0 && /* @__PURE__ */ C("div", {
+			n.documentsRequired.length > 0 && /* @__PURE__ */ w("div", {
 				className: "mb-4",
-				children: [/* @__PURE__ */ C("button", {
+				children: [/* @__PURE__ */ w("button", {
 					onClick: () => a(!i),
 					"aria-expanded": i,
 					className: "text-xs font-medium text-accent-blue hover:underline",
@@ -154,15 +155,15 @@ function M({ service: n }) {
 						n.documentsRequired.length,
 						")"
 					]
-				}), i && /* @__PURE__ */ S("ul", {
+				}), i && /* @__PURE__ */ C("ul", {
 					className: "mt-1.5 space-y-1",
-					children: n.documentsRequired.map((e, t) => /* @__PURE__ */ C("li", {
+					children: n.documentsRequired.map((e, t) => /* @__PURE__ */ w("li", {
 						className: "flex items-center gap-1.5 text-xs text-text-secondary",
-						children: [/* @__PURE__ */ S("span", { className: "h-1 w-1 shrink-0 rounded-full bg-text-secondary/50" }), e]
+						children: [/* @__PURE__ */ C("span", { className: "h-1 w-1 shrink-0 rounded-full bg-text-secondary/50" }), e]
 					}, t))
 				})]
 			}),
-			/* @__PURE__ */ S("button", {
+			/* @__PURE__ */ C("button", {
 				onClick: () => r(`../legal/${n.id}`),
 				disabled: n.status === "unavailable",
 				className: e("mt-auto w-full rounded-md px-4 py-2 text-xs font-medium transition-colors", n.status === "unavailable" ? "cursor-not-allowed bg-bg-sunken text-text-secondary" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover"),
@@ -171,84 +172,85 @@ function M({ service: n }) {
 		]
 	});
 }
-function N() {
-	let [t, d] = u("all"), [f, p] = u(""), [m, h] = u(""), _ = s(D), { setPage: y } = _;
-	c(() => {
-		let e = setTimeout(() => h(f), 300);
+function P() {
+	o("housingvista.legal.viewed");
+	let [t, f] = d("all"), [p, m] = d(""), [h, g] = d(""), v = c(O), { setPage: b } = v;
+	l(() => {
+		let e = setTimeout(() => g(p), 300);
 		return () => clearTimeout(e);
-	}, [f]);
-	let b = l(() => {
+	}, [p]);
+	let x = u(() => {
 		let e = {};
-		return m.trim() && (e.search = m.trim()), t !== "all" && (e.category = t), Object.keys(e).length > 0 ? e : void 0;
-	}, [m, t]);
-	c(() => {
-		y(1);
-	}, [b, y]);
-	let { data: k, loading: A } = o({
-		filter: b,
-		pagination: _.pagination
-	}), j = k.length >= _.pageSize;
-	return /* @__PURE__ */ C(n, {
+		return h.trim() && (e.search = h.trim()), t !== "all" && (e.category = t), Object.keys(e).length > 0 ? e : void 0;
+	}, [h, t]);
+	l(() => {
+		b(1);
+	}, [x, b]);
+	let { data: A, loading: j } = s({
+		filter: x,
+		pagination: v.pagination
+	}), M = A.length >= v.pageSize;
+	return /* @__PURE__ */ w(n, {
 		title: "Legal Services",
 		description: "Professional legal solutions for property transactions and documentation",
 		purpose: "Connect with verified property lawyers for the legal work behind every deal — title verification, rent agreements, registration, dispute advisory, and document review. Browse by category, compare ratings and fees, and book a consultation.",
-		actions: /* @__PURE__ */ C("span", {
+		actions: /* @__PURE__ */ w("span", {
 			className: "inline-flex items-center gap-1 text-xs text-status-success-text",
-			children: [/* @__PURE__ */ S(v, { className: "h-3.5 w-3.5" }), "Legally Compliant"]
+			children: [/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5" }), "Legally Compliant"]
 		}),
 		children: [
-			/* @__PURE__ */ S(w, {
+			/* @__PURE__ */ C(T, {
 				className: "flex flex-wrap items-center gap-2 p-3",
-				children: O.map((n) => /* @__PURE__ */ S("button", {
-					onClick: () => d(n.value),
+				children: k.map((n) => /* @__PURE__ */ C("button", {
+					onClick: () => f(n.value),
 					className: e("rounded-full px-4 py-1.5 text-sm font-medium transition-colors", t === n.value ? "bg-action-primary-bg text-action-primary-text" : "border border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
 					children: n.label
 				}, n.value))
 			}),
-			/* @__PURE__ */ S(i, {
-				searchValue: f,
-				onSearchChange: p,
+			/* @__PURE__ */ C(i, {
+				searchValue: p,
+				onSearchChange: m,
 				searchPlaceholder: "Search legal services..."
 			}),
-			/* @__PURE__ */ S(T, {
+			/* @__PURE__ */ C(E, {
 				storageKey: "housingvista-legal",
 				steps: [
 					{
 						id: "verify-title",
 						label: "Verify a property title",
 						description: "The first legal check before any purchase — find a title-search expert.",
-						onClick: () => d("title_search")
+						onClick: () => f("title_search")
 					},
 					{
 						id: "rent-agreement",
 						label: "Draft or review a rent agreement",
 						description: "Get a lawyer to prepare or vet your lease paperwork.",
-						onClick: () => d("lease_review")
+						onClick: () => f("lease_review")
 					},
 					{
 						id: "registration",
 						label: "Handle property registration",
 						description: "Find help to register a deal with the authorities.",
-						onClick: () => d("registration")
+						onClick: () => f("registration")
 					}
 				]
 			}),
-			A ? /* @__PURE__ */ S(a, {
+			j ? /* @__PURE__ */ C(a, {
 				variant: "card",
 				count: 6
-			}) : k.length > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S("div", {
+			}) : A.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
 				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: k.map((e) => /* @__PURE__ */ S(M, { service: e }, e.id))
-			}), /* @__PURE__ */ S(E, {
-				page: _.page,
-				pageSize: _.pageSize,
-				hasNextPage: j,
-				hasPreviousPage: _.page > 1,
-				onPageChange: _.setPage,
-				onPageSizeChange: _.setPageSize
-			})] }) : /* @__PURE__ */ S(r, {
+				children: A.map((e) => /* @__PURE__ */ C(N, { service: e }, e.id))
+			}), /* @__PURE__ */ C(D, {
+				page: v.page,
+				pageSize: v.pageSize,
+				hasNextPage: M,
+				hasPreviousPage: v.page > 1,
+				onPageChange: v.setPage,
+				onPageSizeChange: v.setPageSize
+			})] }) : /* @__PURE__ */ C(r, {
 				illustration: "empty-search",
-				icon: /* @__PURE__ */ S(g, { className: "h-12 w-12" }),
+				icon: /* @__PURE__ */ C(_, { className: "h-12 w-12" }),
 				title: "No legal services found",
 				description: "Try adjusting your search or category filter."
 			})
@@ -256,6 +258,6 @@ function N() {
 	});
 }
 //#endregion
-export { N as LegalPage };
+export { P as LegalPage };
 
 //# sourceMappingURL=LegalPage.js.map

package/dist/housingvista/pages/legal/LegalPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegalPage.js","names":[],"sources":["../../../../src/housingvista/pages/legal/LegalPage.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Scale,\n  Star,\n  Clock,\n  FileText,\n  Search as SearchIcon,\n  Shield,\n  Gavel,\n  BookOpen,\n  ClipboardCheck,\n} from 'lucide-react';\nimport { EmphasisPanel, NextSteps, Pagination } from '@burdenoff/fe-libs/ui';\nimport { PageLayout, FilterBar, EmptyState, LoadingSkeleton } from '../../components';\nimport { useLegalServices, type LegalServiceFilterInput } from '../../hooks';\nimport { useServerPagination } from '../../hooks/useServerPagination';\nimport { cn, formatCurrency } from '../../utils/helpers';\nimport type { LegalService } from '../../types';\n\nconst PAGE_SIZE = 9;\n\ntype CategoryTab = 'all' | 'title_search' | 'lease_review' | 'dispute_resolution' | 'registration' | 'compliance';\n\nconst categoryTabs: { value: CategoryTab; label: string }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'title_search', label: 'Title Verification' },\n  { value: 'lease_review', label: 'Rent Agreement' },\n  { value: 'dispute_resolution', label: 'Advisory' },\n  { value: 'registration', label: 'Registration' },\n  { value: 'compliance', label: 'Document Review' },\n];\n\nfunction getCategoryIcon(category: string) {\n  switch (category) {\n    case 'title_search':\n      return <SearchIcon className=\"h-4 w-4\" />;\n    case 'lease_review':\n      return <FileText className=\"h-4 w-4\" />;\n    case 'dispute_resolution':\n      return <Gavel className=\"h-4 w-4\" />;\n    case 'registration':\n      return <ClipboardCheck className=\"h-4 w-4\" />;\n    case 'compliance':\n      return <BookOpen className=\"h-4 w-4\" />;\n    default:\n      return <Scale className=\"h-4 w-4\" />;\n  }\n}\n\nfunction getStatusStyles(status: string) {\n  switch (status) {\n    case 'available':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    case 'busy':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'unavailable':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\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-3 w-3', i < Math.floor(rating) ? 'fill-current' : 'fill-none text-text-secondary/30')}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction LegalServiceCard({ service }: { service: LegalService }) {\n  const navigate = useNavigate();\n  const [showDocs, setShowDocs] = useState(false);\n\n  return (\n    <div className=\"flex flex-col rounded-card border border-border-seam bg-bg-surface p-5 shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2\">\n      {/* Header */}\n      <div className=\"mb-3 flex items-start justify-between gap-3\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle text-accent-blue\">\n            {getCategoryIcon(service.category)}\n          </div>\n          <div className=\"min-w-0\">\n            <h3 className=\"truncate text-sm font-semibold text-text-primary\">{service.title}</h3>\n            <p className=\"truncate text-xs text-text-secondary\">{service.providerName}</p>\n            <div className=\"mt-1 flex items-center gap-1.5\">\n              <RatingStars rating={service.providerRating} />\n              <span className=\"text-xs font-medium text-text-primary\">{service.providerRating}</span>\n            </div>\n          </div>\n        </div>\n        <span\n          className={cn(\n            'inline-flex shrink-0 rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n            getStatusStyles(service.status)\n          )}\n        >\n          {service.status}\n        </span>\n      </div>\n\n      {/* Description */}\n      <p className=\"mb-4 text-xs text-text-secondary line-clamp-2\">{service.description}</p>\n\n      {/* Facts grid — Duration + Price (mock parity) */}\n      <div className=\"mb-4 grid grid-cols-2 gap-3\">\n        <div className=\"rounded-md bg-bg-sunken/50 p-2.5\">\n          <p className=\"flex items-center gap-1 text-xs text-text-secondary\">\n            <Clock className=\"h-3 w-3\" />\n            Est. Duration\n          </p>\n          <p className=\"mt-0.5 text-sm font-semibold text-text-primary\">{service.estimatedDuration}</p>\n        </div>\n        <div className=\"rounded-md bg-bg-sunken/50 p-2.5\">\n          <p className=\"text-xs text-text-secondary\">Price Range</p>\n          <p className=\"mt-0.5 text-sm font-semibold text-text-primary\">{service.priceRange}</p>\n        </div>\n      </div>\n\n      {/* Consultation fee */}\n      <div className=\"mb-3 text-xs\">\n        {service.consultationFee > 0 ? (\n          <span className=\"text-text-secondary\">\n            Consultation:{' '}\n            <span className=\"font-medium text-text-primary\">{formatCurrency(service.consultationFee)}</span>\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center gap-1 font-medium text-status-success-text\">Free consultation</span>\n        )}\n      </div>\n\n      {/* Documents Required (collapsible) */}\n      {service.documentsRequired.length > 0 && (\n        <div className=\"mb-4\">\n          <button\n            onClick={() => setShowDocs(!showDocs)}\n            aria-expanded={showDocs}\n            className=\"text-xs font-medium text-accent-blue hover:underline\"\n          >\n            {showDocs ? 'Hide' : 'Show'} required documents ({service.documentsRequired.length})\n          </button>\n          {showDocs && (\n            <ul className=\"mt-1.5 space-y-1\">\n              {service.documentsRequired.map((doc, i) => (\n                <li key={i} className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                  <span className=\"h-1 w-1 shrink-0 rounded-full bg-text-secondary/50\" />\n                  {doc}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n\n      {/* Action */}\n      <button\n        onClick={() => navigate(`../legal/${service.id}`)}\n        disabled={service.status === 'unavailable'}\n        className={cn(\n          'mt-auto w-full rounded-md px-4 py-2 text-xs font-medium transition-colors',\n          service.status === 'unavailable'\n            ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n            : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover'\n        )}\n      >\n        {service.status === 'unavailable' ? 'Currently Unavailable' : 'Book Now'}\n      </button>\n    </div>\n  );\n}\n\nexport function LegalPage() {\n  const [activeCategory, setActiveCategory] = useState<CategoryTab>('all');\n  const [search, setSearch] = useState('');\n  const [debouncedSearch, setDebouncedSearch] = useState('');\n  const pagination = useServerPagination(PAGE_SIZE);\n  const { setPage } = pagination;\n\n  // Debounce the search box so we don't refetch on every keystroke.\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedSearch(search), 300);\n    return () => clearTimeout(timer);\n  }, [search]);\n\n  // Server-side filter — category + search are resolved by the subgraph.\n  const serverFilter = useMemo<LegalServiceFilterInput | undefined>(() => {\n    const filter: LegalServiceFilterInput = {};\n    if (debouncedSearch.trim()) filter.search = debouncedSearch.trim();\n    if (activeCategory !== 'all') filter.category = activeCategory;\n    return Object.keys(filter).length > 0 ? filter : undefined;\n  }, [debouncedSearch, activeCategory]);\n\n  // Reset to the first page whenever the server-side filter changes.\n  useEffect(() => {\n    setPage(1);\n  }, [serverFilter, setPage]);\n\n  const { data: services, loading } = useLegalServices({ filter: serverFilter, pagination: pagination.pagination });\n\n  const hasNextPage = services.length >= pagination.pageSize;\n\n  return (\n    <PageLayout\n      title=\"Legal Services\"\n      description=\"Professional legal solutions for property transactions and documentation\"\n      purpose=\"Connect with verified property lawyers for the legal work behind every deal — title verification, rent agreements, registration, dispute advisory, and document review. Browse by category, compare ratings and fees, and book a consultation.\"\n      actions={\n        <span className=\"inline-flex items-center gap-1 text-xs text-status-success-text\">\n          <Shield className=\"h-3.5 w-3.5\" />\n          Legally Compliant\n        </span>\n      }\n    >\n      {/* Category Tabs — primary control zone (one EmphasisPanel per page) */}\n      <EmphasisPanel className=\"flex flex-wrap items-center gap-2 p-3\">\n        {categoryTabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setActiveCategory(tab.value)}\n            className={cn(\n              'rounded-full px-4 py-1.5 text-sm font-medium transition-colors',\n              activeCategory === tab.value\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'border border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </EmphasisPanel>\n\n      {/* Search */}\n      <FilterBar searchValue={search} onSearchChange={setSearch} searchPlaceholder=\"Search legal services...\" />\n\n      <NextSteps\n        storageKey=\"housingvista-legal\"\n        steps={[\n          {\n            id: 'verify-title',\n            label: 'Verify a property title',\n            description: 'The first legal check before any purchase — find a title-search expert.',\n            onClick: () => setActiveCategory('title_search'),\n          },\n          {\n            id: 'rent-agreement',\n            label: 'Draft or review a rent agreement',\n            description: 'Get a lawyer to prepare or vet your lease paperwork.',\n            onClick: () => setActiveCategory('lease_review'),\n          },\n          {\n            id: 'registration',\n            label: 'Handle property registration',\n            description: 'Find help to register a deal with the authorities.',\n            onClick: () => setActiveCategory('registration'),\n          },\n        ]}\n      />\n\n      {/* Service Cards */}\n      {loading ? (\n        <LoadingSkeleton variant=\"card\" count={6} />\n      ) : services.length > 0 ? (\n        <>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {services.map((service) => (\n              <LegalServiceCard key={service.id} service={service} />\n            ))}\n          </div>\n          <Pagination\n            page={pagination.page}\n            pageSize={pagination.pageSize}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={pagination.page > 1}\n            onPageChange={pagination.setPage}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </>\n      ) : (\n        <EmptyState\n          illustration=\"empty-search\"\n          icon={<Scale className=\"h-12 w-12\" />}\n          title=\"No legal services found\"\n          description=\"Try adjusting your search or category filter.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LegalPage.js","names":[],"sources":["../../../../src/housingvista/pages/legal/LegalPage.tsx"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Scale,\n  Star,\n  Clock,\n  FileText,\n  Search as SearchIcon,\n  Shield,\n  Gavel,\n  BookOpen,\n  ClipboardCheck,\n} from 'lucide-react';\nimport { EmphasisPanel, NextSteps, Pagination } from '@burdenoff/fe-libs/ui';\nimport { PageLayout, FilterBar, EmptyState, LoadingSkeleton } from '../../components';\nimport { useLegalServices, type LegalServiceFilterInput } from '../../hooks';\nimport { useServerPagination } from '../../hooks/useServerPagination';\nimport { cn, formatCurrency } from '../../utils/helpers';\nimport type { LegalService } from '../../types';\nimport { useTrackPageView } from '../../hooks/useHousingVistaAnalytics';\n\nconst PAGE_SIZE = 9;\n\ntype CategoryTab = 'all' | 'title_search' | 'lease_review' | 'dispute_resolution' | 'registration' | 'compliance';\n\nconst categoryTabs: { value: CategoryTab; label: string }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'title_search', label: 'Title Verification' },\n  { value: 'lease_review', label: 'Rent Agreement' },\n  { value: 'dispute_resolution', label: 'Advisory' },\n  { value: 'registration', label: 'Registration' },\n  { value: 'compliance', label: 'Document Review' },\n];\n\nfunction getCategoryIcon(category: string) {\n  switch (category) {\n    case 'title_search':\n      return <SearchIcon className=\"h-4 w-4\" />;\n    case 'lease_review':\n      return <FileText className=\"h-4 w-4\" />;\n    case 'dispute_resolution':\n      return <Gavel className=\"h-4 w-4\" />;\n    case 'registration':\n      return <ClipboardCheck className=\"h-4 w-4\" />;\n    case 'compliance':\n      return <BookOpen className=\"h-4 w-4\" />;\n    default:\n      return <Scale className=\"h-4 w-4\" />;\n  }\n}\n\nfunction getStatusStyles(status: string) {\n  switch (status) {\n    case 'available':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    case 'busy':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'unavailable':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\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-3 w-3', i < Math.floor(rating) ? 'fill-current' : 'fill-none text-text-secondary/30')}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction LegalServiceCard({ service }: { service: LegalService }) {\n  const navigate = useNavigate();\n  const [showDocs, setShowDocs] = useState(false);\n\n  return (\n    <div className=\"flex flex-col rounded-card border border-border-seam bg-bg-surface p-5 shadow-elevation-1 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-elevation-2\">\n      {/* Header */}\n      <div className=\"mb-3 flex items-start justify-between gap-3\">\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle text-accent-blue\">\n            {getCategoryIcon(service.category)}\n          </div>\n          <div className=\"min-w-0\">\n            <h3 className=\"truncate text-sm font-semibold text-text-primary\">{service.title}</h3>\n            <p className=\"truncate text-xs text-text-secondary\">{service.providerName}</p>\n            <div className=\"mt-1 flex items-center gap-1.5\">\n              <RatingStars rating={service.providerRating} />\n              <span className=\"text-xs font-medium text-text-primary\">{service.providerRating}</span>\n            </div>\n          </div>\n        </div>\n        <span\n          className={cn(\n            'inline-flex shrink-0 rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n            getStatusStyles(service.status)\n          )}\n        >\n          {service.status}\n        </span>\n      </div>\n\n      {/* Description */}\n      <p className=\"mb-4 text-xs text-text-secondary line-clamp-2\">{service.description}</p>\n\n      {/* Facts grid — Duration + Price (mock parity) */}\n      <div className=\"mb-4 grid grid-cols-2 gap-3\">\n        <div className=\"rounded-md bg-bg-sunken/50 p-2.5\">\n          <p className=\"flex items-center gap-1 text-xs text-text-secondary\">\n            <Clock className=\"h-3 w-3\" />\n            Est. Duration\n          </p>\n          <p className=\"mt-0.5 text-sm font-semibold text-text-primary\">{service.estimatedDuration}</p>\n        </div>\n        <div className=\"rounded-md bg-bg-sunken/50 p-2.5\">\n          <p className=\"text-xs text-text-secondary\">Price Range</p>\n          <p className=\"mt-0.5 text-sm font-semibold text-text-primary\">{service.priceRange}</p>\n        </div>\n      </div>\n\n      {/* Consultation fee */}\n      <div className=\"mb-3 text-xs\">\n        {service.consultationFee > 0 ? (\n          <span className=\"text-text-secondary\">\n            Consultation:{' '}\n            <span className=\"font-medium text-text-primary\">{formatCurrency(service.consultationFee)}</span>\n          </span>\n        ) : (\n          <span className=\"inline-flex items-center gap-1 font-medium text-status-success-text\">Free consultation</span>\n        )}\n      </div>\n\n      {/* Documents Required (collapsible) */}\n      {service.documentsRequired.length > 0 && (\n        <div className=\"mb-4\">\n          <button\n            onClick={() => setShowDocs(!showDocs)}\n            aria-expanded={showDocs}\n            className=\"text-xs font-medium text-accent-blue hover:underline\"\n          >\n            {showDocs ? 'Hide' : 'Show'} required documents ({service.documentsRequired.length})\n          </button>\n          {showDocs && (\n            <ul className=\"mt-1.5 space-y-1\">\n              {service.documentsRequired.map((doc, i) => (\n                <li key={i} className=\"flex items-center gap-1.5 text-xs text-text-secondary\">\n                  <span className=\"h-1 w-1 shrink-0 rounded-full bg-text-secondary/50\" />\n                  {doc}\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n\n      {/* Action */}\n      <button\n        onClick={() => navigate(`../legal/${service.id}`)}\n        disabled={service.status === 'unavailable'}\n        className={cn(\n          'mt-auto w-full rounded-md px-4 py-2 text-xs font-medium transition-colors',\n          service.status === 'unavailable'\n            ? 'cursor-not-allowed bg-bg-sunken text-text-secondary'\n            : 'bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover'\n        )}\n      >\n        {service.status === 'unavailable' ? 'Currently Unavailable' : 'Book Now'}\n      </button>\n    </div>\n  );\n}\n\nexport function LegalPage() {\n  useTrackPageView('housingvista.legal.viewed');\n  const [activeCategory, setActiveCategory] = useState<CategoryTab>('all');\n  const [search, setSearch] = useState('');\n  const [debouncedSearch, setDebouncedSearch] = useState('');\n  const pagination = useServerPagination(PAGE_SIZE);\n  const { setPage } = pagination;\n\n  // Debounce the search box so we don't refetch on every keystroke.\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedSearch(search), 300);\n    return () => clearTimeout(timer);\n  }, [search]);\n\n  // Server-side filter — category + search are resolved by the subgraph.\n  const serverFilter = useMemo<LegalServiceFilterInput | undefined>(() => {\n    const filter: LegalServiceFilterInput = {};\n    if (debouncedSearch.trim()) filter.search = debouncedSearch.trim();\n    if (activeCategory !== 'all') filter.category = activeCategory;\n    return Object.keys(filter).length > 0 ? filter : undefined;\n  }, [debouncedSearch, activeCategory]);\n\n  // Reset to the first page whenever the server-side filter changes.\n  useEffect(() => {\n    setPage(1);\n  }, [serverFilter, setPage]);\n\n  const { data: services, loading } = useLegalServices({ filter: serverFilter, pagination: pagination.pagination });\n\n  const hasNextPage = services.length >= pagination.pageSize;\n\n  return (\n    <PageLayout\n      title=\"Legal Services\"\n      description=\"Professional legal solutions for property transactions and documentation\"\n      purpose=\"Connect with verified property lawyers for the legal work behind every deal — title verification, rent agreements, registration, dispute advisory, and document review. Browse by category, compare ratings and fees, and book a consultation.\"\n      actions={\n        <span className=\"inline-flex items-center gap-1 text-xs text-status-success-text\">\n          <Shield className=\"h-3.5 w-3.5\" />\n          Legally Compliant\n        </span>\n      }\n    >\n      {/* Category Tabs — primary control zone (one EmphasisPanel per page) */}\n      <EmphasisPanel className=\"flex flex-wrap items-center gap-2 p-3\">\n        {categoryTabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setActiveCategory(tab.value)}\n            className={cn(\n              'rounded-full px-4 py-1.5 text-sm font-medium transition-colors',\n              activeCategory === tab.value\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'border border-border-subtle bg-bg-surface text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </EmphasisPanel>\n\n      {/* Search */}\n      <FilterBar searchValue={search} onSearchChange={setSearch} searchPlaceholder=\"Search legal services...\" />\n\n      <NextSteps\n        storageKey=\"housingvista-legal\"\n        steps={[\n          {\n            id: 'verify-title',\n            label: 'Verify a property title',\n            description: 'The first legal check before any purchase — find a title-search expert.',\n            onClick: () => setActiveCategory('title_search'),\n          },\n          {\n            id: 'rent-agreement',\n            label: 'Draft or review a rent agreement',\n            description: 'Get a lawyer to prepare or vet your lease paperwork.',\n            onClick: () => setActiveCategory('lease_review'),\n          },\n          {\n            id: 'registration',\n            label: 'Handle property registration',\n            description: 'Find help to register a deal with the authorities.',\n            onClick: () => setActiveCategory('registration'),\n          },\n        ]}\n      />\n\n      {/* Service Cards */}\n      {loading ? (\n        <LoadingSkeleton variant=\"card\" count={6} />\n      ) : services.length > 0 ? (\n        <>\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {services.map((service) => (\n              <LegalServiceCard key={service.id} service={service} />\n            ))}\n          </div>\n          <Pagination\n            page={pagination.page}\n            pageSize={pagination.pageSize}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={pagination.page > 1}\n            onPageChange={pagination.setPage}\n            onPageSizeChange={pagination.setPageSize}\n          />\n        </>\n      ) : (\n        <EmptyState\n          illustration=\"empty-search\"\n          icon={<Scale className=\"h-12 w-12\" />}\n          title=\"No legal services found\"\n          description=\"Try adjusting your search or category filter.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/legal/LegalServiceDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegalServiceDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/legal/LegalServiceDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA0EH,wBAAgB,sBAAsB,gCA+NrC"}
+{"version":3,"file":"LegalServiceDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/legal/LegalServiceDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA2EH,wBAAgB,sBAAsB,gCAiOrC"}