@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/marketplace/MarketplacePage.js

@@ -0,0 +1,201 @@
+import { cn as e } from "../../utils/helpers.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { EmptyState as n } from "../../components/EmptyState.js";
+import { FilterBar as r } from "../../components/FilterBar.js";
+import "../../components/index.js";
+import { useMarketplaceServices as i } from "../../hooks/index.js";
+import { useMemo as a, useState as o } from "react";
+import { CheckCircle as s, Clock as c, MapPin as l, MessageCircle as u, Paintbrush as d, Phone as f, Shield as p, ShieldCheck as m, SprayCanIcon as h, Star as g, Trees as _, Wrench as v, Zap as y } from "lucide-react";
+import { useNavigate as b } from "react-router-dom";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/housingvista/pages/marketplace/MarketplacePage.tsx
+var C = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "repair",
+		label: "Plumbing"
+	},
+	{
+		value: "maintenance",
+		label: "Electrical"
+	},
+	{
+		value: "cleaning",
+		label: "Cleaning"
+	},
+	{
+		value: "renovation",
+		label: "Painting"
+	},
+	{
+		value: "security",
+		label: "Security"
+	},
+	{
+		value: "landscaping",
+		label: "Landscaping"
+	}
+];
+function w(e) {
+	switch (e) {
+		case "repair": return /* @__PURE__ */ x(v, { className: "h-4 w-4" });
+		case "maintenance": return /* @__PURE__ */ x(y, { className: "h-4 w-4" });
+		case "cleaning": return /* @__PURE__ */ x(h, { className: "h-4 w-4" });
+		case "renovation": return /* @__PURE__ */ x(d, { className: "h-4 w-4" });
+		case "security": return /* @__PURE__ */ x(p, { className: "h-4 w-4" });
+		case "landscaping": return /* @__PURE__ */ x(_, { className: "h-4 w-4" });
+		case "pest_control": return /* @__PURE__ */ x(m, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ x(v, { className: "h-4 w-4" });
+	}
+}
+function T({ rating: t }) {
+	return /* @__PURE__ */ x("div", {
+		className: "flex items-center gap-0.5",
+		children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ x(g, { className: e("h-3.5 w-3.5", r < Math.floor(t) ? "fill-amber-400 text-amber-400" : r < t ? "fill-amber-400/50 text-amber-400" : "text-muted-foreground/30") }, r))
+	});
+}
+function E({ service: e }) {
+	let t = b();
+	return /* @__PURE__ */ S("div", {
+		className: "rounded-lg border border-border bg-card p-5 shadow-sm transition-shadow hover:shadow-md",
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "relative mb-4 h-40 overflow-hidden rounded-md bg-muted",
+				children: [/* @__PURE__ */ x("img", {
+					src: e.imageUrl,
+					alt: e.name,
+					className: "h-full w-full object-cover"
+				}), e.featured && /* @__PURE__ */ x("span", {
+					className: "absolute left-2 top-2 rounded-full bg-amber-500 px-2 py-0.5 text-xs font-semibold text-white",
+					children: "Featured"
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mb-2 flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ S("div", {
+					className: "min-w-0 flex-1",
+					children: [/* @__PURE__ */ x("h3", {
+						className: "truncate text-sm font-semibold text-foreground",
+						children: e.name
+					}), /* @__PURE__ */ x("p", {
+						className: "text-xs text-muted-foreground",
+						children: e.providerName
+					})]
+				}), /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground capitalize",
+					children: [w(e.category), e.category.replace("_", " ")]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mb-3 flex items-center gap-2",
+				children: [
+					/* @__PURE__ */ x(T, { rating: e.rating }),
+					/* @__PURE__ */ x("span", {
+						className: "text-xs font-medium text-foreground",
+						children: e.rating
+					}),
+					/* @__PURE__ */ S("span", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							"(",
+							e.reviewCount,
+							" reviews)"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ x("p", {
+				className: "mb-3 line-clamp-2 text-xs text-muted-foreground",
+				children: e.description
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mb-3 flex items-center justify-between text-xs",
+				children: [/* @__PURE__ */ x("span", {
+					className: "font-semibold text-foreground",
+					children: e.priceRange
+				}), /* @__PURE__ */ S("span", {
+					className: "flex items-center gap-1 text-muted-foreground",
+					children: [/* @__PURE__ */ x(c, { className: "h-3 w-3" }), e.responseTime]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "mb-4 flex items-center gap-2",
+				children: [e.verified && /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1 rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400",
+					children: [/* @__PURE__ */ x(s, { className: "h-3 w-3" }), "Verified"]
+				}), /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-xs text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+					children: [
+						/* @__PURE__ */ x(l, { className: "h-3 w-3" }),
+						e.availableAreas.length,
+						" areas"
+					]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ S("button", {
+					onClick: () => t(`/marketplace/${e.id}`),
+					className: "flex-1 rounded-md bg-foreground px-3 py-2 text-xs font-medium text-background transition-colors hover:bg-foreground/90",
+					children: [/* @__PURE__ */ x(f, { className: "mr-1 inline h-3 w-3" }), "Contact"]
+				}), /* @__PURE__ */ x("button", {
+					onClick: () => t(`/chat?provider=${e.providerName}`),
+					className: "rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-muted",
+					children: /* @__PURE__ */ x(u, { className: "h-3 w-3" })
+				})]
+			})
+		]
+	});
+}
+function D() {
+	let { data: s } = i(), [c, l] = o(""), [u, d] = o("all"), f = a(() => s.filter((e) => {
+		let t = !c || e.name.toLowerCase().includes(c.toLowerCase()) || e.providerName.toLowerCase().includes(c.toLowerCase()) || e.description.toLowerCase().includes(c.toLowerCase()), n = u === "all" || e.category === u;
+		return t && n;
+	}), [
+		s,
+		c,
+		u
+	]);
+	return /* @__PURE__ */ S(t, {
+		title: "Service Marketplace",
+		description: "Find trusted service providers for your property needs",
+		children: [
+			/* @__PURE__ */ x("div", {
+				className: "flex flex-wrap gap-2",
+				children: C.map((t) => /* @__PURE__ */ x("button", {
+					onClick: () => d(t.value),
+					className: e("rounded-full px-4 py-1.5 text-sm font-medium transition-colors", u === t.value ? "bg-foreground text-background" : "border border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground"),
+					children: t.label
+				}, t.value))
+			}),
+			/* @__PURE__ */ x(r, {
+				searchValue: c,
+				onSearchChange: l,
+				searchPlaceholder: "Search services, providers..."
+			}),
+			/* @__PURE__ */ S("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					f.length,
+					" service",
+					f.length === 1 ? "" : "s",
+					" found"
+				]
+			}),
+			f.length > 0 ? /* @__PURE__ */ x("div", {
+				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: f.map((e) => /* @__PURE__ */ x(E, { service: e }, e.id))
+			}) : /* @__PURE__ */ x(n, {
+				title: "No services found",
+				description: "Try adjusting your search or category filter to find what you need."
+			})
+		]
+	});
+}
+//#endregion
+export { D as MarketplacePage };
+
+//# sourceMappingURL=MarketplacePage.js.map

package/dist/housingvista/pages/marketplace/MarketplacePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplacePage.js","names":[],"sources":["../../../../src/housingvista/pages/marketplace/MarketplacePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Star,\n  Phone,\n  MapPin,\n  Shield,\n  Wrench,\n  Zap,\n  SprayCanIcon,\n  Paintbrush,\n  ShieldCheck,\n  Trees,\n  CheckCircle,\n  Clock,\n  MessageCircle,\n} from 'lucide-react';\nimport { PageLayout, FilterBar, EmptyState } from '../../components';\nimport { useMarketplaceServices } from '../../hooks';\nimport { cn, formatCurrency } from '../../utils/helpers';\nimport type { MarketplaceService } from '../../types';\n\nconst categories = [\n  { value: 'all', label: 'All' },\n  { value: 'repair', label: 'Plumbing' },\n  { value: 'maintenance', label: 'Electrical' },\n  { value: 'cleaning', label: 'Cleaning' },\n  { value: 'renovation', label: 'Painting' },\n  { value: 'security', label: 'Security' },\n  { value: 'landscaping', label: 'Landscaping' },\n] as const;\n\nfunction getCategoryIcon(category: string) {\n  switch (category) {\n    case 'repair':\n      return <Wrench className=\"h-4 w-4\" />;\n    case 'maintenance':\n      return <Zap className=\"h-4 w-4\" />;\n    case 'cleaning':\n      return <SprayCanIcon className=\"h-4 w-4\" />;\n    case 'renovation':\n      return <Paintbrush className=\"h-4 w-4\" />;\n    case 'security':\n      return <Shield className=\"h-4 w-4\" />;\n    case 'landscaping':\n      return <Trees className=\"h-4 w-4\" />;\n    case 'pest_control':\n      return <ShieldCheck className=\"h-4 w-4\" />;\n    default:\n      return <Wrench className=\"h-4 w-4\" />;\n  }\n}\n\nfunction RatingStars({ rating }: { rating: number }) {\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {Array.from({ length: 5 }).map((_, i) => (\n        <Star\n          key={i}\n          className={cn(\n            'h-3.5 w-3.5',\n            i < Math.floor(rating)\n              ? 'fill-amber-400 text-amber-400'\n              : i < rating\n                ? 'fill-amber-400/50 text-amber-400'\n                : 'text-muted-foreground/30'\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\nfunction ServiceCard({ service }: { service: MarketplaceService }) {\n  const navigate = useNavigate();\n\n  return (\n    <div className=\"rounded-lg border border-border bg-card p-5 shadow-sm transition-shadow hover:shadow-md\">\n      {/* Image + Featured Badge */}\n      <div className=\"relative mb-4 h-40 overflow-hidden rounded-md bg-muted\">\n        <img src={service.imageUrl} alt={service.name} className=\"h-full w-full object-cover\" />\n        {service.featured && (\n          <span className=\"absolute left-2 top-2 rounded-full bg-amber-500 px-2 py-0.5 text-xs font-semibold text-white\">\n            Featured\n          </span>\n        )}\n      </div>\n\n      {/* Header */}\n      <div className=\"mb-2 flex items-start justify-between gap-2\">\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-sm font-semibold text-foreground\">{service.name}</h3>\n          <p className=\"text-xs text-muted-foreground\">{service.providerName}</p>\n        </div>\n        <span className=\"inline-flex items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground capitalize\">\n          {getCategoryIcon(service.category)}\n          {service.category.replace('_', ' ')}\n        </span>\n      </div>\n\n      {/* Rating */}\n      <div className=\"mb-3 flex items-center gap-2\">\n        <RatingStars rating={service.rating} />\n        <span className=\"text-xs font-medium text-foreground\">{service.rating}</span>\n        <span className=\"text-xs text-muted-foreground\">({service.reviewCount} reviews)</span>\n      </div>\n\n      {/* Description */}\n      <p className=\"mb-3 line-clamp-2 text-xs text-muted-foreground\">{service.description}</p>\n\n      {/* Price + Response Time */}\n      <div className=\"mb-3 flex items-center justify-between text-xs\">\n        <span className=\"font-semibold text-foreground\">{service.priceRange}</span>\n        <span className=\"flex items-center gap-1 text-muted-foreground\">\n          <Clock className=\"h-3 w-3\" />\n          {service.responseTime}\n        </span>\n      </div>\n\n      {/* Availability + Verified */}\n      <div className=\"mb-4 flex items-center gap-2\">\n        {service.verified && (\n          <span className=\"inline-flex items-center gap-1 rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400\">\n            <CheckCircle className=\"h-3 w-3\" />\n            Verified\n          </span>\n        )}\n        <span className=\"inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-xs text-blue-700 dark:bg-blue-900/30 dark:text-blue-400\">\n          <MapPin className=\"h-3 w-3\" />\n          {service.availableAreas.length} areas\n        </span>\n      </div>\n\n      {/* Actions */}\n      <div className=\"flex items-center gap-2\">\n        <button\n          onClick={() => navigate(`/marketplace/${service.id}`)}\n          className=\"flex-1 rounded-md bg-foreground px-3 py-2 text-xs font-medium text-background transition-colors hover:bg-foreground/90\"\n        >\n          <Phone className=\"mr-1 inline h-3 w-3\" />\n          Contact\n        </button>\n        <button\n          onClick={() => navigate(`/chat?provider=${service.providerName}`)}\n          className=\"rounded-md border border-border px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n        >\n          <MessageCircle className=\"h-3 w-3\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n\nexport function MarketplacePage() {\n  const { data: services } = useMarketplaceServices();\n  const [search, setSearch] = useState('');\n  const [activeCategory, setActiveCategory] = useState<string>('all');\n\n  const filtered = useMemo(() => {\n    return services.filter((s) => {\n      const matchesSearch =\n        !search ||\n        s.name.toLowerCase().includes(search.toLowerCase()) ||\n        s.providerName.toLowerCase().includes(search.toLowerCase()) ||\n        s.description.toLowerCase().includes(search.toLowerCase());\n\n      const matchesCategory = activeCategory === 'all' || s.category === activeCategory;\n      return matchesSearch && matchesCategory;\n    });\n  }, [services, search, activeCategory]);\n\n  return (\n    <PageLayout title=\"Service Marketplace\" description=\"Find trusted service providers for your property needs\">\n      {/* Category Tabs */}\n      <div className=\"flex flex-wrap gap-2\">\n        {categories.map((cat) => (\n          <button\n            key={cat.value}\n            onClick={() => setActiveCategory(cat.value)}\n            className={cn(\n              'rounded-full px-4 py-1.5 text-sm font-medium transition-colors',\n              activeCategory === cat.value\n                ? 'bg-foreground text-background'\n                : 'border border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground'\n            )}\n          >\n            {cat.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Search */}\n      <FilterBar searchValue={search} onSearchChange={setSearch} searchPlaceholder=\"Search services, providers...\" />\n\n      {/* Results Count */}\n      <p className=\"text-sm text-muted-foreground\">\n        {filtered.length} service{filtered.length !== 1 ? 's' : ''} found\n      </p>\n\n      {/* Service Grid */}\n      {filtered.length > 0 ? (\n        <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((service) => (\n            <ServiceCard key={service.id} service={service} />\n          ))}\n        </div>\n      ) : (\n        <EmptyState\n          title=\"No services found\"\n          description=\"Try adjusting your search or category filter to find what you need.\"\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/notifications/NotificationsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function NotificationsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NotificationsPage.d.ts.map

package/dist/housingvista/pages/notifications/NotificationsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/notifications/NotificationsPage.tsx"],"names":[],"mappings":"AA0FA,wBAAgB,iBAAiB,4CAwHhC"}

package/dist/housingvista/pages/notifications/NotificationsPage.js

@@ -0,0 +1,139 @@
+import { cn as e, getRelativeTime as t } from "../../utils/helpers.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import "../../components/index.js";
+import { useNotifications as i } from "../../hooks/index.js";
+import { useMemo as a, useState as o } from "react";
+import { AlertTriangle as s, BellOff as c, CheckCheck as l, CheckCircle as u, CreditCard as d, Home as f, Info as p, Settings as m } from "lucide-react";
+import { useNavigate as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/housingvista/pages/notifications/NotificationsPage.tsx
+var v = [
+	{
+		value: "all",
+		label: "All"
+	},
+	{
+		value: "unread",
+		label: "Unread"
+	},
+	{
+		value: "property",
+		label: "Property"
+	},
+	{
+		value: "transaction",
+		label: "Transaction"
+	},
+	{
+		value: "system",
+		label: "System"
+	}
+];
+function y(e) {
+	switch (e) {
+		case "property_alert": return /* @__PURE__ */ g(f, { className: "h-4 w-4" });
+		case "transaction_update": return /* @__PURE__ */ g(d, { className: "h-4 w-4" });
+		case "payment_reminder": return /* @__PURE__ */ g(d, { className: "h-4 w-4" });
+		case "service_request": return /* @__PURE__ */ g(m, { className: "h-4 w-4" });
+		case "warning": return /* @__PURE__ */ g(s, { className: "h-4 w-4" });
+		case "success": return /* @__PURE__ */ g(u, { className: "h-4 w-4" });
+		case "error": return /* @__PURE__ */ g(s, { className: "h-4 w-4" });
+		default: return /* @__PURE__ */ g(p, { className: "h-4 w-4" });
+	}
+}
+function b(e) {
+	switch (e) {
+		case "property_alert": return "bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400";
+		case "transaction_update": return "bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400";
+		case "payment_reminder": return "bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400";
+		case "service_request": return "bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400";
+		case "warning": return "bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400";
+		case "success": return "bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400";
+		case "error": return "bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400";
+		default: return "bg-muted text-muted-foreground";
+	}
+}
+function x(e, t) {
+	return t === "all" ? !0 : t === "unread" ? !e.read : t === "property" ? e.type === "property_alert" : t === "transaction" ? e.type === "transaction_update" || e.type === "payment_reminder" : t === "system" ? e.type === "info" || e.type === "warning" || e.type === "success" || e.type === "error" || e.type === "service_request" : !0;
+}
+function S() {
+	h();
+	let { data: s } = i(), [u, d] = o("all"), [f, p] = o({}), m = (e) => f[e.id] ?? e.read, S = a(() => s.filter((e) => x({
+		...e,
+		read: m(e)
+	}, u)), [
+		s,
+		u,
+		f
+	]), C = s.filter((e) => !m(e)).length, w = () => {
+		let e = { ...f };
+		s.forEach((t) => {
+			e[t.id] = !0;
+		}), p(e);
+	}, T = (e) => {
+		p((t) => ({
+			...t,
+			[e]: !t[e]
+		}));
+	};
+	return /* @__PURE__ */ _(n, {
+		title: "Notifications",
+		description: `${C} unread notification${C === 1 ? "" : "s"}`,
+		actions: /* @__PURE__ */ _("button", {
+			onClick: w,
+			className: "inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-muted",
+			children: [/* @__PURE__ */ g(l, { className: "h-3.5 w-3.5" }), "Mark All Read"]
+		}),
+		children: [/* @__PURE__ */ g("div", {
+			className: "flex flex-wrap gap-2",
+			children: v.map((t) => /* @__PURE__ */ _("button", {
+				onClick: () => d(t.value),
+				className: e("rounded-full px-4 py-1.5 text-sm font-medium transition-colors", u === t.value ? "bg-foreground text-background" : "border border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground"),
+				children: [t.label, t.value === "unread" && C > 0 && /* @__PURE__ */ g("span", {
+					className: "ml-1.5 inline-flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-bold text-white",
+					children: C
+				})]
+			}, t.value))
+		}), S.length > 0 ? /* @__PURE__ */ g("div", {
+			className: "space-y-2",
+			children: S.map((n) => {
+				let r = m(n);
+				return /* @__PURE__ */ _("div", {
+					onClick: () => T(n.id),
+					className: e("flex cursor-pointer items-start gap-4 rounded-lg border border-border p-4 transition-colors hover:bg-muted/50", !r && "border-l-4 border-l-blue-500 bg-blue-50/30 dark:bg-blue-950/10"),
+					children: [/* @__PURE__ */ g("div", {
+						className: e("flex h-9 w-9 shrink-0 items-center justify-center rounded-full", b(n.type)),
+						children: y(n.type)
+					}), /* @__PURE__ */ _("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ g("h4", {
+								className: e("text-sm", r ? "font-medium text-foreground" : "font-semibold text-foreground"),
+								children: n.title
+							}), /* @__PURE__ */ _("div", {
+								className: "flex shrink-0 items-center gap-2",
+								children: [/* @__PURE__ */ g("span", {
+									className: "text-xs text-muted-foreground",
+									children: t(n.createdAt.toISOString())
+								}), !r && /* @__PURE__ */ g("span", { className: "h-2 w-2 rounded-full bg-blue-500" })]
+							})]
+						}), /* @__PURE__ */ g("p", {
+							className: "mt-0.5 text-xs text-muted-foreground",
+							children: n.message
+						})]
+					})]
+				}, n.id);
+			})
+		}) : /* @__PURE__ */ g(r, {
+			icon: /* @__PURE__ */ g(c, { className: "h-12 w-12" }),
+			title: "No notifications",
+			description: u === "unread" ? "You're all caught up!" : "No notifications in this category yet."
+		})]
+	});
+}
+//#endregion
+export { S as NotificationsPage };
+
+//# sourceMappingURL=NotificationsPage.js.map

package/dist/housingvista/pages/notifications/NotificationsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsPage.js","names":[],"sources":["../../../../src/housingvista/pages/notifications/NotificationsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Bell,\n  BellOff,\n  CheckCheck,\n  Home,\n  CreditCard,\n  AlertTriangle,\n  Info,\n  CheckCircle,\n  ArrowRight,\n  Settings,\n} from 'lucide-react';\nimport { PageLayout, EmptyState } from '../../components';\nimport { useNotifications } from '../../hooks';\nimport { cn, getRelativeTime } from '../../utils/helpers';\nimport type { Notification, NotificationType } from '../../types';\n\ntype FilterTab = 'all' | 'unread' | 'property' | 'transaction' | 'system';\n\nconst tabs: { value: FilterTab; label: string }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'unread', label: 'Unread' },\n  { value: 'property', label: 'Property' },\n  { value: 'transaction', label: 'Transaction' },\n  { value: 'system', label: 'System' },\n];\n\nfunction getNotificationIcon(type: NotificationType) {\n  switch (type) {\n    case 'property_alert':\n      return <Home className=\"h-4 w-4\" />;\n    case 'transaction_update':\n      return <CreditCard className=\"h-4 w-4\" />;\n    case 'payment_reminder':\n      return <CreditCard className=\"h-4 w-4\" />;\n    case 'service_request':\n      return <Settings className=\"h-4 w-4\" />;\n    case 'warning':\n      return <AlertTriangle className=\"h-4 w-4\" />;\n    case 'success':\n      return <CheckCircle className=\"h-4 w-4\" />;\n    case 'error':\n      return <AlertTriangle className=\"h-4 w-4\" />;\n    case 'info':\n    default:\n      return <Info className=\"h-4 w-4\" />;\n  }\n}\n\nfunction getNotificationIconColor(type: NotificationType) {\n  switch (type) {\n    case 'property_alert':\n      return 'bg-blue-100 text-blue-600 dark:bg-blue-900/30 dark:text-blue-400';\n    case 'transaction_update':\n      return 'bg-purple-100 text-purple-600 dark:bg-purple-900/30 dark:text-purple-400';\n    case 'payment_reminder':\n      return 'bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400';\n    case 'service_request':\n      return 'bg-green-100 text-green-600 dark:bg-green-900/30 dark:text-green-400';\n    case 'warning':\n      return 'bg-amber-100 text-amber-600 dark:bg-amber-900/30 dark:text-amber-400';\n    case 'success':\n      return 'bg-emerald-100 text-emerald-600 dark:bg-emerald-900/30 dark:text-emerald-400';\n    case 'error':\n      return 'bg-red-100 text-red-600 dark:bg-red-900/30 dark:text-red-400';\n    case 'info':\n    default:\n      return 'bg-muted text-muted-foreground';\n  }\n}\n\nfunction matchesTab(notification: Notification, tab: FilterTab): boolean {\n  if (tab === 'all') return true;\n  if (tab === 'unread') return !notification.read;\n  if (tab === 'property') return notification.type === 'property_alert';\n  if (tab === 'transaction')\n    return notification.type === 'transaction_update' || notification.type === 'payment_reminder';\n  if (tab === 'system')\n    return (\n      notification.type === 'info' ||\n      notification.type === 'warning' ||\n      notification.type === 'success' ||\n      notification.type === 'error' ||\n      notification.type === 'service_request'\n    );\n  return true;\n}\n\nexport function NotificationsPage() {\n  const navigate = useNavigate();\n  const { data: notifications } = useNotifications();\n  const [activeTab, setActiveTab] = useState<FilterTab>('all');\n  const [readMap, setReadMap] = useState<Record<string, boolean>>({});\n\n  const isRead = (n: Notification) => readMap[n.id] ?? n.read;\n\n  const filtered = useMemo(() => {\n    return notifications.filter((n) => {\n      const virtual = { ...n, read: isRead(n) };\n      return matchesTab(virtual, activeTab);\n    });\n  }, [notifications, activeTab, readMap]);\n\n  const unreadCount = notifications.filter((n) => !isRead(n)).length;\n\n  const handleMarkAllRead = () => {\n    const newMap: Record<string, boolean> = { ...readMap };\n    notifications.forEach((n) => {\n      newMap[n.id] = true;\n    });\n    setReadMap(newMap);\n  };\n\n  const handleToggleRead = (id: string) => {\n    setReadMap((prev) => ({ ...prev, [id]: !prev[id] }));\n  };\n\n  return (\n    <PageLayout\n      title=\"Notifications\"\n      description={`${unreadCount} unread notification${unreadCount !== 1 ? 's' : ''}`}\n      actions={\n        <button\n          onClick={handleMarkAllRead}\n          className=\"inline-flex items-center gap-1.5 rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground transition-colors hover:bg-muted\"\n        >\n          <CheckCheck className=\"h-3.5 w-3.5\" />\n          Mark All Read\n        </button>\n      }\n    >\n      {/* Filter Tabs */}\n      <div className=\"flex flex-wrap gap-2\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.value}\n            onClick={() => setActiveTab(tab.value)}\n            className={cn(\n              'rounded-full px-4 py-1.5 text-sm font-medium transition-colors',\n              activeTab === tab.value\n                ? 'bg-foreground text-background'\n                : 'border border-border bg-card text-muted-foreground hover:bg-muted hover:text-foreground'\n            )}\n          >\n            {tab.label}\n            {tab.value === 'unread' && unreadCount > 0 && (\n              <span className=\"ml-1.5 inline-flex h-5 w-5 items-center justify-center rounded-full bg-red-500 text-[10px] font-bold text-white\">\n                {unreadCount}\n              </span>\n            )}\n          </button>\n        ))}\n      </div>\n\n      {/* Notification List */}\n      {filtered.length > 0 ? (\n        <div className=\"space-y-2\">\n          {filtered.map((notification) => {\n            const read = isRead(notification);\n            return (\n              <div\n                key={notification.id}\n                onClick={() => handleToggleRead(notification.id)}\n                className={cn(\n                  'flex cursor-pointer items-start gap-4 rounded-lg border border-border p-4 transition-colors hover:bg-muted/50',\n                  !read && 'border-l-4 border-l-blue-500 bg-blue-50/30 dark:bg-blue-950/10'\n                )}\n              >\n                {/* Icon */}\n                <div\n                  className={cn(\n                    'flex h-9 w-9 shrink-0 items-center justify-center rounded-full',\n                    getNotificationIconColor(notification.type)\n                  )}\n                >\n                  {getNotificationIcon(notification.type)}\n                </div>\n\n                {/* Content */}\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <h4\n                      className={cn('text-sm', !read ? 'font-semibold text-foreground' : 'font-medium text-foreground')}\n                    >\n                      {notification.title}\n                    </h4>\n                    <div className=\"flex shrink-0 items-center gap-2\">\n                      <span className=\"text-xs text-muted-foreground\">\n                        {getRelativeTime(notification.createdAt.toISOString())}\n                      </span>\n                      {!read && <span className=\"h-2 w-2 rounded-full bg-blue-500\" />}\n                    </div>\n                  </div>\n                  <p className=\"mt-0.5 text-xs text-muted-foreground\">{notification.message}</p>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <EmptyState\n          icon={<BellOff className=\"h-12 w-12\" />}\n          title=\"No notifications\"\n          description={activeTab === 'unread' ? \"You're all caught up!\" : 'No notifications in this category yet.'}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/housingvista/pages/properties/AddPropertyPage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * HousingVista Add Property Page
+ * Multi-step property creation form.
+ * Migrated from legacy housingvista-frontend add-property.tsx
+ * @module housingvista
+ */
+export declare const AddPropertyPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AddPropertyPage.d.ts.map

package/dist/housingvista/pages/properties/AddPropertyPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddPropertyPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/properties/AddPropertyPage.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAqDH,eAAO,MAAM,eAAe,+CAmnB3B,CAAC"}