@burdenoff/microfe-housingvista 2026.510.105

package/dist/housingvista/pages/transactions/TransactionDetailPage.js

@@ -0,0 +1,586 @@
+import { formatCurrency as e, formatDate as t } from "../../utils/helpers.js";
+import { StatusBadge as n } from "../../components/StatusBadge.js";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { Breadcrumbs as i } from "../../components/Breadcrumbs.js";
+import "../../components/index.js";
+import { useTransactions as a } from "../../hooks/index.js";
+import { useMemo as o } from "react";
+import { AlertCircle as s, ArrowLeft as c, Building as l, Calendar as u, CheckCircle as d, Clock as f, DollarSign as p, Download as m, FileText as h, MessageCircle as g, Share2 as _, Shield as v, Upload as y, XCircle as b } from "lucide-react";
+import { useNavigate as x, useParams as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/housingvista/pages/transactions/TransactionDetailPage.tsx
+var T = {
+	completed: "success",
+	in_progress: "info",
+	pending: "warning",
+	pending_approval: "warning",
+	negotiation: "info",
+	cancelled: "error",
+	disputed: "error",
+	overdue: "error",
+	draft: "muted"
+}, E = {
+	completed: d,
+	in_progress: f,
+	pending: s,
+	pending_approval: s,
+	cancelled: b,
+	overdue: b
+}, D = () => {
+	let { id: s } = S(), d = x(), { data: b, loading: D } = a(), O = o(() => b.find((e) => e.id === s) ?? null, [b, s]);
+	if (D) return /* @__PURE__ */ C("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ C("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-muted-foreground border-t-foreground" })
+	});
+	if (!O) return /* @__PURE__ */ C("div", {
+		className: "p-6",
+		children: /* @__PURE__ */ C(r, {
+			icon: /* @__PURE__ */ C(h, { className: "h-12 w-12" }),
+			title: "Transaction Not Found",
+			description: "The transaction you're looking for doesn't exist or has been removed.",
+			action: /* @__PURE__ */ w("button", {
+				onClick: () => d("../"),
+				className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background",
+				children: [/* @__PURE__ */ C(c, { className: "h-4 w-4" }), "Back to Transactions"]
+			})
+		})
+	});
+	let k = [{
+		label: "Transactions",
+		href: "../"
+	}, { label: `Transaction #${O.id.split("-")[1]}` }], A = O.milestones.filter((e) => e.status === "completed").length, j = O.milestones.length, M = j > 0 ? Math.round(A / j * 100) : 0;
+	return /* @__PURE__ */ w("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ C(i, { items: k }),
+			/* @__PURE__ */ w("div", {
+				className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
+				children: [/* @__PURE__ */ w("div", {
+					className: "flex items-center gap-4",
+					children: [/* @__PURE__ */ w("button", {
+						onClick: () => d("../"),
+						className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-muted",
+						children: [/* @__PURE__ */ C(c, { className: "h-4 w-4" }), "Back"]
+					}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ w("h1", {
+						className: "text-2xl font-bold text-foreground",
+						children: ["Transaction #", O.id.split("-")[1]]
+					}), /* @__PURE__ */ w("div", {
+						className: "mt-1 flex items-center gap-2",
+						children: [/* @__PURE__ */ C(n, {
+							label: O.status.replace(/_/g, " "),
+							variant: T[O.status] ?? "default",
+							dot: !0
+						}), /* @__PURE__ */ C(n, {
+							label: O.type,
+							variant: "muted"
+						})]
+					})] })]
+				}), /* @__PURE__ */ w("div", {
+					className: "flex gap-2",
+					children: [
+						/* @__PURE__ */ w("button", {
+							className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+							children: [/* @__PURE__ */ C(_, { className: "h-4 w-4" }), "Share"]
+						}),
+						/* @__PURE__ */ w("button", {
+							className: "inline-flex items-center gap-2 rounded-md border border-border px-3 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+							children: [/* @__PURE__ */ C(m, { className: "h-4 w-4" }), "Export"]
+						}),
+						(O.status === "in_progress" || O.status === "negotiation") && /* @__PURE__ */ w("button", {
+							className: "inline-flex items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+							children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), "Take Action"]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-2 text-muted-foreground",
+							children: [/* @__PURE__ */ C(p, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
+								className: "text-xs font-medium",
+								children: "Amount"
+							})]
+						}), /* @__PURE__ */ C("div", {
+							className: "mt-2 text-xl font-bold text-foreground",
+							children: e(O.amount, O.currency)
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center gap-2 text-muted-foreground",
+							children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
+								className: "text-xs font-medium",
+								children: "Type"
+							})]
+						}), /* @__PURE__ */ C("div", {
+							className: "mt-2 text-xl font-bold capitalize text-foreground",
+							children: O.type
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [
+							/* @__PURE__ */ w("div", {
+								className: "flex items-center gap-2 text-muted-foreground",
+								children: [/* @__PURE__ */ C(l, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
+									className: "text-xs font-medium",
+									children: "Property"
+								})]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "mt-2 truncate text-sm font-bold text-foreground",
+								children: O.property.title
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "truncate text-xs text-muted-foreground",
+								children: [
+									O.property.location.city,
+									", ",
+									O.property.location.state
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-4",
+						children: [
+							/* @__PURE__ */ w("div", {
+								className: "flex items-center gap-2 text-muted-foreground",
+								children: [/* @__PURE__ */ C(u, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", {
+									className: "text-xs font-medium",
+									children: "Progress"
+								})]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "mt-2 text-xl font-bold text-foreground",
+								children: [M, "%"]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "mt-1 h-1.5 w-full rounded-full bg-muted",
+								children: /* @__PURE__ */ C("div", {
+									className: "h-1.5 rounded-full bg-foreground transition-all",
+									style: { width: `${M}%` }
+								})
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ w("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-6",
+							children: [/* @__PURE__ */ C("h2", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Transaction Overview"
+							}), /* @__PURE__ */ w("div", {
+								className: "grid grid-cols-1 gap-6 sm:grid-cols-2",
+								children: [/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
+									className: "mb-3 text-sm font-medium text-foreground",
+									children: "Property Details"
+								}), /* @__PURE__ */ w("dl", {
+									className: "space-y-2 text-sm",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Property"
+											}), /* @__PURE__ */ C("dd", {
+												className: "font-medium text-foreground",
+												children: O.property.title
+											})]
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Location"
+											}), /* @__PURE__ */ w("dd", {
+												className: "text-foreground",
+												children: [
+													O.property.location.city,
+													", ",
+													O.property.location.state
+												]
+											})]
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Type"
+											}), /* @__PURE__ */ C("dd", {
+												className: "capitalize text-foreground",
+												children: O.property.type.replace("_", " ")
+											})]
+										})
+									]
+								})] }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("h4", {
+									className: "mb-3 text-sm font-medium text-foreground",
+									children: "Transaction Details"
+								}), /* @__PURE__ */ w("dl", {
+									className: "space-y-2 text-sm",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Created"
+											}), /* @__PURE__ */ C("dd", {
+												className: "text-foreground",
+												children: t(O.createdAt.toISOString())
+											})]
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Last Updated"
+											}), /* @__PURE__ */ C("dd", {
+												className: "text-foreground",
+												children: t(O.updatedAt.toISOString())
+											})]
+										}),
+										O.expectedCompletionDate && /* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Expected Completion"
+											}), /* @__PURE__ */ C("dd", {
+												className: "text-foreground",
+												children: t(O.expectedCompletionDate.toISOString())
+											})]
+										}),
+										O.actualCompletionDate && /* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("dt", {
+												className: "text-muted-foreground",
+												children: "Completed"
+											}), /* @__PURE__ */ C("dd", {
+												className: "text-foreground",
+												children: t(O.actualCompletionDate.toISOString())
+											})]
+										})
+									]
+								})] })]
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-6",
+							children: [
+								/* @__PURE__ */ w("h2", {
+									className: "mb-4 flex items-center gap-2 text-base font-semibold text-foreground",
+									children: [/* @__PURE__ */ C(p, { className: "h-5 w-5" }), "Financial Breakdown"]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "mb-4 flex items-center justify-between text-lg font-semibold",
+									children: [/* @__PURE__ */ C("span", {
+										className: "text-foreground",
+										children: "Total Amount"
+									}), /* @__PURE__ */ C("span", {
+										className: "text-2xl text-foreground",
+										children: e(O.amount, O.currency)
+									})]
+								}),
+								O.commission && /* @__PURE__ */ w("div", {
+									className: "space-y-2 border-t border-border pt-4 text-sm",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-muted-foreground",
+												children: "Broker Commission"
+											}), /* @__PURE__ */ C("span", {
+												className: "font-medium text-foreground",
+												children: e(O.commission.brokerCommission)
+											})]
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-muted-foreground",
+												children: "Platform Commission"
+											}), /* @__PURE__ */ C("span", {
+												className: "font-medium text-foreground",
+												children: e(O.commission.platformCommission)
+											})]
+										}),
+										O.commission.otherCharges.map((t) => /* @__PURE__ */ w("div", {
+											className: "flex justify-between",
+											children: [/* @__PURE__ */ C("span", {
+												className: "text-muted-foreground",
+												children: t.description
+											}), /* @__PURE__ */ C("span", {
+												className: "font-medium text-foreground",
+												children: e(t.amount)
+											})]
+										}, t.type))
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-6",
+							children: [/* @__PURE__ */ w("h2", {
+								className: "mb-4 flex items-center gap-2 text-base font-semibold text-foreground",
+								children: [/* @__PURE__ */ C(v, { className: "h-5 w-5" }), "Transaction Milestones"]
+							}), /* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: O.milestones.map((e) => /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between rounded-lg bg-muted/50 p-4",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex items-start gap-3",
+										children: [/* @__PURE__ */ C(E[e.status] ?? f, { className: `mt-0.5 h-5 w-5 ${e.status === "completed" ? "text-emerald-600 dark:text-emerald-400" : e.status === "in_progress" ? "text-amber-600 dark:text-amber-400" : e.status === "overdue" ? "text-red-600 dark:text-red-400" : "text-muted-foreground"}` }), /* @__PURE__ */ w("div", { children: [
+											/* @__PURE__ */ C("p", {
+												className: "text-sm font-medium text-foreground",
+												children: e.title
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												children: e.description
+											}),
+											/* @__PURE__ */ w("p", {
+												className: "mt-1 text-xs text-muted-foreground",
+												children: ["Due: ", t(e.dueDate.toISOString())]
+											})
+										] })]
+									}), /* @__PURE__ */ w("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ C(n, {
+											label: e.status.replace(/_/g, " "),
+											variant: T[e.status] ?? "default"
+										}), e.completedAt && /* @__PURE__ */ w("p", {
+											className: "mt-1 text-xs text-muted-foreground",
+											children: ["Completed: ", t(e.completedAt.toISOString())]
+										})]
+									})]
+								}, e.id))
+							})]
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Quick Actions"
+							}), /* @__PURE__ */ w("div", {
+								className: "space-y-2",
+								children: [
+									/* @__PURE__ */ w("button", {
+										className: "flex w-full items-center gap-2 rounded-md bg-foreground px-4 py-2 text-sm font-medium text-background transition-colors hover:bg-foreground/90",
+										children: [/* @__PURE__ */ C(g, { className: "h-4 w-4" }), "Contact Parties"]
+									}),
+									/* @__PURE__ */ w("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), "Upload Document"]
+									}),
+									/* @__PURE__ */ w("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ C(u, { className: "h-4 w-4" }), "Schedule Meeting"]
+									}),
+									/* @__PURE__ */ w("button", {
+										className: "flex w-full items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), "Generate Report"]
+									})
+								]
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Documents"
+							}), O.documents.length > 0 ? /* @__PURE__ */ w("div", {
+								className: "space-y-3",
+								children: [O.documents.map((e) => /* @__PURE__ */ w("div", {
+									className: "flex items-center justify-between rounded-lg border border-border p-3",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: e.name
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: e.signedAt ? t(e.signedAt.toISOString()) : "Not signed"
+										})] })]
+									}), /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ C(n, {
+											label: e.signed ? "Signed" : "Pending",
+											variant: e.signed ? "success" : "warning"
+										}), /* @__PURE__ */ C("button", {
+											className: "rounded-md p-1 text-muted-foreground transition-colors hover:text-foreground",
+											children: /* @__PURE__ */ C(m, { className: "h-4 w-4" })
+										})]
+									})]
+								}, e.id)), /* @__PURE__ */ w("button", {
+									className: "flex w-full items-center justify-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+									children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), "Upload Document"]
+								})]
+							}) : /* @__PURE__ */ w("div", {
+								className: "text-center",
+								children: [/* @__PURE__ */ C("p", {
+									className: "text-sm text-muted-foreground",
+									children: "No documents yet."
+								}), /* @__PURE__ */ w("button", {
+									className: "mt-2 inline-flex items-center gap-2 rounded-md border border-border px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-muted",
+									children: [/* @__PURE__ */ C(y, { className: "h-4 w-4" }), "Upload Document"]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Parties Involved"
+							}), /* @__PURE__ */ w("div", {
+								className: "space-y-4",
+								children: [
+									O.buyer && /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground",
+											children: [O.buyer.firstName[0], O.buyer.lastName[0]]
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Buyer"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												O.buyer.firstName,
+												" ",
+												O.buyer.lastName
+											]
+										})] })]
+									}),
+									O.seller && /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground",
+											children: [O.seller.firstName[0], O.seller.lastName[0]]
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Seller"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												O.seller.firstName,
+												" ",
+												O.seller.lastName
+											]
+										})] })]
+									}),
+									O.tenant && /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground",
+											children: [O.tenant.firstName[0], O.tenant.lastName[0]]
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Tenant"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												O.tenant.firstName,
+												" ",
+												O.tenant.lastName
+											]
+										})] })]
+									}),
+									O.landlord && /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground",
+											children: [O.landlord.firstName[0], O.landlord.lastName[0]]
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Landlord"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												O.landlord.firstName,
+												" ",
+												O.landlord.lastName
+											]
+										})] })]
+									}),
+									O.broker && /* @__PURE__ */ w("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ w("div", {
+											className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground",
+											children: [O.broker.firstName[0], O.broker.lastName[0]]
+										}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: "Broker"
+										}), /* @__PURE__ */ w("p", {
+											className: "text-xs text-muted-foreground",
+											children: [
+												O.broker.firstName,
+												" ",
+												O.broker.lastName
+											]
+										})] })]
+									})
+								]
+							})]
+						}),
+						O.escrow && /* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border bg-card p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "mb-4 text-base font-semibold text-foreground",
+								children: "Escrow Details"
+							}), /* @__PURE__ */ w("dl", {
+								className: "space-y-2 text-sm",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ C("dt", {
+											className: "text-muted-foreground",
+											children: "Escrow Amount"
+										}), /* @__PURE__ */ C("dd", {
+											className: "font-medium text-foreground",
+											children: e(O.escrow.amount)
+										})]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ C("dt", {
+											className: "text-muted-foreground",
+											children: "Status"
+										}), /* @__PURE__ */ C("dd", { children: /* @__PURE__ */ C(n, {
+											label: O.escrow.status,
+											variant: O.escrow.status === "released" ? "success" : O.escrow.status === "funded" ? "info" : O.escrow.status === "refunded" ? "warning" : "muted"
+										}) })]
+									}),
+									O.escrow.conditions.length > 0 && /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("dt", {
+										className: "mb-1 text-muted-foreground",
+										children: "Release Conditions"
+									}), /* @__PURE__ */ C("dd", { children: /* @__PURE__ */ C("ul", {
+										className: "list-inside list-disc text-xs text-foreground",
+										children: O.escrow.conditions.map((e, t) => /* @__PURE__ */ C("li", { children: e }, t))
+									}) })] })
+								]
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { D as TransactionDetailPage };
+
+//# sourceMappingURL=TransactionDetailPage.js.map