@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

package/dist/housingvista/pages/rental/RentalManagementPage.js

@@ -6,31 +6,32 @@ import { StatusBadge as i } from "../../components/StatusBadge.js";
 import { EmptyState as a } from "../../components/EmptyState.js";
 import { ChartCard as te } from "../../components/ChartCard.js";
 import { FilterBar as ne } from "../../components/FilterBar.js";
-import { useCreateMaintenanceRequest as re, useCreateRentalUnit as ie, useMaintenanceRequests as ae, useRentalApplications as oe, useRentalUnits as se, useResolveMaintenanceRequest as ce, useReviewRentalApplication as le } from "../../hooks/index.js";
+import { useTrackPageView as re } from "../../hooks/useHousingVistaAnalytics.js";
+import { useCreateMaintenanceRequest as ie, useCreateRentalUnit as ae, useMaintenanceRequests as oe, useRentalApplications as se, useRentalUnits as ce, useResolveMaintenanceRequest as le, useReviewRentalApplication as ue } from "../../hooks/index.js";
 import { notify as o } from "../../lib/toast.js";
 import "../../components/index.js";
 import { useServerPagination as s } from "../../hooks/useServerPagination.js";
-import { Tooltip as ue } from "../../../node_modules/recharts/es6/component/Tooltip.js";
-import { ResponsiveContainer as de } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Cell as fe } from "../../../node_modules/recharts/es6/component/Cell.js";
-import { Pie as pe } from "../../../node_modules/recharts/es6/polar/Pie.js";
-import { PieChart as me } from "../../../node_modules/recharts/es6/chart/PieChart.js";
-import { useEffect as he, useMemo as c, useState as l } from "react";
-import { AlertCircle as ge, CheckCircle as u, Clock as _e, DollarSign as ve, FileText as ye, Home as be, Plus as d, TrendingUp as xe, Users as Se, Wrench as f, XCircle as Ce } from "lucide-react";
-import { Fragment as we, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h, EmphasisPanel as Te, NextSteps as Ee, Pagination as De, ResponsiveDialog as g, ResponsiveDialogContent as _, ResponsiveDialogDescription as v, ResponsiveDialogFooter as y, ResponsiveDialogHeader as b, ResponsiveDialogTitle as x } from "@burdenoff/fe-libs/ui";
+import { Tooltip as de } from "../../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as fe } from "../../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as pe } from "../../../node_modules/recharts/es6/component/Cell.js";
+import { Pie as me } from "../../../node_modules/recharts/es6/polar/Pie.js";
+import { PieChart as he } from "../../../node_modules/recharts/es6/chart/PieChart.js";
+import { useEffect as ge, useMemo as c, useState as l } from "react";
+import { AlertCircle as _e, CheckCircle as u, Clock as ve, DollarSign as ye, FileText as d, Home as be, Plus as xe, TrendingUp as Se, Users as Ce, Wrench as f, XCircle as we } from "lucide-react";
+import { Fragment as Te, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, EmphasisPanel as Ee, NextSteps as De, Pagination as Oe, ResponsiveDialog as g, ResponsiveDialogContent as _, ResponsiveDialogDescription as v, ResponsiveDialogFooter as y, ResponsiveDialogHeader as b, ResponsiveDialogTitle as x } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/rental/RentalManagementPage.tsx
-var S = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", Oe = "var(--color-status-success-text)", ke = "var(--color-status-warning-text)", Ae = "var(--color-status-error-text)", je = {
+var S = "h-10 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", ke = "var(--color-status-success-text)", Ae = "var(--color-status-warning-text)", je = "var(--color-status-error-text)", Me = {
 	background: "var(--color-bg-surface)",
 	border: "1px solid var(--color-border-subtle)",
 	borderRadius: 10,
 	fontSize: 12,
 	boxShadow: "0 8px 24px rgb(0 0 0 / 0.12)"
 }, C = "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]";
-function Me(e) {
+function Ne(e) {
 	return e ? new Date(e).toISOString() : "";
 }
-function Ne(e) {
+function Pe(e) {
 	switch (e) {
 		case "occupied": return "success";
 		case "vacant": return "warning";
@@ -39,7 +40,7 @@ function Ne(e) {
 		default: return "muted";
 	}
 }
-function Pe(e) {
+function Fe(e) {
 	switch (e) {
 		case "paid": return "success";
 		case "pending": return "warning";
@@ -47,7 +48,7 @@ function Pe(e) {
 		default: return "muted";
 	}
 }
-function Fe(e) {
+function Ie(e) {
 	switch (e) {
 		case "approved": return "success";
 		case "rejected": return "error";
@@ -56,7 +57,7 @@ function Fe(e) {
 		default: return "muted";
 	}
 }
-function Ie(e) {
+function Le(e) {
 	switch (e) {
 		case "resolved": return "success";
 		case "in_progress": return "info";
@@ -64,7 +65,7 @@ function Ie(e) {
 		default: return "muted";
 	}
 }
-function Le(e) {
+function Re(e) {
 	switch (e) {
 		case "high": return "error";
 		case "medium": return "warning";
@@ -72,26 +73,27 @@ function Le(e) {
 	}
 }
 function w() {
-	let w = s(10), [T, Re] = l(""), [ze, Be] = l("");
-	he(() => {
-		let e = setTimeout(() => Be(T), 300);
+	re("housingvista.rental.viewed");
+	let w = s(10), [T, ze] = l(""), [Be, Ve] = l("");
+	ge(() => {
+		let e = setTimeout(() => Ve(T), 300);
 		return () => clearTimeout(e);
 	}, [T]);
-	let { data: E, loading: Ve } = se({
-		filter: { search: ze.trim() || void 0 },
+	let { data: E, loading: He } = ce({
+		filter: { search: Be.trim() || void 0 },
 		pagination: w.pagination
-	}), He = (e) => {
-		Re(e), w.setPage(1);
-	}, { createRentalUnit: Ue, loading: We } = ie(), { createMaintenanceRequest: Ge, loading: Ke } = re(), D = s(5), { data: O, loading: qe, refetch: Je } = ae({ pagination: D.pagination }), { resolveMaintenanceRequest: Ye, loading: Xe } = ce(), [Ze, k] = l(!1), [A, j] = l(null), [Qe, $e] = l(""), M = s(5), [N, et] = l("all"), { data: P, loading: tt } = oe({
+	}), Ue = (e) => {
+		ze(e), w.setPage(1);
+	}, { createRentalUnit: We, loading: Ge } = ae(), { createMaintenanceRequest: Ke, loading: qe } = ie(), D = s(5), { data: O, loading: Je, refetch: Ye } = oe({ pagination: D.pagination }), { resolveMaintenanceRequest: Xe, loading: k } = le(), [Ze, A] = l(!1), [j, Qe] = l(null), [$e, et] = l(""), M = s(5), [N, tt] = l("all"), { data: P, loading: nt } = se({
 		filter: { status: N === "all" ? void 0 : N },
 		pagination: M.pagination
-	}), { reviewRentalApplication: nt, loading: rt } = le(), [it, F] = l(!1), [I, at] = l(null), [L, R] = l("approved"), [z, B] = l(""), [ot, V] = l(!1), [H, st] = l(""), [U, ct] = l(""), [W, lt] = l(""), [G, K] = l(""), [ut, dt] = l(""), [ft, pt] = l(""), [mt, ht] = l(""), [gt, _t] = l(""), [vt, yt] = l("occupied"), [bt, xt] = l("pending"), [q, St] = l(""), [Ct, J] = l(!1), [Y, wt] = l(null), [X, Tt] = l(""), [Et, Dt] = l(""), [Ot, kt] = l("plumbing"), [At, jt] = l("medium"), Mt = () => {
-		st(""), ct(""), lt(""), K(""), dt(""), pt(""), ht(""), _t(""), yt("occupied"), xt("pending"), St("");
-	}, Nt = () => {
-		Mt(), V(!0);
-	}, Pt = async (e) => {
+	}), { reviewRentalApplication: rt, loading: it } = ue(), [at, F] = l(!1), [I, ot] = l(null), [L, R] = l("approved"), [z, B] = l(""), [st, V] = l(!1), [H, ct] = l(""), [U, lt] = l(""), [W, ut] = l(""), [G, dt] = l(""), [ft, pt] = l(""), [mt, ht] = l(""), [gt, _t] = l(""), [vt, yt] = l(""), [bt, xt] = l("occupied"), [St, Ct] = l("pending"), [K, wt] = l(""), [Tt, q] = l(!1), [J, Et] = l(null), [Y, Dt] = l(""), [Ot, kt] = l(""), [At, X] = l("plumbing"), [jt, Mt] = l("medium"), Nt = () => {
+		ct(""), lt(""), ut(""), dt(""), pt(""), ht(""), _t(""), yt(""), xt("occupied"), Ct("pending"), wt("");
+	}, Pt = () => {
+		Nt(), V(!0);
+	}, Ft = async (e) => {
 		e.preventDefault();
-		let t = Number(ft);
+		let t = Number(mt);
 		if (!H.trim() || !U.trim() || !W.trim() || !G.trim()) {
 			o.warning("Missing details", "Property, unit, tenant name and email are required.");
 			return;
@@ -100,60 +102,60 @@ function w() {
 			o.warning("Enter a valid monthly rent");
 			return;
 		}
-		let n = q.trim() ? Number(q) : void 0;
+		let n = K.trim() ? Number(K) : void 0;
 		try {
-			await Ue({
+			await We({
 				propertyTitle: H.trim(),
 				unitNumber: U.trim(),
 				tenantName: W.trim(),
 				tenantEmail: G.trim(),
-				tenantPhone: ut.trim() || void 0,
+				tenantPhone: ft.trim() || void 0,
 				monthlyRent: t,
-				leaseStart: Me(mt),
-				leaseEnd: Me(gt),
-				status: vt,
-				paymentStatus: bt,
+				leaseStart: Ne(gt),
+				leaseEnd: Ne(vt),
+				status: bt,
+				paymentStatus: St,
 				securityDeposit: n !== void 0 && Number.isFinite(n) ? n : void 0
-			}), o.success("Rental unit added", `${W.trim()} added to ${H.trim()}.`), V(!1), Mt();
+			}), o.success("Rental unit added", `${W.trim()} added to ${H.trim()}.`), V(!1), Nt();
 		} catch (e) {
 			o.error("Could not add rental unit", e.message);
 		}
-	}, Ft = (e) => {
-		wt(e), Tt(""), Dt(""), kt("plumbing"), jt("medium"), J(!0);
-	}, It = async (e) => {
-		if (e.preventDefault(), Y) {
-			if (!X.trim()) {
+	}, It = (e) => {
+		Et(e), Dt(""), kt(""), X("plumbing"), Mt("medium"), q(!0);
+	}, Lt = async (e) => {
+		if (e.preventDefault(), J) {
+			if (!Y.trim()) {
 				o.warning("Add a short title for the request");
 				return;
 			}
 			try {
-				await Ge({
-					rentalUnitId: Y.id,
-					title: X.trim(),
-					description: Et.trim() || void 0,
-					category: Ot,
-					priority: At
-				}), o.success("Maintenance request logged", `Raised for ${Y.propertyTitle}, unit ${Y.unitNumber}.`), J(!1), wt(null), await Je();
+				await Ke({
+					rentalUnitId: J.id,
+					title: Y.trim(),
+					description: Ot.trim() || void 0,
+					category: At,
+					priority: jt
+				}), o.success("Maintenance request logged", `Raised for ${J.propertyTitle}, unit ${J.unitNumber}.`), q(!1), Et(null), await Ye();
 			} catch (e) {
 				o.error("Could not log maintenance request", e.message);
 			}
 		}
-	}, Lt = (e) => {
-		j(e), $e(""), k(!0);
-	}, Rt = async (e) => {
-		if (e.preventDefault(), A) try {
-			await Ye(A.id, Qe.trim() || void 0), o.success("Request resolved", `"${A.title}" was marked resolved.`), k(!1), j(null);
+	}, Rt = (e) => {
+		Qe(e), et(""), A(!0);
+	}, zt = async (e) => {
+		if (e.preventDefault(), j) try {
+			await Xe(j.id, $e.trim() || void 0), o.success("Request resolved", `"${j.title}" was marked resolved.`), A(!1), Qe(null);
 		} catch (e) {
 			o.error("Could not resolve request", e.message);
 		}
-	}, zt = (e, t) => {
-		at(e), R(t), B(""), F(!0);
-	}, Bt = async (e) => {
+	}, Bt = (e, t) => {
+		ot(e), R(t), B(""), F(!0);
+	}, Vt = async (e) => {
 		if (e.preventDefault(), I) try {
-			await nt(I.id, {
+			await rt(I.id, {
 				decision: L,
 				reviewNotes: z.trim() || void 0
-			}), o.success(L === "approved" ? "Application approved" : "Application rejected", `${I.applicantName}'s application was ${L}.`), F(!1), at(null);
+			}), o.success(L === "approved" ? "Application approved" : "Application rejected", `${I.applicantName}'s application was ${L}.`), F(!1), ot(null);
 		} catch (e) {
 			o.error("Could not update application", e.message);
 		}
@@ -176,17 +178,17 @@ function w() {
 		{
 			name: "Paid",
 			value: Q.paid,
-			color: Oe
+			color: ke
 		},
 		{
 			name: "Pending",
 			value: Q.pending,
-			color: ke
+			color: Ae
 		},
 		{
 			name: "Overdue",
 			value: Q.overdue,
-			color: Ae
+			color: je
 		}
 	].filter((e) => e.value > 0), [Q]);
 	return /* @__PURE__ */ m(n, {
@@ -195,12 +197,12 @@ function w() {
 		purpose: "Run your rentals as a business — track which units are occupied or vacant, who your tenants are, what rent is collected versus outstanding, and what needs action. Use it to chase late payments, fill vacancies, and keep leases current.",
 		actions: /* @__PURE__ */ m(h, {
 			type: "button",
-			onClick: Nt,
+			onClick: Pt,
 			className: "gap-2",
-			children: [/* @__PURE__ */ p(d, { className: "h-4 w-4" }), "Add Tenant"]
+			children: [/* @__PURE__ */ p(xe, { className: "h-4 w-4" }), "Add Tenant"]
 		}),
 		children: [
-			/* @__PURE__ */ p(Ee, {
+			/* @__PURE__ */ p(De, {
 				storageKey: "housingvista-rental",
 				steps: [{
 					id: "collection",
@@ -214,7 +216,7 @@ function w() {
 					href: "#rental-tenants"
 				}]
 			}),
-			/* @__PURE__ */ p(Te, {
+			/* @__PURE__ */ p(Ee, {
 				className: "p-4",
 				children: /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
@@ -227,7 +229,7 @@ function w() {
 						/* @__PURE__ */ p(r, {
 							label: "Occupied",
 							value: Z.occupied,
-							icon: /* @__PURE__ */ p(Se, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ p(Ce, { className: "h-4 w-4" })
 						}),
 						/* @__PURE__ */ p(r, {
 							label: "Vacant",
@@ -238,7 +240,7 @@ function w() {
 							label: "Monthly Income",
 							value: Z.monthlyIncome,
 							prefix: "$",
-							icon: /* @__PURE__ */ p(ve, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ p(ye, { className: "h-4 w-4" })
 						})
 					]
 				})
@@ -252,10 +254,10 @@ function w() {
 					className: "lg:col-span-1",
 					children: $.length > 0 ? /* @__PURE__ */ m("div", {
 						className: "relative h-52 w-full",
-						children: [/* @__PURE__ */ p(de, {
+						children: [/* @__PURE__ */ p(fe, {
 							width: "100%",
 							height: "100%",
-							children: /* @__PURE__ */ m(me, { children: [/* @__PURE__ */ p(pe, {
+							children: /* @__PURE__ */ m(he, { children: [/* @__PURE__ */ p(me, {
 								data: $,
 								dataKey: "value",
 								nameKey: "name",
@@ -264,9 +266,9 @@ function w() {
 								paddingAngle: 2,
 								stroke: "var(--color-bg-surface)",
 								strokeWidth: 2,
-								children: $.map((e) => /* @__PURE__ */ p(fe, { fill: e.color }, e.name))
-							}), /* @__PURE__ */ p(ue, {
-								contentStyle: je,
+								children: $.map((e) => /* @__PURE__ */ p(pe, { fill: e.color }, e.name))
+							}), /* @__PURE__ */ p(de, {
+								contentStyle: Me,
 								formatter: (e, t) => [`${e} ${e === 1 ? "unit" : "units"}`, t]
 							})] })
 						}), /* @__PURE__ */ m("div", {
@@ -307,7 +309,7 @@ function w() {
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3 rounded-lg bg-status-warning-bg-subtle p-4",
-								children: [/* @__PURE__ */ p(_e, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ m("div", { children: [
+								children: [/* @__PURE__ */ p(ve, { className: "h-5 w-5 text-status-warning-text" }), /* @__PURE__ */ m("div", { children: [
 									/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-secondary",
 										children: "Pending"
@@ -324,7 +326,7 @@ function w() {
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3 rounded-lg bg-status-error-bg-subtle p-4",
-								children: [/* @__PURE__ */ p(ge, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ m("div", { children: [
+								children: [/* @__PURE__ */ p(_e, { className: "h-5 w-5 text-status-error-text" }), /* @__PURE__ */ m("div", { children: [
 									/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-secondary",
 										children: "Overdue"
@@ -341,7 +343,7 @@ function w() {
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3 rounded-lg bg-status-info-bg-subtle p-4",
-								children: [/* @__PURE__ */ p(xe, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ m("div", { children: [
+								children: [/* @__PURE__ */ p(Se, { className: "h-5 w-5 text-status-info-text" }), /* @__PURE__ */ m("div", { children: [
 									/* @__PURE__ */ p("p", {
 										className: "text-sm text-text-secondary",
 										children: "Collection Rate"
@@ -367,7 +369,7 @@ function w() {
 					className: "mb-4 flex flex-wrap items-center justify-between gap-3",
 					children: [/* @__PURE__ */ m("h3", {
 						className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-						children: [/* @__PURE__ */ p(ye, { className: "h-5 w-5" }), "Rental Applications"]
+						children: [/* @__PURE__ */ p(d, { className: "h-5 w-5" }), "Rental Applications"]
 					}), /* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
@@ -379,13 +381,13 @@ function w() {
 						].map((e) => /* @__PURE__ */ p("button", {
 							type: "button",
 							onClick: () => {
-								et(e), M.setPage(1);
+								tt(e), M.setPage(1);
 							},
 							className: `rounded-md px-3 py-1.5 text-xs font-medium capitalize transition-colors ${N === e ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"}`,
 							children: e
 						}, e))
 					})]
-				}), P.length > 0 ? /* @__PURE__ */ m(we, { children: [/* @__PURE__ */ p("ul", {
+				}), P.length > 0 ? /* @__PURE__ */ m(Te, { children: [/* @__PURE__ */ p("ul", {
 					className: "space-y-3",
 					children: P.map((n) => /* @__PURE__ */ m("li", {
 						className: "flex flex-col gap-3 rounded-lg border border-border-subtle p-4 sm:flex-row sm:items-center sm:justify-between",
@@ -399,7 +401,7 @@ function w() {
 										children: n.applicantName
 									}), /* @__PURE__ */ p(i, {
 										label: n.status,
-										variant: Fe(n.status)
+										variant: Ie(n.status)
 									})]
 								}),
 								/* @__PURE__ */ p("p", {
@@ -421,13 +423,13 @@ function w() {
 								type: "button",
 								variant: "outline",
 								size: "sm",
-								onClick: () => zt(n, "rejected"),
+								onClick: () => Bt(n, "rejected"),
 								className: "gap-1.5",
-								children: [/* @__PURE__ */ p(Ce, { className: "h-3.5 w-3.5" }), "Reject"]
+								children: [/* @__PURE__ */ p(we, { className: "h-3.5 w-3.5" }), "Reject"]
 							}), /* @__PURE__ */ m(h, {
 								type: "button",
 								size: "sm",
-								onClick: () => zt(n, "approved"),
+								onClick: () => Bt(n, "approved"),
 								className: "gap-1.5",
 								children: [/* @__PURE__ */ p(u, { className: "h-3.5 w-3.5" }), "Approve"]
 							})]
@@ -438,7 +440,7 @@ function w() {
 					}, n.id))
 				}), /* @__PURE__ */ p("div", {
 					className: "mt-4",
-					children: /* @__PURE__ */ p(De, {
+					children: /* @__PURE__ */ p(Oe, {
 						page: M.page,
 						pageSize: M.pageSize,
 						hasNextPage: P.length >= M.pageSize,
@@ -448,9 +450,9 @@ function w() {
 					})
 				})] }) : /* @__PURE__ */ p(a, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ p(ye, { className: "h-10 w-10" }),
+					icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
 					title: "No applications",
-					description: tt ? "Loading applications…" : "Rental applications from prospective tenants will appear here for review.",
+					description: nt ? "Loading applications…" : "Rental applications from prospective tenants will appear here for review.",
 					className: "border-0 bg-transparent p-4"
 				})]
 			}),
@@ -464,7 +466,7 @@ function w() {
 					}),
 					/* @__PURE__ */ p(ne, {
 						searchValue: T,
-						onSearchChange: He,
+						onSearchChange: Ue,
 						searchPlaceholder: "Search units, tenants..."
 					}),
 					/* @__PURE__ */ p("div", {
@@ -533,10 +535,10 @@ function w() {
 										className: "flex flex-col gap-1",
 										children: [/* @__PURE__ */ p(i, {
 											label: e.status.replace("_", " "),
-											variant: Ne(e.status)
+											variant: Pe(e.status)
 										}), /* @__PURE__ */ p(i, {
 											label: e.paymentStatus,
-											variant: Pe(e.paymentStatus)
+											variant: Fe(e.paymentStatus)
 										})]
 									})
 								},
@@ -547,7 +549,7 @@ function w() {
 										type: "button",
 										variant: "ghost",
 										size: "sm",
-										onClick: () => Ft(e),
+										onClick: () => It(e),
 										className: "gap-1.5",
 										children: [/* @__PURE__ */ p(f, { className: "h-3.5 w-3.5" }), "Maintenance"]
 									})
@@ -560,20 +562,20 @@ function w() {
 								page: w.page,
 								pageSize: w.pageSize,
 								hasNextPage: E.length >= w.pageSize,
-								loading: Ve,
+								loading: He,
 								onPageChange: w.setPage,
 								onPageSizeChange: w.setPageSize
 							}
 						}) : /* @__PURE__ */ p(a, {
 							illustration: "empty-people",
-							icon: /* @__PURE__ */ p(Se, { className: "h-12 w-12" }),
+							icon: /* @__PURE__ */ p(Ce, { className: "h-12 w-12" }),
 							title: "No rental units found",
 							description: "Try adjusting your search criteria or add a new tenant.",
 							action: /* @__PURE__ */ m(h, {
 								type: "button",
-								onClick: Nt,
+								onClick: Pt,
 								className: "gap-2",
-								children: [/* @__PURE__ */ p(d, { className: "h-4 w-4" }), "Add Tenant"]
+								children: [/* @__PURE__ */ p(xe, { className: "h-4 w-4" }), "Add Tenant"]
 							})
 						})
 					})
@@ -585,7 +587,7 @@ function w() {
 				children: [/* @__PURE__ */ m("h3", {
 					className: "mb-4 flex items-center gap-2 text-lg font-semibold text-text-primary",
 					children: [/* @__PURE__ */ p(f, { className: "h-5 w-5" }), "Maintenance Requests"]
-				}), O.length > 0 ? /* @__PURE__ */ m(we, { children: [/* @__PURE__ */ p("ul", {
+				}), O.length > 0 ? /* @__PURE__ */ m(Te, { children: [/* @__PURE__ */ p("ul", {
 					className: "space-y-3",
 					children: O.map((e) => /* @__PURE__ */ m("li", {
 						className: "flex flex-col gap-3 rounded-lg border border-border-subtle p-4 sm:flex-row sm:items-center sm:justify-between",
@@ -601,11 +603,11 @@ function w() {
 										}),
 										/* @__PURE__ */ p(i, {
 											label: e.status.replace("_", " "),
-											variant: Ie(e.status)
+											variant: Le(e.status)
 										}),
 										/* @__PURE__ */ p(i, {
 											label: e.priority,
-											variant: Le(e.priority)
+											variant: Re(e.priority)
 										})
 									]
 								}),
@@ -624,14 +626,14 @@ function w() {
 						}) : /* @__PURE__ */ m(h, {
 							type: "button",
 							size: "sm",
-							onClick: () => Lt(e),
+							onClick: () => Rt(e),
 							className: "shrink-0 gap-1.5",
 							children: [/* @__PURE__ */ p(u, { className: "h-3.5 w-3.5" }), "Resolve"]
 						})]
 					}, e.id))
 				}), /* @__PURE__ */ p("div", {
 					className: "mt-4",
-					children: /* @__PURE__ */ p(De, {
+					children: /* @__PURE__ */ p(Oe, {
 						page: D.page,
 						pageSize: D.pageSize,
 						hasNextPage: O.length >= D.pageSize,
@@ -643,17 +645,17 @@ function w() {
 					illustration: "empty-data",
 					icon: /* @__PURE__ */ p(f, { className: "h-10 w-10" }),
 					title: "No maintenance requests",
-					description: qe ? "Loading maintenance requests…" : "Repairs raised against your units will appear here so you can track and resolve them.",
+					description: Je ? "Loading maintenance requests…" : "Repairs raised against your units will appear here so you can track and resolve them.",
 					className: "border-0 bg-transparent p-4"
 				})]
 			}),
 			/* @__PURE__ */ p(g, {
-				open: ot,
+				open: st,
 				onOpenChange: V,
 				children: /* @__PURE__ */ p(_, {
 					className: "sm:max-w-lg",
 					children: /* @__PURE__ */ m("form", {
-						onSubmit: Pt,
+						onSubmit: Ft,
 						children: [
 							/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Add rental unit" }), /* @__PURE__ */ p(v, { children: "Register a unit and its tenant to start tracking rent and lease dates." })] }),
 							/* @__PURE__ */ m("div", {
@@ -669,7 +671,7 @@ function w() {
 											required: !0,
 											placeholder: "e.g. Maple Court",
 											value: H,
-											onChange: (e) => st(e.target.value),
+											onChange: (e) => ct(e.target.value),
 											className: S
 										})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
@@ -679,7 +681,7 @@ function w() {
 											required: !0,
 											placeholder: "e.g. 4B",
 											value: U,
-											onChange: (e) => ct(e.target.value),
+											onChange: (e) => lt(e.target.value),
 											className: S
 										})] })]
 									}),
@@ -693,7 +695,7 @@ function w() {
 											required: !0,
 											placeholder: "Full name",
 											value: W,
-											onChange: (e) => lt(e.target.value),
+											onChange: (e) => ut(e.target.value),
 											className: S
 										})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
@@ -703,7 +705,7 @@ function w() {
 											required: !0,
 											placeholder: "name@example.com",
 											value: G,
-											onChange: (e) => K(e.target.value),
+											onChange: (e) => dt(e.target.value),
 											className: S
 										})] })]
 									}),
@@ -715,8 +717,8 @@ function w() {
 										}), /* @__PURE__ */ p("input", {
 											type: "tel",
 											placeholder: "Optional",
-											value: ut,
-											onChange: (e) => dt(e.target.value),
+											value: ft,
+											onChange: (e) => pt(e.target.value),
 											className: S
 										})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
@@ -727,8 +729,8 @@ function w() {
 											min: 0,
 											step: "0.01",
 											placeholder: "0.00",
-											value: ft,
-											onChange: (e) => pt(e.target.value),
+											value: mt,
+											onChange: (e) => ht(e.target.value),
 											className: S
 										})] })]
 									}),
@@ -739,16 +741,16 @@ function w() {
 											children: "Lease start"
 										}), /* @__PURE__ */ p("input", {
 											type: "date",
-											value: mt,
-											onChange: (e) => ht(e.target.value),
+											value: gt,
+											onChange: (e) => _t(e.target.value),
 											className: S
 										})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Lease end"
 										}), /* @__PURE__ */ p("input", {
 											type: "date",
-											value: gt,
-											onChange: (e) => _t(e.target.value),
+											value: vt,
+											onChange: (e) => yt(e.target.value),
 											className: S
 										})] })]
 									}),
@@ -759,8 +761,8 @@ function w() {
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: "Status"
 											}), /* @__PURE__ */ m("select", {
-												value: vt,
-												onChange: (e) => yt(e.target.value),
+												value: bt,
+												onChange: (e) => xt(e.target.value),
 												className: S,
 												children: [
 													/* @__PURE__ */ p("option", {
@@ -785,8 +787,8 @@ function w() {
 												className: "mb-1.5 block text-sm font-medium text-text-primary",
 												children: "Payment"
 											}), /* @__PURE__ */ m("select", {
-												value: bt,
-												onChange: (e) => xt(e.target.value),
+												value: St,
+												onChange: (e) => Ct(e.target.value),
 												className: S,
 												children: [
 													/* @__PURE__ */ p("option", {
@@ -811,8 +813,8 @@ function w() {
 												min: 0,
 												step: "0.01",
 												placeholder: "Optional",
-												value: q,
-												onChange: (e) => St(e.target.value),
+												value: K,
+												onChange: (e) => wt(e.target.value),
 												className: S
 											})] })
 										]
@@ -826,22 +828,22 @@ function w() {
 								children: "Cancel"
 							}), /* @__PURE__ */ p(h, {
 								type: "submit",
-								disabled: We,
-								children: We ? "Saving…" : "Add unit"
+								disabled: Ge,
+								children: Ge ? "Saving…" : "Add unit"
 							})] })
 						]
 					})
 				})
 			}),
 			/* @__PURE__ */ p(g, {
-				open: Ct,
-				onOpenChange: J,
+				open: Tt,
+				onOpenChange: q,
 				children: /* @__PURE__ */ p(_, {
 					className: "sm:max-w-md",
 					children: /* @__PURE__ */ m("form", {
-						onSubmit: It,
+						onSubmit: Lt,
 						children: [
-							/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Log maintenance request" }), /* @__PURE__ */ p(v, { children: Y ? `Raise a repair for ${Y.propertyTitle}, unit ${Y.unitNumber}.` : "Raise a repair for this unit." })] }),
+							/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Log maintenance request" }), /* @__PURE__ */ p(v, { children: J ? `Raise a repair for ${J.propertyTitle}, unit ${J.unitNumber}.` : "Raise a repair for this unit." })] }),
 							/* @__PURE__ */ m("div", {
 								className: "space-y-3 py-2",
 								children: [
@@ -852,8 +854,8 @@ function w() {
 										type: "text",
 										required: !0,
 										placeholder: "e.g. Leaking kitchen tap",
-										value: X,
-										onChange: (e) => Tt(e.target.value),
+										value: Y,
+										onChange: (e) => Dt(e.target.value),
 										className: S
 									})] }),
 									/* @__PURE__ */ m("div", {
@@ -862,8 +864,8 @@ function w() {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Category"
 										}), /* @__PURE__ */ m("select", {
-											value: Ot,
-											onChange: (e) => kt(e.target.value),
+											value: At,
+											onChange: (e) => X(e.target.value),
 											className: S,
 											children: [
 												/* @__PURE__ */ p("option", {
@@ -891,8 +893,8 @@ function w() {
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "Priority"
 										}), /* @__PURE__ */ m("select", {
-											value: At,
-											onChange: (e) => jt(e.target.value),
+											value: jt,
+											onChange: (e) => Mt(e.target.value),
 											className: S,
 											children: [
 												/* @__PURE__ */ p("option", {
@@ -916,8 +918,8 @@ function w() {
 									}), /* @__PURE__ */ p("textarea", {
 										rows: 3,
 										placeholder: "Optional — add context for the technician",
-										value: Et,
-										onChange: (e) => Dt(e.target.value),
+										value: Ot,
+										onChange: (e) => kt(e.target.value),
 										className: C
 									})] })
 								]
@@ -925,12 +927,12 @@ function w() {
 							/* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(h, {
 								type: "button",
 								variant: "outline",
-								onClick: () => J(!1),
+								onClick: () => q(!1),
 								children: "Cancel"
 							}), /* @__PURE__ */ p(h, {
 								type: "submit",
-								disabled: Ke,
-								children: Ke ? "Submitting…" : "Log request"
+								disabled: qe,
+								children: qe ? "Submitting…" : "Log request"
 							})] })
 						]
 					})
@@ -938,13 +940,13 @@ function w() {
 			}),
 			/* @__PURE__ */ p(g, {
 				open: Ze,
-				onOpenChange: k,
+				onOpenChange: A,
 				children: /* @__PURE__ */ p(_, {
 					className: "sm:max-w-md",
 					children: /* @__PURE__ */ m("form", {
-						onSubmit: Rt,
+						onSubmit: zt,
 						children: [
-							/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Resolve maintenance request" }), /* @__PURE__ */ p(v, { children: A ? `Mark "${A.title}" as resolved.` : "Mark this request as resolved." })] }),
+							/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: "Resolve maintenance request" }), /* @__PURE__ */ p(v, { children: j ? `Mark "${j.title}" as resolved.` : "Mark this request as resolved." })] }),
 							/* @__PURE__ */ p("div", {
 								className: "space-y-3 py-2",
 								children: /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
@@ -953,32 +955,32 @@ function w() {
 								}), /* @__PURE__ */ p("textarea", {
 									rows: 3,
 									placeholder: "Optional — describe the fix or outcome",
-									value: Qe,
-									onChange: (e) => $e(e.target.value),
+									value: $e,
+									onChange: (e) => et(e.target.value),
 									className: C
 								})] })
 							}),
 							/* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(h, {
 								type: "button",
 								variant: "outline",
-								onClick: () => k(!1),
+								onClick: () => A(!1),
 								children: "Cancel"
 							}), /* @__PURE__ */ p(h, {
 								type: "submit",
-								disabled: Xe,
-								children: Xe ? "Resolving…" : "Mark resolved"
+								disabled: k,
+								children: k ? "Resolving…" : "Mark resolved"
 							})] })
 						]
 					})
 				})
 			}),
 			/* @__PURE__ */ p(g, {
-				open: it,
+				open: at,
 				onOpenChange: F,
 				children: /* @__PURE__ */ p(_, {
 					className: "sm:max-w-md",
 					children: /* @__PURE__ */ m("form", {
-						onSubmit: Bt,
+						onSubmit: Vt,
 						children: [
 							/* @__PURE__ */ m(b, { children: [/* @__PURE__ */ p(x, { children: L === "approved" ? "Approve application" : "Reject application" }), /* @__PURE__ */ p(v, { children: I ? `${I.applicantName} — ${I.rentalUnit ? `${I.rentalUnit.propertyTitle}, unit ${I.rentalUnit.unitNumber}` : "unit unavailable"}` : "Review this rental application." })] }),
 							/* @__PURE__ */ m("div", {
@@ -1015,8 +1017,8 @@ function w() {
 								children: "Cancel"
 							}), /* @__PURE__ */ p(h, {
 								type: "submit",
-								disabled: rt,
-								children: rt ? "Saving…" : L === "approved" ? "Approve" : "Reject"
+								disabled: it,
+								children: it ? "Saving…" : L === "approved" ? "Approve" : "Reject"
 							})] })
 						]
 					})