npm - @burdenoff/microfe-housingvista - Versions diffs - 2026.709.2 → 2026.709.3 - Mend

@burdenoff/microfe-housingvista 2026.709.2 → 2026.709.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/dist/housingvista/pages/viewings/ViewingsPage.js CHANGED Viewed

@@ -3,17 +3,18 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { StatCard as r } from "../../components/StatCard.js";
 import { StatusBadge as i } from "../../components/StatusBadge.js";
 import { EmptyState as a } from "../../components/EmptyState.js";
-import { useCancelViewing as o, useUpdateViewing as ee, useViewings as te } from "../../hooks/index.js";
-import { notify as s } from "../../lib/toast.js";
+import { useTrackPageView as o } from "../../hooks/useHousingVistaAnalytics.js";
+import { useCancelViewing as s, useUpdateViewing as c, useViewings as l } from "../../hooks/index.js";
+import { notify as u } from "../../lib/toast.js";
 import "../../components/index.js";
-import { useServerPagination as ne } from "../../hooks/useServerPagination.js";
-import { useMemo as c, useState as l } from "react";
-import { CalendarClock as u, CalendarDays as d, ChevronLeft as f, ChevronRight as p, Home as m, MapPin as h, Users as g, Video as _, X as re } from "lucide-react";
-import { useNavigate as ie } from "react-router-dom";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, EmphasisPanel as x, GlassCard as S, Pagination as C, ResponsiveDialog as ae, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as oe, ResponsiveDialogHeader as se, ResponsiveDialogTitle as E } from "@burdenoff/fe-libs/ui";
+import { useServerPagination as d } from "../../hooks/useServerPagination.js";
+import { useMemo as f, useState as p } from "react";
+import { CalendarClock as m, CalendarDays as h, ChevronLeft as ee, ChevronRight as te, Home as g, MapPin as ne, Users as _, Video as v, X as y } from "lucide-react";
+import { useNavigate as b } from "react-router-dom";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, EmphasisPanel as w, GlassCard as T, Pagination as E, ResponsiveDialog as re, ResponsiveDialogContent as ie, ResponsiveDialogDescription as ae, ResponsiveDialogFooter as oe, ResponsiveDialogHeader as se, ResponsiveDialogTitle as D } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/viewings/ViewingsPage.tsx
-var D = [
+var O = [
 	{
 		value: "all",
 		label: "All"
@@ -35,7 +36,7 @@ var D = [
 		label: "Cancelled"
 	}
 ];
-function O(e) {
+function k(e) {
 	switch (e) {
 		case "confirmed": return "success";
 		case "requested": return "warning";
@@ -43,14 +44,14 @@ function O(e) {
 		default: return "muted";
 	}
 }
-var k = "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)]";
-function A(e) {
+var A = "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)]";
+function j(e) {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "";
 	let n = t.getTimezoneOffset();
 	return (/* @__PURE__ */ new Date(t.getTime() - n * 6e4)).toISOString().slice(0, 16);
 }
-var j = 1440 * 60 * 1e3, M = [
+var M = 1440 * 60 * 1e3, N = [
 	"Sun",
 	"Mon",
 	"Tue",
@@ -59,247 +60,248 @@ var j = 1440 * 60 * 1e3, M = [
 	"Fri",
 	"Sat"
 ];
-function N(e) {
+function P(e) {
 	let t = new Date(e.getFullYear(), e.getMonth(), e.getDate());
 	return t.setDate(t.getDate() - t.getDay()), t;
 }
-function P(e, t) {
+function F(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function F() {
-	let F = ie(), I = ne(10), [L, R] = l("all"), { data: z, loading: B } = te({
-		filter: L === "all" ? void 0 : { status: L },
-		pagination: I.pagination
-	}), { updateViewing: V, loading: H } = ee(), { cancelViewing: U, loading: W } = o(), [G, K] = l(null), [q, J] = l(""), [Y, X] = l(() => N(/* @__PURE__ */ new Date())), [Z, Q] = l(null), ce = c(() => Array.from({ length: 7 }, (e, t) => new Date(Y.getTime() + t * j)), [Y]), le = c(() => {
+function I() {
+	o("housingvista.viewings.viewed");
+	let I = b(), L = d(10), [R, z] = p("all"), { data: B, loading: V } = l({
+		filter: R === "all" ? void 0 : { status: R },
+		pagination: L.pagination
+	}), { updateViewing: ce, loading: H } = c(), { cancelViewing: U, loading: W } = s(), [G, K] = p(null), [q, J] = p(""), [Y, X] = p(() => P(/* @__PURE__ */ new Date())), [Z, Q] = p(null), le = f(() => Array.from({ length: 7 }, (e, t) => new Date(Y.getTime() + t * M)), [Y]), ue = f(() => {
 		let e = /* @__PURE__ */ new Set();
-		for (let t of z) {
+		for (let t of B) {
 			let n = new Date(t.scheduledAt);
 			Number.isNaN(n.getTime()) || e.add(`${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`);
 		}
 		return e;
-	}, [z]), $ = c(() => Z ? z.filter((e) => P(new Date(e.scheduledAt), Z)) : z, [z, Z]), ue = Y.toLocaleDateString("en-US", {
+	}, [B]), $ = f(() => Z ? B.filter((e) => F(new Date(e.scheduledAt), Z)) : B, [B, Z]), de = Y.toLocaleDateString("en-US", {
 		month: "long",
 		year: "numeric"
-	}), de = (e) => {
-		K(e), J(A(e.scheduledAt));
-	}, fe = async (e) => {
+	}), fe = (e) => {
+		K(e), J(j(e.scheduledAt));
+	}, pe = async (e) => {
 		if (e.preventDefault(), G) {
 			if (!q) {
-				s.warning("Pick a new date and time");
+				u.warning("Pick a new date and time");
 				return;
 			}
 			try {
-				await V(G.id, { scheduledAt: new Date(q).toISOString() }), s.success("Viewing rescheduled"), K(null);
+				await ce(G.id, { scheduledAt: new Date(q).toISOString() }), u.success("Viewing rescheduled"), K(null);
 			} catch (e) {
-				s.error("Could not reschedule", e.message);
+				u.error("Could not reschedule", e.message);
 			}
 		}
-	}, pe = async (e) => {
+	}, me = async (e) => {
 		try {
-			await U(e.id), s.success("Viewing cancelled");
+			await U(e.id), u.success("Viewing cancelled");
 		} catch (e) {
-			s.error("Could not cancel viewing", e.message);
+			u.error("Could not cancel viewing", e.message);
 		}
-	}, me = z.filter((e) => e.status === "requested" || e.status === "confirmed").length;
-	return /* @__PURE__ */ y(n, {
+	}, he = B.filter((e) => e.status === "requested" || e.status === "confirmed").length;
+	return /* @__PURE__ */ S(n, {
 		title: "Viewings",
 		description: "Track and manage the property viewings you have booked",
 		purpose: "See every viewing you have booked, in person or virtual, with its date and status. Jump to a day, reschedule when your plans change, or cancel one you no longer need.",
-		actions: /* @__PURE__ */ y(b, {
+		actions: /* @__PURE__ */ S(C, {
 			variant: "outline",
-			onClick: () => F("../properties"),
-			children: [/* @__PURE__ */ v(m, { className: "h-4 w-4" }), /* @__PURE__ */ v("span", {
+			onClick: () => I("../properties"),
+			children: [/* @__PURE__ */ x(g, { className: "h-4 w-4" }), /* @__PURE__ */ x("span", {
 				className: "ml-1",
 				children: "Book a viewing"
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ v(x, {
+			/* @__PURE__ */ x(w, {
 				className: "p-4",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 					children: [
-						/* @__PURE__ */ v(r, {
+						/* @__PURE__ */ x(r, {
 							label: "Total viewings",
-							value: z.length,
-							icon: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+							value: B.length,
+							icon: /* @__PURE__ */ x(h, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v(r, {
+						/* @__PURE__ */ x(r, {
 							label: "Upcoming",
-							value: me,
-							icon: /* @__PURE__ */ v(u, { className: "h-4 w-4" })
+							value: he,
+							icon: /* @__PURE__ */ x(m, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ v(r, {
+						/* @__PURE__ */ x(r, {
 							label: "Virtual",
-							value: z.filter((e) => e.type === "virtual").length,
-							icon: /* @__PURE__ */ v(_, { className: "h-4 w-4" })
+							value: B.filter((e) => e.type === "virtual").length,
+							icon: /* @__PURE__ */ x(v, { className: "h-4 w-4" })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ y(S, {
+			/* @__PURE__ */ S(T, {
 				treatment: "plain",
 				className: "p-3",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "mb-2 flex items-center justify-between",
-					children: [/* @__PURE__ */ v("span", {
+					children: [/* @__PURE__ */ x("span", {
 						className: "text-sm font-semibold text-text-primary",
-						children: ue
-					}), /* @__PURE__ */ y("div", {
+						children: de
+					}), /* @__PURE__ */ S("div", {
 						className: "flex items-center gap-1",
 						children: [
-							Z && /* @__PURE__ */ v("button", {
+							Z && /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => Q(null),
 								className: "mr-1 rounded-full bg-bg-sunken px-2.5 py-1 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary",
 								children: "All days"
 							}),
-							/* @__PURE__ */ v("button", {
+							/* @__PURE__ */ x("button", {
 								type: "button",
 								"aria-label": "Previous week",
-								onClick: () => X(/* @__PURE__ */ new Date(Y.getTime() - 7 * j)),
+								onClick: () => X(/* @__PURE__ */ new Date(Y.getTime() - 7 * M)),
 								className: "rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-								children: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ x(ee, { className: "h-4 w-4" })
 							}),
-							/* @__PURE__ */ v("button", {
+							/* @__PURE__ */ x("button", {
 								type: "button",
 								"aria-label": "Next week",
-								onClick: () => X(new Date(Y.getTime() + 7 * j)),
+								onClick: () => X(new Date(Y.getTime() + 7 * M)),
 								className: "rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-								children: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ x(te, { className: "h-4 w-4" })
 							})
 						]
 					})]
-				}), /* @__PURE__ */ v("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "grid grid-cols-7 gap-1.5",
-					children: ce.map((t) => {
-						let n = `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`, r = P(t, /* @__PURE__ */ new Date()), i = Z ? P(t, Z) : !1, a = le.has(n);
-						return /* @__PURE__ */ y("button", {
+					children: le.map((t) => {
+						let n = `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`, r = F(t, /* @__PURE__ */ new Date()), i = Z ? F(t, Z) : !1, a = ue.has(n);
+						return /* @__PURE__ */ S("button", {
 							type: "button",
 							onClick: () => Q(i ? null : t),
 							"aria-pressed": i,
 							className: e("flex flex-col items-center gap-0.5 rounded-lg py-2 text-center transition-colors", i ? "bg-action-primary-bg text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken"),
 							children: [
-								/* @__PURE__ */ v("span", {
+								/* @__PURE__ */ x("span", {
 									className: "text-[0.65rem] font-medium uppercase",
-									children: M[t.getDay()]
+									children: N[t.getDay()]
 								}),
-								/* @__PURE__ */ v("span", {
+								/* @__PURE__ */ x("span", {
 									className: e("text-sm font-semibold tabular-nums", !i && r && "text-primary"),
 									children: t.getDate()
 								}),
-								/* @__PURE__ */ v("span", { className: e("h-1 w-1 rounded-full", a ? i ? "bg-action-primary-text" : "bg-status-success" : "bg-transparent") })
+								/* @__PURE__ */ x("span", { className: e("h-1 w-1 rounded-full", a ? i ? "bg-action-primary-text" : "bg-status-success" : "bg-transparent") })
 							]
 						}, n);
 					})
 				})]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ x("div", {
 				className: "-mx-1 flex flex-nowrap items-center gap-2 overflow-x-auto px-1 pb-1 sm:flex-wrap sm:overflow-visible",
-				children: D.map((t) => /* @__PURE__ */ v("button", {
+				children: O.map((t) => /* @__PURE__ */ x("button", {
 					onClick: () => {
-						R(t.value), I.setPage(1);
+						z(t.value), L.setPage(1);
 					},
-					className: e("shrink-0 rounded-full px-3 py-1.5 text-sm font-medium transition-colors", L === t.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
+					className: e("shrink-0 rounded-full px-3 py-1.5 text-sm font-medium transition-colors", R === t.value ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary hover:text-text-primary"),
 					children: t.label
 				}, t.value))
 			}),
-			z.length === 0 && !B ? /* @__PURE__ */ v(a, {
+			B.length === 0 && !V ? /* @__PURE__ */ x(a, {
 				illustration: "empty-generic",
-				icon: /* @__PURE__ */ v(u, { className: "h-12 w-12" }),
+				icon: /* @__PURE__ */ x(m, { className: "h-12 w-12" }),
 				title: "No viewings booked",
 				description: "Book a viewing from any property page and it will show up here to track.",
-				action: /* @__PURE__ */ v(b, {
-					onClick: () => F("../properties"),
+				action: /* @__PURE__ */ x(C, {
+					onClick: () => I("../properties"),
 					children: "Browse properties"
 				})
-			}) : $.length === 0 ? /* @__PURE__ */ v(a, {
+			}) : $.length === 0 ? /* @__PURE__ */ x(a, {
 				illustration: "empty-generic",
-				icon: /* @__PURE__ */ v(u, { className: "h-12 w-12" }),
+				icon: /* @__PURE__ */ x(m, { className: "h-12 w-12" }),
 				title: "No viewings that day",
 				description: "There are no viewings scheduled for the selected day. Pick another day or clear the filter.",
-				action: /* @__PURE__ */ v(b, {
+				action: /* @__PURE__ */ x(C, {
 					onClick: () => Q(null),
 					children: "Show all days"
 				})
-			}) : /* @__PURE__ */ y("div", {
+			}) : /* @__PURE__ */ S("div", {
 				className: "space-y-4",
 				children: [$.map((e) => {
 					let n = e.property?.images.find((e) => e.isPrimary) ?? e.property?.images[0], r = e.status === "requested" || e.status === "confirmed", a = e.type === "virtual";
-					return /* @__PURE__ */ v(S, {
+					return /* @__PURE__ */ x(T, {
 						treatment: r ? "insight" : "plain",
 						className: "p-5",
-						children: /* @__PURE__ */ y("div", {
+						children: /* @__PURE__ */ S("div", {
 							className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-							children: [/* @__PURE__ */ y("button", {
+							children: [/* @__PURE__ */ S("button", {
 								type: "button",
-								onClick: () => e.property && F(`../properties/${e.property.id}`),
+								onClick: () => e.property && I(`../properties/${e.property.id}`),
 								className: "flex flex-1 items-start gap-3 text-left",
-								children: [n ? /* @__PURE__ */ v("img", {
+								children: [n ? /* @__PURE__ */ x("img", {
 									src: n.url,
 									alt: "",
 									className: "h-16 w-16 rounded-lg object-cover"
-								}) : /* @__PURE__ */ v("div", {
+								}) : /* @__PURE__ */ x("div", {
 									className: "flex h-16 w-16 items-center justify-center rounded-lg bg-bg-sunken",
-									children: /* @__PURE__ */ v(m, { className: "h-6 w-6 text-text-secondary" })
-								}), /* @__PURE__ */ y("div", {
+									children: /* @__PURE__ */ x(g, { className: "h-6 w-6 text-text-secondary" })
+								}), /* @__PURE__ */ S("div", {
 									className: "min-w-0",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "mb-1 flex flex-wrap items-center gap-2",
 											children: [
-												/* @__PURE__ */ v("h3", {
+												/* @__PURE__ */ x("h3", {
 													className: "font-semibold text-text-primary",
 													children: e.property?.title ?? "Property"
 												}),
-												/* @__PURE__ */ v(i, {
+												/* @__PURE__ */ x(i, {
 													label: e.status,
-													variant: O(e.status),
+													variant: k(e.status),
 													dot: !0
 												}),
-												/* @__PURE__ */ y("span", {
+												/* @__PURE__ */ S("span", {
 													className: "inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
-													children: [v(a ? _ : g, { className: "h-3 w-3" }), a ? "Virtual" : "In person"]
+													children: [x(a ? v : _, { className: "h-3 w-3" }), a ? "Virtual" : "In person"]
 												})
 											]
 										}),
-										e.property && /* @__PURE__ */ y("p", {
+										e.property && /* @__PURE__ */ S("p", {
 											className: "flex items-center gap-1 text-xs text-text-secondary",
 											children: [
-												/* @__PURE__ */ v(h, { className: "h-3 w-3" }),
+												/* @__PURE__ */ x(ne, { className: "h-3 w-3" }),
 												e.property.location.city,
 												", ",
 												e.property.location.state
 											]
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ S("div", {
 											className: "mt-2 flex flex-wrap gap-4 text-sm text-text-secondary",
-											children: [/* @__PURE__ */ y("span", {
+											children: [/* @__PURE__ */ S("span", {
 												className: "flex items-center gap-1 font-medium text-text-primary",
-												children: [/* @__PURE__ */ v(u, { className: "h-3.5 w-3.5" }), t(e.scheduledAt)]
-											}), e.attendeeName && /* @__PURE__ */ y("span", {
+												children: [/* @__PURE__ */ x(m, { className: "h-3.5 w-3.5" }), t(e.scheduledAt)]
+											}), e.attendeeName && /* @__PURE__ */ S("span", {
 												className: "flex items-center gap-1",
-												children: [/* @__PURE__ */ v(g, { className: "h-3.5 w-3.5" }), e.attendeeName]
+												children: [/* @__PURE__ */ x(_, { className: "h-3.5 w-3.5" }), e.attendeeName]
 											})]
 										})
 									]
 								})]
-							}), r && /* @__PURE__ */ y("div", {
+							}), r && /* @__PURE__ */ S("div", {
 								className: "flex shrink-0 flex-wrap gap-2",
-								children: [/* @__PURE__ */ y(b, {
+								children: [/* @__PURE__ */ S(C, {
 									variant: "outline",
 									size: "sm",
-									onClick: () => de(e),
-									children: [/* @__PURE__ */ v(u, { className: "h-4 w-4" }), /* @__PURE__ */ v("span", {
+									onClick: () => fe(e),
+									children: [/* @__PURE__ */ x(m, { className: "h-4 w-4" }), /* @__PURE__ */ x("span", {
 										className: "ml-1",
 										children: "Reschedule"
 									})]
-								}), /* @__PURE__ */ y(b, {
+								}), /* @__PURE__ */ S(C, {
 									variant: "outline",
 									size: "sm",
 									disabled: W,
-									onClick: () => pe(e),
-									children: [/* @__PURE__ */ v(re, { className: "h-4 w-4" }), /* @__PURE__ */ v("span", {
+									onClick: () => me(e),
+									children: [/* @__PURE__ */ x(y, { className: "h-4 w-4" }), /* @__PURE__ */ x("span", {
 										className: "ml-1",
 										children: "Cancel"
 									})]
@@ -307,46 +309,46 @@ function F() {
 							})]
 						})
 					}, e.id);
-				}), !Z && /* @__PURE__ */ v(C, {
-					page: I.page,
-					pageSize: I.pageSize,
-					hasNextPage: z.length >= I.pageSize,
-					hasPreviousPage: I.page > 1,
-					onPageChange: I.setPage,
-					onPageSizeChange: I.setPageSize
+				}), !Z && /* @__PURE__ */ x(E, {
+					page: L.page,
+					pageSize: L.pageSize,
+					hasNextPage: B.length >= L.pageSize,
+					hasPreviousPage: L.page > 1,
+					onPageChange: L.setPage,
+					onPageSizeChange: L.setPageSize
 				})]
 			}),
-			/* @__PURE__ */ v(ae, {
+			/* @__PURE__ */ x(re, {
 				open: G !== null,
 				onOpenChange: (e) => !e && K(null),
-				children: /* @__PURE__ */ v(w, {
+				children: /* @__PURE__ */ x(ie, {
 					className: "sm:max-w-md",
-					children: /* @__PURE__ */ y("form", {
-						onSubmit: fe,
+					children: /* @__PURE__ */ S("form", {
+						onSubmit: pe,
 						children: [
-							/* @__PURE__ */ y(se, { children: [/* @__PURE__ */ v(E, { children: "Reschedule viewing" }), /* @__PURE__ */ y(T, { children: [
+							/* @__PURE__ */ S(se, { children: [/* @__PURE__ */ x(D, { children: "Reschedule viewing" }), /* @__PURE__ */ S(ae, { children: [
 								"Pick a new date and time for ",
 								G?.property?.title ?? "this viewing",
 								"."
 							] })] }),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ S("div", {
 								className: "py-2",
-								children: [/* @__PURE__ */ v("label", {
+								children: [/* @__PURE__ */ x("label", {
 									className: "mb-1.5 block text-sm font-medium text-text-primary",
 									children: "New date & time *"
-								}), /* @__PURE__ */ v("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "datetime-local",
 									value: q,
 									onChange: (e) => J(e.target.value),
-									className: k
+									className: A
 								})]
 							}),
-							/* @__PURE__ */ y(oe, { children: [/* @__PURE__ */ v(b, {
+							/* @__PURE__ */ S(oe, { children: [/* @__PURE__ */ x(C, {
 								type: "button",
 								variant: "outline",
 								onClick: () => K(null),
 								children: "Cancel"
-							}), /* @__PURE__ */ v(b, {
+							}), /* @__PURE__ */ x(C, {
 								type: "submit",
 								disabled: H,
 								children: H ? "Saving…" : "Reschedule"
@@ -359,6 +361,6 @@ function F() {
 	});
 }
 //#endregion
-export { F as ViewingsPage };
+export { I as ViewingsPage };
 //# sourceMappingURL=ViewingsPage.js.map

package/dist/housingvista/pages/viewings/ViewingsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewingsPage.js","names":[],"sources":["../../../../src/housingvista/pages/viewings/ViewingsPage.tsx"],"sourcesContent":["/*\n Viewings — track property viewings you have booked. Reschedule (update) or\n * cancel a viewing. Server-side status filter + pagination, plus an optional\n * week strip that lets you jump to a day and see which days have viewings. This\n * is where the \"book a viewing\" story's \"track your viewings\" lands.\n * @module housingvista\n /\n\nimport { useMemo, useState, type FormEvent } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { CalendarClock, MapPin, Video, Users, X, CalendarDays, ChevronLeft, ChevronRight, Home } from 'lucide-react';\nimport {\n Button,\n Pagination,\n EmphasisPanel,\n GlassCard,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout, StatCard, StatusBadge, EmptyState } from '../../components';\nimport { useViewings, useUpdateViewing, useCancelViewing, type ViewingRow } from '../../hooks';\nimport { useServerPagination } from '../../hooks/useServerPagination';\nimport { notify } from '../../lib/toast';\nimport { cn, formatDateTime } from '../../utils/helpers';\n\nconst statusTabs: { value: string; label: string }[] = [\n { value: 'all', label: 'All' },\n { value: 'requested', label: 'Requested' },\n { value: 'confirmed', label: 'Confirmed' },\n { value: 'completed', label: 'Completed' },\n { value: 'cancelled', label: 'Cancelled' },\n];\n\nfunction statusVariant(status: ViewingRow['status']): 'success' \| 'warning' \| 'info' \| 'muted' {\n switch (status) {\n case 'confirmed':\n return 'success';\n case 'requested':\n return 'warning';\n case 'completed':\n return 'info';\n default:\n return 'muted';\n }\n}\n\nconst inputClass =\n '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)]';\n\n/* ISO string → value for `datetime-local` input (local time, no seconds). /\nfunction toLocalInput(iso: string): string {\n const date = new Date(iso);\n if (Number.isNaN(date.getTime())) return '';\n const offset = date.getTimezoneOffset();\n return new Date(date.getTime() - offset 60000).toISOString().slice(0, 16);\n}\n\n// ---- Week strip helpers ----\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction startOfWeek(date: Date): Date {\n const copy = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n copy.setDate(copy.getDate() - copy.getDay());\n return copy;\n}\n\nfunction sameDay(a: Date, b: Date): boolean {\n return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nexport function ViewingsPage() {\n const navigate = useNavigate();\n const pagination = useServerPagination(10);\n const [activeTab, setActiveTab] = useState('all');\n const { data: viewings, loading } = useViewings({\n filter: activeTab === 'all' ? undefined : { status: activeTab },\n pagination: pagination.pagination,\n });\n const { updateViewing, loading: updating } = useUpdateViewing();\n const { cancelViewing, loading: cancelling } = useCancelViewing();\n\n const [rescheduleTarget, setRescheduleTarget] = useState<ViewingRow \| null>(null);\n const [scheduledAt, setScheduledAt] = useState('');\n\n // Week strip state — a light day filter over the loaded viewings.\n const [weekStart, setWeekStart] = useState(() => startOfWeek(new Date()));\n const [selectedDay, setSelectedDay] = useState<Date \| null>(null);\n\n const weekDays = useMemo(\n () => Array.from({ length: 7 }, (_, i) => new Date(weekStart.getTime() + i * DAY_MS)),\n [weekStart]\n );\n\n const daysWithViewings = useMemo(() => {\n const set = new Set<string>();\n for (const v of viewings) {\n const d = new Date(v.scheduledAt);\n if (!Number.isNaN(d.getTime())) set.add(`${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`);\n }\n return set;\n }, [viewings]);\n\n const shownViewings = useMemo(\n () => (selectedDay ? viewings.filter((v) => sameDay(new Date(v.scheduledAt), selectedDay)) : viewings),\n [viewings, selectedDay]\n );\n\n const monthLabel = weekStart.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n\n const openReschedule = (viewing: ViewingRow) => {\n setRescheduleTarget(viewing);\n setScheduledAt(toLocalInput(viewing.scheduledAt));\n };\n\n const handleReschedule = async (event: FormEvent) => {\n event.preventDefault();\n if (!rescheduleTarget) return;\n if (!scheduledAt) {\n notify.warning('Pick a new date and time');\n return;\n }\n try {\n await updateViewing(rescheduleTarget.id, { scheduledAt: new Date(scheduledAt).toISOString() });\n notify.success('Viewing rescheduled');\n setRescheduleTarget(null);\n } catch (err) {\n notify.error('Could not reschedule', (err as Error).message);\n }\n };\n\n const handleCancel = async (viewing: ViewingRow) => {\n try {\n await cancelViewing(viewing.id);\n notify.success('Viewing cancelled');\n } catch (err) {\n notify.error('Could not cancel viewing', (err as Error).message);\n }\n };\n\n const upcoming = viewings.filter((v) => v.status === 'requested' \|\| v.status === 'confirmed').length;\n\n return (\n <PageLayout\n title=\"Viewings\"\n description=\"Track and manage the property viewings you have booked\"\n purpose=\"See every viewing you have booked, in person or virtual, with its date and status. Jump to a day, reschedule when your plans change, or cancel one you no longer need.\"\n actions={\n <Button variant=\"outline\" onClick={() => navigate('../properties')}>\n <Home className=\"h-4 w-4\" />\n <span className=\"ml-1\">Book a viewing</span>\n </Button>\n }\n >\n <EmphasisPanel className=\"p-4\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <StatCard label=\"Total viewings\" value={viewings.length} icon={<CalendarDays className=\"h-4 w-4\" />} />\n <StatCard label=\"Upcoming\" value={upcoming} icon={<CalendarClock className=\"h-4 w-4\" />} />\n <StatCard\n label=\"Virtual\"\n value={viewings.filter((v) => v.type === 'virtual').length}\n icon={<Video className=\"h-4 w-4\" />}\n />\n </div>\n </EmphasisPanel>\n\n {/* Week strip /}\n <GlassCard treatment=\"plain\" className=\"p-3\">\n <div className=\"mb-2 flex items-center justify-between\">\n <span className=\"text-sm font-semibold text-text-primary\">{monthLabel}</span>\n <div className=\"flex items-center gap-1\">\n {selectedDay && (\n <button\n type=\"button\"\n onClick={() => setSelectedDay(null)}\n className=\"mr-1 rounded-full bg-bg-sunken px-2.5 py-1 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n >\n All days\n </button>\n )}\n <button\n type=\"button\"\n aria-label=\"Previous week\"\n onClick={() => setWeekStart(new Date(weekStart.getTime() - 7 DAY_MS))}\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n >\n <ChevronLeft className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n aria-label=\"Next week\"\n onClick={() => setWeekStart(new Date(weekStart.getTime() + 7 * DAY_MS))}\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n >\n <ChevronRight className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n <div className=\"grid grid-cols-7 gap-1.5\">\n {weekDays.map((day) => {\n const key = `${day.getFullYear()}-${day.getMonth()}-${day.getDate()}`;\n const isToday = sameDay(day, new Date());\n const isSelected = selectedDay ? sameDay(day, selectedDay) : false;\n const hasViewings = daysWithViewings.has(key);\n return (\n <button\n key={key}\n type=\"button\"\n onClick={() => setSelectedDay(isSelected ? null : day)}\n aria-pressed={isSelected}\n className={cn(\n 'flex flex-col items-center gap-0.5 rounded-lg py-2 text-center transition-colors',\n isSelected\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'text-text-secondary hover:bg-bg-sunken'\n )}\n >\n <span className=\"text-[0.65rem] font-medium uppercase\">{WEEKDAYS[day.getDay()]}</span>\n <span className={cn('text-sm font-semibold tabular-nums', !isSelected && isToday && 'text-primary')}>\n {day.getDate()}\n </span>\n <span\n className={cn(\n 'h-1 w-1 rounded-full',\n hasViewings ? (isSelected ? 'bg-action-primary-text' : 'bg-status-success') : 'bg-transparent'\n )}\n />\n </button>\n );\n })}\n </div>\n </GlassCard>\n\n <div className=\"-mx-1 flex flex-nowrap items-center gap-2 overflow-x-auto px-1 pb-1 sm:flex-wrap sm:overflow-visible\">\n {statusTabs.map((tab) => (\n <button\n key={tab.value}\n onClick={() => {\n setActiveTab(tab.value);\n pagination.setPage(1);\n }}\n className={cn(\n 'shrink-0 rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n activeTab === tab.value\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n )}\n >\n {tab.label}\n </button>\n ))}\n </div>\n\n {viewings.length === 0 && !loading ? (\n <EmptyState\n illustration=\"empty-generic\"\n icon={<CalendarClock className=\"h-12 w-12\" />}\n title=\"No viewings booked\"\n description=\"Book a viewing from any property page and it will show up here to track.\"\n action={<Button onClick={() => navigate('../properties')}>Browse properties</Button>}\n />\n ) : shownViewings.length === 0 ? (\n <EmptyState\n illustration=\"empty-generic\"\n icon={<CalendarClock className=\"h-12 w-12\" />}\n title=\"No viewings that day\"\n description=\"There are no viewings scheduled for the selected day. Pick another day or clear the filter.\"\n action={<Button onClick={() => setSelectedDay(null)}>Show all days</Button>}\n />\n ) : (\n <div className=\"space-y-4\">\n {shownViewings.map((viewing) => {\n const image = viewing.property?.images.find((img) => img.isPrimary) ?? viewing.property?.images[0];\n const canManage = viewing.status === 'requested' \|\| viewing.status === 'confirmed';\n const isVirtual = viewing.type === 'virtual';\n return (\n <GlassCard key={viewing.id} treatment={canManage ? 'insight' : 'plain'} className=\"p-5\">\n <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n <button\n type=\"button\"\n onClick={() => viewing.property && navigate(`../properties/${viewing.property.id}`)}\n className=\"flex flex-1 items-start gap-3 text-left\"\n >\n {image ? (\n <img src={image.url} alt=\"\" className=\"h-16 w-16 rounded-lg object-cover\" />\n ) : (\n <div className=\"flex h-16 w-16 items-center justify-center rounded-lg bg-bg-sunken\">\n <Home className=\"h-6 w-6 text-text-secondary\" />\n </div>\n )}\n <div className=\"min-w-0\">\n <div className=\"mb-1 flex flex-wrap items-center gap-2\">\n <h3 className=\"font-semibold text-text-primary\">{viewing.property?.title ?? 'Property'}</h3>\n <StatusBadge label={viewing.status} variant={statusVariant(viewing.status)} dot />\n <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n {isVirtual ? <Video className=\"h-3 w-3\" /> : <Users className=\"h-3 w-3\" />}\n {isVirtual ? 'Virtual' : 'In person'}\n </span>\n </div>\n {viewing.property && (\n <p className=\"flex items-center gap-1 text-xs text-text-secondary\">\n <MapPin className=\"h-3 w-3\" />\n {viewing.property.location.city}, {viewing.property.location.state}\n </p>\n )}\n <div className=\"mt-2 flex flex-wrap gap-4 text-sm text-text-secondary\">\n <span className=\"flex items-center gap-1 font-medium text-text-primary\">\n <CalendarClock className=\"h-3.5 w-3.5\" />\n {formatDateTime(viewing.scheduledAt)}\n </span>\n {viewing.attendeeName && (\n <span className=\"flex items-center gap-1\">\n <Users className=\"h-3.5 w-3.5\" />\n {viewing.attendeeName}\n </span>\n )}\n </div>\n </div>\n </button>\n\n {canManage && (\n <div className=\"flex shrink-0 flex-wrap gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => openReschedule(viewing)}>\n <CalendarClock className=\"h-4 w-4\" />\n <span className=\"ml-1\">Reschedule</span>\n </Button>\n <Button variant=\"outline\" size=\"sm\" disabled={cancelling} onClick={() => handleCancel(viewing)}>\n <X className=\"h-4 w-4\" />\n <span className=\"ml-1\">Cancel</span>\n </Button>\n </div>\n )}\n </div>\n </GlassCard>\n );\n })}\n\n {!selectedDay && (\n <Pagination\n page={pagination.page}\n pageSize={pagination.pageSize}\n hasNextPage={viewings.length >= pagination.pageSize}\n hasPreviousPage={pagination.page > 1}\n onPageChange={pagination.setPage}\n onPageSizeChange={pagination.setPageSize}\n />\n )}\n </div>\n )}\n\n {/* Reschedule /}\n <ResponsiveDialog open={rescheduleTarget !== null} onOpenChange={(open) => !open && setRescheduleTarget(null)}>\n <ResponsiveDialogContent className=\"sm:max-w-md\">\n <form onSubmit={handleReschedule}>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Reschedule viewing</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Pick a new date and time for {rescheduleTarget?.property?.title ?? 'this viewing'}.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <div className=\"py-2\">\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">New date & time </label>\n <input\n type=\"datetime-local\"\n value={scheduledAt}\n onChange={(event) => setScheduledAt(event.target.value)}\n className={inputClass}\n />\n </div>\n <ResponsiveDialogFooter>\n <Button type=\"button\" variant=\"outline\" onClick={() => setRescheduleTarget(null)}>\n Cancel\n </Button>\n <Button type=\"submit\" disabled={updating}>\n {updating ? 'Saving…' : 'Reschedule'}\n </Button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ViewingsPage.js","names":[],"sources":["../../../../src/housingvista/pages/viewings/ViewingsPage.tsx"],"sourcesContent":["/*\n Viewings — track property viewings you have booked. Reschedule (update) or\n * cancel a viewing. Server-side status filter + pagination, plus an optional\n * week strip that lets you jump to a day and see which days have viewings. This\n * is where the \"book a viewing\" story's \"track your viewings\" lands.\n * @module housingvista\n /\n\nimport { useMemo, useState, type FormEvent } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { CalendarClock, MapPin, Video, Users, X, CalendarDays, ChevronLeft, ChevronRight, Home } from 'lucide-react';\nimport {\n Button,\n Pagination,\n EmphasisPanel,\n GlassCard,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout, StatCard, StatusBadge, EmptyState } from '../../components';\nimport { useViewings, useUpdateViewing, useCancelViewing, type ViewingRow } from '../../hooks';\nimport { useServerPagination } from '../../hooks/useServerPagination';\nimport { notify } from '../../lib/toast';\nimport { cn, formatDateTime } from '../../utils/helpers';\nimport { useTrackPageView } from '../../hooks/useHousingVistaAnalytics';\n\nconst statusTabs: { value: string; label: string }[] = [\n { value: 'all', label: 'All' },\n { value: 'requested', label: 'Requested' },\n { value: 'confirmed', label: 'Confirmed' },\n { value: 'completed', label: 'Completed' },\n { value: 'cancelled', label: 'Cancelled' },\n];\n\nfunction statusVariant(status: ViewingRow['status']): 'success' \| 'warning' \| 'info' \| 'muted' {\n switch (status) {\n case 'confirmed':\n return 'success';\n case 'requested':\n return 'warning';\n case 'completed':\n return 'info';\n default:\n return 'muted';\n }\n}\n\nconst inputClass =\n '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)]';\n\n/* ISO string → value for `datetime-local` input (local time, no seconds). /\nfunction toLocalInput(iso: string): string {\n const date = new Date(iso);\n if (Number.isNaN(date.getTime())) return '';\n const offset = date.getTimezoneOffset();\n return new Date(date.getTime() - offset 60000).toISOString().slice(0, 16);\n}\n\n// ---- Week strip helpers ----\nconst DAY_MS = 24 * 60 * 60 * 1000;\nconst WEEKDAYS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\nfunction startOfWeek(date: Date): Date {\n const copy = new Date(date.getFullYear(), date.getMonth(), date.getDate());\n copy.setDate(copy.getDate() - copy.getDay());\n return copy;\n}\n\nfunction sameDay(a: Date, b: Date): boolean {\n return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n}\n\nexport function ViewingsPage() {\n useTrackPageView('housingvista.viewings.viewed');\n const navigate = useNavigate();\n const pagination = useServerPagination(10);\n const [activeTab, setActiveTab] = useState('all');\n const { data: viewings, loading } = useViewings({\n filter: activeTab === 'all' ? undefined : { status: activeTab },\n pagination: pagination.pagination,\n });\n const { updateViewing, loading: updating } = useUpdateViewing();\n const { cancelViewing, loading: cancelling } = useCancelViewing();\n\n const [rescheduleTarget, setRescheduleTarget] = useState<ViewingRow \| null>(null);\n const [scheduledAt, setScheduledAt] = useState('');\n\n // Week strip state — a light day filter over the loaded viewings.\n const [weekStart, setWeekStart] = useState(() => startOfWeek(new Date()));\n const [selectedDay, setSelectedDay] = useState<Date \| null>(null);\n\n const weekDays = useMemo(\n () => Array.from({ length: 7 }, (_, i) => new Date(weekStart.getTime() + i * DAY_MS)),\n [weekStart]\n );\n\n const daysWithViewings = useMemo(() => {\n const set = new Set<string>();\n for (const v of viewings) {\n const d = new Date(v.scheduledAt);\n if (!Number.isNaN(d.getTime())) set.add(`${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`);\n }\n return set;\n }, [viewings]);\n\n const shownViewings = useMemo(\n () => (selectedDay ? viewings.filter((v) => sameDay(new Date(v.scheduledAt), selectedDay)) : viewings),\n [viewings, selectedDay]\n );\n\n const monthLabel = weekStart.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n\n const openReschedule = (viewing: ViewingRow) => {\n setRescheduleTarget(viewing);\n setScheduledAt(toLocalInput(viewing.scheduledAt));\n };\n\n const handleReschedule = async (event: FormEvent) => {\n event.preventDefault();\n if (!rescheduleTarget) return;\n if (!scheduledAt) {\n notify.warning('Pick a new date and time');\n return;\n }\n try {\n await updateViewing(rescheduleTarget.id, { scheduledAt: new Date(scheduledAt).toISOString() });\n notify.success('Viewing rescheduled');\n setRescheduleTarget(null);\n } catch (err) {\n notify.error('Could not reschedule', (err as Error).message);\n }\n };\n\n const handleCancel = async (viewing: ViewingRow) => {\n try {\n await cancelViewing(viewing.id);\n notify.success('Viewing cancelled');\n } catch (err) {\n notify.error('Could not cancel viewing', (err as Error).message);\n }\n };\n\n const upcoming = viewings.filter((v) => v.status === 'requested' \|\| v.status === 'confirmed').length;\n\n return (\n <PageLayout\n title=\"Viewings\"\n description=\"Track and manage the property viewings you have booked\"\n purpose=\"See every viewing you have booked, in person or virtual, with its date and status. Jump to a day, reschedule when your plans change, or cancel one you no longer need.\"\n actions={\n <Button variant=\"outline\" onClick={() => navigate('../properties')}>\n <Home className=\"h-4 w-4\" />\n <span className=\"ml-1\">Book a viewing</span>\n </Button>\n }\n >\n <EmphasisPanel className=\"p-4\">\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\">\n <StatCard label=\"Total viewings\" value={viewings.length} icon={<CalendarDays className=\"h-4 w-4\" />} />\n <StatCard label=\"Upcoming\" value={upcoming} icon={<CalendarClock className=\"h-4 w-4\" />} />\n <StatCard\n label=\"Virtual\"\n value={viewings.filter((v) => v.type === 'virtual').length}\n icon={<Video className=\"h-4 w-4\" />}\n />\n </div>\n </EmphasisPanel>\n\n {/* Week strip /}\n <GlassCard treatment=\"plain\" className=\"p-3\">\n <div className=\"mb-2 flex items-center justify-between\">\n <span className=\"text-sm font-semibold text-text-primary\">{monthLabel}</span>\n <div className=\"flex items-center gap-1\">\n {selectedDay && (\n <button\n type=\"button\"\n onClick={() => setSelectedDay(null)}\n className=\"mr-1 rounded-full bg-bg-sunken px-2.5 py-1 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary\"\n >\n All days\n </button>\n )}\n <button\n type=\"button\"\n aria-label=\"Previous week\"\n onClick={() => setWeekStart(new Date(weekStart.getTime() - 7 DAY_MS))}\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n >\n <ChevronLeft className=\"h-4 w-4\" />\n </button>\n <button\n type=\"button\"\n aria-label=\"Next week\"\n onClick={() => setWeekStart(new Date(weekStart.getTime() + 7 * DAY_MS))}\n className=\"rounded-md p-1.5 text-text-secondary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n >\n <ChevronRight className=\"h-4 w-4\" />\n </button>\n </div>\n </div>\n <div className=\"grid grid-cols-7 gap-1.5\">\n {weekDays.map((day) => {\n const key = `${day.getFullYear()}-${day.getMonth()}-${day.getDate()}`;\n const isToday = sameDay(day, new Date());\n const isSelected = selectedDay ? sameDay(day, selectedDay) : false;\n const hasViewings = daysWithViewings.has(key);\n return (\n <button\n key={key}\n type=\"button\"\n onClick={() => setSelectedDay(isSelected ? null : day)}\n aria-pressed={isSelected}\n className={cn(\n 'flex flex-col items-center gap-0.5 rounded-lg py-2 text-center transition-colors',\n isSelected\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'text-text-secondary hover:bg-bg-sunken'\n )}\n >\n <span className=\"text-[0.65rem] font-medium uppercase\">{WEEKDAYS[day.getDay()]}</span>\n <span className={cn('text-sm font-semibold tabular-nums', !isSelected && isToday && 'text-primary')}>\n {day.getDate()}\n </span>\n <span\n className={cn(\n 'h-1 w-1 rounded-full',\n hasViewings ? (isSelected ? 'bg-action-primary-text' : 'bg-status-success') : 'bg-transparent'\n )}\n />\n </button>\n );\n })}\n </div>\n </GlassCard>\n\n <div className=\"-mx-1 flex flex-nowrap items-center gap-2 overflow-x-auto px-1 pb-1 sm:flex-wrap sm:overflow-visible\">\n {statusTabs.map((tab) => (\n <button\n key={tab.value}\n onClick={() => {\n setActiveTab(tab.value);\n pagination.setPage(1);\n }}\n className={cn(\n 'shrink-0 rounded-full px-3 py-1.5 text-sm font-medium transition-colors',\n activeTab === tab.value\n ? 'bg-action-primary-bg text-action-primary-text'\n : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n )}\n >\n {tab.label}\n </button>\n ))}\n </div>\n\n {viewings.length === 0 && !loading ? (\n <EmptyState\n illustration=\"empty-generic\"\n icon={<CalendarClock className=\"h-12 w-12\" />}\n title=\"No viewings booked\"\n description=\"Book a viewing from any property page and it will show up here to track.\"\n action={<Button onClick={() => navigate('../properties')}>Browse properties</Button>}\n />\n ) : shownViewings.length === 0 ? (\n <EmptyState\n illustration=\"empty-generic\"\n icon={<CalendarClock className=\"h-12 w-12\" />}\n title=\"No viewings that day\"\n description=\"There are no viewings scheduled for the selected day. Pick another day or clear the filter.\"\n action={<Button onClick={() => setSelectedDay(null)}>Show all days</Button>}\n />\n ) : (\n <div className=\"space-y-4\">\n {shownViewings.map((viewing) => {\n const image = viewing.property?.images.find((img) => img.isPrimary) ?? viewing.property?.images[0];\n const canManage = viewing.status === 'requested' \|\| viewing.status === 'confirmed';\n const isVirtual = viewing.type === 'virtual';\n return (\n <GlassCard key={viewing.id} treatment={canManage ? 'insight' : 'plain'} className=\"p-5\">\n <div className=\"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between\">\n <button\n type=\"button\"\n onClick={() => viewing.property && navigate(`../properties/${viewing.property.id}`)}\n className=\"flex flex-1 items-start gap-3 text-left\"\n >\n {image ? (\n <img src={image.url} alt=\"\" className=\"h-16 w-16 rounded-lg object-cover\" />\n ) : (\n <div className=\"flex h-16 w-16 items-center justify-center rounded-lg bg-bg-sunken\">\n <Home className=\"h-6 w-6 text-text-secondary\" />\n </div>\n )}\n <div className=\"min-w-0\">\n <div className=\"mb-1 flex flex-wrap items-center gap-2\">\n <h3 className=\"font-semibold text-text-primary\">{viewing.property?.title ?? 'Property'}</h3>\n <StatusBadge label={viewing.status} variant={statusVariant(viewing.status)} dot />\n <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\">\n {isVirtual ? <Video className=\"h-3 w-3\" /> : <Users className=\"h-3 w-3\" />}\n {isVirtual ? 'Virtual' : 'In person'}\n </span>\n </div>\n {viewing.property && (\n <p className=\"flex items-center gap-1 text-xs text-text-secondary\">\n <MapPin className=\"h-3 w-3\" />\n {viewing.property.location.city}, {viewing.property.location.state}\n </p>\n )}\n <div className=\"mt-2 flex flex-wrap gap-4 text-sm text-text-secondary\">\n <span className=\"flex items-center gap-1 font-medium text-text-primary\">\n <CalendarClock className=\"h-3.5 w-3.5\" />\n {formatDateTime(viewing.scheduledAt)}\n </span>\n {viewing.attendeeName && (\n <span className=\"flex items-center gap-1\">\n <Users className=\"h-3.5 w-3.5\" />\n {viewing.attendeeName}\n </span>\n )}\n </div>\n </div>\n </button>\n\n {canManage && (\n <div className=\"flex shrink-0 flex-wrap gap-2\">\n <Button variant=\"outline\" size=\"sm\" onClick={() => openReschedule(viewing)}>\n <CalendarClock className=\"h-4 w-4\" />\n <span className=\"ml-1\">Reschedule</span>\n </Button>\n <Button variant=\"outline\" size=\"sm\" disabled={cancelling} onClick={() => handleCancel(viewing)}>\n <X className=\"h-4 w-4\" />\n <span className=\"ml-1\">Cancel</span>\n </Button>\n </div>\n )}\n </div>\n </GlassCard>\n );\n })}\n\n {!selectedDay && (\n <Pagination\n page={pagination.page}\n pageSize={pagination.pageSize}\n hasNextPage={viewings.length >= pagination.pageSize}\n hasPreviousPage={pagination.page > 1}\n onPageChange={pagination.setPage}\n onPageSizeChange={pagination.setPageSize}\n />\n )}\n </div>\n )}\n\n {/* Reschedule /}\n <ResponsiveDialog open={rescheduleTarget !== null} onOpenChange={(open) => !open && setRescheduleTarget(null)}>\n <ResponsiveDialogContent className=\"sm:max-w-md\">\n <form onSubmit={handleReschedule}>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Reschedule viewing</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Pick a new date and time for {rescheduleTarget?.property?.title ?? 'this viewing'}.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <div className=\"py-2\">\n <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">New date & time </label>\n <input\n type=\"datetime-local\"\n value={scheduledAt}\n onChange={(event) => setScheduledAt(event.target.value)}\n className={inputClass}\n />\n </div>\n <ResponsiveDialogFooter>\n <Button type=\"button\" variant=\"outline\" onClick={() => setRescheduleTarget(null)}>\n Cancel\n </Button>\n <Button type=\"submit\" disabled={updating}>\n {updating ? 'Saving…' : 'Reschedule'}\n </Button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-housingvista",
-  "version": "2026.709.2",
+  "version": "2026.709.3",
   "description": "Burdenoff HousingVista Microfrontend - Comprehensive real estate platform for property management, investment, and transactions",
   "type": "module",
   "files": [