@burdenoff/microfe-proserviceworld 2026.703.1 → 2026.706.1

package/dist/proserviceworld/pages/PaymentsPage.js

@@ -1,537 +0,0 @@
-import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
-import { useMemo as t, useState as n } from "react";
-import { ArrowDownLeft as r, ArrowUpRight as i, Building2 as a, Clock as o, CreditCard as s, DollarSign as c, Download as l, FileText as u, Plus as d, RotateCcw as f, Search as p, Shield as m, Wallet as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { AuroraBackground as v, Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, IllustratedEmptyState as D, Input as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
-//#region src/proserviceworld/pages/PaymentsPage.tsx
-function j() {
-	let { transactions: j, paymentMethods: M, invoices: N } = e(), [P, F] = n("overview"), [I, L] = n(""), [R, z] = n("all"), B = j.filter((e) => e.type === "outgoing" && e.status === "completed").reduce((e, t) => e + t.amount, 0), V = j.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0), H = j.filter((e) => e.status === "completed").reduce((e, t) => e + t.fees, 0), U = j.filter((e) => e.type === "refund" && e.status === "completed").reduce((e, t) => e + t.amount, 0), W = t(() => {
-		let e = [...j];
-		if (R !== "all" && (e = e.filter((e) => e.status === R)), I.trim()) {
-			let t = I.toLowerCase();
-			e = e.filter((e) => e.description.toLowerCase().includes(t) || e.counterparty.toLowerCase().includes(t) || (e.serviceName?.toLowerCase().includes(t) ?? !1));
-		}
-		return e.sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime());
-	}, [
-		j,
-		R,
-		I
-	]), G = (e) => e === "outgoing" ? /* @__PURE__ */ g(i, { className: "h-4 w-4 text-status-error-text" }) : e === "refund" ? /* @__PURE__ */ g(f, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ g(r, { className: "h-4 w-4 text-accent-blue" }), K = (e) => /* @__PURE__ */ g(y, {
-		variant: {
-			completed: "default",
-			pending: "secondary",
-			failed: "destructive",
-			cancelled: "outline"
-		}[e] ?? "secondary",
-		children: e
-	}), q = (e) => g(e === "card" ? s : e === "bank" ? a : h, { className: "h-5 w-5" });
-	return /* @__PURE__ */ _("div", {
-		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
-		children: [
-			/* @__PURE__ */ _("div", {
-				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1",
-				children: [/* @__PURE__ */ g(v, { intensity: "subtle" }), /* @__PURE__ */ _("div", {
-					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
-						className: "text-2xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ g(E, { children: "Payments" })
-					}), /* @__PURE__ */ g("p", {
-						className: "text-sm text-text-secondary",
-						children: "Track transactions, manage payment methods, and view invoices."
-					})] }), /* @__PURE__ */ _(b, {
-						size: "sm",
-						children: [/* @__PURE__ */ g(d, { className: "mr-2 h-4 w-4" }), " Make Payment"]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ g(A, {
-				icon: /* @__PURE__ */ g(c, { className: "h-4 w-4" }),
-				children: "Your money, end to end. See what you have spent, what is pending, and what has been refunded; search and reconcile individual transactions; manage the cards and bank accounts you pay with; and download invoices for your records."
-			}),
-			/* @__PURE__ */ g(k, {
-				storageKey: "proserviceworld-payments",
-				steps: [
-					{
-						id: "transactions",
-						label: "Review your transactions",
-						description: "Search and filter every payment, fee, and refund.",
-						icon: /* @__PURE__ */ g(p, { className: "h-4 w-4" }),
-						onClick: () => F("transactions")
-					},
-					{
-						id: "methods",
-						label: "Manage payment methods",
-						description: "Add or set a default card, bank, or wallet.",
-						icon: /* @__PURE__ */ g(s, { className: "h-4 w-4" }),
-						onClick: () => F("methods"),
-						done: M.length > 0
-					},
-					{
-						id: "invoices",
-						label: "Check your invoices",
-						description: "View and download invoices you create or receive.",
-						icon: /* @__PURE__ */ g(u, { className: "h-4 w-4" }),
-						onClick: () => F("invoices")
-					}
-				]
-			}),
-			/* @__PURE__ */ g("div", {
-				className: "flex flex-wrap gap-1 border-b border-border-seam",
-				children: [
-					{
-						key: "overview",
-						label: "Overview"
-					},
-					{
-						key: "transactions",
-						label: "Transactions"
-					},
-					{
-						key: "methods",
-						label: "Payment Methods"
-					},
-					{
-						key: "invoices",
-						label: "Invoices"
-					}
-				].map(({ key: e, label: t }) => /* @__PURE__ */ g("button", {
-					onClick: () => F(e),
-					"aria-pressed": P === e,
-					className: `border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${P === e ? "border-action-primary-bg text-text-primary" : "border-transparent text-text-secondary hover:text-text-primary"}`,
-					children: t
-				}, e))
-			}),
-			P === "overview" && /* @__PURE__ */ _("div", {
-				className: "space-y-6",
-				children: [/* @__PURE__ */ _("div", {
-					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-					children: [
-						/* @__PURE__ */ g(T, {
-							treatment: "glass",
-							glow: !0,
-							className: "border-border-seam",
-							children: /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ g("div", {
-									className: "rounded-lg bg-status-error-bg-subtle p-2",
-									children: /* @__PURE__ */ g(i, { className: "h-5 w-5 text-status-error-text" })
-								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
-									className: "text-2xl font-bold tabular-nums",
-									children: ["$", B.toLocaleString()]
-								}), /* @__PURE__ */ g("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Spent"
-								})] })]
-							})
-						}),
-						/* @__PURE__ */ g(T, {
-							treatment: "metric",
-							className: "border-border-seam",
-							children: /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ g("div", {
-									className: "rounded-lg bg-status-warning-bg-subtle p-2",
-									children: /* @__PURE__ */ g(o, { className: "h-5 w-5 text-status-warning-text" })
-								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
-									className: "text-2xl font-bold tabular-nums",
-									children: ["$", V.toLocaleString()]
-								}), /* @__PURE__ */ g("p", {
-									className: "text-xs text-text-secondary",
-									children: "Pending"
-								})] })]
-							})
-						}),
-						/* @__PURE__ */ g(T, {
-							treatment: "metric",
-							className: "border-border-seam",
-							children: /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ g("div", {
-									className: "rounded-lg bg-status-info-bg-subtle p-2",
-									children: /* @__PURE__ */ g(c, { className: "h-5 w-5 text-accent-blue" })
-								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
-									className: "text-2xl font-bold tabular-nums",
-									children: ["$", H.toLocaleString()]
-								}), /* @__PURE__ */ g("p", {
-									className: "text-xs text-text-secondary",
-									children: "Total Fees"
-								})] })]
-							})
-						}),
-						/* @__PURE__ */ g(T, {
-							treatment: "metric",
-							className: "border-border-seam",
-							children: /* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ g("div", {
-									className: "rounded-lg bg-status-success-bg-subtle p-2",
-									children: /* @__PURE__ */ g(f, { className: "h-5 w-5 text-status-success-text" })
-								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
-									className: "text-2xl font-bold tabular-nums",
-									children: ["$", U.toLocaleString()]
-								}), /* @__PURE__ */ g("p", {
-									className: "text-xs text-text-secondary",
-									children: "Refunded"
-								})] })]
-							})
-						})
-					]
-				}), /* @__PURE__ */ _(x, {
-					className: "border-border-seam",
-					children: [/* @__PURE__ */ g(C, { children: /* @__PURE__ */ _("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ g(w, {
-							className: "text-base",
-							children: "Recent Transactions"
-						}), /* @__PURE__ */ g(b, {
-							variant: "outline",
-							size: "sm",
-							onClick: () => F("transactions"),
-							children: "View All"
-						})]
-					}) }), /* @__PURE__ */ g(S, { children: /* @__PURE__ */ g("div", {
-						className: "space-y-3",
-						children: j.slice(0, 5).map((e) => /* @__PURE__ */ _("div", {
-							className: "flex items-center justify-between rounded-lg border border-border-seam p-3 transition-shadow hover:shadow-pop",
-							children: [/* @__PURE__ */ _("div", {
-								className: "flex items-center gap-3",
-								children: [G(e.type), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-									className: "text-sm font-medium",
-									children: e.description
-								}), /* @__PURE__ */ _("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										e.counterparty,
-										" - ",
-										e.createdAt
-									]
-								})] })]
-							}), /* @__PURE__ */ _("div", {
-								className: "text-right",
-								children: [/* @__PURE__ */ _("p", {
-									className: `text-sm font-bold tabular-nums ${e.type === "refund" ? "text-status-success-text" : ""}`,
-									children: [
-										e.type === "refund" ? "+" : "-",
-										"$",
-										e.amount.toLocaleString()
-									]
-								}), K(e.status)]
-							})]
-						}, e.id))
-					}) })]
-				})]
-			}),
-			P === "transactions" && /* @__PURE__ */ _("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ _("div", {
-					className: "flex flex-col gap-4 sm:flex-row sm:items-center",
-					children: [/* @__PURE__ */ _("div", {
-						className: "relative flex-1",
-						children: [/* @__PURE__ */ g(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ g(O, {
-							placeholder: "Search transactions...",
-							value: I,
-							onChange: (e) => L(e.target.value),
-							className: "pl-10"
-						})]
-					}), /* @__PURE__ */ g("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							"all",
-							"completed",
-							"pending",
-							"failed"
-						].map((e) => /* @__PURE__ */ g(b, {
-							variant: R === e ? "default" : "outline",
-							size: "sm",
-							onClick: () => z(e),
-							children: e === "all" ? "All" : e.charAt(0).toUpperCase() + e.slice(1)
-						}, e))
-					})]
-				}), /* @__PURE__ */ g(x, {
-					className: "border-border-seam",
-					children: /* @__PURE__ */ g(S, {
-						className: "pt-4",
-						children: W.length === 0 ? /* @__PURE__ */ g(D, {
-							illustration: "empty-search",
-							title: "No transactions found",
-							description: "No transactions match your current filters."
-						}) : /* @__PURE__ */ g("div", {
-							className: "overflow-x-auto",
-							children: /* @__PURE__ */ _("table", {
-								className: "w-full text-sm",
-								children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
-									className: "border-b border-border-seam text-left text-text-secondary",
-									children: [
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Type"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Description"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Counterparty"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Method"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 text-right font-medium",
-											children: "Amount"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 text-right font-medium",
-											children: "Fees"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 text-right font-medium",
-											children: "Net"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Status"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Date"
-										})
-									]
-								}) }), /* @__PURE__ */ g("tbody", { children: W.map((e) => /* @__PURE__ */ _("tr", {
-									className: "border-b border-border-seam transition-colors hover:bg-bg-sunken/50",
-									children: [
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: G(e.type)
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3 font-medium",
-											children: e.description
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: e.counterparty
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: /* @__PURE__ */ g(y, {
-												variant: "outline",
-												children: e.method.replace("_", " ")
-											})
-										}),
-										/* @__PURE__ */ _("td", {
-											className: `p-3 text-right font-medium tabular-nums ${e.type === "refund" ? "text-status-success-text" : ""}`,
-											children: [
-												e.type === "refund" ? "+" : "-",
-												"$",
-												e.amount.toLocaleString()
-											]
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-right text-text-secondary tabular-nums",
-											children: ["$", e.fees]
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-right tabular-nums",
-											children: ["$", e.netAmount.toLocaleString()]
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: K(e.status)
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3 text-text-secondary",
-											children: e.createdAt
-										})
-									]
-								}, e.id)) })]
-							})
-						})
-					})
-				})]
-			}),
-			P === "methods" && /* @__PURE__ */ g("div", {
-				className: "space-y-4",
-				children: /* @__PURE__ */ _("div", {
-					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-					children: [M.map((e) => /* @__PURE__ */ _(T, {
-						treatment: "glass",
-						glow: e.isDefault,
-						className: `border-border-seam ${e.isDefault, ""}`,
-						children: [
-							/* @__PURE__ */ _("div", {
-								className: "flex items-start justify-between",
-								children: [/* @__PURE__ */ _("div", {
-									className: "flex items-center gap-3",
-									children: [/* @__PURE__ */ g("div", {
-										className: "rounded-lg border border-border-seam p-2 text-text-primary",
-										children: q(e.type)
-									}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
-										className: "font-medium",
-										children: e.name
-									}), /* @__PURE__ */ g("p", {
-										className: "text-sm text-text-secondary",
-										children: e.details
-									})] })]
-								}), e.isDefault && /* @__PURE__ */ g(y, { children: "Default" })]
-							}),
-							/* @__PURE__ */ _("div", {
-								className: "mt-4 flex items-center gap-4 text-sm",
-								children: [e.isVerified ? /* @__PURE__ */ _("span", {
-									className: "flex items-center gap-1 text-status-success-text",
-									children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Verified"]
-								}) : /* @__PURE__ */ _("span", {
-									className: "flex items-center gap-1 text-status-warning-text",
-									children: [/* @__PURE__ */ g(o, { className: "h-4 w-4" }), " Unverified"]
-								}), e.lastUsed && /* @__PURE__ */ _("span", {
-									className: "text-text-secondary",
-									children: ["Last used: ", e.lastUsed]
-								})]
-							}),
-							/* @__PURE__ */ _("div", {
-								className: "mt-4 flex gap-2",
-								children: [!e.isDefault && /* @__PURE__ */ g(b, {
-									variant: "outline",
-									size: "sm",
-									className: "flex-1",
-									children: "Set Default"
-								}), /* @__PURE__ */ g(b, {
-									variant: "outline",
-									size: "sm",
-									className: "flex-1",
-									children: "Remove"
-								})]
-							})
-						]
-					}, e.id)), /* @__PURE__ */ g(x, {
-						className: "flex items-center justify-center border-dashed border-border-seam transition-shadow hover:shadow-pop",
-						children: /* @__PURE__ */ _(S, {
-							className: "py-8 text-center",
-							children: [
-								/* @__PURE__ */ g(d, { className: "mx-auto h-8 w-8 text-text-secondary" }),
-								/* @__PURE__ */ g("p", {
-									className: "mt-2 text-sm font-medium",
-									children: "Add Payment Method"
-								}),
-								/* @__PURE__ */ g("p", {
-									className: "text-xs text-text-secondary",
-									children: "Add a new card, bank, or PayPal"
-								})
-							]
-						})
-					})]
-				})
-			}),
-			P === "invoices" && /* @__PURE__ */ g("div", {
-				className: "space-y-4",
-				children: /* @__PURE__ */ g(x, {
-					className: "border-border-seam",
-					children: /* @__PURE__ */ g(S, {
-						className: "pt-4",
-						children: N.length === 0 ? /* @__PURE__ */ g(D, {
-							illustration: "empty-files",
-							title: "No invoices yet",
-							description: "Invoices you create or receive will appear here."
-						}) : /* @__PURE__ */ g("div", {
-							className: "overflow-x-auto",
-							children: /* @__PURE__ */ _("table", {
-								className: "w-full text-sm",
-								children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
-									className: "border-b border-border-seam text-left text-text-secondary",
-									children: [
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Invoice #"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Description"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Client"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 text-right font-medium",
-											children: "Amount"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Status"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 font-medium",
-											children: "Due Date"
-										}),
-										/* @__PURE__ */ g("th", {
-											className: "p-3 text-right font-medium",
-											children: "Actions"
-										})
-									]
-								}) }), /* @__PURE__ */ g("tbody", { children: N.map((e) => /* @__PURE__ */ _("tr", {
-									className: "border-b border-border-seam transition-colors hover:bg-bg-sunken/50",
-									children: [
-										/* @__PURE__ */ g("td", {
-											className: "p-3 font-medium",
-											children: e.number
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: e.description
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: e.clientName
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-right font-medium tabular-nums",
-											children: ["$", e.amount.toLocaleString()]
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3",
-											children: /* @__PURE__ */ g(y, {
-												variant: {
-													paid: "default",
-													pending: "secondary",
-													overdue: "destructive"
-												}[e.status] ?? "secondary",
-												children: e.status
-											})
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3 text-text-secondary",
-											children: e.dueDate
-										}),
-										/* @__PURE__ */ g("td", {
-											className: "p-3 text-right",
-											children: /* @__PURE__ */ _("div", {
-												className: "flex justify-end gap-1",
-												children: [/* @__PURE__ */ g(b, {
-													variant: "outline",
-													size: "sm",
-													"aria-label": "View invoice",
-													children: /* @__PURE__ */ g(u, { className: "h-3 w-3" })
-												}), /* @__PURE__ */ g(b, {
-													variant: "outline",
-													size: "sm",
-													"aria-label": "Download invoice",
-													children: /* @__PURE__ */ g(l, { className: "h-3 w-3" })
-												})]
-											})
-										})
-									]
-								}, e.id)) })]
-							})
-						})
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { j as PaymentsPage };
-
-//# sourceMappingURL=PaymentsPage.js.map

package/dist/proserviceworld/pages/PaymentsPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/PaymentsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  GlassCard,\n  IllustratedEmptyState,\n  AuroraBackground,\n  GradientText,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  DollarSign,\n  CreditCard,\n  Building2,\n  Wallet,\n  ArrowUpRight,\n  ArrowDownLeft,\n  RotateCcw,\n  Clock,\n  Search,\n  FileText,\n  Plus,\n  Shield,\n  Download,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\n\ntype PaymentTab = 'overview' | 'transactions' | 'methods' | 'invoices';\n\nexport function PaymentsPage() {\n  const { transactions, paymentMethods, invoices } = useProServiceWorldStore();\n  const [activeTab, setActiveTab] = useState<PaymentTab>('overview');\n  const [searchQuery, setSearchQuery] = useState('');\n  const [txnStatusFilter, setTxnStatusFilter] = useState<string>('all');\n\n  // Overview stats\n  const totalSpent = transactions\n    .filter((t) => t.type === 'outgoing' && t.status === 'completed')\n    .reduce((s, t) => s + t.amount, 0);\n  const totalPending = transactions\n    .filter((t) => t.status === 'pending')\n    .reduce((s, t) => s + t.amount, 0);\n  const totalFees = transactions\n    .filter((t) => t.status === 'completed')\n    .reduce((s, t) => s + t.fees, 0);\n  const totalRefunded = transactions\n    .filter((t) => t.type === 'refund' && t.status === 'completed')\n    .reduce((s, t) => s + t.amount, 0);\n\n  // Filter transactions\n  const filteredTxns = useMemo(() => {\n    let result = [...transactions];\n    if (txnStatusFilter !== 'all') {\n      result = result.filter((t) => t.status === txnStatusFilter);\n    }\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (t) =>\n          t.description.toLowerCase().includes(q) ||\n          t.counterparty.toLowerCase().includes(q) ||\n          (t.serviceName?.toLowerCase().includes(q) ?? false)\n      );\n    }\n    return result.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());\n  }, [transactions, txnStatusFilter, searchQuery]);\n\n  const txnTypeIcon = (type: string) => {\n    if (type === 'outgoing') return <ArrowUpRight className=\"h-4 w-4 text-status-error-text\" />;\n    if (type === 'refund') return <RotateCcw className=\"h-4 w-4 text-status-success-text\" />;\n    return <ArrowDownLeft className=\"h-4 w-4 text-accent-blue\" />;\n  };\n\n  const statusBadge = (status: string) => {\n    const variants: Record<string, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n      completed: 'default',\n      pending: 'secondary',\n      failed: 'destructive',\n      cancelled: 'outline',\n    };\n    return <Badge variant={variants[status] ?? 'secondary'}>{status}</Badge>;\n  };\n\n  const methodIcon = (type: string) => {\n    if (type === 'card') return <CreditCard className=\"h-5 w-5\" />;\n    if (type === 'bank') return <Building2 className=\"h-5 w-5\" />;\n    return <Wallet className=\"h-5 w-5\" />;\n  };\n\n  const tabs: { key: PaymentTab; label: string }[] = [\n    { key: 'overview', label: 'Overview' },\n    { key: 'transactions', label: 'Transactions' },\n    { key: 'methods', label: 'Payment Methods' },\n    { key: 'invoices', label: 'Invoices' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 bg-bg-canvas min-h-screen\">\n      {/* Hero header — the ONE aurora backdrop for this MFE */}\n      <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold tracking-tight\">\n              <GradientText>Payments</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">\n              Track transactions, manage payment methods, and view invoices.\n            </p>\n          </div>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" /> Make Payment\n          </Button>\n        </div>\n      </div>\n\n      <PagePurpose icon={<DollarSign className=\"h-4 w-4\" />}>\n        Your money, end to end. See what you have spent, what is pending, and what has been\n        refunded; search and reconcile individual transactions; manage the cards and bank accounts\n        you pay with; and download invoices for your records.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"proserviceworld-payments\"\n        steps={[\n          {\n            id: 'transactions',\n            label: 'Review your transactions',\n            description: 'Search and filter every payment, fee, and refund.',\n            icon: <Search className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('transactions'),\n          },\n          {\n            id: 'methods',\n            label: 'Manage payment methods',\n            description: 'Add or set a default card, bank, or wallet.',\n            icon: <CreditCard className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('methods'),\n            done: paymentMethods.length > 0,\n          },\n          {\n            id: 'invoices',\n            label: 'Check your invoices',\n            description: 'View and download invoices you create or receive.',\n            icon: <FileText className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('invoices'),\n          },\n        ]}\n      />\n\n      {/* Tabs */}\n      <div className=\"flex flex-wrap gap-1 border-b border-border-seam\">\n        {tabs.map(({ key, label }) => (\n          <button\n            key={key}\n            onClick={() => setActiveTab(key)}\n            aria-pressed={activeTab === key}\n            className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n              activeTab === key\n                ? 'border-action-primary-bg text-text-primary'\n                : 'border-transparent text-text-secondary hover:text-text-primary'\n            }`}\n          >\n            {label}\n          </button>\n        ))}\n      </div>\n\n      {/* Overview Tab */}\n      {activeTab === 'overview' && (\n        <div className=\"space-y-6\">\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-error-bg-subtle p-2\">\n                  <ArrowUpRight className=\"h-5 w-5 text-status-error-text\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">${totalSpent.toLocaleString()}</p>\n                  <p className=\"text-xs text-text-secondary\">Total Spent</p>\n                </div>\n              </div>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-warning-bg-subtle p-2\">\n                  <Clock className=\"h-5 w-5 text-status-warning-text\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">${totalPending.toLocaleString()}</p>\n                  <p className=\"text-xs text-text-secondary\">Pending</p>\n                </div>\n              </div>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-info-bg-subtle p-2\">\n                  <DollarSign className=\"h-5 w-5 text-accent-blue\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">${totalFees.toLocaleString()}</p>\n                  <p className=\"text-xs text-text-secondary\">Total Fees</p>\n                </div>\n              </div>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n              <div className=\"flex items-center gap-3\">\n                <div className=\"rounded-lg bg-status-success-bg-subtle p-2\">\n                  <RotateCcw className=\"h-5 w-5 text-status-success-text\" />\n                </div>\n                <div>\n                  <p className=\"text-2xl font-bold tabular-nums\">\n                    ${totalRefunded.toLocaleString()}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">Refunded</p>\n                </div>\n              </div>\n            </GlassCard>\n          </div>\n\n          {/* Recent transactions preview */}\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Recent Transactions</CardTitle>\n                <Button variant=\"outline\" size=\"sm\" onClick={() => setActiveTab('transactions')}>\n                  View All\n                </Button>\n              </div>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-3\">\n                {transactions.slice(0, 5).map((txn) => (\n                  <div\n                    key={txn.id}\n                    className=\"flex items-center justify-between rounded-lg border border-border-seam p-3 transition-shadow hover:shadow-pop\"\n                  >\n                    <div className=\"flex items-center gap-3\">\n                      {txnTypeIcon(txn.type)}\n                      <div>\n                        <p className=\"text-sm font-medium\">{txn.description}</p>\n                        <p className=\"text-xs text-text-secondary\">\n                          {txn.counterparty} - {txn.createdAt}\n                        </p>\n                      </div>\n                    </div>\n                    <div className=\"text-right\">\n                      <p\n                        className={`text-sm font-bold tabular-nums ${txn.type === 'refund' ? 'text-status-success-text' : ''}`}\n                      >\n                        {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n                      </p>\n                      {statusBadge(txn.status)}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Transactions Tab */}\n      {activeTab === 'transactions' && (\n        <div className=\"space-y-4\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <Input\n                placeholder=\"Search transactions...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"pl-10\"\n              />\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              {['all', 'completed', 'pending', 'failed'].map((status) => (\n                <Button\n                  key={status}\n                  variant={txnStatusFilter === status ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setTxnStatusFilter(status)}\n                >\n                  {status === 'all' ? 'All' : status.charAt(0).toUpperCase() + status.slice(1)}\n                </Button>\n              ))}\n            </div>\n          </div>\n\n          <Card className=\"border-border-seam\">\n            <CardContent className=\"pt-4\">\n              {filteredTxns.length === 0 ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-search\"\n                  title=\"No transactions found\"\n                  description=\"No transactions match your current filters.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                        <th className=\"p-3 font-medium\">Type</th>\n                        <th className=\"p-3 font-medium\">Description</th>\n                        <th className=\"p-3 font-medium\">Counterparty</th>\n                        <th className=\"p-3 font-medium\">Method</th>\n                        <th className=\"p-3 text-right font-medium\">Amount</th>\n                        <th className=\"p-3 text-right font-medium\">Fees</th>\n                        <th className=\"p-3 text-right font-medium\">Net</th>\n                        <th className=\"p-3 font-medium\">Status</th>\n                        <th className=\"p-3 font-medium\">Date</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {filteredTxns.map((txn) => (\n                        <tr\n                          key={txn.id}\n                          className=\"border-b border-border-seam transition-colors hover:bg-bg-sunken/50\"\n                        >\n                          <td className=\"p-3\">{txnTypeIcon(txn.type)}</td>\n                          <td className=\"p-3 font-medium\">{txn.description}</td>\n                          <td className=\"p-3\">{txn.counterparty}</td>\n                          <td className=\"p-3\">\n                            <Badge variant=\"outline\">{txn.method.replace('_', ' ')}</Badge>\n                          </td>\n                          <td\n                            className={`p-3 text-right font-medium tabular-nums ${txn.type === 'refund' ? 'text-status-success-text' : ''}`}\n                          >\n                            {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n                          </td>\n                          <td className=\"p-3 text-right text-text-secondary tabular-nums\">\n                            ${txn.fees}\n                          </td>\n                          <td className=\"p-3 text-right tabular-nums\">\n                            ${txn.netAmount.toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">{statusBadge(txn.status)}</td>\n                          <td className=\"p-3 text-text-secondary\">{txn.createdAt}</td>\n                        </tr>\n                      ))}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Payment Methods Tab */}\n      {activeTab === 'methods' && (\n        <div className=\"space-y-4\">\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {paymentMethods.map((method) => (\n              <GlassCard\n                key={method.id}\n                treatment=\"glass\"\n                glow={method.isDefault}\n                className={`border-border-seam ${method.isDefault ? '' : ''}`}\n              >\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"rounded-lg border border-border-seam p-2 text-text-primary\">\n                      {methodIcon(method.type)}\n                    </div>\n                    <div>\n                      <p className=\"font-medium\">{method.name}</p>\n                      <p className=\"text-sm text-text-secondary\">{method.details}</p>\n                    </div>\n                  </div>\n                  {method.isDefault && <Badge>Default</Badge>}\n                </div>\n\n                <div className=\"mt-4 flex items-center gap-4 text-sm\">\n                  {method.isVerified ? (\n                    <span className=\"flex items-center gap-1 text-status-success-text\">\n                      <Shield className=\"h-4 w-4\" /> Verified\n                    </span>\n                  ) : (\n                    <span className=\"flex items-center gap-1 text-status-warning-text\">\n                      <Clock className=\"h-4 w-4\" /> Unverified\n                    </span>\n                  )}\n                  {method.lastUsed && (\n                    <span className=\"text-text-secondary\">Last used: {method.lastUsed}</span>\n                  )}\n                </div>\n\n                <div className=\"mt-4 flex gap-2\">\n                  {!method.isDefault && (\n                    <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                      Set Default\n                    </Button>\n                  )}\n                  <Button variant=\"outline\" size=\"sm\" className=\"flex-1\">\n                    Remove\n                  </Button>\n                </div>\n              </GlassCard>\n            ))}\n\n            {/* Add new method card */}\n            <Card className=\"flex items-center justify-center border-dashed border-border-seam transition-shadow hover:shadow-pop\">\n              <CardContent className=\"py-8 text-center\">\n                <Plus className=\"mx-auto h-8 w-8 text-text-secondary\" />\n                <p className=\"mt-2 text-sm font-medium\">Add Payment Method</p>\n                <p className=\"text-xs text-text-secondary\">Add a new card, bank, or PayPal</p>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n      )}\n\n      {/* Invoices Tab */}\n      {activeTab === 'invoices' && (\n        <div className=\"space-y-4\">\n          <Card className=\"border-border-seam\">\n            <CardContent className=\"pt-4\">\n              {invoices.length === 0 ? (\n                <IllustratedEmptyState\n                  illustration=\"empty-files\"\n                  title=\"No invoices yet\"\n                  description=\"Invoices you create or receive will appear here.\"\n                />\n              ) : (\n                <div className=\"overflow-x-auto\">\n                  <table className=\"w-full text-sm\">\n                    <thead>\n                      <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                        <th className=\"p-3 font-medium\">Invoice #</th>\n                        <th className=\"p-3 font-medium\">Description</th>\n                        <th className=\"p-3 font-medium\">Client</th>\n                        <th className=\"p-3 text-right font-medium\">Amount</th>\n                        <th className=\"p-3 font-medium\">Status</th>\n                        <th className=\"p-3 font-medium\">Due Date</th>\n                        <th className=\"p-3 text-right font-medium\">Actions</th>\n                      </tr>\n                    </thead>\n                    <tbody>\n                      {invoices.map((inv) => {\n                        const invoiceStatusVariant: Record<\n                          string,\n                          'default' | 'secondary' | 'destructive'\n                        > = {\n                          paid: 'default',\n                          pending: 'secondary',\n                          overdue: 'destructive',\n                        };\n                        return (\n                          <tr\n                            key={inv.id}\n                            className=\"border-b border-border-seam transition-colors hover:bg-bg-sunken/50\"\n                          >\n                            <td className=\"p-3 font-medium\">{inv.number}</td>\n                            <td className=\"p-3\">{inv.description}</td>\n                            <td className=\"p-3\">{inv.clientName}</td>\n                            <td className=\"p-3 text-right font-medium tabular-nums\">\n                              ${inv.amount.toLocaleString()}\n                            </td>\n                            <td className=\"p-3\">\n                              <Badge variant={invoiceStatusVariant[inv.status] ?? 'secondary'}>\n                                {inv.status}\n                              </Badge>\n                            </td>\n                            <td className=\"p-3 text-text-secondary\">{inv.dueDate}</td>\n                            <td className=\"p-3 text-right\">\n                              <div className=\"flex justify-end gap-1\">\n                                <Button variant=\"outline\" size=\"sm\" aria-label=\"View invoice\">\n                                  <FileText className=\"h-3 w-3\" />\n                                </Button>\n                                <Button variant=\"outline\" size=\"sm\" aria-label=\"Download invoice\">\n                                  <Download className=\"h-3 w-3\" />\n                                </Button>\n                              </div>\n                            </td>\n                          </tr>\n                        );\n                      })}\n                    </tbody>\n                  </table>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}