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/verification/VerificationPage.js CHANGED Viewed

@@ -3,15 +3,16 @@ import { PageLayout as n } from "../../components/PageLayout.js";
 import { DataTable as r } from "../../components/DataTable.js";
 import { StatusBadge as i } from "../../components/StatusBadge.js";
 import { FilterBar as a } from "../../components/FilterBar.js";
-import { useApproveVerification as o, useRejectVerification as s, useVerifications as c } from "../../hooks/index.js";
-import { notify as l } from "../../lib/toast.js";
+import { useTrackPageView as o } from "../../hooks/useHousingVistaAnalytics.js";
+import { useApproveVerification as s, useRejectVerification as c, useVerifications as l } from "../../hooks/index.js";
+import { notify as u } from "../../lib/toast.js";
 import "../../components/index.js";
-import { useServerPagination as u } from "../../hooks/useServerPagination.js";
-import { useEffect as d, useState as f } from "react";
-import { Check as p, CheckCircle as m, Clock as h, Eye as g, Shield as _, X as v, XCircle as y } from "lucide-react";
-import { useNavigate as b } from "react-router-dom";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, EmphasisPanel as ee, ResponsiveDialog as te, ResponsiveDialogContent as ne, ResponsiveDialogDescription as re, ResponsiveDialogFooter as ie, ResponsiveDialogHeader as ae, ResponsiveDialogTitle as oe } from "@burdenoff/fe-libs/ui";
+import { useServerPagination as ee } from "../../hooks/useServerPagination.js";
+import { useEffect as te, useState as d } from "react";
+import { Check as ne, CheckCircle as re, Clock as f, Eye as ie, Shield as p, X as m, XCircle as h } from "lucide-react";
+import { useNavigate as g } from "react-router-dom";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, EmphasisPanel as x, ResponsiveDialog as S, ResponsiveDialogContent as C, ResponsiveDialogDescription as w, ResponsiveDialogFooter as T, ResponsiveDialogHeader as ae, ResponsiveDialogTitle as oe } from "@burdenoff/fe-libs/ui";
 //#region src/housingvista/pages/verification/VerificationPage.tsx
 function se(e) {
 	switch (e) {
@@ -28,18 +29,18 @@ function ce(e) {
 function le(e) {
 	return e.replace("_", " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function T(t) {
+function E(t) {
 	let n = {
 		high: "bg-status-error-bg-subtle text-status-error-text",
 		medium: "bg-status-warning-bg-subtle text-status-warning-text",
 		low: "bg-status-success-bg-subtle text-status-success-text"
 	};
-	return /* @__PURE__ */ S("span", {
+	return /* @__PURE__ */ v("span", {
 		className: e("inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize", n[t] ?? n.low),
 		children: t
 	});
 }
-var E = [
+var D = [
 	{
 		value: "",
 		label: "All statuses"
@@ -60,7 +61,7 @@ var E = [
 		value: "rejected",
 		label: "Rejected"
 	}
-], D = [
+], O = [
 	{
 		value: "",
 		label: "All priorities"
@@ -77,7 +78,7 @@ var E = [
 		value: "low",
 		label: "Low"
 	}
-], O = [
+], k = [
 	{
 		value: "",
 		label: "All types"
@@ -102,8 +103,8 @@ var E = [
 		value: "bank_account",
 		label: "Bank Account"
 	}
-], k = "h-9 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)]";
-function A({ label: t, value: n, total: r, tone: i, icon: a }) {
+], A = "h-9 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)]";
+function j({ label: t, value: n, total: r, tone: i, icon: a }) {
 	let o = r > 0 ? Math.round(n / r * 100) : 0, s = {
 		success: "bg-status-success-text",
 		warning: "bg-status-warning-text",
@@ -115,26 +116,26 @@ function A({ label: t, value: n, total: r, tone: i, icon: a }) {
 		error: "bg-status-error-bg-subtle text-status-error-text",
 		info: "bg-status-info-bg-subtle text-status-info-text"
 	}[i];
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ y("div", {
 		className: "rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1",
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ S("span", {
+				children: [/* @__PURE__ */ v("span", {
 					className: "text-2xl font-bold tabular-nums text-text-primary",
 					children: n
-				}), /* @__PURE__ */ S("span", {
+				}), /* @__PURE__ */ v("span", {
 					className: e("flex h-8 w-8 items-center justify-center rounded-lg", c),
 					children: a
 				})]
 			}),
-			/* @__PURE__ */ S("p", {
+			/* @__PURE__ */ v("p", {
 				className: "mt-0.5 text-sm font-medium text-text-secondary",
 				children: t
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-3 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: e("h-full rounded-full transition-all", s),
 					style: { width: `${o}%` }
 				})
@@ -142,46 +143,47 @@ function A({ label: t, value: n, total: r, tone: i, icon: a }) {
 		]
 	});
 }
-function j() {
-	let e = b(), j = u(10), [M, N] = f(""), [P, F] = f(""), [I, L] = f(""), [R, z] = f(""), [B, ue] = f(""), { setPage: V } = j;
-	d(() => {
+function M() {
+	o("housingvista.verification.viewed");
+	let e = g(), M = ee(10), [N, P] = d(""), [F, I] = d(""), [L, R] = d(""), [z, B] = d(""), [V, H] = d(""), { setPage: U } = M;
+	te(() => {
 		let e = setTimeout(() => {
-			F(M.trim()), V(1);
+			I(N.trim()), U(1);
 		}, 300);
 		return () => clearTimeout(e);
-	}, [M, V]);
-	let { data: H, loading: U } = c({
+	}, [N, U]);
+	let { data: W, loading: ue } = l({
 		filter: {
-			search: P || void 0,
-			status: I || void 0,
-			priority: R || void 0,
-			entityType: B || void 0
+			search: F || void 0,
+			status: L || void 0,
+			priority: z || void 0,
+			entityType: V || void 0
 		},
-		pagination: j.pagination
-	}), { approveVerification: de, loading: fe } = o(), { rejectVerification: pe, loading: me } = s(), [W, G] = f(null), [K, q] = f(""), J = fe || me, Y = (e, t) => {
-		G({
+		pagination: M.pagination
+	}), { approveVerification: de, loading: fe } = s(), { rejectVerification: pe, loading: me } = c(), [G, K] = d(null), [q, J] = d(""), Y = fe || me, X = (e, t) => {
+		K({
 			item: e,
 			mode: t
-		}), q("");
-	}, X = () => {
-		J || (G(null), q(""));
+		}), J("");
+	}, Z = () => {
+		Y || (K(null), J(""));
 	}, he = async (e) => {
-		if (e.preventDefault(), !W) return;
-		let t = K.trim() || void 0;
+		if (e.preventDefault(), !G) return;
+		let t = q.trim() || void 0;
 		try {
-			W.mode === "approve" ? (await de(W.item.id, t), l.success("Verification approved", W.item.entityLabel)) : (await pe(W.item.id, t), l.success("Verification rejected", W.item.entityLabel)), G(null), q("");
+			G.mode === "approve" ? (await de(G.item.id, t), u.success("Verification approved", G.item.entityLabel)) : (await pe(G.item.id, t), u.success("Verification rejected", G.item.entityLabel)), K(null), J("");
 		} catch (e) {
 			let t = e instanceof Error ? e.message : "Please try again.";
-			l.error(W.mode === "approve" ? "Could not approve verification" : "Could not reject verification", t);
+			u.error(G.mode === "approve" ? "Could not approve verification" : "Could not reject verification", t);
 		}
-	}, ge = H.filter((e) => e.status === "verified").length, _e = H.filter((e) => e.status === "pending").length, ve = H.filter((e) => e.status === "in_progress").length, Z = H.filter((e) => e.status === "rejected").length, Q = H.length, ye = [
+	}, ge = W.filter((e) => e.status === "verified").length, _e = W.filter((e) => e.status === "pending").length, ve = W.filter((e) => e.status === "in_progress").length, ye = W.filter((e) => e.status === "rejected").length, Q = W.length, be = [
 		{
 			key: "entityLabel",
 			header: "Item",
-			render: (e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+			render: (e) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 				className: "font-medium text-text-primary",
 				children: e.entityLabel
-			}), e.notes && /* @__PURE__ */ S("p", {
+			}), e.notes && /* @__PURE__ */ v("p", {
 				className: "mt-0.5 text-xs text-text-secondary line-clamp-1",
 				children: e.notes
 			})] })
@@ -189,7 +191,7 @@ function j() {
 		{
 			key: "entityType",
 			header: "Type",
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "inline-flex items-center gap-1 text-xs text-text-secondary capitalize",
 				children: le(e.entityType)
 			})
@@ -197,12 +199,12 @@ function j() {
 		{
 			key: "priority",
 			header: "Priority",
-			render: (e) => T(e.priority)
+			render: (e) => E(e.priority)
 		},
 		{
 			key: "submittedDate",
 			header: "Submitted",
-			render: (e) => /* @__PURE__ */ S("span", {
+			render: (e) => /* @__PURE__ */ v("span", {
 				className: "text-sm text-text-secondary",
 				children: t(e.submittedDate)
 			})
@@ -210,7 +212,7 @@ function j() {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ S(i, {
+			render: (e) => /* @__PURE__ */ v(i, {
 				label: ce(e.status),
 				variant: se(e.status),
 				dot: !0
@@ -222,178 +224,178 @@ function j() {
 			sortable: !1,
 			render: (t) => {
 				let n = t.status === "pending" || t.status === "in_progress";
-				return /* @__PURE__ */ C("div", {
+				return /* @__PURE__ */ y("div", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ C("button", {
+					children: [/* @__PURE__ */ y("button", {
 						onClick: (n) => {
 							n.stopPropagation(), e(`../verification/${t.id}`);
 						},
 						className: "inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-						children: [/* @__PURE__ */ S(g, { className: "h-3 w-3" }), "View"]
-					}), n && /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("button", {
+						children: [/* @__PURE__ */ v(ie, { className: "h-3 w-3" }), "View"]
+					}), n && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ y("button", {
 						onClick: (e) => {
-							e.stopPropagation(), Y(t, "approve");
+							e.stopPropagation(), X(t, "approve");
 						},
 						className: "inline-flex items-center gap-1 rounded-md border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text transition-colors hover:bg-status-success-bg-subtle/70",
-						children: [/* @__PURE__ */ S(p, { className: "h-3 w-3" }), "Approve"]
-					}), /* @__PURE__ */ C("button", {
+						children: [/* @__PURE__ */ v(ne, { className: "h-3 w-3" }), "Approve"]
+					}), /* @__PURE__ */ y("button", {
 						onClick: (e) => {
-							e.stopPropagation(), Y(t, "reject");
+							e.stopPropagation(), X(t, "reject");
 						},
 						className: "inline-flex items-center gap-1 rounded-md border border-status-error-border bg-status-error-bg-subtle px-2.5 py-1 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle/70",
-						children: [/* @__PURE__ */ S(v, { className: "h-3 w-3" }), "Reject"]
+						children: [/* @__PURE__ */ v(m, { className: "h-3 w-3" }), "Reject"]
 					})] })]
 				});
 			}
 		}
-	], $ = W?.mode === "approve";
-	return /* @__PURE__ */ C(n, {
+	], $ = G?.mode === "approve";
+	return /* @__PURE__ */ y(n, {
 		title: "Verification Center",
 		description: "Track and manage all your verification requests",
 		purpose: "Submit and monitor identity, ownership, and document checks that build trust in your listings and deals. Use this page to see what is verified, what is still pending, and what was rejected so you can act before it blocks a transaction.",
-		actions: /* @__PURE__ */ C("span", {
+		actions: /* @__PURE__ */ y("span", {
 			className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text",
-			children: [/* @__PURE__ */ S(_, { className: "h-3.5 w-3.5" }), "Trust & Safety"]
+			children: [/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }), "Trust & Safety"]
 		}),
 		children: [
-			/* @__PURE__ */ S(ee, {
+			/* @__PURE__ */ v(x, {
 				className: "p-4",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ y("div", {
 					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ S(A, {
+						/* @__PURE__ */ v(j, {
 							label: "Verified",
 							value: ge,
 							total: Q,
 							tone: "success",
-							icon: /* @__PURE__ */ S(m, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(re, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ S(A, {
+						/* @__PURE__ */ v(j, {
 							label: "Pending",
 							value: _e + ve,
 							total: Q,
 							tone: "warning",
-							icon: /* @__PURE__ */ S(h, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ S(A, {
+						/* @__PURE__ */ v(j, {
 							label: "Rejected",
-							value: Z,
+							value: ye,
 							total: Q,
 							tone: "error",
-							icon: /* @__PURE__ */ S(y, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(h, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ S(A, {
+						/* @__PURE__ */ v(j, {
 							label: "Total",
 							value: Q,
 							total: Q,
 							tone: "info",
-							icon: /* @__PURE__ */ S(_, { className: "h-4 w-4" })
+							icon: /* @__PURE__ */ v(p, { className: "h-4 w-4" })
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ C("div", { children: [
-				/* @__PURE__ */ S("h2", {
+			/* @__PURE__ */ y("div", { children: [
+				/* @__PURE__ */ v("h2", {
 					className: "mb-3 text-lg font-semibold text-text-primary",
 					children: "Verification Items"
 				}),
-				/* @__PURE__ */ S(a, {
+				/* @__PURE__ */ v(a, {
 					className: "mb-4",
-					searchValue: M,
-					onSearchChange: N,
+					searchValue: N,
+					onSearchChange: P,
 					searchPlaceholder: "Search verification items...",
-					filters: /* @__PURE__ */ C(x, { children: [
-						/* @__PURE__ */ S("select", {
+					filters: /* @__PURE__ */ y(_, { children: [
+						/* @__PURE__ */ v("select", {
 							"aria-label": "Filter by status",
-							value: I,
+							value: L,
 							onChange: (e) => {
-								L(e.target.value), V(1);
+								R(e.target.value), U(1);
 							},
-							className: k,
-							children: E.map((e) => /* @__PURE__ */ S("option", {
+							className: A,
+							children: D.map((e) => /* @__PURE__ */ v("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						}),
-						/* @__PURE__ */ S("select", {
+						/* @__PURE__ */ v("select", {
 							"aria-label": "Filter by priority",
-							value: R,
+							value: z,
 							onChange: (e) => {
-								z(e.target.value), V(1);
+								B(e.target.value), U(1);
 							},
-							className: k,
-							children: D.map((e) => /* @__PURE__ */ S("option", {
+							className: A,
+							children: O.map((e) => /* @__PURE__ */ v("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						}),
-						/* @__PURE__ */ S("select", {
+						/* @__PURE__ */ v("select", {
 							"aria-label": "Filter by type",
-							value: B,
+							value: V,
 							onChange: (e) => {
-								ue(e.target.value), V(1);
+								H(e.target.value), U(1);
 							},
-							className: k,
-							children: O.map((e) => /* @__PURE__ */ S("option", {
+							className: A,
+							children: k.map((e) => /* @__PURE__ */ v("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})
 					] })
 				}),
-				/* @__PURE__ */ S(r, {
-					columns: ye,
-					data: H,
+				/* @__PURE__ */ v(r, {
+					columns: be,
+					data: W,
 					keyField: "id",
 					emptyMessage: "No verification items found",
 					emptyIllustration: "empty-search",
 					emptyDescription: "Verification requests you submit will appear here so you can track their progress.",
 					pageSize: 10,
 					serverPagination: {
-						page: j.page,
-						pageSize: j.pageSize,
-						hasNextPage: H.length >= j.pageSize,
-						loading: U,
-						onPageChange: j.setPage,
-						onPageSizeChange: j.setPageSize
+						page: M.page,
+						pageSize: M.pageSize,
+						hasNextPage: W.length >= M.pageSize,
+						loading: ue,
+						onPageChange: M.setPage,
+						onPageSizeChange: M.setPageSize
 					}
 				})
 			] }),
-			/* @__PURE__ */ S(te, {
-				open: W !== null,
-				onOpenChange: (e) => !e && X(),
-				children: /* @__PURE__ */ S(ne, {
+			/* @__PURE__ */ v(S, {
+				open: G !== null,
+				onOpenChange: (e) => !e && Z(),
+				children: /* @__PURE__ */ v(C, {
 					className: "sm:max-w-md",
-					children: /* @__PURE__ */ C("form", {
+					children: /* @__PURE__ */ y("form", {
 						onSubmit: he,
 						children: [
-							/* @__PURE__ */ C(ae, { children: [/* @__PURE__ */ S(oe, { children: $ ? "Approve verification" : "Reject verification" }), /* @__PURE__ */ S(re, { children: $ ? `Mark "${W?.item.entityLabel ?? ""}" as verified. You can add an optional note for the record.` : `Reject "${W?.item.entityLabel ?? ""}". Add an optional note explaining why so the submitter can respond.` })] }),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ y(ae, { children: [/* @__PURE__ */ v(oe, { children: $ ? "Approve verification" : "Reject verification" }), /* @__PURE__ */ v(w, { children: $ ? `Mark "${G?.item.entityLabel ?? ""}" as verified. You can add an optional note for the record.` : `Reject "${G?.item.entityLabel ?? ""}". Add an optional note explaining why so the submitter can respond.` })] }),
+							/* @__PURE__ */ y("div", {
 								className: "space-y-3 py-2",
-								children: [/* @__PURE__ */ S("label", {
+								children: [/* @__PURE__ */ v("label", {
 									className: "block text-sm font-medium text-text-primary",
 									htmlFor: "verification-notes",
 									children: "Notes (optional)"
-								}), /* @__PURE__ */ S("textarea", {
+								}), /* @__PURE__ */ v("textarea", {
 									id: "verification-notes",
-									value: K,
-									onChange: (e) => q(e.target.value),
+									value: q,
+									onChange: (e) => J(e.target.value),
 									rows: 3,
 									placeholder: $ ? "Anything worth noting about this approval…" : "Reason for rejection…",
 									className: "w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
-							/* @__PURE__ */ C(ie, { children: [/* @__PURE__ */ S(w, {
+							/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(b, {
 								type: "button",
 								variant: "outline",
-								onClick: X,
-								disabled: J,
+								onClick: Z,
+								disabled: Y,
 								children: "Cancel"
-							}), /* @__PURE__ */ S(w, {
+							}), /* @__PURE__ */ v(b, {
 								type: "submit",
 								variant: $ ? "default" : "destructive",
-								disabled: J,
-								children: J ? "Submitting…" : $ ? "Approve" : "Reject"
+								disabled: Y,
+								children: Y ? "Submitting…" : $ ? "Approve" : "Reject"
 							})] })
 						]
 					})
@@ -403,6 +405,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as VerificationPage };
+export { M as VerificationPage };
 //# sourceMappingURL=VerificationPage.js.map

package/dist/housingvista/pages/verification/VerificationPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerificationPage.js","names":[],"sources":["../../../../src/housingvista/pages/verification/VerificationPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Shield, CheckCircle, Clock, XCircle, Eye, Check, X } from 'lucide-react';\nimport {\n Button,\n EmphasisPanel,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout, DataTable, StatusBadge, FilterBar } from '../../components';\nimport type { Column } from '../../components';\nimport { useVerifications, useApproveVerification, useRejectVerification } from '../../hooks';\nimport { useServerPagination } from '../../hooks/useServerPagination';\nimport { notify } from '../../lib/toast';\nimport { cn, formatDate } from '../../utils/helpers';\nimport type { VerificationItem } from '../../types';\n\nfunction getStatusVariant(status: string): 'success' \| 'warning' \| 'error' \| 'info' {\n switch (status) {\n case 'verified':\n return 'success';\n case 'in_progress':\n return 'info';\n case 'pending':\n return 'warning';\n case 'rejected':\n return 'error';\n default:\n return 'info';\n }\n}\n\nfunction getStatusLabel(status: string): string {\n return status.replace('_', ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction getEntityTypeLabel(type: string): string {\n return type.replace('_', ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction getPriorityBadge(priority: string) {\n const styles: Record<string, string> = {\n high: 'bg-status-error-bg-subtle text-status-error-text',\n medium: 'bg-status-warning-bg-subtle text-status-warning-text',\n low: 'bg-status-success-bg-subtle text-status-success-text',\n };\n return (\n <span\n className={cn(\n 'inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n styles[priority] ?? styles.low\n )}\n >\n {priority}\n </span>\n );\n}\n\ntype DecisionMode = 'approve' \| 'reject';\n\nconst STATUS_OPTIONS: { value: string; label: string }[] = [\n { value: '', label: 'All statuses' },\n { value: 'pending', label: 'Pending' },\n { value: 'in_progress', label: 'In Progress' },\n { value: 'verified', label: 'Verified' },\n { value: 'rejected', label: 'Rejected' },\n];\n\nconst PRIORITY_OPTIONS: { value: string; label: string }[] = [\n { value: '', label: 'All priorities' },\n { value: 'high', label: 'High' },\n { value: 'medium', label: 'Medium' },\n { value: 'low', label: 'Low' },\n];\n\nconst ENTITY_TYPE_OPTIONS: { value: string; label: string }[] = [\n { value: '', label: 'All types' },\n { value: 'property', label: 'Property' },\n { value: 'user', label: 'User' },\n { value: 'document', label: 'Document' },\n { value: 'income', label: 'Income' },\n { value: 'bank_account', label: 'Bank Account' },\n];\n\nconst SELECT_CLASS =\n 'h-9 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)]';\n\n/** Trust stat card with a proportion bar (share of the total on this page). /\nfunction VerifStat({\n label,\n value,\n total,\n tone,\n icon,\n}: {\n label: string;\n value: number;\n total: number;\n tone: 'success' \| 'warning' \| 'error' \| 'info';\n icon: React.ReactNode;\n}) {\n const pct = total > 0 ? Math.round((value / total) 100) : 0;\n const barColor = {\n success: 'bg-status-success-text',\n warning: 'bg-status-warning-text',\n error: 'bg-status-error-text',\n info: 'bg-status-info-text',\n }[tone];\n const iconBg = {\n success: 'bg-status-success-bg-subtle text-status-success-text',\n warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n error: 'bg-status-error-bg-subtle text-status-error-text',\n info: 'bg-status-info-bg-subtle text-status-info-text',\n }[tone];\n return (\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-2xl font-bold tabular-nums text-text-primary\">{value}</span>\n <span className={cn('flex h-8 w-8 items-center justify-center rounded-lg', iconBg)}>{icon}</span>\n </div>\n <p className=\"mt-0.5 text-sm font-medium text-text-secondary\">{label}</p>\n <div className=\"mt-3 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n <div className={cn('h-full rounded-full transition-all', barColor)} style={{ width: `${pct}%` }} />\n </div>\n </div>\n );\n}\n\nexport function VerificationPage() {\n const navigate = useNavigate();\n const pagination = useServerPagination(10);\n\n const [search, setSearch] = useState('');\n const [debouncedSearch, setDebouncedSearch] = useState('');\n const [statusFilter, setStatusFilter] = useState('');\n const [priorityFilter, setPriorityFilter] = useState('');\n const [entityTypeFilter, setEntityTypeFilter] = useState('');\n\n const { setPage } = pagination;\n\n // Debounce the free-text search into the server filter; reset to page 1 on change.\n useEffect(() => {\n const handle = setTimeout(() => {\n setDebouncedSearch(search.trim());\n setPage(1);\n }, 300);\n return () => clearTimeout(handle);\n }, [search, setPage]);\n\n const { data: verifications, loading } = useVerifications({\n filter: {\n search: debouncedSearch \|\| undefined,\n status: statusFilter \|\| undefined,\n priority: priorityFilter \|\| undefined,\n entityType: entityTypeFilter \|\| undefined,\n },\n pagination: pagination.pagination,\n });\n const { approveVerification, loading: approving } = useApproveVerification();\n const { rejectVerification, loading: rejecting } = useRejectVerification();\n\n const [decision, setDecision] = useState<{ item: VerificationItem; mode: DecisionMode } \| null>(null);\n const [notes, setNotes] = useState('');\n\n const submitting = approving \|\| rejecting;\n\n const openDecision = (item: VerificationItem, mode: DecisionMode) => {\n setDecision({ item, mode });\n setNotes('');\n };\n\n const closeDecision = () => {\n if (submitting) return;\n setDecision(null);\n setNotes('');\n };\n\n const handleConfirm = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!decision) return;\n const trimmedNotes = notes.trim() \|\| undefined;\n try {\n if (decision.mode === 'approve') {\n await approveVerification(decision.item.id, trimmedNotes);\n notify.success('Verification approved', decision.item.entityLabel);\n } else {\n await rejectVerification(decision.item.id, trimmedNotes);\n notify.success('Verification rejected', decision.item.entityLabel);\n }\n setDecision(null);\n setNotes('');\n } catch (err) {\n const message = err instanceof Error ? err.message : 'Please try again.';\n notify.error(\n decision.mode === 'approve' ? 'Could not approve verification' : 'Could not reject verification',\n message\n );\n }\n };\n\n const verified = verifications.filter((v) => v.status === 'verified').length;\n const pending = verifications.filter((v) => v.status === 'pending').length;\n const inProgress = verifications.filter((v) => v.status === 'in_progress').length;\n const rejected = verifications.filter((v) => v.status === 'rejected').length;\n const total = verifications.length;\n\n const columns: Column<VerificationItem>[] = [\n {\n key: 'entityLabel',\n header: 'Item',\n render: (item) => (\n <div>\n <p className=\"font-medium text-text-primary\">{item.entityLabel}</p>\n {item.notes && <p className=\"mt-0.5 text-xs text-text-secondary line-clamp-1\">{item.notes}</p>}\n </div>\n ),\n },\n {\n key: 'entityType',\n header: 'Type',\n render: (item) => (\n <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary capitalize\">\n {getEntityTypeLabel(item.entityType)}\n </span>\n ),\n },\n {\n key: 'priority',\n header: 'Priority',\n render: (item) => getPriorityBadge(item.priority),\n },\n {\n key: 'submittedDate',\n header: 'Submitted',\n render: (item) => <span className=\"text-sm text-text-secondary\">{formatDate(item.submittedDate)}</span>,\n },\n {\n key: 'status',\n header: 'Status',\n render: (item) => <StatusBadge label={getStatusLabel(item.status)} variant={getStatusVariant(item.status)} dot />,\n },\n {\n key: 'actions',\n header: 'Action',\n sortable: false,\n render: (item) => {\n const decidable = item.status === 'pending' \|\| item.status === 'in_progress';\n return (\n <div className=\"flex items-center gap-1.5\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n navigate(`../verification/${item.id}`);\n }}\n className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n <Eye className=\"h-3 w-3\" />\n View\n </button>\n {decidable && (\n <>\n <button\n onClick={(e) => {\n e.stopPropagation();\n openDecision(item, 'approve');\n }}\n className=\"inline-flex items-center gap-1 rounded-md border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text transition-colors hover:bg-status-success-bg-subtle/70\"\n >\n <Check className=\"h-3 w-3\" />\n Approve\n </button>\n <button\n onClick={(e) => {\n e.stopPropagation();\n openDecision(item, 'reject');\n }}\n className=\"inline-flex items-center gap-1 rounded-md border border-status-error-border bg-status-error-bg-subtle px-2.5 py-1 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle/70\"\n >\n <X className=\"h-3 w-3\" />\n Reject\n </button>\n </>\n )}\n </div>\n );\n },\n },\n ];\n\n const isApprove = decision?.mode === 'approve';\n\n return (\n <PageLayout\n title=\"Verification Center\"\n description=\"Track and manage all your verification requests\"\n purpose=\"Submit and monitor identity, ownership, and document checks that build trust in your listings and deals. Use this page to see what is verified, what is still pending, and what was rejected so you can act before it blocks a transaction.\"\n actions={\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text\">\n <Shield className=\"h-3.5 w-3.5\" />\n Trust & Safety\n </span>\n }\n >\n {/* Stats — primary insight zone (one EmphasisPanel per page) /}\n <EmphasisPanel className=\"p-4\">\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <VerifStat\n label=\"Verified\"\n value={verified}\n total={total}\n tone=\"success\"\n icon={<CheckCircle className=\"h-4 w-4\" />}\n />\n <VerifStat\n label=\"Pending\"\n value={pending + inProgress}\n total={total}\n tone=\"warning\"\n icon={<Clock className=\"h-4 w-4\" />}\n />\n <VerifStat\n label=\"Rejected\"\n value={rejected}\n total={total}\n tone=\"error\"\n icon={<XCircle className=\"h-4 w-4\" />}\n />\n <VerifStat label=\"Total\" value={total} total={total} tone=\"info\" icon={<Shield className=\"h-4 w-4\" />} />\n </div>\n </EmphasisPanel>\n\n {/ Verification Table /}\n <div>\n <h2 className=\"mb-3 text-lg font-semibold text-text-primary\">Verification Items</h2>\n <FilterBar\n className=\"mb-4\"\n searchValue={search}\n onSearchChange={setSearch}\n searchPlaceholder=\"Search verification items...\"\n filters={\n <>\n <select\n aria-label=\"Filter by status\"\n value={statusFilter}\n onChange={(e) => {\n setStatusFilter(e.target.value);\n setPage(1);\n }}\n className={SELECT_CLASS}\n >\n {STATUS_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n <select\n aria-label=\"Filter by priority\"\n value={priorityFilter}\n onChange={(e) => {\n setPriorityFilter(e.target.value);\n setPage(1);\n }}\n className={SELECT_CLASS}\n >\n {PRIORITY_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n <select\n aria-label=\"Filter by type\"\n value={entityTypeFilter}\n onChange={(e) => {\n setEntityTypeFilter(e.target.value);\n setPage(1);\n }}\n className={SELECT_CLASS}\n >\n {ENTITY_TYPE_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n </>\n }\n />\n <DataTable<VerificationItem>\n columns={columns}\n data={verifications}\n keyField=\"id\"\n emptyMessage=\"No verification items found\"\n emptyIllustration=\"empty-search\"\n emptyDescription=\"Verification requests you submit will appear here so you can track their progress.\"\n pageSize={10}\n serverPagination={{\n page: pagination.page,\n pageSize: pagination.pageSize,\n hasNextPage: verifications.length >= pagination.pageSize,\n loading,\n onPageChange: pagination.setPage,\n onPageSizeChange: pagination.setPageSize,\n }}\n />\n </div>\n\n {/ Approve / Reject decision dialog */}\n <ResponsiveDialog open={decision !== null} onOpenChange={(open) => !open && closeDecision()}>\n <ResponsiveDialogContent className=\"sm:max-w-md\">\n <form onSubmit={handleConfirm}>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>\n {isApprove ? 'Approve verification' : 'Reject verification'}\n </ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n {isApprove\n ? `Mark \"${decision?.item.entityLabel ?? ''}\" as verified. You can add an optional note for the record.`\n : `Reject \"${decision?.item.entityLabel ?? ''}\". Add an optional note explaining why so the submitter can respond.`}\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <div className=\"space-y-3 py-2\">\n <label className=\"block text-sm font-medium text-text-primary\" htmlFor=\"verification-notes\">\n Notes (optional)\n </label>\n <textarea\n id=\"verification-notes\"\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n rows={3}\n placeholder={isApprove ? 'Anything worth noting about this approval…' : 'Reason for rejection…'}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <ResponsiveDialogFooter>\n <Button type=\"button\" variant=\"outline\" onClick={closeDecision} disabled={submitting}>\n Cancel\n </Button>\n <Button type=\"submit\" variant={isApprove ? 'default' : 'destructive'} disabled={submitting}>\n {submitting ? 'Submitting…' : isApprove ? 'Approve' : 'Reject'}\n </Button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"VerificationPage.js","names":[],"sources":["../../../../src/housingvista/pages/verification/VerificationPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Shield, CheckCircle, Clock, XCircle, Eye, Check, X } from 'lucide-react';\nimport {\n Button,\n EmphasisPanel,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout, DataTable, StatusBadge, FilterBar } from '../../components';\nimport type { Column } from '../../components';\nimport { useVerifications, useApproveVerification, useRejectVerification } from '../../hooks';\nimport { useServerPagination } from '../../hooks/useServerPagination';\nimport { notify } from '../../lib/toast';\nimport { cn, formatDate } from '../../utils/helpers';\nimport type { VerificationItem } from '../../types';\nimport { useTrackPageView } from '../../hooks/useHousingVistaAnalytics';\n\nfunction getStatusVariant(status: string): 'success' \| 'warning' \| 'error' \| 'info' {\n switch (status) {\n case 'verified':\n return 'success';\n case 'in_progress':\n return 'info';\n case 'pending':\n return 'warning';\n case 'rejected':\n return 'error';\n default:\n return 'info';\n }\n}\n\nfunction getStatusLabel(status: string): string {\n return status.replace('_', ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction getEntityTypeLabel(type: string): string {\n return type.replace('_', ' ').replace(/\\b\\w/g, (c) => c.toUpperCase());\n}\n\nfunction getPriorityBadge(priority: string) {\n const styles: Record<string, string> = {\n high: 'bg-status-error-bg-subtle text-status-error-text',\n medium: 'bg-status-warning-bg-subtle text-status-warning-text',\n low: 'bg-status-success-bg-subtle text-status-success-text',\n };\n return (\n <span\n className={cn(\n 'inline-flex rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n styles[priority] ?? styles.low\n )}\n >\n {priority}\n </span>\n );\n}\n\ntype DecisionMode = 'approve' \| 'reject';\n\nconst STATUS_OPTIONS: { value: string; label: string }[] = [\n { value: '', label: 'All statuses' },\n { value: 'pending', label: 'Pending' },\n { value: 'in_progress', label: 'In Progress' },\n { value: 'verified', label: 'Verified' },\n { value: 'rejected', label: 'Rejected' },\n];\n\nconst PRIORITY_OPTIONS: { value: string; label: string }[] = [\n { value: '', label: 'All priorities' },\n { value: 'high', label: 'High' },\n { value: 'medium', label: 'Medium' },\n { value: 'low', label: 'Low' },\n];\n\nconst ENTITY_TYPE_OPTIONS: { value: string; label: string }[] = [\n { value: '', label: 'All types' },\n { value: 'property', label: 'Property' },\n { value: 'user', label: 'User' },\n { value: 'document', label: 'Document' },\n { value: 'income', label: 'Income' },\n { value: 'bank_account', label: 'Bank Account' },\n];\n\nconst SELECT_CLASS =\n 'h-9 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)]';\n\n/** Trust stat card with a proportion bar (share of the total on this page). /\nfunction VerifStat({\n label,\n value,\n total,\n tone,\n icon,\n}: {\n label: string;\n value: number;\n total: number;\n tone: 'success' \| 'warning' \| 'error' \| 'info';\n icon: React.ReactNode;\n}) {\n const pct = total > 0 ? Math.round((value / total) 100) : 0;\n const barColor = {\n success: 'bg-status-success-text',\n warning: 'bg-status-warning-text',\n error: 'bg-status-error-text',\n info: 'bg-status-info-text',\n }[tone];\n const iconBg = {\n success: 'bg-status-success-bg-subtle text-status-success-text',\n warning: 'bg-status-warning-bg-subtle text-status-warning-text',\n error: 'bg-status-error-bg-subtle text-status-error-text',\n info: 'bg-status-info-bg-subtle text-status-info-text',\n }[tone];\n return (\n <div className=\"rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-2xl font-bold tabular-nums text-text-primary\">{value}</span>\n <span className={cn('flex h-8 w-8 items-center justify-center rounded-lg', iconBg)}>{icon}</span>\n </div>\n <p className=\"mt-0.5 text-sm font-medium text-text-secondary\">{label}</p>\n <div className=\"mt-3 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n <div className={cn('h-full rounded-full transition-all', barColor)} style={{ width: `${pct}%` }} />\n </div>\n </div>\n );\n}\n\nexport function VerificationPage() {\n useTrackPageView('housingvista.verification.viewed');\n const navigate = useNavigate();\n const pagination = useServerPagination(10);\n\n const [search, setSearch] = useState('');\n const [debouncedSearch, setDebouncedSearch] = useState('');\n const [statusFilter, setStatusFilter] = useState('');\n const [priorityFilter, setPriorityFilter] = useState('');\n const [entityTypeFilter, setEntityTypeFilter] = useState('');\n\n const { setPage } = pagination;\n\n // Debounce the free-text search into the server filter; reset to page 1 on change.\n useEffect(() => {\n const handle = setTimeout(() => {\n setDebouncedSearch(search.trim());\n setPage(1);\n }, 300);\n return () => clearTimeout(handle);\n }, [search, setPage]);\n\n const { data: verifications, loading } = useVerifications({\n filter: {\n search: debouncedSearch \|\| undefined,\n status: statusFilter \|\| undefined,\n priority: priorityFilter \|\| undefined,\n entityType: entityTypeFilter \|\| undefined,\n },\n pagination: pagination.pagination,\n });\n const { approveVerification, loading: approving } = useApproveVerification();\n const { rejectVerification, loading: rejecting } = useRejectVerification();\n\n const [decision, setDecision] = useState<{ item: VerificationItem; mode: DecisionMode } \| null>(null);\n const [notes, setNotes] = useState('');\n\n const submitting = approving \|\| rejecting;\n\n const openDecision = (item: VerificationItem, mode: DecisionMode) => {\n setDecision({ item, mode });\n setNotes('');\n };\n\n const closeDecision = () => {\n if (submitting) return;\n setDecision(null);\n setNotes('');\n };\n\n const handleConfirm = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!decision) return;\n const trimmedNotes = notes.trim() \|\| undefined;\n try {\n if (decision.mode === 'approve') {\n await approveVerification(decision.item.id, trimmedNotes);\n notify.success('Verification approved', decision.item.entityLabel);\n } else {\n await rejectVerification(decision.item.id, trimmedNotes);\n notify.success('Verification rejected', decision.item.entityLabel);\n }\n setDecision(null);\n setNotes('');\n } catch (err) {\n const message = err instanceof Error ? err.message : 'Please try again.';\n notify.error(\n decision.mode === 'approve' ? 'Could not approve verification' : 'Could not reject verification',\n message\n );\n }\n };\n\n const verified = verifications.filter((v) => v.status === 'verified').length;\n const pending = verifications.filter((v) => v.status === 'pending').length;\n const inProgress = verifications.filter((v) => v.status === 'in_progress').length;\n const rejected = verifications.filter((v) => v.status === 'rejected').length;\n const total = verifications.length;\n\n const columns: Column<VerificationItem>[] = [\n {\n key: 'entityLabel',\n header: 'Item',\n render: (item) => (\n <div>\n <p className=\"font-medium text-text-primary\">{item.entityLabel}</p>\n {item.notes && <p className=\"mt-0.5 text-xs text-text-secondary line-clamp-1\">{item.notes}</p>}\n </div>\n ),\n },\n {\n key: 'entityType',\n header: 'Type',\n render: (item) => (\n <span className=\"inline-flex items-center gap-1 text-xs text-text-secondary capitalize\">\n {getEntityTypeLabel(item.entityType)}\n </span>\n ),\n },\n {\n key: 'priority',\n header: 'Priority',\n render: (item) => getPriorityBadge(item.priority),\n },\n {\n key: 'submittedDate',\n header: 'Submitted',\n render: (item) => <span className=\"text-sm text-text-secondary\">{formatDate(item.submittedDate)}</span>,\n },\n {\n key: 'status',\n header: 'Status',\n render: (item) => <StatusBadge label={getStatusLabel(item.status)} variant={getStatusVariant(item.status)} dot />,\n },\n {\n key: 'actions',\n header: 'Action',\n sortable: false,\n render: (item) => {\n const decidable = item.status === 'pending' \|\| item.status === 'in_progress';\n return (\n <div className=\"flex items-center gap-1.5\">\n <button\n onClick={(e) => {\n e.stopPropagation();\n navigate(`../verification/${item.id}`);\n }}\n className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n <Eye className=\"h-3 w-3\" />\n View\n </button>\n {decidable && (\n <>\n <button\n onClick={(e) => {\n e.stopPropagation();\n openDecision(item, 'approve');\n }}\n className=\"inline-flex items-center gap-1 rounded-md border border-status-success-border bg-status-success-bg-subtle px-2.5 py-1 text-xs font-medium text-status-success-text transition-colors hover:bg-status-success-bg-subtle/70\"\n >\n <Check className=\"h-3 w-3\" />\n Approve\n </button>\n <button\n onClick={(e) => {\n e.stopPropagation();\n openDecision(item, 'reject');\n }}\n className=\"inline-flex items-center gap-1 rounded-md border border-status-error-border bg-status-error-bg-subtle px-2.5 py-1 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle/70\"\n >\n <X className=\"h-3 w-3\" />\n Reject\n </button>\n </>\n )}\n </div>\n );\n },\n },\n ];\n\n const isApprove = decision?.mode === 'approve';\n\n return (\n <PageLayout\n title=\"Verification Center\"\n description=\"Track and manage all your verification requests\"\n purpose=\"Submit and monitor identity, ownership, and document checks that build trust in your listings and deals. Use this page to see what is verified, what is still pending, and what was rejected so you can act before it blocks a transaction.\"\n actions={\n <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text\">\n <Shield className=\"h-3.5 w-3.5\" />\n Trust & Safety\n </span>\n }\n >\n {/* Stats — primary insight zone (one EmphasisPanel per page) /}\n <EmphasisPanel className=\"p-4\">\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <VerifStat\n label=\"Verified\"\n value={verified}\n total={total}\n tone=\"success\"\n icon={<CheckCircle className=\"h-4 w-4\" />}\n />\n <VerifStat\n label=\"Pending\"\n value={pending + inProgress}\n total={total}\n tone=\"warning\"\n icon={<Clock className=\"h-4 w-4\" />}\n />\n <VerifStat\n label=\"Rejected\"\n value={rejected}\n total={total}\n tone=\"error\"\n icon={<XCircle className=\"h-4 w-4\" />}\n />\n <VerifStat label=\"Total\" value={total} total={total} tone=\"info\" icon={<Shield className=\"h-4 w-4\" />} />\n </div>\n </EmphasisPanel>\n\n {/ Verification Table /}\n <div>\n <h2 className=\"mb-3 text-lg font-semibold text-text-primary\">Verification Items</h2>\n <FilterBar\n className=\"mb-4\"\n searchValue={search}\n onSearchChange={setSearch}\n searchPlaceholder=\"Search verification items...\"\n filters={\n <>\n <select\n aria-label=\"Filter by status\"\n value={statusFilter}\n onChange={(e) => {\n setStatusFilter(e.target.value);\n setPage(1);\n }}\n className={SELECT_CLASS}\n >\n {STATUS_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n <select\n aria-label=\"Filter by priority\"\n value={priorityFilter}\n onChange={(e) => {\n setPriorityFilter(e.target.value);\n setPage(1);\n }}\n className={SELECT_CLASS}\n >\n {PRIORITY_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n <select\n aria-label=\"Filter by type\"\n value={entityTypeFilter}\n onChange={(e) => {\n setEntityTypeFilter(e.target.value);\n setPage(1);\n }}\n className={SELECT_CLASS}\n >\n {ENTITY_TYPE_OPTIONS.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n </>\n }\n />\n <DataTable<VerificationItem>\n columns={columns}\n data={verifications}\n keyField=\"id\"\n emptyMessage=\"No verification items found\"\n emptyIllustration=\"empty-search\"\n emptyDescription=\"Verification requests you submit will appear here so you can track their progress.\"\n pageSize={10}\n serverPagination={{\n page: pagination.page,\n pageSize: pagination.pageSize,\n hasNextPage: verifications.length >= pagination.pageSize,\n loading,\n onPageChange: pagination.setPage,\n onPageSizeChange: pagination.setPageSize,\n }}\n />\n </div>\n\n {/ Approve / Reject decision dialog */}\n <ResponsiveDialog open={decision !== null} onOpenChange={(open) => !open && closeDecision()}>\n <ResponsiveDialogContent className=\"sm:max-w-md\">\n <form onSubmit={handleConfirm}>\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>\n {isApprove ? 'Approve verification' : 'Reject verification'}\n </ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n {isApprove\n ? `Mark \"${decision?.item.entityLabel ?? ''}\" as verified. You can add an optional note for the record.`\n : `Reject \"${decision?.item.entityLabel ?? ''}\". Add an optional note explaining why so the submitter can respond.`}\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n <div className=\"space-y-3 py-2\">\n <label className=\"block text-sm font-medium text-text-primary\" htmlFor=\"verification-notes\">\n Notes (optional)\n </label>\n <textarea\n id=\"verification-notes\"\n value={notes}\n onChange={(e) => setNotes(e.target.value)}\n rows={3}\n placeholder={isApprove ? 'Anything worth noting about this approval…' : 'Reason for rejection…'}\n className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n />\n </div>\n <ResponsiveDialogFooter>\n <Button type=\"button\" variant=\"outline\" onClick={closeDecision} disabled={submitting}>\n Cancel\n </Button>\n <Button type=\"submit\" variant={isApprove ? 'default' : 'destructive'} disabled={submitting}>\n {submitting ? 'Submitting…' : isApprove ? 'Approve' : 'Reject'}\n </Button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,SAAS,GAAiB,GAA0D;AAClF,SAAQ,GAAR;EACE,KAAK,WACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,GAAe,GAAwB;AAC9C,QAAO,EAAO,QAAQ,KAAK,IAAI,CAAC,QAAQ,UAAU,MAAM,EAAE,aAAa,CAAC;;AAG1E,SAAS,GAAmB,GAAsB;AAChD,QAAO,EAAK,QAAQ,KAAK,IAAI,CAAC,QAAQ,UAAU,MAAM,EAAE,aAAa,CAAC;;AAGxE,SAAS,EAAiB,GAAkB;CAC1C,IAAM,IAAiC;EACrC,MAAM;EACN,QAAQ;EACR,KAAK;EACN;AACD,QACE,kBAAC,QAAD;EACE,WAAW,EACT,uEACA,EAAO,MAAa,EAAO,IAC5B;YAEA;EACI,CAAA;;AAMX,IAAM,IAAqD;CACzD;EAAE,OAAO;EAAI,OAAO;EAAgB;CACpC;EAAE,OAAO;EAAW,OAAO;EAAW;CACtC;EAAE,OAAO;EAAe,OAAO;EAAe;CAC9C;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAY,OAAO;EAAY;CACzC,EAEK,IAAuD;CAC3D;EAAE,OAAO;EAAI,OAAO;EAAkB;CACtC;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAO,OAAO;EAAO;CAC/B,EAEK,IAA0D;CAC9D;EAAE,OAAO;EAAI,OAAO;EAAa;CACjC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAY,OAAO;EAAY;CACxC;EAAE,OAAO;EAAU,OAAO;EAAU;CACpC;EAAE,OAAO;EAAgB,OAAO;EAAgB;CACjD,EAEK,IACJ;AAGF,SAAS,EAAU,EACjB,UACA,UACA,UACA,SACA,WAOC;CACD,IAAM,IAAM,IAAQ,IAAI,KAAK,MAAO,IAAQ,IAAS,IAAI,GAAG,GACtD,IAAW;EACf,SAAS;EACT,SAAS;EACT,OAAO;EACP,MAAM;EACP,CAAC,IACI,IAAS;EACb,SAAS;EACT,SAAS;EACT,OAAO;EACP,MAAM;EACP,CAAC;AACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAqD;KAAa,CAAA,EAClF,kBAAC,QAAD;KAAM,WAAW,EAAG,uDAAuD,EAAO;eAAG;KAAY,CAAA,CAC7F;;GACN,kBAAC,KAAD;IAAG,WAAU;cAAkD;IAAU,CAAA;GACzE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAW,EAAG,sCAAsC,EAAS;KAAE,OAAO,EAAE,OAAO,GAAG,EAAI,IAAI;KAAI,CAAA;IAC/F,CAAA;GACF;;;AAIV,SAAgB,IAAmB;AACjC,GAAiB,mCAAmC;CACpD,IAAM,IAAW,GAAa,EACxB,IAAa,GAAoB,GAAG,EAEpC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAiB,KAAsB,EAAS,GAAG,EACpD,CAAC,GAAc,KAAmB,EAAS,GAAG,EAC9C,CAAC,GAAgB,KAAqB,EAAS,GAAG,EAClD,CAAC,GAAkB,KAAuB,EAAS,GAAG,EAEtD,EAAE,eAAY;AAGpB,UAAgB;EACd,IAAM,IAAS,iBAAiB;AAE9B,GADA,EAAmB,EAAO,MAAM,CAAC,EACjC,EAAQ,EAAE;KACT,IAAI;AACP,eAAa,aAAa,EAAO;IAChC,CAAC,GAAQ,EAAQ,CAAC;CAErB,IAAM,EAAE,MAAM,GAAe,gBAAY,EAAiB;EACxD,QAAQ;GACN,QAAQ,KAAmB,KAAA;GAC3B,QAAQ,KAAgB,KAAA;GACxB,UAAU,KAAkB,KAAA;GAC5B,YAAY,KAAoB,KAAA;GACjC;EACD,YAAY,EAAW;EACxB,CAAC,EACI,EAAE,yBAAqB,SAAS,OAAc,GAAwB,EACtE,EAAE,wBAAoB,SAAS,OAAc,GAAuB,EAEpE,CAAC,GAAU,KAAe,EAAgE,KAAK,EAC/F,CAAC,GAAO,KAAY,EAAS,GAAG,EAEhC,IAAa,MAAa,IAE1B,KAAgB,GAAwB,MAAuB;AAEnE,EADA,EAAY;GAAE;GAAM;GAAM,CAAC,EAC3B,EAAS,GAAG;IAGR,UAAsB;AACtB,QACJ,EAAY,KAAK,EACjB,EAAS,GAAG;IAGR,KAAgB,OAAO,MAAuB;AAElD,MADA,EAAE,gBAAgB,EACd,CAAC,EAAU;EACf,IAAM,IAAe,EAAM,MAAM,IAAI,KAAA;AACrC,MAAI;AASF,GARI,EAAS,SAAS,aACpB,MAAM,GAAoB,EAAS,KAAK,IAAI,EAAa,EACzD,EAAO,QAAQ,yBAAyB,EAAS,KAAK,YAAY,KAElE,MAAM,GAAmB,EAAS,KAAK,IAAI,EAAa,EACxD,EAAO,QAAQ,yBAAyB,EAAS,KAAK,YAAY,GAEpE,EAAY,KAAK,EACjB,EAAS,GAAG;WACL,GAAK;GACZ,IAAM,IAAU,aAAe,QAAQ,EAAI,UAAU;AACrD,KAAO,MACL,EAAS,SAAS,YAAY,mCAAmC,iCACjE,EACD;;IAIC,KAAW,EAAc,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC,QAChE,KAAU,EAAc,QAAQ,MAAM,EAAE,WAAW,UAAU,CAAC,QAC9D,KAAa,EAAc,QAAQ,MAAM,EAAE,WAAW,cAAc,CAAC,QACrE,KAAW,EAAc,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC,QAChE,IAAQ,EAAc,QAEtB,KAAsC;EAC1C;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MACP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAAiC,EAAK;IAAgB,CAAA,EAClE,EAAK,SAAS,kBAAC,KAAD;IAAG,WAAU;cAAmD,EAAK;IAAU,CAAA,CAC1F,EAAA,CAAA;GAET;EACD;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MACP,kBAAC,QAAD;IAAM,WAAU;cACb,GAAmB,EAAK,WAAW;IAC/B,CAAA;GAEV;EACD;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MAAS,EAAiB,EAAK,SAAS;GAClD;EACD;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MAAS,kBAAC,QAAD;IAAM,WAAU;cAA+B,EAAW,EAAK,cAAc;IAAQ,CAAA;GACxG;EACD;GACE,KAAK;GACL,QAAQ;GACR,SAAS,MAAS,kBAAC,GAAD;IAAa,OAAO,GAAe,EAAK,OAAO;IAAE,SAAS,GAAiB,EAAK,OAAO;IAAE,KAAA;IAAM,CAAA;GAClH;EACD;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,SAAS,MAAS;IAChB,IAAM,IAAY,EAAK,WAAW,aAAa,EAAK,WAAW;AAC/D,WACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,UAAD;MACE,UAAU,MAAM;AAEd,OADA,EAAE,iBAAiB,EACnB,EAAS,mBAAmB,EAAK,KAAK;;MAExC,WAAU;gBALZ,CAOE,kBAAC,IAAD,EAAK,WAAU,WAAY,CAAA,EAAA,OAEpB;SACR,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;MACE,UAAU,MAAM;AAEd,OADA,EAAE,iBAAiB,EACnB,EAAa,GAAM,UAAU;;MAE/B,WAAU;gBALZ,CAOE,kBAAC,IAAD,EAAO,WAAU,WAAY,CAAA,EAAA,UAEtB;SACT,kBAAC,UAAD;MACE,UAAU,MAAM;AAEd,OADA,EAAE,iBAAiB,EACnB,EAAa,GAAM,SAAS;;MAE9B,WAAU;gBALZ,CAOE,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA,EAAA,SAElB;QACR,EAAA,CAAA,CAED;;;GAGX;EACF,EAEK,IAAY,GAAU,SAAS;AAErC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,eAAgB,CAAA,EAAA,iBAE7B;;YARX;GAYE,kBAAC,GAAD;IAAe,WAAU;cACvB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,OAAM;OACN,OAAO;OACA;OACP,MAAK;OACL,MAAM,kBAAC,IAAD,EAAa,WAAU,WAAY,CAAA;OACzC,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,KAAU;OACV;OACP,MAAK;OACL,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OACnC,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO;OACA;OACP,MAAK;OACL,MAAM,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;OACrC,CAAA;MACF,kBAAC,GAAD;OAAW,OAAM;OAAQ,OAAO;OAAc;OAAO,MAAK;OAAO,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;OAAI,CAAA;MACrG;;IACQ,CAAA;GAGhB,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eAA+C;KAAuB,CAAA;IACpF,kBAAC,GAAD;KACE,WAAU;KACV,aAAa;KACb,gBAAgB;KAChB,mBAAkB;KAClB,SACE,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,UAAD;OACE,cAAW;OACX,OAAO;OACP,WAAW,MAAM;AAEf,QADA,EAAgB,EAAE,OAAO,MAAM,EAC/B,EAAQ,EAAE;;OAEZ,WAAW;iBAEV,EAAe,KAAK,MACnB,kBAAC,UAAD;QAAsB,OAAO,EAAE;kBAC5B,EAAE;QACI,EAFI,EAAE,MAEN,CACT;OACK,CAAA;MACT,kBAAC,UAAD;OACE,cAAW;OACX,OAAO;OACP,WAAW,MAAM;AAEf,QADA,EAAkB,EAAE,OAAO,MAAM,EACjC,EAAQ,EAAE;;OAEZ,WAAW;iBAEV,EAAiB,KAAK,MACrB,kBAAC,UAAD;QAAsB,OAAO,EAAE;kBAC5B,EAAE;QACI,EAFI,EAAE,MAEN,CACT;OACK,CAAA;MACT,kBAAC,UAAD;OACE,cAAW;OACX,OAAO;OACP,WAAW,MAAM;AAEf,QADA,EAAoB,EAAE,OAAO,MAAM,EACnC,EAAQ,EAAE;;OAEZ,WAAW;iBAEV,EAAoB,KAAK,MACxB,kBAAC,UAAD;QAAsB,OAAO,EAAE;kBAC5B,EAAE;QACI,EAFI,EAAE,MAEN,CACT;OACK,CAAA;MACR,EAAA,CAAA;KAEL,CAAA;IACF,kBAAC,GAAD;KACW;KACT,MAAM;KACN,UAAS;KACT,cAAa;KACb,mBAAkB;KAClB,kBAAiB;KACjB,UAAU;KACV,kBAAkB;MAChB,MAAM,EAAW;MACjB,UAAU,EAAW;MACrB,aAAa,EAAc,UAAU,EAAW;MAChD;MACA,cAAc,EAAW;MACzB,kBAAkB,EAAW;MAC9B;KACD,CAAA;IACE,EAAA,CAAA;GAGN,kBAAC,GAAD;IAAkB,MAAM,MAAa;IAAM,eAAe,MAAS,CAAC,KAAQ,GAAe;cACzF,kBAAC,GAAD;KAAyB,WAAU;eACjC,kBAAC,QAAD;MAAM,UAAU;gBAAhB;OACE,kBAAC,IAAD,EAAA,UAAA,CACE,kBAAC,IAAD,EAAA,UACG,IAAY,yBAAyB,uBAChB,CAAA,EACxB,kBAAC,GAAD,EAAA,UACG,IACG,SAAS,GAAU,KAAK,eAAe,GAAG,+DAC1C,WAAW,GAAU,KAAK,eAAe,GAAG,uEACpB,CAAA,CACP,EAAA,CAAA;OACzB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,SAAD;SAAO,WAAU;SAA8C,SAAQ;mBAAqB;SAEpF,CAAA,EACR,kBAAC,YAAD;SACE,IAAG;SACH,OAAO;SACP,WAAW,MAAM,EAAS,EAAE,OAAO,MAAM;SACzC,MAAM;SACN,aAAa,IAAY,+CAA+C;SACxE,WAAU;SACV,CAAA,CACE;;OACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAQ,MAAK;QAAS,SAAQ;QAAU,SAAS;QAAe,UAAU;kBAAY;QAE7E,CAAA,EACT,kBAAC,GAAD;QAAQ,MAAK;QAAS,SAAS,IAAY,YAAY;QAAe,UAAU;kBAC7E,IAAa,gBAAgB,IAAY,YAAY;QAC/C,CAAA,CACc,EAAA,CAAA;OACpB;;KACiB,CAAA;IACT,CAAA;GACR"}

package/dist/housingvista/pages/viewings/ViewingsPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewingsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/viewings/ViewingsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;~~AAqEH~~,wBAAgB,YAAY,~~gCAuT3B~~"}
1	+ {"version":3,"file":"ViewingsPage.d.ts","sourceRoot":"","sources":["../../../../src/housingvista/pages/viewings/ViewingsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAsEH,wBAAgB,YAAY,gCAwT3B"}