@burdenoff/microfe-housingvista 2026.716.1 → 2026.720.2

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

@@ -2,153 +2,175 @@ import { cn as e } from "../../utils/helpers.js";
 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 ee } from "../../components/FilterBar.js";
-import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { PropertyCard as a } from "../../components/PropertyCard.js";
-import { useHousingVistaAnalytics as o, useTrackPageView as s } from "../../hooks/useHousingVistaAnalytics.js";
-import { useDashboardStats as te, useProperties as ne, useRemoveShortlist as re, useSaveShortlist as ie, useShortlists as ae } from "../../hooks/index.js";
-import { notify as c } from "../../lib/toast.js";
+import { FilterBar as i } from "../../components/FilterBar.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 oe } from "../../hooks/useServerPagination.js";
-import { useEffect as l, useMemo as u, useState as d } from "react";
-import { Building as f, Grid as p, List as m, Plus as h, SlidersHorizontal as g, X as _ } from "lucide-react";
-import { useNavigate as se } from "react-router-dom";
-import { Fragment as ce, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useI18n as le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as ue, Pagination as de } 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 fe = 9, b = () => {
-	let b = se(), { t: pe } = le(), { emit: me, emitResource: he, emitSearch: ge } = o();
-	s("housingvista.property.viewed");
-	let x = (e, t) => {
-		let n = pe(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;
-	}, _e = [
+	}, De = [
 		{
 			value: "all",
-			label: x("housingvista.properties.filters.propertyTypes.all", "All Types")
+			label: v("housingvista.properties.filters.propertyTypes.all", "All Types")
 		},
 		{
 			value: "residential",
-			label: x("housingvista.properties.filters.propertyTypes.residential", "Residential")
+			label: v("housingvista.properties.filters.propertyTypes.residential", "Residential")
 		},
 		{
 			value: "commercial",
-			label: x("housingvista.properties.filters.propertyTypes.commercial", "Commercial")
+			label: v("housingvista.properties.filters.propertyTypes.commercial", "Commercial")
 		},
 		{
 			value: "industrial",
-			label: x("housingvista.properties.filters.propertyTypes.industrial", "Industrial")
+			label: v("housingvista.properties.filters.propertyTypes.industrial", "Industrial")
 		},
 		{
 			value: "agricultural",
-			label: x("housingvista.properties.filters.propertyTypes.agricultural", "Agricultural")
+			label: v("housingvista.properties.filters.propertyTypes.agricultural", "Agricultural")
 		},
 		{
 			value: "mixed_use",
-			label: x("housingvista.properties.filters.propertyTypes.mixedUse", "Mixed Use")
+			label: v("housingvista.properties.filters.propertyTypes.mixedUse", "Mixed Use")
 		}
-	], ve = [
+	], Oe = [
 		{
 			value: "all",
-			label: x("housingvista.properties.filters.propertyStatuses.all", "All Status")
+			label: v("housingvista.properties.filters.propertyStatuses.all", "All Status")
 		},
 		{
 			value: "for_sale",
-			label: x("housingvista.properties.filters.propertyStatuses.forSale", "For Sale")
+			label: v("housingvista.properties.filters.propertyStatuses.forSale", "For Sale")
 		},
 		{
 			value: "for_rent",
-			label: x("housingvista.properties.filters.propertyStatuses.forRent", "For Rent")
+			label: v("housingvista.properties.filters.propertyStatuses.forRent", "For Rent")
 		},
 		{
 			value: "sold",
-			label: x("housingvista.properties.filters.propertyStatuses.sold", "Sold")
+			label: v("housingvista.properties.filters.propertyStatuses.sold", "Sold")
 		},
 		{
 			value: "rented",
-			label: x("housingvista.properties.filters.propertyStatuses.rented", "Rented")
+			label: v("housingvista.properties.filters.propertyStatuses.rented", "Rented")
 		},
 		{
 			value: "under_contract",
-			label: x("housingvista.properties.filters.propertyStatuses.underContract", "Under Contract")
+			label: v("housingvista.properties.filters.propertyStatuses.underContract", "Under Contract")
 		},
 		{
 			value: "off_market",
-			label: x("housingvista.properties.filters.propertyStatuses.offMarket", "Off Market")
+			label: v("housingvista.properties.filters.propertyStatuses.offMarket", "Off Market")
 		}
-	], ye = [
+	], ke = [
 		{
 			value: "all",
-			label: x("housingvista.properties.filters.propertyCategories.all", "All Categories")
+			label: v("housingvista.properties.filters.propertyCategories.all", "All Categories")
 		},
 		{
 			value: "apartment",
-			label: x("housingvista.properties.filters.propertyCategories.apartment", "Apartment")
+			label: v("housingvista.properties.filters.propertyCategories.apartment", "Apartment")
 		},
 		{
 			value: "house",
-			label: x("housingvista.properties.filters.propertyCategories.house", "House")
+			label: v("housingvista.properties.filters.propertyCategories.house", "House")
 		},
 		{
 			value: "villa",
-			label: x("housingvista.properties.filters.propertyCategories.villa", "Villa")
+			label: v("housingvista.properties.filters.propertyCategories.villa", "Villa")
 		},
 		{
 			value: "office",
-			label: x("housingvista.properties.filters.propertyCategories.office", "Office")
+			label: v("housingvista.properties.filters.propertyCategories.office", "Office")
 		},
 		{
 			value: "retail",
-			label: x("housingvista.properties.filters.propertyCategories.retail", "Retail")
+			label: v("housingvista.properties.filters.propertyCategories.retail", "Retail")
 		},
 		{
 			value: "warehouse",
-			label: x("housingvista.properties.filters.propertyCategories.warehouse", "Warehouse")
+			label: v("housingvista.properties.filters.propertyCategories.warehouse", "Warehouse")
 		},
 		{
 			value: "land",
-			label: x("housingvista.properties.filters.propertyCategories.land", "Land")
+			label: v("housingvista.properties.filters.propertyCategories.land", "Land")
 		},
 		{
 			value: "plot",
-			label: x("housingvista.properties.filters.propertyCategories.plot", "Plot")
+			label: v("housingvista.properties.filters.propertyCategories.plot", "Plot")
 		}
-	], S = [
+	], y = [
 		{
 			value: "all",
-			label: x("housingvista.properties.filters.priceRanges.all", "Any Price"),
+			label: v("housingvista.properties.filters.priceRanges.all", "Any Price"),
 			min: 0,
 			max: Infinity
 		},
 		{
 			value: "under_100k",
-			label: x("housingvista.properties.filters.priceRanges.under100k", "Under $100K"),
+			label: v("housingvista.properties.filters.priceRanges.under100k", "Under $100K"),
 			min: 0,
 			max: 1e5
 		},
 		{
 			value: "100k_500k",
-			label: x("housingvista.properties.filters.priceRanges.100kTo500k", "$100K - $500K"),
+			label: v("housingvista.properties.filters.priceRanges.100kTo500k", "$100K - $500K"),
 			min: 1e5,
 			max: 5e5
 		},
 		{
 			value: "500k_1m",
-			label: x("housingvista.properties.filters.priceRanges.500kTo1m", "$500K - $1M"),
+			label: v("housingvista.properties.filters.priceRanges.500kTo1m", "$500K - $1M"),
 			min: 5e5,
 			max: 1e6
 		},
 		{
 			value: "over_1m",
-			label: x("housingvista.properties.filters.priceRanges.over1m", "Over $1M"),
+			label: v("housingvista.properties.filters.priceRanges.over1m", "Over $1M"),
 			min: 1e6,
 			max: Infinity
 		}
-	], be = [
+	], Ae = [
 		{
 			value: "all",
-			label: x("housingvista.properties.filters.bedrooms.all", "Any Bedrooms")
+			label: v("housingvista.properties.filters.bedrooms.all", "Any Bedrooms")
 		},
 		{
 			value: "1",
@@ -170,184 +192,241 @@ var fe = 9, b = () => {
 			value: "5",
 			label: "5+"
 		}
-	], [C, w] = d(""), [T, E] = d("all"), [D, O] = d("all"), [k, A] = d("all"), [j, M] = d("all"), [N, P] = d("all"), [F, I] = d("grid"), [L, xe] = d(!1), R = S.find((e) => e.value === j) ?? S[0], z = N === "all" ? 0 : Number(N), [B, Se] = d("");
-	l(() => {
-		let e = setTimeout(() => Se(C), 300);
+	], [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: v("housingvista.properties.filters.rera.all", "Any RERA status")
+		},
+		{
+			value: "verified",
+			label: v("housingvista.properties.filters.rera.verified", "RERA Verified")
+		},
+		{
+			value: "pending",
+			label: v("housingvista.properties.filters.rera.pending", "RERA Pending")
+		},
+		{
+			value: "not_applicable",
+			label: v("housingvista.properties.filters.rera.notApplicable", "Not RERA-applicable")
+		},
+		{
+			value: "rejected",
+			label: v("housingvista.properties.filters.rera.rejected", "RERA Rejected")
+		}
+	], [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);
-	}, [C]), l(() => {
-		B.trim() && ge("properties");
-	}, [B]);
-	let { page: V, pageSize: H, pagination: Ce, setPage: U, setPageSize: we } = oe(fe), 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()), D !== "all" && (e.status = D), T !== "all" && (e.type = T), 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;
 	}, [
+		V,
+		w,
+		S,
+		E,
+		z,
 		B,
-		D,
-		T
+		L
 	]);
-	l(() => {
-		U(1);
-	}, [W, U]);
-	let { data: G, loading: K } = ne({
-		filter: W,
-		pagination: Ce
-	}), { data: q } = te(), { data: J } = ae(), { saveShortlist: Te } = ie(), { removeShortlist: Ee } = re(), Y = u(() => new Set(J.map((e) => e.propertyId)), [J]), X = 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 {
-			Y.has(e) ? (await Ee(e), c.success("Removed from shortlist")) : (await Te(e), he("housingvista.shortlist.property_added", e), c.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) {
-			c.error("Could not update shortlist", e.message);
+			s.error("Could not update shortlist", e.message);
 		}
-	}, Z = u(() => G.filter((e) => {
-		let t = k === "all" || e.category === k, n = e.price.amount >= R.min && e.price.amount <= R.max, r = (e.specifications.bedrooms ?? 0) >= z;
-		return t && n && r;
-	}), [
-		G,
-		k,
-		R,
-		z
-	]), De = G.length >= H, Q = C || T !== "all" || D !== "all" || k !== "all" || j !== "all" || N !== "all", $ = () => {
-		w(""), E("all"), O("all"), A("all"), M("all"), P("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__ */ y(t, {
-		title: x("housingvista.properties.title", "Properties"),
-		description: x("housingvista.properties.description", "Discover your perfect property from our comprehensive listings"),
-		purpose: x("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__ */ y("button", {
+	return /* @__PURE__ */ m(t, {
+		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: () => {
-				me("housingvista.property.create_clicked"), b("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__ */ v(h, { className: "h-4 w-4" }), x("housingvista.properties.actions.addProperty", "Add Property")]
+			children: [/* @__PURE__ */ p(fe, { className: "h-4 w-4" }), v("housingvista.properties.actions.addProperty", "Add Property")]
 		}),
 		children: [
-			/* @__PURE__ */ v(ue, {
+			/* @__PURE__ */ p(ve, {
 				className: "p-4",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ v(n, {
-							label: x("housingvista.properties.stats.totalProperties", "Total Properties"),
-							value: q.totalProperties,
-							icon: /* @__PURE__ */ v(f, { className: "h-5 w-5" })
+						/* @__PURE__ */ p(n, {
+							label: v("housingvista.properties.stats.totalProperties", "Total Properties"),
+							value: J.totalProperties,
+							icon: /* @__PURE__ */ p(d, { className: "h-5 w-5" })
 						}),
-						/* @__PURE__ */ v(n, {
-							label: x("housingvista.properties.stats.portfolioValue", "Portfolio Value"),
-							value: q.totalValue,
+						/* @__PURE__ */ p(n, {
+							label: v("housingvista.properties.stats.portfolioValue", "Portfolio Value"),
+							value: J.totalValue,
 							prefix: "$"
 						}),
-						/* @__PURE__ */ v(n, {
-							label: x("housingvista.properties.stats.occupancyRate", "Occupancy Rate"),
-							value: q.occupancyRate,
+						/* @__PURE__ */ p(n, {
+							label: v("housingvista.properties.stats.occupancyRate", "Occupancy Rate"),
+							value: J.occupancyRate,
 							unit: "%"
 						}),
-						/* @__PURE__ */ v(n, {
-							label: x("housingvista.properties.stats.monthlyRevenue", "Monthly Revenue"),
-							value: q.monthlyRevenue,
+						/* @__PURE__ */ p(n, {
+							label: v("housingvista.properties.stats.monthlyRevenue", "Monthly Revenue"),
+							value: J.monthlyRevenue,
 							prefix: "$"
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ v(ee, {
-				searchValue: C,
-				onSearchChange: w,
-				searchPlaceholder: x("housingvista.properties.search.placeholder", "Search properties by name, city, or neighborhood..."),
-				filters: /* @__PURE__ */ y("button", {
-					onClick: () => xe((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", L ? "bg-foreground text-background" : "text-text-primary hover:bg-bg-sunken"),
+			/* @__PURE__ */ p(i, {
+				searchValue: b,
+				onSearchChange: x,
+				searchPlaceholder: v("housingvista.properties.search.placeholder", "Search properties by name, city, or neighborhood..."),
+				filters: /* @__PURE__ */ m("button", {
+					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__ */ v(g, { className: "h-4 w-4" }),
-						x("housingvista.properties.filters.toggle", "Filters"),
-						Q && /* @__PURE__ */ v("span", {
+						/* @__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: "!"
 						})
 					]
 				}),
-				actions: /* @__PURE__ */ y("div", {
+				actions: /* @__PURE__ */ m("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ v("button", {
-						onClick: () => I("grid"),
-						className: e("rounded-md p-2 transition-colors", F === "grid" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
-						children: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ v("button", {
-						onClick: () => I("list"),
-						className: e("rounded-md p-2 transition-colors", F === "list" ? "bg-foreground text-background" : "text-text-secondary hover:text-text-primary hover:bg-bg-sunken"),
-						children: /* @__PURE__ */ v(m, { 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" })
+						})
+					]
 				})
 			}),
-			L && /* @__PURE__ */ y("div", {
+			F && /* @__PURE__ */ m("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between mb-4",
-					children: [/* @__PURE__ */ v("h3", {
+					children: [/* @__PURE__ */ p("h3", {
 						className: "text-sm font-medium text-text-primary",
-						children: x("housingvista.properties.filters.title", "Filters")
-					}), Q && /* @__PURE__ */ y("button", {
+						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__ */ v(_, { className: "h-3 w-3" }), x("housingvista.properties.filters.clearAll", "Clear All")]
+						children: [/* @__PURE__ */ p(me, { className: "h-3 w-3" }), v("housingvista.properties.filters.clearAll", "Clear All")]
 					})]
-				}), /* @__PURE__ */ y("div", {
-					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-5",
+				}), /* @__PURE__ */ m("div", {
+					className: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6",
 					children: [
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: x("housingvista.properties.filters.labels.propertyType", "Property Type")
-						}), /* @__PURE__ */ v("select", {
-							value: T,
-							onChange: (e) => E(e.target.value),
+							children: v("housingvista.properties.filters.labels.propertyType", "Property Type")
+						}), /* @__PURE__ */ p("select", {
+							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: _e.map((e) => /* @__PURE__ */ v("option", {
+							children: De.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: x("housingvista.properties.filters.labels.status", "Status")
-						}), /* @__PURE__ */ v("select", {
-							value: D,
-							onChange: (e) => O(e.target.value),
+							children: v("housingvista.properties.filters.labels.status", "Status")
+						}), /* @__PURE__ */ p("select", {
+							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: ve.map((e) => /* @__PURE__ */ v("option", {
+							children: Oe.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: x("housingvista.properties.filters.labels.category", "Category")
-						}), /* @__PURE__ */ v("select", {
-							value: k,
-							onChange: (e) => A(e.target.value),
+							children: v("housingvista.properties.filters.labels.category", "Category")
+						}), /* @__PURE__ */ p("select", {
+							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: ye.map((e) => /* @__PURE__ */ v("option", {
+							children: ke.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: x("housingvista.properties.filters.labels.priceRange", "Price Range")
-						}), /* @__PURE__ */ v("select", {
-							value: j,
-							onChange: (e) => M(e.target.value),
+							children: v("housingvista.properties.filters.labels.priceRange", "Price Range")
+						}), /* @__PURE__ */ p("select", {
+							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: S.map((e) => /* @__PURE__ */ v("option", {
+							children: y.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})] }),
-						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "mb-1.5 block text-xs font-medium text-text-secondary",
-							children: x("housingvista.properties.filters.labels.bedrooms", "Bedrooms")
-						}), /* @__PURE__ */ v("select", {
-							value: N,
-							onChange: (e) => P(e.target.value),
+							children: v("housingvista.properties.filters.labels.bedrooms", "Bedrooms")
+						}), /* @__PURE__ */ p("select", {
+							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: be.map((e) => /* @__PURE__ */ v("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: v("housingvista.properties.filters.labels.rera", "RERA")
+						}), /* @__PURE__ */ p("select", {
+							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: Fe.map((e) => /* @__PURE__ */ p("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
@@ -355,30 +434,44 @@ var fe = 9, b = () => {
 					]
 				})]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ y("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
-					children: [
-						x("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,
 						" ",
-						x("housingvista.properties.results.properties", "properties"),
-						V > 1 ? ` · page ${V}` : ""
-					]
-				}), Q && /* @__PURE__ */ v("button", {
+						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: x("housingvista.properties.results.clearFilters", "Clear Filters")
+					children: v("housingvista.properties.results.clearFilters", "Clear Filters")
 				})]
 			}),
-			K ? /* @__PURE__ */ v(i, {
+			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__ */ y(ce, { children: [/* @__PURE__ */ v("div", {
-				className: e(F === "grid" ? "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3" : "space-y-4"),
-				children: Z.map((e) => /* @__PURE__ */ v(a, {
+			}) : 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(ee, {
 					id: e.id,
 					title: e.title,
 					price: e.price.amount,
@@ -392,33 +485,34 @@ var fe = 9, b = () => {
 					imageUrl: e.images[0]?.url,
 					status: e.status.replace("_", " "),
 					type: e.category,
-					onClick: () => b(e.id),
-					isShortlisted: Y.has(e.id),
-					onToggleShortlist: () => X(e.id)
+					onClick: () => h(e.id),
+					isShortlisted: X.has(e.id),
+					onToggleShortlist: () => Ue(e.id),
+					reraStatus: e.reraVerificationStatus
 				}, e.id))
-			}), /* @__PURE__ */ v(de, {
-				page: V,
-				pageSize: H,
-				hasNextPage: De,
-				hasPreviousPage: V > 1,
-				loading: K,
-				onPageChange: U,
-				onPageSizeChange: we
-			})] }) : /* @__PURE__ */ v(r, {
+			}), /* @__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__ */ v(f, { className: "h-12 w-12" }),
-				title: x("housingvista.properties.empty.title", "No properties found"),
-				description: x("housingvista.properties.empty.description", "Try adjusting your search criteria or filters to find more properties."),
-				action: /* @__PURE__ */ v("button", {
+				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: x("housingvista.properties.empty.clearAllFilters", "Clear All Filters")
+					children: v("housingvista.properties.empty.clearAllFilters", "Clear All Filters")
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { b as PropertiesPage };
+export { h as PropertiesPage };
 
 //# sourceMappingURL=PropertiesPage.js.map