npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.509.101 - Mend

@burdenoff/microfe-proserviceworld 2026.509.101

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 (106) hide show

package/dist/proserviceworld/pages/PaymentsPage.js ADDED Viewed

@@ -0,0 +1,479 @@
+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 { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, Input as w } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/PaymentsPage.tsx
+function T() {
+	let { transactions: T, paymentMethods: E, invoices: D } = e(), [O, k] = n("overview"), [A, j] = n(""), [M, N] = n("all"), P = T.filter((e) => e.type === "outgoing" && e.status === "completed").reduce((e, t) => e + t.amount, 0), F = T.filter((e) => e.status === "pending").reduce((e, t) => e + t.amount, 0), I = T.filter((e) => e.status === "completed").reduce((e, t) => e + t.fees, 0), L = T.filter((e) => e.type === "refund" && e.status === "completed").reduce((e, t) => e + t.amount, 0), R = t(() => {
+		let e = [...T];
+		if (M !== "all" && (e = e.filter((e) => e.status === M)), A.trim()) {
+			let t = A.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());
+	}, [
+		T,
+		M,
+		A
+	]), z = (e) => e === "outgoing" ? /* @__PURE__ */ g(i, { className: "h-4 w-4 text-red-500" }) : e === "refund" ? /* @__PURE__ */ g(f, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ g(r, { className: "h-4 w-4 text-blue-500" }), B = (e) => /* @__PURE__ */ g(v, {
+		variant: {
+			completed: "default",
+			pending: "secondary",
+			failed: "destructive",
+			cancelled: "outline"
+		}[e] ?? "secondary",
+		children: e
+	}), V = (e) => g(e === "card" ? s : e === "bank" ? a : h, { className: "h-5 w-5" });
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__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",
+					children: "Payments"
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Track transactions, manage payment methods, and view invoices."
+				})] }), /* @__PURE__ */ _(y, {
+					size: "sm",
+					children: [/* @__PURE__ */ g(d, { className: "mr-2 h-4 w-4" }), " Make Payment"]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex gap-1 border-b",
+				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: () => k(e),
+					className: `border-b-2 px-4 py-2 text-sm font-medium transition-colors ${O === e ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+					children: t
+				}, e))
+			}),
+			O === "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(b, { children: /* @__PURE__ */ g(x, {
+							className: "pt-4",
+							children: /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "rounded-lg bg-red-100 p-2 dark:bg-red-950",
+									children: /* @__PURE__ */ g(i, { className: "h-5 w-5 text-red-600" })
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+									className: "text-2xl font-bold",
+									children: ["$", P.toLocaleString()]
+								}), /* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Total Spent"
+								})] })]
+							})
+						}) }),
+						/* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+							className: "pt-4",
+							children: /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950",
+									children: /* @__PURE__ */ g(o, { className: "h-5 w-5 text-yellow-600" })
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+									className: "text-2xl font-bold",
+									children: ["$", F.toLocaleString()]
+								}), /* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Pending"
+								})] })]
+							})
+						}) }),
+						/* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+							className: "pt-4",
+							children: /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "rounded-lg bg-blue-100 p-2 dark:bg-blue-950",
+									children: /* @__PURE__ */ g(c, { className: "h-5 w-5 text-blue-600" })
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+									className: "text-2xl font-bold",
+									children: ["$", I.toLocaleString()]
+								}), /* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Total Fees"
+								})] })]
+							})
+						}) }),
+						/* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+							className: "pt-4",
+							children: /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ g("div", {
+									className: "rounded-lg bg-green-100 p-2 dark:bg-green-950",
+									children: /* @__PURE__ */ g(f, { className: "h-5 w-5 text-green-600" })
+								}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+									className: "text-2xl font-bold",
+									children: ["$", L.toLocaleString()]
+								}), /* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Refunded"
+								})] })]
+							})
+						}) })
+					]
+				}), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ g(C, {
+						className: "text-base",
+						children: "Recent Transactions"
+					}), /* @__PURE__ */ g(y, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => k("transactions"),
+						children: "View All"
+					})]
+				}) }), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+					className: "space-y-3",
+					children: T.slice(0, 5).map((e) => /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-between rounded-lg border p-3",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-3",
+							children: [z(e.type), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+								className: "text-sm font-medium",
+								children: e.description
+							}), /* @__PURE__ */ _("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.counterparty,
+									" - ",
+									e.createdAt
+								]
+							})] })]
+						}), /* @__PURE__ */ _("div", {
+							className: "text-right",
+							children: [/* @__PURE__ */ _("p", {
+								className: `text-sm font-bold ${e.type === "refund" ? "text-green-600" : ""}`,
+								children: [
+									e.type === "refund" ? "+" : "-",
+									"$",
+									e.amount.toLocaleString()
+								]
+							}), B(e.status)]
+						})]
+					}, e.id))
+				}) })] })]
+			}),
+			O === "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-muted-foreground" }), /* @__PURE__ */ g(w, {
+							placeholder: "Search transactions...",
+							value: A,
+							onChange: (e) => j(e.target.value),
+							className: "pl-10"
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "flex gap-2",
+						children: [
+							"all",
+							"completed",
+							"pending",
+							"failed"
+						].map((e) => /* @__PURE__ */ g(y, {
+							variant: M === e ? "default" : "outline",
+							size: "sm",
+							onClick: () => N(e),
+							children: e === "all" ? "All" : e.charAt(0).toUpperCase() + e.slice(1)
+						}, e))
+					})]
+				}), /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+					className: "pt-4",
+					children: /* @__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 text-left text-muted-foreground",
+								children: [
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Type"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Description"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Counterparty"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Method"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3 text-right",
+										children: "Amount"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3 text-right",
+										children: "Fees"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3 text-right",
+										children: "Net"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Status"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Date"
+									})
+								]
+							}) }), /* @__PURE__ */ g("tbody", { children: R.map((e) => /* @__PURE__ */ _("tr", {
+								className: "border-b hover:bg-muted/50",
+								children: [
+									/* @__PURE__ */ g("td", {
+										className: "p-3",
+										children: z(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(v, {
+											variant: "outline",
+											children: e.method.replace("_", " ")
+										})
+									}),
+									/* @__PURE__ */ _("td", {
+										className: `p-3 text-right font-medium ${e.type === "refund" ? "text-green-600" : ""}`,
+										children: [
+											e.type === "refund" ? "+" : "-",
+											"$",
+											e.amount.toLocaleString()
+										]
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-right text-muted-foreground",
+										children: ["$", e.fees]
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-right",
+										children: ["$", e.netAmount.toLocaleString()]
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "p-3",
+										children: B(e.status)
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "p-3 text-muted-foreground",
+										children: e.createdAt
+									})
+								]
+							}, e.id)) })]
+						})
+					})
+				}) })]
+			}),
+			O === "methods" && /* @__PURE__ */ g("div", {
+				className: "space-y-4",
+				children: /* @__PURE__ */ _("div", {
+					className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: [E.map((e) => /* @__PURE__ */ g(b, {
+						className: e.isDefault ? "border-primary" : "",
+						children: /* @__PURE__ */ _(x, {
+							className: "pt-6",
+							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 p-2",
+											children: V(e.type)
+										}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+											className: "font-medium",
+											children: e.name
+										}), /* @__PURE__ */ g("p", {
+											className: "text-sm text-muted-foreground",
+											children: e.details
+										})] })]
+									}), e.isDefault && /* @__PURE__ */ g(v, { 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-green-600",
+										children: [/* @__PURE__ */ g(m, { className: "h-4 w-4" }), " Verified"]
+									}) : /* @__PURE__ */ _("span", {
+										className: "flex items-center gap-1 text-yellow-600",
+										children: [/* @__PURE__ */ g(o, { className: "h-4 w-4" }), " Unverified"]
+									}), e.lastUsed && /* @__PURE__ */ _("span", {
+										className: "text-muted-foreground",
+										children: ["Last used: ", e.lastUsed]
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "mt-4 flex gap-2",
+									children: [!e.isDefault && /* @__PURE__ */ g(y, {
+										variant: "outline",
+										size: "sm",
+										className: "flex-1",
+										children: "Set Default"
+									}), /* @__PURE__ */ g(y, {
+										variant: "outline",
+										size: "sm",
+										className: "flex-1",
+										children: "Remove"
+									})]
+								})
+							]
+						})
+					}, e.id)), /* @__PURE__ */ g(b, {
+						className: "flex items-center justify-center border-dashed",
+						children: /* @__PURE__ */ _(x, {
+							className: "py-8 text-center",
+							children: [
+								/* @__PURE__ */ g(d, { className: "mx-auto h-8 w-8 text-muted-foreground" }),
+								/* @__PURE__ */ g("p", {
+									className: "mt-2 text-sm font-medium",
+									children: "Add Payment Method"
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Add a new card, bank, or PayPal"
+								})
+							]
+						})
+					})]
+				})
+			}),
+			O === "invoices" && /* @__PURE__ */ g("div", {
+				className: "space-y-4",
+				children: /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+					className: "pt-4",
+					children: /* @__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 text-left text-muted-foreground",
+								children: [
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Invoice #"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Description"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Client"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3 text-right",
+										children: "Amount"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Status"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3",
+										children: "Due Date"
+									}),
+									/* @__PURE__ */ g("th", {
+										className: "p-3 text-right",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ g("tbody", { children: D.map((e) => /* @__PURE__ */ _("tr", {
+								className: "border-b hover:bg-muted/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",
+										children: ["$", e.amount.toLocaleString()]
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ g(v, {
+											variant: {
+												paid: "default",
+												pending: "secondary",
+												overdue: "destructive"
+											}[e.status] ?? "secondary",
+											children: e.status
+										})
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "p-3 text-muted-foreground",
+										children: e.dueDate
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "p-3 text-right",
+										children: /* @__PURE__ */ _("div", {
+											className: "flex justify-end gap-1",
+											children: [/* @__PURE__ */ g(y, {
+												variant: "outline",
+												size: "sm",
+												children: /* @__PURE__ */ g(u, { className: "h-3 w-3" })
+											}), /* @__PURE__ */ g(y, {
+												variant: "outline",
+												size: "sm",
+												children: /* @__PURE__ */ g(l, { className: "h-3 w-3" })
+											})]
+										})
+									})
+								]
+							}, e.id)) })]
+						})
+					})
+				}) })
+			})
+		]
+	});
+}
+//#endregion
+export { T as PaymentsPage };
+//# sourceMappingURL=PaymentsPage.js.map

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

@@ -0,0 +1 @@

+ {"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} from '@burdenoff/fe-libs/ui';\nimport {\n DollarSign,\n CreditCard,\n Building2,\n Wallet,\n ArrowUpRight,\n ArrowDownLeft,\n RotateCcw,\n CheckCircle2,\n Clock,\n XCircle,\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-red-500\" />;\n if (type === 'refund') return <RotateCcw className=\"h-4 w-4 text-green-500\" />;\n return <ArrowDownLeft className=\"h-4 w-4 text-blue-500\" />;\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\">\n {/* Header */}\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\">Payments</h1>\n <p className=\"text-sm text-muted-foreground\">\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\n {/* Tabs */}\n <div className=\"flex gap-1 border-b\">\n {tabs.map(({ key, label }) => (\n <button\n key={key}\n onClick={() => setActiveTab(key)}\n className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors ${\n activeTab === key\n ? 'border-primary text-primary'\n : 'border-transparent text-muted-foreground hover:text-foreground'\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 <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-red-100 p-2 dark:bg-red-950\">\n <ArrowUpRight className=\"h-5 w-5 text-red-600\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold\">${totalSpent.toLocaleString()}</p>\n <p className=\"text-xs text-muted-foreground\">Total Spent</p>\n </div>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950\">\n <Clock className=\"h-5 w-5 text-yellow-600\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold\">${totalPending.toLocaleString()}</p>\n <p className=\"text-xs text-muted-foreground\">Pending</p>\n </div>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-blue-100 p-2 dark:bg-blue-950\">\n <DollarSign className=\"h-5 w-5 text-blue-600\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold\">${totalFees.toLocaleString()}</p>\n <p className=\"text-xs text-muted-foreground\">Total Fees</p>\n </div>\n </div>\n </CardContent>\n </Card>\n <Card>\n <CardContent className=\"pt-4\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-green-100 p-2 dark:bg-green-950\">\n <RotateCcw className=\"h-5 w-5 text-green-600\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold\">${totalRefunded.toLocaleString()}</p>\n <p className=\"text-xs text-muted-foreground\">Refunded</p>\n </div>\n </div>\n </CardContent>\n </Card>\n </div>\n\n {/* Recent transactions preview */}\n <Card>\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 p-3\"\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-muted-foreground\">\n {txn.counterparty} - {txn.createdAt}\n </p>\n </div>\n </div>\n <div className=\"text-right\">\n <p\n className={`text-sm font-bold ${txn.type === 'refund' ? 'text-green-600' : ''}`}\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-muted-foreground\" />\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 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>\n <CardContent className=\"pt-4\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b text-left text-muted-foreground\">\n <th className=\"p-3\">Type</th>\n <th className=\"p-3\">Description</th>\n <th className=\"p-3\">Counterparty</th>\n <th className=\"p-3\">Method</th>\n <th className=\"p-3 text-right\">Amount</th>\n <th className=\"p-3 text-right\">Fees</th>\n <th className=\"p-3 text-right\">Net</th>\n <th className=\"p-3\">Status</th>\n <th className=\"p-3\">Date</th>\n </tr>\n </thead>\n <tbody>\n {filteredTxns.map((txn) => (\n <tr key={txn.id} className=\"border-b hover:bg-muted/50\">\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 ${txn.type === 'refund' ? 'text-green-600' : ''}`}\n >\n {txn.type === 'refund' ? '+' : '-'}${txn.amount.toLocaleString()}\n </td>\n <td className=\"p-3 text-right text-muted-foreground\">${txn.fees}</td>\n <td className=\"p-3 text-right\">${txn.netAmount.toLocaleString()}</td>\n <td className=\"p-3\">{statusBadge(txn.status)}</td>\n <td className=\"p-3 text-muted-foreground\">{txn.createdAt}</td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\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 <Card key={method.id} className={method.isDefault ? 'border-primary' : ''}>\n <CardContent className=\"pt-6\">\n <div className=\"flex items-start justify-between\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg border p-2\">{methodIcon(method.type)}</div>\n <div>\n <p className=\"font-medium\">{method.name}</p>\n <p className=\"text-sm text-muted-foreground\">{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-green-600\">\n <Shield className=\"h-4 w-4\" /> Verified\n </span>\n ) : (\n <span className=\"flex items-center gap-1 text-yellow-600\">\n <Clock className=\"h-4 w-4\" /> Unverified\n </span>\n )}\n {method.lastUsed && (\n <span className=\"text-muted-foreground\">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 </CardContent>\n </Card>\n ))}\n\n {/* Add new method card */}\n <Card className=\"flex items-center justify-center border-dashed\">\n <CardContent className=\"py-8 text-center\">\n <Plus className=\"mx-auto h-8 w-8 text-muted-foreground\" />\n <p className=\"mt-2 text-sm font-medium\">Add Payment Method</p>\n <p className=\"text-xs text-muted-foreground\">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>\n <CardContent className=\"pt-4\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full text-sm\">\n <thead>\n <tr className=\"border-b text-left text-muted-foreground\">\n <th className=\"p-3\">Invoice #</th>\n <th className=\"p-3\">Description</th>\n <th className=\"p-3\">Client</th>\n <th className=\"p-3 text-right\">Amount</th>\n <th className=\"p-3\">Status</th>\n <th className=\"p-3\">Due Date</th>\n <th className=\"p-3 text-right\">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 key={inv.id} className=\"border-b hover:bg-muted/50\">\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\">\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-muted-foreground\">{inv.dueDate}</td>\n <td className=\"p-3 text-right\">\n <div className=\"flex justify-end gap-1\">\n <Button variant=\"outline\" size=\"sm\">\n <FileText className=\"h-3 w-3\" />\n </Button>\n <Button variant=\"outline\" size=\"sm\">\n <Download className=\"h-3 w-3\" />\n </Button>\n </div>\n </td>\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n </CardContent>\n </Card>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/ProjectsPage.d.ts ADDED Viewed

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

package/dist/proserviceworld/pages/ProjectsPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ProjectsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/ProjectsPage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,YAAY,4CA4c3B"}