@burdenoff/microfe-housingvista 2026.703.13 → 2026.709.2

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

@@ -1,101 +1,102 @@
 import { cn as e } from "../../utils/helpers.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
 import { Breadcrumbs as n } from "../../components/Breadcrumbs.js";
-import { useCreateProperty as r } from "../../hooks/index.js";
-import { notify as i } from "../../lib/toast.js";
-import { FileUploader as a } from "../../components/FileUploader.js";
+import { useHousingVistaAnalytics as r } from "../../hooks/useHousingVistaAnalytics.js";
+import { useCreateProperty as i } from "../../hooks/index.js";
+import { notify as a } from "../../lib/toast.js";
+import { FileUploader as o } from "../../components/FileUploader.js";
 import "../../components/index.js";
-import { useCallback as o, useState as s } from "react";
-import { Bath as c, Bed as l, Calendar as u, Car as d, CheckCircle as f, ChevronLeft as p, ChevronRight as m, DollarSign as h, Dumbbell as g, Flame as _, Home as v, MapPin as y, Maximize as b, Shield as x, TreePine as S, Upload as C, Waves as w, Wifi as T, Wind as E } from "lucide-react";
-import { useNavigate as D } from "react-router-dom";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { EmphasisPanel as A } from "@burdenoff/fe-libs/ui";
+import { useCallback as s, useState as c } from "react";
+import { Bath as l, Bed as u, Calendar as d, Car as f, CheckCircle as p, ChevronLeft as m, ChevronRight as h, DollarSign as g, Dumbbell as _, Flame as v, Home as y, MapPin as b, Maximize as x, Shield as S, TreePine as C, Upload as w, Waves as T, Wifi as E, Wind as D } from "lucide-react";
+import { useNavigate as O } from "react-router-dom";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { EmphasisPanel as j } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/properties/AddPropertyPage.tsx
-var j = {
+var M = {
 	sale: "for_sale",
 	rent: "for_rent",
 	lease: "for_rent"
-}, M = {
+}, N = {
 	sale: "sale",
 	rent: "rent",
 	lease: "lease"
-}, N = [
+}, P = [
 	{
 		id: "basic",
 		label: "Basic Info",
-		icon: v
+		icon: y
 	},
 	{
 		id: "location",
 		label: "Location",
-		icon: y
+		icon: b
 	},
 	{
 		id: "specs",
 		label: "Specifications",
-		icon: b
+		icon: x
 	},
 	{
 		id: "amenities",
 		label: "Amenities",
-		icon: T
+		icon: E
 	},
 	{
 		id: "pricing",
 		label: "Pricing",
-		icon: h
+		icon: g
 	},
 	{
 		id: "images",
 		label: "Images",
-		icon: C
+		icon: w
 	}
-], P = [
+], F = [
 	{
 		id: "swimming_pool",
 		label: "Swimming Pool",
-		icon: w
+		icon: T
 	},
 	{
 		id: "gym",
 		label: "Gym / Fitness",
-		icon: g
+		icon: _
 	},
 	{
 		id: "parking",
 		label: "Parking",
-		icon: d
+		icon: f
 	},
 	{
 		id: "garden",
 		label: "Garden",
-		icon: S
+		icon: C
 	},
 	{
 		id: "security",
 		label: "24/7 Security",
-		icon: x
+		icon: S
 	},
 	{
 		id: "wifi",
 		label: "Wi-Fi",
-		icon: T
+		icon: E
 	},
 	{
 		id: "fireplace",
 		label: "Fireplace",
-		icon: _
+		icon: v
 	},
 	{
 		id: "ac",
 		label: "Central AC",
-		icon: E
+		icon: D
 	}
-], F = [{
+], I = [{
 	label: "Properties",
 	href: "../"
-}, { label: "Add New" }], I = () => {
-	let g = D(), { createProperty: _, loading: v } = r(), [x, S] = s(0), [w, T] = s({
+}, { label: "Add New" }], L = () => {
+	let _ = O(), { createProperty: v, loading: y } = i(), { emitResource: S } = r(), [C, T] = c(0), [E, D] = c({
 		title: "",
 		description: "",
 		propertyType: "residential",
@@ -120,132 +121,132 @@ var j = {
 		currency: "USD",
 		negotiable: !1,
 		images: []
-	}), E = o((e) => {
-		T((t) => {
+	}), L = s((e) => {
+		D((t) => {
 			let n = new Set(t.images.map((e) => e.id)), r = [...t.images, ...e.filter((e) => !n.has(e.id))];
 			return {
 				...t,
 				images: r
 			};
 		});
-	}, []), I = o((e) => {
-		T((t) => ({
+	}, []), R = s((e) => {
+		D((t) => ({
 			...t,
 			images: t.images.filter((t) => t.id !== e)
 		}));
-	}, []), L = o((e) => {
+	}, []), z = s((e) => {
 		let { name: t, value: n, type: r } = e.target;
-		T((i) => ({
+		D((i) => ({
 			...i,
 			[t]: r === "checkbox" ? e.target.checked : n
 		}));
-	}, []), R = o((e) => {
-		T((t) => ({
+	}, []), B = s((e) => {
+		D((t) => ({
 			...t,
 			amenities: t.amenities.includes(e) ? t.amenities.filter((t) => t !== e) : [...t.amenities, e]
 		}));
-	}, []), z = () => {
-		switch (x) {
-			case 0: return w.title.trim() !== "" && w.description.trim() !== "";
-			case 1: return w.address.trim() !== "" && w.city.trim() !== "" && w.state.trim() !== "";
-			case 2: return w.area.trim() !== "";
+	}, []), V = () => {
+		switch (C) {
+			case 0: return E.title.trim() !== "" && E.description.trim() !== "";
+			case 1: return E.address.trim() !== "" && E.city.trim() !== "" && E.state.trim() !== "";
+			case 2: return E.area.trim() !== "";
 			case 3: return !0;
-			case 4: return w.price.trim() !== "";
+			case 4: return E.price.trim() !== "";
 			case 5: return !0;
 			default: return !1;
 		}
-	}, B = async () => {
+	}, H = async () => {
 		let e = {
-			title: w.title.trim(),
-			description: w.description.trim() || void 0,
-			status: j[w.listingType] ?? "for_sale",
-			type: w.propertyType,
-			category: w.category,
-			address: w.address.trim() || void 0,
-			city: w.city.trim(),
-			state: w.state.trim(),
-			country: w.country || void 0,
-			pincode: w.zipCode.trim() || void 0,
-			neighborhood: w.neighborhood.trim() || void 0,
-			price: Number(w.price) || 0,
-			currency: w.currency,
-			priceType: M[w.listingType] ?? "sale",
-			negotiable: w.negotiable,
-			bedrooms: Number(w.bedrooms) || 0,
-			bathrooms: Number(w.bathrooms) || 0,
-			totalArea: Number(w.area) || 0,
-			floors: w.floors ? Number(w.floors) : void 0,
-			parking: w.parking ? Number(w.parking) : void 0,
-			furnishingStatus: w.furnishing,
-			ageOfProperty: w.yearBuilt ? Math.max(0, (/* @__PURE__ */ new Date()).getFullYear() - Number(w.yearBuilt)) : void 0,
-			facing: w.facing,
-			amenities: w.amenities.map((e) => ({
-				name: P.find((t) => t.id === e)?.label ?? e,
+			title: E.title.trim(),
+			description: E.description.trim() || void 0,
+			status: M[E.listingType] ?? "for_sale",
+			type: E.propertyType,
+			category: E.category,
+			address: E.address.trim() || void 0,
+			city: E.city.trim(),
+			state: E.state.trim(),
+			country: E.country || void 0,
+			pincode: E.zipCode.trim() || void 0,
+			neighborhood: E.neighborhood.trim() || void 0,
+			price: Number(E.price) || 0,
+			currency: E.currency,
+			priceType: N[E.listingType] ?? "sale",
+			negotiable: E.negotiable,
+			bedrooms: Number(E.bedrooms) || 0,
+			bathrooms: Number(E.bathrooms) || 0,
+			totalArea: Number(E.area) || 0,
+			floors: E.floors ? Number(E.floors) : void 0,
+			parking: E.parking ? Number(E.parking) : void 0,
+			furnishingStatus: E.furnishing,
+			ageOfProperty: E.yearBuilt ? Math.max(0, (/* @__PURE__ */ new Date()).getFullYear() - Number(E.yearBuilt)) : void 0,
+			facing: E.facing,
+			amenities: E.amenities.map((e) => ({
+				name: F.find((t) => t.id === e)?.label ?? e,
 				category: "general",
 				available: !0
 			})),
-			images: w.images.map((e, t) => ({
+			images: E.images.map((e, t) => ({
 				url: e.url,
 				isPrimary: t === 0,
 				order: t
 			}))
 		};
 		try {
-			let t = await _(e);
-			i.success("Property created", `${t.title} has been added to your listings.`), g(`../properties/${t.id}`);
+			let t = await v(e);
+			S("housingvista.property.created", t.id), a.success("Property created", `${t.title} has been added to your listings.`), _(`../properties/${t.id}`);
 		} catch (e) {
-			i.error("Could not create property", e.message);
+			a.error("Could not create property", e.message);
 		}
-	}, V = x === N.length - 1;
-	return /* @__PURE__ */ k(t, {
+	}, U = C === P.length - 1;
+	return /* @__PURE__ */ A(t, {
 		title: "Add New Property",
 		description: "List your property for sale or rent",
 		purpose: "Create a complete, market-ready listing in a few guided steps. Fill in the basics, location, specifications, amenities, pricing, and photos — the more detail you add, the more inquiries and stronger offers your property attracts.",
 		children: [
-			/* @__PURE__ */ O(n, { items: F }),
-			/* @__PURE__ */ k(A, {
+			/* @__PURE__ */ k(n, { items: I }),
+			/* @__PURE__ */ A(j, {
 				className: "p-5",
 				children: [
-					/* @__PURE__ */ k("div", {
+					/* @__PURE__ */ A("div", {
 						className: "mb-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("p", {
+						children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("p", {
 							className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 							children: [
 								"Step ",
-								x + 1,
+								C + 1,
 								" of ",
-								N.length
+								P.length
 							]
-						}), /* @__PURE__ */ O("p", {
+						}), /* @__PURE__ */ k("p", {
 							className: "text-base font-semibold text-text-primary",
-							children: N[x].label
-						})] }), /* @__PURE__ */ k("span", {
+							children: P[C].label
+						})] }), /* @__PURE__ */ A("span", {
 							className: "text-sm font-semibold text-text-primary",
-							children: [Math.round((x + 1) / N.length * 100), "%"]
+							children: [Math.round((C + 1) / P.length * 100), "%"]
 						})]
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ k("div", {
 						className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-						children: /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ k("div", {
 							className: "h-full rounded-full bg-action-primary-bg transition-[width] duration-300",
-							style: { width: `${(x + 1) / N.length * 100}%` }
+							style: { width: `${(C + 1) / P.length * 100}%` }
 						})
 					}),
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ k("div", {
 						className: "mt-4 flex items-center gap-1 overflow-x-auto pb-1",
-						children: N.map((t, n) => {
-							let r = t.icon, i = n === x, a = n < x;
-							return /* @__PURE__ */ k("button", {
-								onClick: () => n <= x && S(n),
-								className: e("flex shrink-0 items-center gap-2 rounded-full px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", i && "bg-action-primary-bg text-action-primary-text", a && "bg-status-success-bg-subtle text-status-success-text", !i && !a && "text-text-secondary hover:bg-bg-sunken/50", n > x && "cursor-not-allowed"),
-								disabled: n > x,
+						children: P.map((t, n) => {
+							let r = t.icon, i = n === C, a = n < C;
+							return /* @__PURE__ */ A("button", {
+								onClick: () => n <= C && T(n),
+								className: e("flex shrink-0 items-center gap-2 rounded-full px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", i && "bg-action-primary-bg text-action-primary-text", a && "bg-status-success-bg-subtle text-status-success-text", !i && !a && "text-text-secondary hover:bg-bg-sunken/50", n > C && "cursor-not-allowed"),
+								disabled: n > C,
 								children: [
-									O(a ? f : r, { className: "h-4 w-4" }),
-									/* @__PURE__ */ O("span", {
+									k(a ? p : r, { className: "h-4 w-4" }),
+									/* @__PURE__ */ k("span", {
 										className: "hidden sm:inline",
 										children: t.label
 									}),
-									/* @__PURE__ */ O("span", {
+									/* @__PURE__ */ k("span", {
 										className: "sm:hidden",
 										children: n + 1
 									})
@@ -255,145 +256,145 @@ var j = {
 					})
 				]
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "max-w-3xl",
-				children: [/* @__PURE__ */ k("div", {
+				children: [/* @__PURE__ */ A("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 					children: [
-						x === 0 && /* @__PURE__ */ k("div", {
+						C === 0 && /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ O("h3", {
+								/* @__PURE__ */ k("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Basic Information"
 								}),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 									htmlFor: "title",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Property Title *"
-								}), /* @__PURE__ */ O("input", {
+								}), /* @__PURE__ */ k("input", {
 									id: "title",
 									name: "title",
-									value: w.title,
-									onChange: L,
+									value: E.title,
+									onChange: z,
 									placeholder: "e.g., Luxury 3BHK Apartment in Downtown",
 									required: !0,
 									className: "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)]"
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 									htmlFor: "description",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Description *"
-								}), /* @__PURE__ */ O("textarea", {
+								}), /* @__PURE__ */ k("textarea", {
 									id: "description",
 									name: "description",
-									value: w.description,
-									onChange: L,
+									value: E.description,
+									onChange: z,
 									placeholder: "Describe your property in detail...",
 									required: !0,
 									rows: 4,
 									className: "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)]"
 								})] }),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+									children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 										htmlFor: "propertyType",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Property Type *"
-									}), /* @__PURE__ */ k("select", {
+									}), /* @__PURE__ */ A("select", {
 										id: "propertyType",
 										name: "propertyType",
-										value: w.propertyType,
-										onChange: L,
+										value: E.propertyType,
+										onChange: z,
 										className: "h-10 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: [
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "residential",
 												children: "Residential"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "commercial",
 												children: "Commercial"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "industrial",
 												children: "Industrial"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "agricultural",
 												children: "Agricultural"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "mixed_use",
 												children: "Mixed Use"
 											})
 										]
-									})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+									})] }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 										htmlFor: "category",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Category *"
-									}), /* @__PURE__ */ k("select", {
+									}), /* @__PURE__ */ A("select", {
 										id: "category",
 										name: "category",
-										value: w.category,
-										onChange: L,
+										value: E.category,
+										onChange: z,
 										className: "h-10 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: [
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "apartment",
 												children: "Apartment"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "house",
 												children: "House"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "villa",
 												children: "Villa"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "office",
 												children: "Office"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "retail",
 												children: "Retail"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "warehouse",
 												children: "Warehouse"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "land",
 												children: "Land"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "plot",
 												children: "Plot"
 											})
 										]
 									})] })]
 								}),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 									htmlFor: "listingType",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Listing Type *"
-								}), /* @__PURE__ */ k("select", {
+								}), /* @__PURE__ */ A("select", {
 									id: "listingType",
 									name: "listingType",
-									value: w.listingType,
-									onChange: L,
+									value: E.listingType,
+									onChange: z,
 									className: "h-10 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)] sm:max-w-xs",
 									children: [
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "sale",
 											children: "For Sale"
 										}),
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "rent",
 											children: "For Rent"
 										}),
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "lease",
 											children: "For Lease"
 										})
@@ -401,106 +402,106 @@ var j = {
 								})] })
 							]
 						}),
-						x === 1 && /* @__PURE__ */ k("div", {
+						C === 1 && /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ k("h3", {
+								/* @__PURE__ */ A("h3", {
 									className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-									children: [/* @__PURE__ */ O(y, { className: "h-5 w-5" }), "Location Details"]
+									children: [/* @__PURE__ */ k(b, { className: "h-5 w-5" }), "Location Details"]
 								}),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 									htmlFor: "address",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Street Address *"
-								}), /* @__PURE__ */ O("input", {
+								}), /* @__PURE__ */ k("input", {
 									id: "address",
 									name: "address",
-									value: w.address,
-									onChange: L,
+									value: E.address,
+									onChange: z,
 									placeholder: "e.g., 123 Main Street, Unit 2504",
 									required: !0,
 									className: "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)]"
 								})] }),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 									htmlFor: "neighborhood",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Neighborhood"
-								}), /* @__PURE__ */ O("input", {
+								}), /* @__PURE__ */ k("input", {
 									id: "neighborhood",
 									name: "neighborhood",
-									value: w.neighborhood,
-									onChange: L,
+									value: E.neighborhood,
+									onChange: z,
 									placeholder: "e.g., Midtown",
 									className: "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)]"
 								})] }),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 											htmlFor: "city",
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "City *"
-										}), /* @__PURE__ */ O("input", {
+										}), /* @__PURE__ */ k("input", {
 											id: "city",
 											name: "city",
-											value: w.city,
-											onChange: L,
+											value: E.city,
+											onChange: z,
 											placeholder: "City",
 											required: !0,
 											className: "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)]"
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 											htmlFor: "state",
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "State *"
-										}), /* @__PURE__ */ O("input", {
+										}), /* @__PURE__ */ k("input", {
 											id: "state",
 											name: "state",
-											value: w.state,
-											onChange: L,
+											value: E.state,
+											onChange: z,
 											placeholder: "State",
 											required: !0,
 											className: "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)]"
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 											htmlFor: "zipCode",
 											className: "mb-1.5 block text-sm font-medium text-text-primary",
 											children: "ZIP Code *"
-										}), /* @__PURE__ */ O("input", {
+										}), /* @__PURE__ */ k("input", {
 											id: "zipCode",
 											name: "zipCode",
-											value: w.zipCode,
-											onChange: L,
+											value: E.zipCode,
+											onChange: z,
 											placeholder: "ZIP Code",
 											required: !0,
 											className: "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)]"
 										})] })
 									]
 								}),
-								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+								/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 									htmlFor: "country",
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Country"
-								}), /* @__PURE__ */ k("select", {
+								}), /* @__PURE__ */ A("select", {
 									id: "country",
 									name: "country",
-									value: w.country,
-									onChange: L,
+									value: E.country,
+									onChange: z,
 									className: "h-10 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)] sm:max-w-xs",
 									children: [
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "USA",
 											children: "United States"
 										}),
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "Canada",
 											children: "Canada"
 										}),
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "UK",
 											children: "United Kingdom"
 										}),
-										/* @__PURE__ */ O("option", {
+										/* @__PURE__ */ k("option", {
 											value: "India",
 											children: "India"
 										})
@@ -508,152 +509,152 @@ var j = {
 								})] })
 							]
 						}),
-						x === 2 && /* @__PURE__ */ k("div", {
+						C === 2 && /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ O("h3", {
+								/* @__PURE__ */ k("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Property Specifications"
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+									children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("label", {
 										htmlFor: "area",
 										className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ O(b, { className: "h-4 w-4" }), "Total Area (sq ft) *"]
-									}), /* @__PURE__ */ O("input", {
+										children: [/* @__PURE__ */ k(x, { className: "h-4 w-4" }), "Total Area (sq ft) *"]
+									}), /* @__PURE__ */ k("input", {
 										id: "area",
 										name: "area",
 										type: "number",
-										value: w.area,
-										onChange: L,
+										value: E.area,
+										onChange: z,
 										placeholder: "Enter area",
 										required: !0,
 										className: "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)]"
-									})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+									})] }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("label", {
 										htmlFor: "yearBuilt",
 										className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ O(u, { className: "h-4 w-4" }), "Year Built"]
-									}), /* @__PURE__ */ O("input", {
+										children: [/* @__PURE__ */ k(d, { className: "h-4 w-4" }), "Year Built"]
+									}), /* @__PURE__ */ k("input", {
 										id: "yearBuilt",
 										name: "yearBuilt",
 										type: "number",
-										value: w.yearBuilt,
-										onChange: L,
+										value: E.yearBuilt,
+										onChange: z,
 										placeholder: "YYYY",
 										className: "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)]"
 									})] })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("label", {
 											htmlFor: "bedrooms",
 											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ O(l, { className: "h-4 w-4" }), "Bedrooms"]
-										}), /* @__PURE__ */ O("input", {
+											children: [/* @__PURE__ */ k(u, { className: "h-4 w-4" }), "Bedrooms"]
+										}), /* @__PURE__ */ k("input", {
 											id: "bedrooms",
 											name: "bedrooms",
 											type: "number",
-											value: w.bedrooms,
-											onChange: L,
+											value: E.bedrooms,
+											onChange: z,
 											placeholder: "0",
 											className: "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)]"
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("label", {
 											htmlFor: "bathrooms",
 											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ O(c, { className: "h-4 w-4" }), "Bathrooms"]
-										}), /* @__PURE__ */ O("input", {
+											children: [/* @__PURE__ */ k(l, { className: "h-4 w-4" }), "Bathrooms"]
+										}), /* @__PURE__ */ k("input", {
 											id: "bathrooms",
 											name: "bathrooms",
 											type: "number",
-											value: w.bathrooms,
-											onChange: L,
+											value: E.bathrooms,
+											onChange: z,
 											placeholder: "0",
 											className: "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)]"
 										})] }),
-										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+										/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("label", {
 											htmlFor: "parking",
 											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ O(d, { className: "h-4 w-4" }), "Parking Spots"]
-										}), /* @__PURE__ */ O("input", {
+											children: [/* @__PURE__ */ k(f, { className: "h-4 w-4" }), "Parking Spots"]
+										}), /* @__PURE__ */ k("input", {
 											id: "parking",
 											name: "parking",
 											type: "number",
-											value: w.parking,
-											onChange: L,
+											value: E.parking,
+											onChange: z,
 											placeholder: "0",
 											className: "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)]"
 										})] })
 									]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+									children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 										htmlFor: "furnishing",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Furnishing Status"
-									}), /* @__PURE__ */ k("select", {
+									}), /* @__PURE__ */ A("select", {
 										id: "furnishing",
 										name: "furnishing",
-										value: w.furnishing,
-										onChange: L,
+										value: E.furnishing,
+										onChange: z,
 										className: "h-10 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: [
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "unfurnished",
 												children: "Unfurnished"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "semi_furnished",
 												children: "Semi Furnished"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "furnished",
 												children: "Furnished"
 											})
 										]
-									})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+									})] }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 										htmlFor: "facing",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Facing Direction"
-									}), /* @__PURE__ */ k("select", {
+									}), /* @__PURE__ */ A("select", {
 										id: "facing",
 										name: "facing",
-										value: w.facing,
-										onChange: L,
+										value: E.facing,
+										onChange: z,
 										className: "h-10 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: [
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "North",
 												children: "North"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "South",
 												children: "South"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "East",
 												children: "East"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "West",
 												children: "West"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "Northeast",
 												children: "Northeast"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "Northwest",
 												children: "Northwest"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "Southeast",
 												children: "Southeast"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "Southwest",
 												children: "Southwest"
 											})
@@ -662,97 +663,97 @@ var j = {
 								})
 							]
 						}),
-						x === 3 && /* @__PURE__ */ k("div", {
+						C === 3 && /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ O("h3", {
+								/* @__PURE__ */ k("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Property Amenities"
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: "Select all amenities available at this property."
 								}),
-								/* @__PURE__ */ O("div", {
+								/* @__PURE__ */ k("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
-									children: P.map((t) => {
-										let n = t.icon, r = w.amenities.includes(t.id);
-										return /* @__PURE__ */ k("button", {
+									children: F.map((t) => {
+										let n = t.icon, r = E.amenities.includes(t.id);
+										return /* @__PURE__ */ A("button", {
 											type: "button",
-											onClick: () => R(t.id),
+											onClick: () => B(t.id),
 											className: e("flex flex-col items-center gap-2 rounded-lg border p-4 text-sm font-medium transition-colors", r ? "border-action-primary-border bg-action-primary-bg/5 text-text-primary" : "border-border-subtle text-text-secondary hover:bg-bg-sunken/50"),
 											children: [
-												/* @__PURE__ */ O(n, { className: "h-6 w-6" }),
-												/* @__PURE__ */ O("span", { children: t.label }),
-												r && /* @__PURE__ */ O(f, { className: "h-4 w-4 text-status-success-text" })
+												/* @__PURE__ */ k(n, { className: "h-6 w-6" }),
+												/* @__PURE__ */ k("span", { children: t.label }),
+												r && /* @__PURE__ */ k(p, { className: "h-4 w-4 text-status-success-text" })
 											]
 										}, t.id);
 									})
 								})
 							]
 						}),
-						x === 4 && /* @__PURE__ */ k("div", {
+						C === 4 && /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ k("h3", {
+								/* @__PURE__ */ A("h3", {
 									className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-									children: [/* @__PURE__ */ O(h, { className: "h-5 w-5" }), "Pricing Details"]
+									children: [/* @__PURE__ */ k(g, { className: "h-5 w-5" }), "Pricing Details"]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-									children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+									children: [/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 										htmlFor: "price",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Price *"
-									}), /* @__PURE__ */ O("input", {
+									}), /* @__PURE__ */ k("input", {
 										id: "price",
 										name: "price",
 										type: "number",
-										value: w.price,
-										onChange: L,
+										value: E.price,
+										onChange: z,
 										placeholder: "Enter price",
 										required: !0,
 										className: "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)]"
-									})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+									})] }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 										htmlFor: "currency",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Currency"
-									}), /* @__PURE__ */ k("select", {
+									}), /* @__PURE__ */ A("select", {
 										id: "currency",
 										name: "currency",
-										value: w.currency,
-										onChange: L,
+										value: E.currency,
+										onChange: z,
 										className: "h-10 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: [
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "USD",
 												children: "USD ($)"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "EUR",
 												children: "EUR"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "GBP",
 												children: "GBP"
 											}),
-											/* @__PURE__ */ O("option", {
+											/* @__PURE__ */ k("option", {
 												value: "INR",
 												children: "INR"
 											})
 										]
 									})] })]
 								}),
-								/* @__PURE__ */ k("div", {
+								/* @__PURE__ */ A("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ O("input", {
+									children: [/* @__PURE__ */ k("input", {
 										type: "checkbox",
 										id: "negotiable",
 										name: "negotiable",
-										checked: w.negotiable,
-										onChange: L,
+										checked: E.negotiable,
+										onChange: z,
 										className: "h-4 w-4 rounded border-border-subtle"
-									}), /* @__PURE__ */ O("label", {
+									}), /* @__PURE__ */ k("label", {
 										htmlFor: "negotiable",
 										className: "text-sm text-text-primary",
 										children: "Price is negotiable"
@@ -760,34 +761,34 @@ var j = {
 								})
 							]
 						}),
-						x === 5 && /* @__PURE__ */ k("div", {
+						C === 5 && /* @__PURE__ */ A("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ k("h3", {
+								/* @__PURE__ */ A("h3", {
 									className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-									children: [/* @__PURE__ */ O(C, { className: "h-5 w-5" }), "Property Images"]
+									children: [/* @__PURE__ */ k(w, { className: "h-5 w-5" }), "Property Images"]
 								}),
-								/* @__PURE__ */ O("p", {
+								/* @__PURE__ */ k("p", {
 									className: "text-sm text-text-secondary",
 									children: "Upload photos of the property (JPG, PNG). The first image becomes the cover."
 								}),
-								/* @__PURE__ */ O(a, {
+								/* @__PURE__ */ k(o, {
 									accept: "image/*",
 									multiple: !0,
 									label: "Upload property images",
-									value: w.images,
-									onUploaded: E,
-									onRemove: I
+									value: E.images,
+									onUploaded: L,
+									onRemove: R
 								}),
-								w.images.length > 0 && /* @__PURE__ */ O("div", {
+								E.images.length > 0 && /* @__PURE__ */ k("div", {
 									className: "grid grid-cols-3 gap-3 sm:grid-cols-4",
-									children: w.images.map((e, t) => /* @__PURE__ */ k("div", {
+									children: E.images.map((e, t) => /* @__PURE__ */ A("div", {
 										className: "relative aspect-square overflow-hidden rounded-lg border border-border-subtle bg-bg-sunken/50",
-										children: [/* @__PURE__ */ O("img", {
+										children: [/* @__PURE__ */ k("img", {
 											src: e.url,
 											alt: e.name,
 											className: "h-full w-full object-cover"
-										}), t === 0 && /* @__PURE__ */ O("span", {
+										}), t === 0 && /* @__PURE__ */ k("span", {
 											className: "absolute left-1.5 top-1.5 rounded bg-action-primary-bg px-1.5 py-0.5 text-[10px] font-semibold text-action-primary-text",
 											children: "Cover"
 										})]
@@ -796,26 +797,26 @@ var j = {
 							]
 						})
 					]
-				}), /* @__PURE__ */ k("div", {
+				}), /* @__PURE__ */ A("div", {
 					className: "mt-6 flex items-center justify-between",
-					children: [/* @__PURE__ */ k("button", {
+					children: [/* @__PURE__ */ A("button", {
 						type: "button",
-						onClick: () => x === 0 ? g("../properties") : S((e) => e - 1),
-						disabled: v,
+						onClick: () => C === 0 ? _("../properties") : T((e) => e - 1),
+						disabled: y,
 						className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
-						children: [/* @__PURE__ */ O(p, { className: "h-4 w-4" }), x === 0 ? "Cancel" : "Previous"]
-					}), V ? /* @__PURE__ */ O("button", {
+						children: [/* @__PURE__ */ k(m, { className: "h-4 w-4" }), C === 0 ? "Cancel" : "Previous"]
+					}), U ? /* @__PURE__ */ k("button", {
 						type: "button",
-						onClick: B,
-						disabled: !z() || v,
+						onClick: H,
+						disabled: !V() || y,
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-6 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover disabled:opacity-50",
-						children: v ? "Adding Property..." : "Submit Property"
-					}) : /* @__PURE__ */ k("button", {
+						children: y ? "Adding Property..." : "Submit Property"
+					}) : /* @__PURE__ */ A("button", {
 						type: "button",
-						onClick: () => S((e) => e + 1),
-						disabled: !z(),
+						onClick: () => T((e) => e + 1),
+						disabled: !V(),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg-hover disabled:opacity-50",
-						children: ["Next", /* @__PURE__ */ O(m, { className: "h-4 w-4" })]
+						children: ["Next", /* @__PURE__ */ k(h, { className: "h-4 w-4" })]
 					})]
 				})]
 			})
@@ -823,6 +824,6 @@ var j = {
 	});
 };
 //#endregion
-export { I as AddPropertyPage };
+export { L as AddPropertyPage };
 
 //# sourceMappingURL=AddPropertyPage.js.map