@burdenoff/microfe-housingvista 2026.720.1 → 2026.720.2

package/dist/housingvista/pages/properties/PropertiesPage.js

@@ -3,152 +3,174 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { StatCard as n } from "../../components/StatCard.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { FilterBar as i } from "../../components/FilterBar.js";
-import { LoadingSkeleton as ee } from "../../components/LoadingSkeleton.js";
-import { PropertyCard as te } from "../../components/PropertyCard.js";
-import { useHousingVistaAnalytics as ne, useTrackPageView as a } from "../../hooks/useHousingVistaAnalytics.js";
-import { useDashboardStats as re, useProperties as ie, useRemoveShortlist as ae, useSaveShortlist as oe, useShortlists as o } from "../../hooks/index.js";
+import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
+import { PropertyCard as ee } from "../../components/PropertyCard.js";
+import { useHousingVistaAnalytics as te, useTrackPageView as ne } from "../../hooks/useHousingVistaAnalytics.js";
+import { useDashboardStats as re, useProperties as o, useRemoveShortlist as ie, useSaveShortlist as ae, useShortlists as oe } from "../../hooks/index.js";
 import { notify as s } from "../../lib/toast.js";
 import "../../components/index.js";
-import { useServerPagination as c } from "../../hooks/useServerPagination.js";
-import { useEffect as l, useMemo as u, useState as d } from "react";
-import { Building as f, Grid as se, List as ce, Plus as le, SlidersHorizontal as ue, X as de } from "lucide-react";
-import { useNavigate as fe } from "react-router-dom";
-import { Fragment as pe, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as he, Pagination as h } from "@burdenoff/fe-libs/ui";
+import { useServerPagination as se } from "../../hooks/useServerPagination.js";
+import { PropertyMapView as ce } from "../../components/maps/PropertyMapView.js";
+import "../../components/maps/index.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { Building as d, Grid as le, List as ue, Map as de, Plus as fe, SlidersHorizontal as pe, X as me } from "lucide-react";
+import { useNavigate as he, useSearchParams as ge } from "react-router-dom";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as ve, Pagination as ye } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/properties/PropertiesPage.tsx
-var g = 9, _ = () => {
-	let _ = fe(), { t: v } = me(), { emit: ge, emitResource: _e, emitSearch: ve } = ne();
-	a("housingvista.property.viewed");
-	let y = (e, t) => {
-		let n = v(e);
+function be(e) {
+	return [
+		e.neLat,
+		e.neLng,
+		e.swLat,
+		e.swLng
+	].map((e) => e.toFixed(5)).join(",");
+}
+function xe(e) {
+	if (!e) return;
+	let t = e.split(",").map(Number);
+	if (t.length !== 4 || t.some((e) => Number.isNaN(e))) return;
+	let [n, r, i, a] = t;
+	return {
+		neLat: n,
+		neLng: r,
+		swLat: i,
+		swLng: a
+	};
+}
+var Se = 9, h = () => {
+	let h = he(), [g, _] = ge(), { t: Ce } = _e(), { emit: we, emitResource: Te, emitSearch: Ee } = te();
+	ne("housingvista.property.viewed");
+	let v = (e, t) => {
+		let n = Ce(e);
 		return n === e ? t : n;
-	}, ye = [
+	}, De = [
 		{
 			value: "all",
-			label: y("housingvista.properties.filters.propertyTypes.all", "All Types")
+			label: v("housingvista.properties.filters.propertyTypes.all", "All Types")
 		},
 		{
 			value: "residential",
-			label: y("housingvista.properties.filters.propertyTypes.residential", "Residential")
+			label: v("housingvista.properties.filters.propertyTypes.residential", "Residential")
 		},
 		{
 			value: "commercial",
-			label: y("housingvista.properties.filters.propertyTypes.commercial", "Commercial")
+			label: v("housingvista.properties.filters.propertyTypes.commercial", "Commercial")
 		},
 		{
 			value: "industrial",
-			label: y("housingvista.properties.filters.propertyTypes.industrial", "Industrial")
+			label: v("housingvista.properties.filters.propertyTypes.industrial", "Industrial")
 		},
 		{
 			value: "agricultural",
-			label: y("housingvista.properties.filters.propertyTypes.agricultural", "Agricultural")
+			label: v("housingvista.properties.filters.propertyTypes.agricultural", "Agricultural")
 		},
 		{
 			value: "mixed_use",
-			label: y("housingvista.properties.filters.propertyTypes.mixedUse", "Mixed Use")
+			label: v("housingvista.properties.filters.propertyTypes.mixedUse", "Mixed Use")
 		}
-	], be = [
+	], Oe = [
 		{
 			value: "all",
-			label: y("housingvista.properties.filters.propertyStatuses.all", "All Status")
+			label: v("housingvista.properties.filters.propertyStatuses.all", "All Status")
 		},
 		{
 			value: "for_sale",
-			label: y("housingvista.properties.filters.propertyStatuses.forSale", "For Sale")
+			label: v("housingvista.properties.filters.propertyStatuses.forSale", "For Sale")
 		},
 		{
 			value: "for_rent",
-			label: y("housingvista.properties.filters.propertyStatuses.forRent", "For Rent")
+			label: v("housingvista.properties.filters.propertyStatuses.forRent", "For Rent")
 		},
 		{
 			value: "sold",
-			label: y("housingvista.properties.filters.propertyStatuses.sold", "Sold")
+			label: v("housingvista.properties.filters.propertyStatuses.sold", "Sold")
 		},
 		{
 			value: "rented",
-			label: y("housingvista.properties.filters.propertyStatuses.rented", "Rented")
+			label: v("housingvista.properties.filters.propertyStatuses.rented", "Rented")
 		},
 		{
 			value: "under_contract",
-			label: y("housingvista.properties.filters.propertyStatuses.underContract", "Under Contract")
+			label: v("housingvista.properties.filters.propertyStatuses.underContract", "Under Contract")
 		},
 		{
 			value: "off_market",
-			label: y("housingvista.properties.filters.propertyStatuses.offMarket", "Off Market")
+			label: v("housingvista.properties.filters.propertyStatuses.offMarket", "Off Market")
 		}
-	], xe = [
+	], ke = [
 		{
 			value: "all",
-			label: y("housingvista.properties.filters.propertyCategories.all", "All Categories")
+			label: v("housingvista.properties.filters.propertyCategories.all", "All Categories")
 		},
 		{
 			value: "apartment",
-			label: y("housingvista.properties.filters.propertyCategories.apartment", "Apartment")
+			label: v("housingvista.properties.filters.propertyCategories.apartment", "Apartment")
 		},
 		{
 			value: "house",
-			label: y("housingvista.properties.filters.propertyCategories.house", "House")
+			label: v("housingvista.properties.filters.propertyCategories.house", "House")
 		},
 		{
 			value: "villa",
-			label: y("housingvista.properties.filters.propertyCategories.villa", "Villa")
+			label: v("housingvista.properties.filters.propertyCategories.villa", "Villa")
 		},
 		{
 			value: "office",
-			label: y("housingvista.properties.filters.propertyCategories.office", "Office")
+			label: v("housingvista.properties.filters.propertyCategories.office", "Office")
 		},
 		{
 			value: "retail",
-			label: y("housingvista.properties.filters.propertyCategories.retail", "Retail")
+			label: v("housingvista.properties.filters.propertyCategories.retail", "Retail")
 		},
 		{
 			value: "warehouse",
-			label: y("housingvista.properties.filters.propertyCategories.warehouse", "Warehouse")
+			label: v("housingvista.properties.filters.propertyCategories.warehouse", "Warehouse")
 		},
 		{
 			value: "land",
-			label: y("housingvista.properties.filters.propertyCategories.land", "Land")
+			label: v("housingvista.properties.filters.propertyCategories.land", "Land")
 		},
 		{
 			value: "plot",
-			label: y("housingvista.properties.filters.propertyCategories.plot", "Plot")
+			label: v("housingvista.properties.filters.propertyCategories.plot", "Plot")
 		}
-	], b = [
+	], y = [
 		{
 			value: "all",
-			label: y("housingvista.properties.filters.priceRanges.all", "Any Price"),
+			label: v("housingvista.properties.filters.priceRanges.all", "Any Price"),
 			min: 0,
 			max: Infinity
 		},
 		{
 			value: "under_100k",
-			label: y("housingvista.properties.filters.priceRanges.under100k", "Under $100K"),
+			label: v("housingvista.properties.filters.priceRanges.under100k", "Under $100K"),
 			min: 0,
 			max: 1e5
 		},
 		{
 			value: "100k_500k",
-			label: y("housingvista.properties.filters.priceRanges.100kTo500k", "$100K - $500K"),
+			label: v("housingvista.properties.filters.priceRanges.100kTo500k", "$100K - $500K"),
 			min: 1e5,
 			max: 5e5
 		},
 		{
 			value: "500k_1m",
-			label: y("housingvista.properties.filters.priceRanges.500kTo1m", "$500K - $1M"),
+			label: v("housingvista.properties.filters.priceRanges.500kTo1m", "$500K - $1M"),
 			min: 5e5,
 			max: 1e6
 		},
 		{
 			value: "over_1m",
-			label: y("housingvista.properties.filters.priceRanges.over1m", "Over $1M"),
+			label: v("housingvista.properties.filters.priceRanges.over1m", "Over $1M"),
 			min: 1e6,
 			max: Infinity
 		}
-	], Se = [
+	], Ae = [
 		{
 			value: "all",
-			label: y("housingvista.properties.filters.bedrooms.all", "Any Bedrooms")
+			label: v("housingvista.properties.filters.bedrooms.all", "Any Bedrooms")
 		},
 		{
 			value: "1",
@@ -170,111 +192,130 @@ var g = 9, _ = () => {
 			value: "5",
 			label: "5+"
 		}
-	], [x, S] = d(""), [C, w] = d("all"), [T, E] = d("all"), [D, O] = d("all"), [k, A] = d("all"), [j, M] = d("all"), [N, P] = d("grid"), [F, Ce] = d(!1), we = [
+	], [b, x] = u(""), [S, C] = u("all"), [w, T] = u("all"), [E, D] = u("all"), [O, k] = u("all"), [A, j] = u("all"), M = g.get("view"), [N, je] = u(M === "map" || M === "list" ? M : "grid"), [P, Me] = u(() => xe(g.get("bounds"))), [F, Ne] = u(!1), I = (e) => {
+		je(e);
+		let t = new URLSearchParams(g);
+		e === "grid" ? t.delete("view") : t.set("view", e), e !== "map" && t.delete("bounds"), _(t, { replace: !0 });
+	}, Pe = (e) => {
+		Me(e);
+		let t = new URLSearchParams(g);
+		t.set("view", "map"), t.set("bounds", be(e)), _(t, { replace: !0 });
+	}, Fe = [
 		{
 			value: "all",
-			label: y("housingvista.properties.filters.rera.all", "Any RERA status")
+			label: v("housingvista.properties.filters.rera.all", "Any RERA status")
 		},
 		{
 			value: "verified",
-			label: y("housingvista.properties.filters.rera.verified", "RERA Verified")
+			label: v("housingvista.properties.filters.rera.verified", "RERA Verified")
 		},
 		{
 			value: "pending",
-			label: y("housingvista.properties.filters.rera.pending", "RERA Pending")
+			label: v("housingvista.properties.filters.rera.pending", "RERA Pending")
 		},
 		{
 			value: "not_applicable",
-			label: y("housingvista.properties.filters.rera.notApplicable", "Not RERA-applicable")
+			label: v("housingvista.properties.filters.rera.notApplicable", "Not RERA-applicable")
 		},
 		{
 			value: "rejected",
-			label: y("housingvista.properties.filters.rera.rejected", "RERA Rejected")
+			label: v("housingvista.properties.filters.rera.rejected", "RERA Rejected")
 		}
-	], [I, L] = d("all"), R = b.find((e) => e.value === k) ?? b[0], z = j === "all" ? 0 : Number(j), [B, Te] = d("");
-	l(() => {
-		let e = setTimeout(() => Te(x), 300);
+	], [L, R] = u("all"), z = y.find((e) => e.value === O) ?? y[0], B = A === "all" ? 0 : Number(A), [V, Ie] = u("");
+	c(() => {
+		let e = setTimeout(() => Ie(b), 300);
 		return () => clearTimeout(e);
-	}, [x]), l(() => {
-		B.trim() && ve("properties");
-	}, [B]);
-	let { page: V, pageSize: H, pagination: Ee, setPage: U, setPageSize: De } = c(g), W = u(() => {
+	}, [b]), c(() => {
+		V.trim() && Ee("properties");
+	}, [V]);
+	let { page: H, pageSize: U, pagination: Le, setPage: W, setPageSize: Re } = se(Se), G = l(() => {
 		let e = {};
-		return B.trim() && (e.search = B.trim()), T !== "all" && (e.status = T), C !== "all" && (e.type = C), D !== "all" && (e.category = D), R.min > 0 && (e.priceMin = R.min), Number.isFinite(R.max) && (e.priceMax = R.max), z > 0 && (e.bedroomsMin = z), I !== "all" && (e.reraVerificationStatus = I), Object.keys(e).length > 0 ? e : void 0;
+		return V.trim() && (e.search = V.trim()), w !== "all" && (e.status = w), S !== "all" && (e.type = S), E !== "all" && (e.category = E), z.min > 0 && (e.priceMin = z.min), Number.isFinite(z.max) && (e.priceMax = z.max), B > 0 && (e.bedroomsMin = B), L !== "all" && (e.reraVerificationStatus = L), Object.keys(e).length > 0 ? e : void 0;
 	}, [
-		B,
-		T,
-		C,
-		D,
-		R,
+		V,
+		w,
+		S,
+		E,
 		z,
-		I
+		B,
+		L
 	]);
-	l(() => {
-		U(1);
-	}, [W, U]);
-	let { data: G, loading: K } = ie({
-		filter: W,
-		pagination: Ee
-	}), { data: q } = re(), { data: J } = o(), { saveShortlist: Y } = oe(), { removeShortlist: Oe } = ae(), X = u(() => new Set(J.map((e) => e.propertyId)), [J]), ke = async (e) => {
+	c(() => {
+		W(1);
+	}, [G, W]);
+	let { data: K, loading: q } = o({
+		filter: G,
+		pagination: Le,
+		skip: N === "map"
+	}), { data: ze, loading: Be } = o({
+		filter: l(() => P ? {
+			...G ?? {},
+			bounds: P
+		} : G, [G, P]),
+		pagination: {
+			limit: 200,
+			offset: 0
+		},
+		skip: N !== "map"
+	}), { data: J } = re(), { data: Y } = oe(), { saveShortlist: Ve } = ae(), { removeShortlist: He } = ie(), X = l(() => new Set(Y.map((e) => e.propertyId)), [Y]), Ue = async (e) => {
 		try {
-			X.has(e) ? (await Oe(e), s.success("Removed from shortlist")) : (await Y(e), _e("housingvista.shortlist.property_added", e), s.success("Saved to shortlist"));
+			X.has(e) ? (await He(e), s.success("Removed from shortlist")) : (await Ve(e), Te("housingvista.shortlist.property_added", e), s.success("Saved to shortlist"));
 		} catch (e) {
 			s.error("Could not update shortlist", e.message);
 		}
-	}, Z = G, Ae = G.length >= H, Q = x || C !== "all" || T !== "all" || D !== "all" || k !== "all" || j !== "all" || I !== "all", $ = () => {
-		S(""), w("all"), E("all"), O("all"), A("all"), M("all"), L("all");
+	}, Z = K, We = K.length >= U, Q = b || S !== "all" || w !== "all" || E !== "all" || O !== "all" || A !== "all" || L !== "all", $ = () => {
+		x(""), C("all"), T("all"), D("all"), k("all"), j("all"), R("all");
 	};
 	return /* @__PURE__ */ m(t, {
-		title: y("housingvista.properties.title", "Properties"),
-		description: y("housingvista.properties.description", "Discover your perfect property from our comprehensive listings"),
-		purpose: y("housingvista.properties.purpose", "Browse, search, and filter every property in your portfolio or on the market. Use the filters to narrow by type, status, price, and bedrooms, then open any listing to see full details, schedule viewings, or start a transaction."),
+		title: v("housingvista.properties.title", "Properties"),
+		description: v("housingvista.properties.description", "Discover your perfect property from our comprehensive listings"),
+		purpose: v("housingvista.properties.purpose", "Browse, search, and filter every property in your portfolio or on the market. Use the filters to narrow by type, status, price, and bedrooms, then open any listing to see full details, schedule viewings, or start a transaction."),
 		actions: /* @__PURE__ */ m("button", {
 			onClick: () => {
-				ge("housingvista.property.create_clicked"), _("new");
+				we("housingvista.property.create_clicked"), h("new");
 			},
 			className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
-			children: [/* @__PURE__ */ p(le, { className: "h-4 w-4" }), y("housingvista.properties.actions.addProperty", "Add Property")]
+			children: [/* @__PURE__ */ p(fe, { className: "h-4 w-4" }), v("housingvista.properties.actions.addProperty", "Add Property")]
 		}),
 		children: [
-			/* @__PURE__ */ p(he, {
+			/* @__PURE__ */ p(ve, {
 				className: "p-4",
 				children: /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: [
 						/* @__PURE__ */ p(n, {
-							label: y("housingvista.properties.stats.totalProperties", "Total Properties"),
-							value: q.totalProperties,
-							icon: /* @__PURE__ */ p(f, { className: "h-5 w-5" })
+							label: v("housingvista.properties.stats.totalProperties", "Total Properties"),
+							value: J.totalProperties,
+							icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" })
 						}),
 						/* @__PURE__ */ p(n, {
-							label: y("housingvista.properties.stats.portfolioValue", "Portfolio Value"),
-							value: q.totalValue,
+							label: v("housingvista.properties.stats.portfolioValue", "Portfolio Value"),
+							value: J.totalValue,
 							prefix: "$"
 						}),
 						/* @__PURE__ */ p(n, {
-							label: y("housingvista.properties.stats.occupancyRate", "Occupancy Rate"),
-							value: q.occupancyRate,
+							label: v("housingvista.properties.stats.occupancyRate", "Occupancy Rate"),
+							value: J.occupancyRate,
 							unit: "%"
 						}),
 						/* @__PURE__ */ p(n, {
-							label: y("housingvista.properties.stats.monthlyRevenue", "Monthly Revenue"),
-							value: q.monthlyRevenue,
+							label: v("housingvista.properties.stats.monthlyRevenue", "Monthly Revenue"),
+							value: J.monthlyRevenue,
 							prefix: "$"
 						})
 					]
 				})
 			}),
 			/* @__PURE__ */ p(i, {
-				searchValue: x,
-				onSearchChange: S,
-				searchPlaceholder: y("housingvista.properties.search.placeholder", "Search properties by name, city, or neighborhood..."),
+				searchValue: b,
+				onSearchChange: x,
+				searchPlaceholder: v("housingvista.properties.search.placeholder", "Search properties by name, city, or neighborhood..."),
 				filters: /* @__PURE__ */ m("button", {
-					onClick: () => Ce((e) => !e),
+					onClick: () => Ne((e) => !e),
 					className: e("inline-flex items-center gap-2 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium transition-colors", F ? "bg-foreground text-background" : "text-text-primary hover:bg-bg-sunken"),
 					children: [
-						/* @__PURE__ */ p(ue, { className: "h-4 w-4" }),
-						y("housingvista.properties.filters.toggle", "Filters"),
+						/* @__PURE__ */ p(pe, { className: "h-4 w-4" }),
+						v("housingvista.properties.filters.toggle", "Filters"),
 						Q && /* @__PURE__ */ p("span", {
 							className: "flex h-5 w-5 items-center justify-center rounded-full bg-action-primary-bg text-[10px] font-bold text-action-primary-text",
 							children: "!"
@@ -283,15 +324,24 @@ var g = 9, _ = () => {
 				}),
 				actions: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ p("button", {
-						onClick: () => P("grid"),
-						className: e("rounded-md p-2 transition-colors", N === "grid" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
-						children: /* @__PURE__ */ p(se, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ p("button", {
-						onClick: () => P("list"),
-						className: e("rounded-md p-2 transition-colors", N === "list" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
-						children: /* @__PURE__ */ p(ce, { className: "h-4 w-4" })
-					})]
+					children: [
+						/* @__PURE__ */ p("button", {
+							onClick: () => I("grid"),
+							className: e("rounded-md p-2 transition-colors", N === "grid" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
+							children: /* @__PURE__ */ p(le, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: () => I("list"),
+							className: e("rounded-md p-2 transition-colors", N === "list" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
+							children: /* @__PURE__ */ p(ue, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ p("button", {
+							onClick: () => I("map"),
+							"aria-label": v("housingvista.properties.viewMode.map", "Map view"),
+							className: e("rounded-md p-2 transition-colors", N === "map" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
+							children: /* @__PURE__ */ p(de, { className: "h-4 w-4" })
+						})
+					]
 				})
 			}),
 			F && /* @__PURE__ */ m("div", {
@@ -300,83 +350,83 @@ var g = 9, _ = () => {
 					className: "flex items-center justify-between mb-4",
 					children: [/* @__PURE__ */ p("h3", {
 						className: "text-sm font-medium text-text-primary",
-						children: y("housingvista.properties.filters.title", "Filters")
+						children: v("housingvista.properties.filters.title", "Filters")
 					}), Q && /* @__PURE__ */ m("button", {
 						onClick: $,
 						className: "inline-flex items-center gap-1 text-xs text-text-secondary hover:text-text-primary",
-						children: [/* @__PURE__ */ p(de, { className: "h-3 w-3" }), y("housingvista.properties.filters.clearAll", "Clear All")]
+						children: [/* @__PURE__ */ p(me, { className: "h-3 w-3" }), v("housingvista.properties.filters.clearAll", "Clear All")]
 					})]
 				}), /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6",
 					children: [
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: y("housingvista.properties.filters.labels.propertyType", "Property Type")
+							children: v("housingvista.properties.filters.labels.propertyType", "Property Type")
 						}), /* @__PURE__ */ p("select", {
-							value: C,
-							onChange: (e) => w(e.target.value),
+							value: S,
+							onChange: (e) => C(e.target.value),
 							className: "h-9 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: ye.map((e) => /* @__PURE__ */ p("option", {
+							children: De.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: y("housingvista.properties.filters.labels.status", "Status")
+							children: v("housingvista.properties.filters.labels.status", "Status")
 						}), /* @__PURE__ */ p("select", {
-							value: T,
-							onChange: (e) => E(e.target.value),
+							value: w,
+							onChange: (e) => T(e.target.value),
 							className: "h-9 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: be.map((e) => /* @__PURE__ */ p("option", {
+							children: Oe.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: y("housingvista.properties.filters.labels.category", "Category")
+							children: v("housingvista.properties.filters.labels.category", "Category")
 						}), /* @__PURE__ */ p("select", {
-							value: D,
-							onChange: (e) => O(e.target.value),
+							value: E,
+							onChange: (e) => D(e.target.value),
 							className: "h-9 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: xe.map((e) => /* @__PURE__ */ p("option", {
+							children: ke.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: y("housingvista.properties.filters.labels.priceRange", "Price Range")
+							children: v("housingvista.properties.filters.labels.priceRange", "Price Range")
 						}), /* @__PURE__ */ p("select", {
-							value: k,
-							onChange: (e) => A(e.target.value),
+							value: O,
+							onChange: (e) => k(e.target.value),
 							className: "h-9 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: b.map((e) => /* @__PURE__ */ p("option", {
+							children: y.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: y("housingvista.properties.filters.labels.bedrooms", "Bedrooms")
+							children: v("housingvista.properties.filters.labels.bedrooms", "Bedrooms")
 						}), /* @__PURE__ */ p("select", {
-							value: j,
-							onChange: (e) => M(e.target.value),
+							value: A,
+							onChange: (e) => j(e.target.value),
 							className: "h-9 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: Se.map((e) => /* @__PURE__ */ p("option", {
+							children: Ae.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
 						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: y("housingvista.properties.filters.labels.rera", "RERA")
+							children: v("housingvista.properties.filters.labels.rera", "RERA")
 						}), /* @__PURE__ */ p("select", {
-							value: I,
-							onChange: (e) => L(e.target.value),
+							value: L,
+							onChange: (e) => R(e.target.value),
 							className: "h-9 w-full rounded-md border border-border-subtle bg-bg-surface px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: we.map((e) => /* @__PURE__ */ p("option", {
+							children: Fe.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
@@ -386,28 +436,42 @@ var g = 9, _ = () => {
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ m("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
-					children: [
-						y("housingvista.properties.results.showing", "Showing"),
+					children: N === "map" ? /* @__PURE__ */ m(f, { children: [
+						v("housingvista.properties.results.showingOnMap", "Showing"),
+						" ",
+						ze.length,
+						" ",
+						v("housingvista.properties.results.properties", "properties"),
+						P ? ` · ${v("housingvista.properties.results.inThisArea", "in this area")}` : ""
+					] }) : /* @__PURE__ */ m(f, { children: [
+						v("housingvista.properties.results.showing", "Showing"),
 						" ",
 						Z.length,
 						" ",
-						y("housingvista.properties.results.properties", "properties"),
-						V > 1 ? ` · page ${V}` : ""
-					]
+						v("housingvista.properties.results.properties", "properties"),
+						H > 1 ? ` · page ${H}` : ""
+					] })
 				}), Q && /* @__PURE__ */ p("button", {
 					onClick: $,
 					className: "text-sm text-text-secondary hover:text-text-primary",
-					children: y("housingvista.properties.results.clearFilters", "Clear Filters")
+					children: v("housingvista.properties.results.clearFilters", "Clear Filters")
 				})]
 			}),
-			K ? /* @__PURE__ */ p(ee, {
+			N === "map" && /* @__PURE__ */ p(ce, {
+				properties: ze,
+				loading: Be,
+				selectedIds: X,
+				onSelectProperty: (e) => h(e),
+				onSearchThisArea: Pe
+			}),
+			N === "map" ? null : q ? /* @__PURE__ */ p(a, {
 				variant: "card",
 				count: 6
-			}) : Z.length > 0 ? /* @__PURE__ */ m(pe, { children: [/* @__PURE__ */ p("div", {
+			}) : Z.length > 0 ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 				className: e(N === "grid" ? "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" : "space-y-4"),
-				children: Z.map((e) => /* @__PURE__ */ p(te, {
+				children: Z.map((e) => /* @__PURE__ */ p(ee, {
 					id: e.id,
 					title: e.title,
 					price: e.price.amount,
@@ -421,34 +485,34 @@ var g = 9, _ = () => {
 					imageUrl: e.images[0]?.url,
 					status: e.status.replace("_", " "),
 					type: e.category,
-					onClick: () => _(e.id),
+					onClick: () => h(e.id),
 					isShortlisted: X.has(e.id),
-					onToggleShortlist: () => ke(e.id),
+					onToggleShortlist: () => Ue(e.id),
 					reraStatus: e.reraVerificationStatus
 				}, e.id))
-			}), /* @__PURE__ */ p(h, {
-				page: V,
-				pageSize: H,
-				hasNextPage: Ae,
-				hasPreviousPage: V > 1,
-				loading: K,
-				onPageChange: U,
-				onPageSizeChange: De
+			}), /* @__PURE__ */ p(ye, {
+				page: H,
+				pageSize: U,
+				hasNextPage: We,
+				hasPreviousPage: H > 1,
+				loading: q,
+				onPageChange: W,
+				onPageSizeChange: Re
 			})] }) : /* @__PURE__ */ p(r, {
 				illustration: "empty-search",
-				icon: /* @__PURE__ */ p(f, { className: "h-12 w-12" }),
-				title: y("housingvista.properties.empty.title", "No properties found"),
-				description: y("housingvista.properties.empty.description", "Try adjusting your search criteria or filters to find more properties."),
+				icon: /* @__PURE__ */ p(d, { className: "h-12 w-12" }),
+				title: v("housingvista.properties.empty.title", "No properties found"),
+				description: v("housingvista.properties.empty.description", "Try adjusting your search criteria or filters to find more properties."),
 				action: /* @__PURE__ */ p("button", {
 					onClick: $,
 					className: "rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
-					children: y("housingvista.properties.empty.clearAllFilters", "Clear All Filters")
+					children: v("housingvista.properties.empty.clearAllFilters", "Clear All Filters")
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { _ as PropertiesPage };
+export { h as PropertiesPage };
 
 //# sourceMappingURL=PropertiesPage.js.map