@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

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

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