@burdenoff/microfe-housingvista 2026.925.1 → 2026.928.2

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

@@ -7,8 +7,10 @@ import { notify as o } from "../../lib/toast.js";
 import { FileUploader as s } from "../../components/FileUploader.js";
 import "../../components/index.js";
 import { CoordinatePicker as c } from "../../components/maps/CoordinatePicker.js";
-import { useCallback as l, useState as u } from "react";
-import { Bath as d, Bed as f, Calendar as p, Car as m, CheckCircle as h, ChevronLeft as g, ChevronRight as _, DollarSign as v, Dumbbell as y, Flame as b, Home as x, MapPin as S, Maximize as C, Shield as w, TreePine as T, Upload as E, Waves as D, Wifi as O, Wind as k } from "lucide-react";
+import { amenityOptions as l } from "../../utils/amenities.js";
+import { currencyOptions as u, facingOptions as d, furnishingOptions as f, propertyCategoryOptions as p, propertyTypeOptions as m } from "../../utils/propertyOptions.js";
+import { useCallback as h, useState as g } from "react";
+import { Bath as _, Bed as v, Calendar as y, Car as b, CheckCircle as x, ChevronLeft as S, ChevronRight as C, DollarSign as w, Home as T, MapPin as E, Maximize as D, Upload as O, Wifi as k } from "lucide-react";
 import { useNavigate as A } from "react-router";
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { EmphasisPanel as N } from "@burdenoff/fe-libs/ui";
@@ -25,80 +27,39 @@ var P = {
 	{
 		id: "basic",
 		label: "Basic Info",
-		icon: x
+		icon: T
 	},
 	{
 		id: "location",
 		label: "Location",
-		icon: S
+		icon: E
 	},
 	{
 		id: "specs",
 		label: "Specifications",
-		icon: C
+		icon: D
 	},
 	{
 		id: "amenities",
 		label: "Amenities",
-		icon: O
+		icon: k
 	},
 	{
 		id: "pricing",
 		label: "Pricing",
-		icon: v
+		icon: w
 	},
 	{
 		id: "images",
 		label: "Images",
-		icon: E
-	}
-], L = [
-	{
-		id: "swimming_pool",
-		label: "Swimming Pool",
-		icon: D
-	},
-	{
-		id: "gym",
-		label: "Gym / Fitness",
-		icon: y
-	},
-	{
-		id: "parking",
-		label: "Parking",
-		icon: m
-	},
-	{
-		id: "garden",
-		label: "Garden",
-		icon: T
-	},
-	{
-		id: "security",
-		label: "24/7 Security",
-		icon: w
-	},
-	{
-		id: "wifi",
-		label: "Wi-Fi",
 		icon: O
-	},
-	{
-		id: "fireplace",
-		label: "Fireplace",
-		icon: b
-	},
-	{
-		id: "ac",
-		label: "Central AC",
-		icon: k
 	}
-], R = [{
+], L = [{
 	label: "Properties",
 	href: "../"
-}, { label: "Add New" }], z = () => {
+}, { label: "Add New" }], R = () => {
 	i("housingvista.property.create_viewed");
-	let y = A(), { createProperty: b, loading: x } = a(), { emitResource: w } = r(), [T, D] = u(0), [O, k] = u({
+	let T = A(), { createProperty: k, loading: R } = a(), { emitResource: z } = r(), [B, V] = g(0), [H, U] = g({
 		title: "",
 		description: "",
 		propertyType: "residential",
@@ -124,90 +85,90 @@ var P = {
 		currency: "USD",
 		negotiable: !1,
 		images: []
-	}), z = l((e) => {
-		k((t) => {
+	}), W = h((e) => {
+		U((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
 			};
 		});
-	}, []), B = l((e) => {
-		k((t) => ({
+	}, []), G = h((e) => {
+		U((t) => ({
 			...t,
 			images: t.images.filter((t) => t.id !== e)
 		}));
-	}, []), V = l((e) => {
+	}, []), K = h((e) => {
 		let { name: t, value: n, type: r } = e.target;
-		k((i) => ({
+		U((i) => ({
 			...i,
 			[t]: r === "checkbox" ? e.target.checked : n
 		}));
-	}, []), H = l((e) => {
-		k((t) => ({
+	}, []), q = h((e) => {
+		U((t) => ({
 			...t,
 			amenities: t.amenities.includes(e) ? t.amenities.filter((t) => t !== e) : [...t.amenities, e]
 		}));
-	}, []), U = () => {
-		switch (T) {
-			case 0: return O.title.trim() !== "" && O.description.trim() !== "";
-			case 1: return O.address.trim() !== "" && O.city.trim() !== "" && O.state.trim() !== "";
-			case 2: return O.area.trim() !== "";
+	}, []), J = () => {
+		switch (B) {
+			case 0: return H.title.trim() !== "" && H.description.trim() !== "";
+			case 1: return H.address.trim() !== "" && H.city.trim() !== "" && H.state.trim() !== "";
+			case 2: return H.area.trim() !== "";
 			case 3: return !0;
-			case 4: return O.price.trim() !== "";
+			case 4: return H.price.trim() !== "";
 			case 5: return !0;
 			default: return !1;
 		}
-	}, W = async () => {
+	}, Y = async () => {
 		let e = {
-			title: O.title.trim(),
-			description: O.description.trim() || void 0,
-			status: P[O.listingType] ?? "for_sale",
-			type: O.propertyType,
-			category: O.category,
-			address: O.address.trim() || void 0,
-			city: O.city.trim(),
-			state: O.state.trim(),
-			country: O.country || void 0,
-			pincode: O.zipCode.trim() || void 0,
-			neighborhood: O.neighborhood.trim() || void 0,
-			coordinates: O.coordinates ?? void 0,
-			price: Number(O.price) || 0,
-			currency: O.currency,
-			priceType: F[O.listingType] ?? "sale",
-			negotiable: O.negotiable,
-			bedrooms: Number(O.bedrooms) || 0,
-			bathrooms: Number(O.bathrooms) || 0,
-			totalArea: Number(O.area) || 0,
-			floors: O.floors ? Number(O.floors) : void 0,
-			parking: O.parking ? Number(O.parking) : void 0,
-			furnishingStatus: O.furnishing,
-			ageOfProperty: O.yearBuilt ? Math.max(0, (/* @__PURE__ */ new Date()).getFullYear() - Number(O.yearBuilt)) : void 0,
-			facing: O.facing,
-			amenities: O.amenities.map((e) => ({
-				name: L.find((t) => t.id === e)?.label ?? e,
+			title: H.title.trim(),
+			description: H.description.trim() || void 0,
+			status: P[H.listingType] ?? "for_sale",
+			type: H.propertyType,
+			category: H.category,
+			address: H.address.trim() || void 0,
+			city: H.city.trim(),
+			state: H.state.trim(),
+			country: H.country || void 0,
+			pincode: H.zipCode.trim() || void 0,
+			neighborhood: H.neighborhood.trim() || void 0,
+			coordinates: H.coordinates ?? void 0,
+			price: Number(H.price) || 0,
+			currency: H.currency,
+			priceType: F[H.listingType] ?? "sale",
+			negotiable: H.negotiable,
+			bedrooms: Number(H.bedrooms) || 0,
+			bathrooms: Number(H.bathrooms) || 0,
+			totalArea: Number(H.area) || 0,
+			floors: H.floors ? Number(H.floors) : void 0,
+			parking: H.parking ? Number(H.parking) : void 0,
+			furnishingStatus: H.furnishing,
+			ageOfProperty: H.yearBuilt ? Math.max(0, (/* @__PURE__ */ new Date()).getFullYear() - Number(H.yearBuilt)) : void 0,
+			facing: H.facing,
+			amenities: H.amenities.map((e) => ({
+				name: l.find((t) => t.id === e)?.label ?? e,
 				category: "general",
 				available: !0
 			})),
-			images: O.images.map((e, t) => ({
+			images: H.images.map((e, t) => ({
 				url: e.url,
 				isPrimary: t === 0,
 				order: t
 			}))
 		};
 		try {
-			let t = await b(e);
-			w("housingvista.property.created", t.id), o.success("Property created", `${t.title} has been added to your listings.`), y(`../properties/${t.id}`);
+			let t = await k(e);
+			z("housingvista.property.created", t.id), o.success("Property created", `${t.title} has been added to your listings.`), T(`../properties/${t.id}`);
 		} catch (e) {
 			o.error("Could not create property", e.message);
 		}
-	}, G = T === I.length - 1;
+	}, X = B === I.length - 1;
 	return /* @__PURE__ */ M(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__ */ j(n, { items: R }),
+			/* @__PURE__ */ j(n, { items: L }),
 			/* @__PURE__ */ M(N, {
 				className: "p-5",
 				children: [
@@ -217,35 +178,35 @@ var P = {
 							className: "text-xs font-medium uppercase tracking-wide text-text-secondary",
 							children: [
 								"Step ",
-								T + 1,
+								B + 1,
 								" of ",
 								I.length
 							]
 						}), /* @__PURE__ */ j("p", {
 							className: "text-base font-semibold text-text-primary",
-							children: I[T].label
+							children: I[B].label
 						})] }), /* @__PURE__ */ M("span", {
 							className: "text-sm font-semibold text-text-primary",
-							children: [Math.round((T + 1) / I.length * 100), "%"]
+							children: [Math.round((B + 1) / I.length * 100), "%"]
 						})]
 					}),
 					/* @__PURE__ */ j("div", {
 						className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
 						children: /* @__PURE__ */ j("div", {
 							className: "h-full rounded-full bg-action-primary-bg transition-[width] duration-300",
-							style: { width: `${(T + 1) / I.length * 100}%` }
+							style: { width: `${(B + 1) / I.length * 100}%` }
 						})
 					}),
 					/* @__PURE__ */ j("div", {
 						className: "mt-4 flex items-center gap-1 overflow-x-auto pb-1",
 						children: I.map((t, n) => {
-							let r = t.icon, i = n === T, a = n < T;
+							let r = t.icon, i = n === B, a = n < B;
 							return /* @__PURE__ */ M("button", {
-								onClick: () => n <= T && D(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 > T && "cursor-not-allowed"),
-								disabled: n > T,
+								onClick: () => n <= B && V(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 > B && "cursor-not-allowed"),
+								disabled: n > B,
 								children: [
-									j(a ? h : r, { className: "h-4 w-4" }),
+									j(a ? x : r, { className: "h-4 w-4" }),
 									/* @__PURE__ */ j("span", {
 										className: "hidden sm:inline",
 										children: t.label
@@ -265,7 +226,7 @@ var P = {
 				children: [/* @__PURE__ */ M("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 					children: [
-						T === 0 && /* @__PURE__ */ M("div", {
+						B === 0 && /* @__PURE__ */ M("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("h3", {
@@ -279,8 +240,8 @@ var P = {
 								}), /* @__PURE__ */ j("input", {
 									id: "title",
 									name: "title",
-									value: O.title,
-									onChange: V,
+									value: H.title,
+									onChange: K,
 									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)]"
@@ -292,8 +253,8 @@ var P = {
 								}), /* @__PURE__ */ j("textarea", {
 									id: "description",
 									name: "description",
-									value: O.description,
-									onChange: V,
+									value: H.description,
+									onChange: K,
 									placeholder: "Describe your property in detail...",
 									required: !0,
 									rows: 4,
@@ -305,78 +266,30 @@ var P = {
 										htmlFor: "propertyType",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Property Type *"
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ j("select", {
 										id: "propertyType",
 										name: "propertyType",
-										value: O.propertyType,
-										onChange: V,
+										value: H.propertyType,
+										onChange: K,
 										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__ */ j("option", {
-												value: "residential",
-												children: "Residential"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "commercial",
-												children: "Commercial"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "industrial",
-												children: "Industrial"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "agricultural",
-												children: "Agricultural"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "mixed_use",
-												children: "Mixed Use"
-											})
-										]
+										children: m.map((e) => /* @__PURE__ */ j("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
 									})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
 										htmlFor: "category",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Category *"
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ j("select", {
 										id: "category",
 										name: "category",
-										value: O.category,
-										onChange: V,
+										value: H.category,
+										onChange: K,
 										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__ */ j("option", {
-												value: "apartment",
-												children: "Apartment"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "house",
-												children: "House"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "villa",
-												children: "Villa"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "office",
-												children: "Office"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "retail",
-												children: "Retail"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "warehouse",
-												children: "Warehouse"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "land",
-												children: "Land"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "plot",
-												children: "Plot"
-											})
-										]
+										children: p.map((e) => /* @__PURE__ */ j("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
 									})] })]
 								}),
 								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
@@ -386,8 +299,8 @@ var P = {
 								}), /* @__PURE__ */ M("select", {
 									id: "listingType",
 									name: "listingType",
-									value: O.listingType,
-									onChange: V,
+									value: H.listingType,
+									onChange: K,
 									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__ */ j("option", {
@@ -406,12 +319,12 @@ var P = {
 								})] })
 							]
 						}),
-						T === 1 && /* @__PURE__ */ M("div", {
+						B === 1 && /* @__PURE__ */ M("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ M("h3", {
 									className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-									children: [/* @__PURE__ */ j(S, { className: "h-5 w-5" }), "Location Details"]
+									children: [/* @__PURE__ */ j(E, { className: "h-5 w-5" }), "Location Details"]
 								}),
 								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
 									htmlFor: "address",
@@ -420,8 +333,8 @@ var P = {
 								}), /* @__PURE__ */ j("input", {
 									id: "address",
 									name: "address",
-									value: O.address,
-									onChange: V,
+									value: H.address,
+									onChange: K,
 									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)]"
@@ -433,8 +346,8 @@ var P = {
 								}), /* @__PURE__ */ j("input", {
 									id: "neighborhood",
 									name: "neighborhood",
-									value: O.neighborhood,
-									onChange: V,
+									value: H.neighborhood,
+									onChange: K,
 									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)]"
 								})] }),
@@ -448,8 +361,8 @@ var P = {
 										}), /* @__PURE__ */ j("input", {
 											id: "city",
 											name: "city",
-											value: O.city,
-											onChange: V,
+											value: H.city,
+											onChange: K,
 											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)]"
@@ -461,8 +374,8 @@ var P = {
 										}), /* @__PURE__ */ j("input", {
 											id: "state",
 											name: "state",
-											value: O.state,
-											onChange: V,
+											value: H.state,
+											onChange: K,
 											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)]"
@@ -474,8 +387,8 @@ var P = {
 										}), /* @__PURE__ */ j("input", {
 											id: "zipCode",
 											name: "zipCode",
-											value: O.zipCode,
-											onChange: V,
+											value: H.zipCode,
+											onChange: K,
 											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)]"
@@ -489,8 +402,8 @@ var P = {
 								}), /* @__PURE__ */ M("select", {
 									id: "country",
 									name: "country",
-									value: O.country,
-									onChange: V,
+									value: H.country,
+									onChange: K,
 									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__ */ j("option", {
@@ -515,15 +428,15 @@ var P = {
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "Map location (optional)"
 								}), /* @__PURE__ */ j(c, {
-									value: O.coordinates,
-									onChange: (e) => k((t) => ({
+									value: H.coordinates,
+									onChange: (e) => U((t) => ({
 										...t,
 										coordinates: e
 									}))
 								})] })
 							]
 						}),
-						T === 2 && /* @__PURE__ */ M("div", {
+						B === 2 && /* @__PURE__ */ M("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("h3", {
@@ -535,26 +448,26 @@ var P = {
 									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("label", {
 										htmlFor: "area",
 										className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ j(C, { className: "h-4 w-4" }), "Total Area (sq ft) *"]
+										children: [/* @__PURE__ */ j(D, { className: "h-4 w-4" }), "Total Area (sq ft) *"]
 									}), /* @__PURE__ */ j("input", {
 										id: "area",
 										name: "area",
 										type: "number",
-										value: O.area,
-										onChange: V,
+										value: H.area,
+										onChange: K,
 										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__ */ M("div", { children: [/* @__PURE__ */ M("label", {
 										htmlFor: "yearBuilt",
 										className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-										children: [/* @__PURE__ */ j(p, { className: "h-4 w-4" }), "Year Built"]
+										children: [/* @__PURE__ */ j(y, { className: "h-4 w-4" }), "Year Built"]
 									}), /* @__PURE__ */ j("input", {
 										id: "yearBuilt",
 										name: "yearBuilt",
 										type: "number",
-										value: O.yearBuilt,
-										onChange: V,
+										value: H.yearBuilt,
+										onChange: K,
 										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)]"
 									})] })]
@@ -565,39 +478,39 @@ var P = {
 										/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ M("label", {
 											htmlFor: "bedrooms",
 											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ j(f, { className: "h-4 w-4" }), "Bedrooms"]
+											children: [/* @__PURE__ */ j(v, { className: "h-4 w-4" }), "Bedrooms"]
 										}), /* @__PURE__ */ j("input", {
 											id: "bedrooms",
 											name: "bedrooms",
 											type: "number",
-											value: O.bedrooms,
-											onChange: V,
+											value: H.bedrooms,
+											onChange: K,
 											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__ */ M("div", { children: [/* @__PURE__ */ M("label", {
 											htmlFor: "bathrooms",
 											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ j(d, { className: "h-4 w-4" }), "Bathrooms"]
+											children: [/* @__PURE__ */ j(_, { className: "h-4 w-4" }), "Bathrooms"]
 										}), /* @__PURE__ */ j("input", {
 											id: "bathrooms",
 											name: "bathrooms",
 											type: "number",
-											value: O.bathrooms,
-											onChange: V,
+											value: H.bathrooms,
+											onChange: K,
 											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__ */ M("div", { children: [/* @__PURE__ */ M("label", {
 											htmlFor: "parking",
 											className: "mb-1.5 flex items-center gap-1.5 text-sm font-medium text-text-primary",
-											children: [/* @__PURE__ */ j(m, { className: "h-4 w-4" }), "Parking Spots"]
+											children: [/* @__PURE__ */ j(b, { className: "h-4 w-4" }), "Parking Spots"]
 										}), /* @__PURE__ */ j("input", {
 											id: "parking",
 											name: "parking",
 											type: "number",
-											value: O.parking,
-											onChange: V,
+											value: H.parking,
+											onChange: K,
 											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)]"
 										})] })
@@ -609,75 +522,35 @@ var P = {
 										htmlFor: "furnishing",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Furnishing Status"
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ j("select", {
 										id: "furnishing",
 										name: "furnishing",
-										value: O.furnishing,
-										onChange: V,
+										value: H.furnishing,
+										onChange: K,
 										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__ */ j("option", {
-												value: "unfurnished",
-												children: "Unfurnished"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "semi_furnished",
-												children: "Semi Furnished"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "furnished",
-												children: "Furnished"
-											})
-										]
+										children: f.map((e) => /* @__PURE__ */ j("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
 									})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("label", {
 										htmlFor: "facing",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Facing Direction"
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ j("select", {
 										id: "facing",
 										name: "facing",
-										value: O.facing,
-										onChange: V,
+										value: H.facing,
+										onChange: K,
 										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__ */ j("option", {
-												value: "North",
-												children: "North"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "South",
-												children: "South"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "East",
-												children: "East"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "West",
-												children: "West"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "Northeast",
-												children: "Northeast"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "Northwest",
-												children: "Northwest"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "Southeast",
-												children: "Southeast"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "Southwest",
-												children: "Southwest"
-											})
-										]
+										children: d.map((e) => /* @__PURE__ */ j("option", {
+											value: e,
+											children: e
+										}, e))
 									})] })]
 								})
 							]
 						}),
-						T === 3 && /* @__PURE__ */ M("div", {
+						B === 3 && /* @__PURE__ */ M("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ j("h3", {
@@ -690,28 +563,28 @@ var P = {
 								}),
 								/* @__PURE__ */ j("div", {
 									className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
-									children: L.map((t) => {
-										let n = t.icon, r = O.amenities.includes(t.id);
+									children: l.map((t) => {
+										let n = t.icon, r = H.amenities.includes(t.id);
 										return /* @__PURE__ */ M("button", {
 											type: "button",
-											onClick: () => H(t.id),
+											onClick: () => q(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__ */ j(n, { className: "h-6 w-6" }),
 												/* @__PURE__ */ j("span", { children: t.label }),
-												r && /* @__PURE__ */ j(h, { className: "h-4 w-4 text-status-success-text" })
+												r && /* @__PURE__ */ j(x, { className: "h-4 w-4 text-status-success-text" })
 											]
 										}, t.id);
 									})
 								})
 							]
 						}),
-						T === 4 && /* @__PURE__ */ M("div", {
+						B === 4 && /* @__PURE__ */ M("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ M("h3", {
 									className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-									children: [/* @__PURE__ */ j(v, { className: "h-5 w-5" }), "Pricing Details"]
+									children: [/* @__PURE__ */ j(w, { className: "h-5 w-5" }), "Pricing Details"]
 								}),
 								/* @__PURE__ */ M("div", {
 									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
@@ -723,8 +596,8 @@ var P = {
 										id: "price",
 										name: "price",
 										type: "number",
-										value: O.price,
-										onChange: V,
+										value: H.price,
+										onChange: K,
 										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)]"
@@ -732,30 +605,16 @@ var P = {
 										htmlFor: "currency",
 										className: "mb-1.5 block text-sm font-medium text-text-primary",
 										children: "Currency"
-									}), /* @__PURE__ */ M("select", {
+									}), /* @__PURE__ */ j("select", {
 										id: "currency",
 										name: "currency",
-										value: O.currency,
-										onChange: V,
+										value: H.currency,
+										onChange: K,
 										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__ */ j("option", {
-												value: "USD",
-												children: "USD ($)"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "EUR",
-												children: "EUR"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "GBP",
-												children: "GBP"
-											}),
-											/* @__PURE__ */ j("option", {
-												value: "INR",
-												children: "INR"
-											})
-										]
+										children: u.map((e) => /* @__PURE__ */ j("option", {
+											value: e.value,
+											children: e.label
+										}, e.value))
 									})] })]
 								}),
 								/* @__PURE__ */ M("div", {
@@ -764,8 +623,8 @@ var P = {
 										type: "checkbox",
 										id: "negotiable",
 										name: "negotiable",
-										checked: O.negotiable,
-										onChange: V,
+										checked: H.negotiable,
+										onChange: K,
 										className: "h-4 w-4 rounded border-border-subtle"
 									}), /* @__PURE__ */ j("label", {
 										htmlFor: "negotiable",
@@ -775,12 +634,12 @@ var P = {
 								})
 							]
 						}),
-						T === 5 && /* @__PURE__ */ M("div", {
+						B === 5 && /* @__PURE__ */ M("div", {
 							className: "space-y-4",
 							children: [
 								/* @__PURE__ */ M("h3", {
 									className: "flex items-center gap-2 text-lg font-semibold text-text-primary",
-									children: [/* @__PURE__ */ j(E, { className: "h-5 w-5" }), "Property Images"]
+									children: [/* @__PURE__ */ j(O, { className: "h-5 w-5" }), "Property Images"]
 								}),
 								/* @__PURE__ */ j("p", {
 									className: "text-sm text-text-secondary",
@@ -790,13 +649,13 @@ var P = {
 									accept: "image/*",
 									multiple: !0,
 									label: "Upload property images",
-									value: O.images,
-									onUploaded: z,
-									onRemove: B
+									value: H.images,
+									onUploaded: W,
+									onRemove: G
 								}),
-								O.images.length > 0 && /* @__PURE__ */ j("div", {
+								H.images.length > 0 && /* @__PURE__ */ j("div", {
 									className: "grid grid-cols-3 gap-3 sm:grid-cols-4",
-									children: O.images.map((e, t) => /* @__PURE__ */ M("div", {
+									children: H.images.map((e, t) => /* @__PURE__ */ M("div", {
 										className: "relative aspect-square overflow-hidden rounded-lg border border-border-subtle bg-bg-sunken/50",
 										children: [/* @__PURE__ */ j("img", {
 											src: e.url,
@@ -815,22 +674,22 @@ var P = {
 					className: "mt-6 flex items-center justify-between",
 					children: [/* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => T === 0 ? y("../properties") : D((e) => e - 1),
-						disabled: x,
+						onClick: () => B === 0 ? T("../properties") : V((e) => e - 1),
+						disabled: R,
 						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__ */ j(g, { className: "h-4 w-4" }), T === 0 ? "Cancel" : "Previous"]
-					}), G ? /* @__PURE__ */ j("button", {
+						children: [/* @__PURE__ */ j(S, { className: "h-4 w-4" }), B === 0 ? "Cancel" : "Previous"]
+					}), X ? /* @__PURE__ */ j("button", {
 						type: "button",
-						onClick: W,
-						disabled: !U() || x,
+						onClick: Y,
+						disabled: !J() || R,
 						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: x ? "Adding Property..." : "Submit Property"
+						children: R ? "Adding Property..." : "Submit Property"
 					}) : /* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => D((e) => e + 1),
-						disabled: !U(),
+						onClick: () => V((e) => e + 1),
+						disabled: !J(),
 						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__ */ j(_, { className: "h-4 w-4" })]
+						children: ["Next", /* @__PURE__ */ j(C, { className: "h-4 w-4" })]
 					})]
 				})]
 			})
@@ -838,6 +697,6 @@ var P = {
 	});
 };
 //#endregion
-export { z as AddPropertyPage };
+export { R as AddPropertyPage };
 
 //# sourceMappingURL=AddPropertyPage.js.map