@burdenoff/microfe-proserviceworld 2026.1026.2 → 2026.1028.1

package/dist/proserviceworld/pages/InvoicesPage.js

@@ -1,9 +1,9 @@
-import { useCancelInvoice as e, useClients as t, useCreateInvoice as n, useEngagements as r, useInvoice as i, useInvoices as a, useMarkInvoicePaid as o } from "../hooks/useProServiceWorldApi.js";
-import { cn as s } from "../utils/cn.js";
-import { Banner as c, Empty as l, ErrorState as u, Field as d, LoadingBlock as f, MetricCard as p, Modal as m, NativeSelect as h, PageHeader as g, SectionCard as _, StatusPill as v, TableWrap as y, Td as b, TextArea as x, TextInput as S, Th as C, enumOptions as w, fmtDate as T, fmtMoney as E } from "../components/ui.js";
-import { useAnalytics as D } from "../hooks/useAnalytics.js";
-import { useDeferredValue as O, useMemo as k, useState as A } from "react";
-import { AlertCircle as ee, CheckCircle2 as te, Eye as ne, Plus as j, Receipt as M, Search as N, Wallet as P, XCircle as F } from "lucide-react";
+import { useCancelInvoice as e, useClients as t, useCreateInvoice as n, useEngagements as r, useInvoice as i, useInvoices as a, useMarkInvoicePaid as o, useSendInvoice as s } from "../hooks/useProServiceWorldApi.js";
+import { cn as c } from "../utils/cn.js";
+import { Banner as l, Empty as u, ErrorState as d, Field as f, LoadingBlock as p, MetricCard as m, Modal as h, NativeSelect as g, PageHeader as _, SectionCard as v, StatusPill as y, TableWrap as b, Td as x, TextArea as S, TextInput as C, Th as w, enumOptions as T, fmtDate as E, fmtMoney as D } from "../components/ui.js";
+import { useAnalytics as O } from "../hooks/useAnalytics.js";
+import { useDeferredValue as ee, useMemo as te, useState as k } from "react";
+import { AlertCircle as ne, CheckCircle2 as re, Eye as ie, Plus as A, Receipt as j, Search as M, Send as N, Wallet as P, XCircle as F } from "lucide-react";
 import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
 import { Button as z } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/InvoicesPage.tsx
@@ -14,45 +14,45 @@ var B = [
 	"OVERDUE",
 	"CANCELLED"
 ], V = () => {
-	let [n, r] = A(""), [i, d] = A(""), m = O(i), [x, I] = A(!1), [V, U] = A(null), [W, G] = A(null), { data: K, isLoading: ie, error: q, refetch: ae } = a({
+	let [n, r] = k(""), [i, f] = k(""), h = ee(i), [S, I] = k(!1), [V, H] = k(null), [U, W] = k(null), { data: G, isLoading: se, error: K, refetch: ce } = a({
 		status: n || void 0,
-		search: m.trim() || void 0
-	}), { emitFact: oe } = D(), J = o(), Y = e(), X = t({ pagination: { limit: 100 } }), Z = k(() => new Map((X.data?.items ?? []).map((e) => [e.id, e.name])), [X.data]), Q = (K?.items ?? []).filter((e) => e.status === "SENT" || e.status === "OVERDUE"), $ = (K?.items ?? []).filter((e) => e.status === "PAID"), se = Q.reduce((e, t) => e + t.total, 0), ce = $.reduce((e, t) => e + t.total, 0);
+		search: h.trim() || void 0
+	}), { emitFact: le } = O(), q = s(), J = o(), Y = e(), X = t({ pagination: { limit: 100 } }), Z = te(() => new Map((X.data?.items ?? []).map((e) => [e.id, e.name])), [X.data]), Q = (G?.items ?? []).filter((e) => e.status === "SENT" || e.status === "OVERDUE"), $ = (G?.items ?? []).filter((e) => e.status === "PAID"), ue = Q.reduce((e, t) => e + t.total, 0), de = $.reduce((e, t) => e + t.total, 0);
 	return /* @__PURE__ */ R("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ L(g, {
+			/* @__PURE__ */ L(_, {
 				title: "Invoices",
 				subtitle: "Assemble invoices from time, milestones and fixed-fee schedules — and track what's outstanding.",
-				icon: /* @__PURE__ */ L(M, { className: "h-6 w-6" }),
+				icon: /* @__PURE__ */ L(j, { className: "h-6 w-6" }),
 				actions: /* @__PURE__ */ R(z, {
 					onClick: () => I(!0),
-					children: [/* @__PURE__ */ L(j, { className: "mr-1.5 h-4 w-4" }), "New invoice"]
+					children: [/* @__PURE__ */ L(A, { className: "mr-1.5 h-4 w-4" }), "New invoice"]
 				})
 			}),
-			W && /* @__PURE__ */ L(c, {
-				tone: W.tone,
-				onClose: () => G(null),
-				children: W.text
+			U && /* @__PURE__ */ L(l, {
+				tone: U.tone,
+				onClose: () => W(null),
+				children: U.text
 			}),
 			/* @__PURE__ */ R("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ L(p, {
+					/* @__PURE__ */ L(m, {
 						label: "Invoices",
-						value: K?.totalCount ?? 0,
-						icon: /* @__PURE__ */ L(M, { className: "h-4 w-4" })
+						value: G?.totalCount ?? 0,
+						icon: /* @__PURE__ */ L(j, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ L(p, {
+					/* @__PURE__ */ L(m, {
 						label: "Outstanding",
-						value: E(se),
+						value: D(ue),
 						hint: `${Q.length} sent + overdue`,
-						icon: /* @__PURE__ */ L(ee, { className: "h-4 w-4" }),
+						icon: /* @__PURE__ */ L(ne, { className: "h-4 w-4" }),
 						tone: "warning"
 					}),
-					/* @__PURE__ */ L(p, {
+					/* @__PURE__ */ L(m, {
 						label: "Collected",
-						value: E(ce),
+						value: D(de),
 						hint: `${$.length} paid`,
 						icon: /* @__PURE__ */ L(P, { className: "h-4 w-4" }),
 						tone: "success"
@@ -63,72 +63,72 @@ var B = [
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
 				children: [/* @__PURE__ */ R("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ L(N, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ L(S, {
+					children: [/* @__PURE__ */ L(M, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ L(C, {
 						placeholder: "Search invoices…",
 						value: i,
-						onChange: (e) => d(e.target.value),
+						onChange: (e) => f(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && i.trim() && oe("psw.search.performed", {
+							e.key === "Enter" && i.trim() && le("psw.search.performed", {
 								entityType: "invoice",
 								queryLength: i.trim().length
 							});
 						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ R(h, {
+				}), /* @__PURE__ */ R(g, {
 					value: n,
 					onChange: (e) => r(e.target.value),
 					className: "sm:w-48",
 					children: [/* @__PURE__ */ L("option", {
 						value: "",
 						children: "All statuses"
-					}), w(B)]
+					}), T(B)]
 				})]
 			}),
-			ie ? /* @__PURE__ */ L(f, {}) : q ? /* @__PURE__ */ L(u, {
-				error: q,
-				onRetry: () => void ae()
-			}) : !K || K.items.length === 0 ? /* @__PURE__ */ L(l, {
+			se ? /* @__PURE__ */ L(p, {}) : K ? /* @__PURE__ */ L(d, {
+				error: K,
+				onRetry: () => void ce()
+			}) : !G || G.items.length === 0 ? /* @__PURE__ */ L(u, {
 				title: "No invoices yet",
 				description: "Raise an invoice for a client to start tracking receivables.",
-				icon: /* @__PURE__ */ L(M, { className: "h-8 w-8" }),
+				icon: /* @__PURE__ */ L(j, { className: "h-8 w-8" }),
 				action: /* @__PURE__ */ R(z, {
 					onClick: () => I(!0),
-					children: [/* @__PURE__ */ L(j, { className: "mr-1.5 h-4 w-4" }), "New invoice"]
+					children: [/* @__PURE__ */ L(A, { className: "mr-1.5 h-4 w-4" }), "New invoice"]
 				})
-			}) : /* @__PURE__ */ L(_, {
+			}) : /* @__PURE__ */ L(v, {
 				title: "Invoices",
-				children: /* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
-					/* @__PURE__ */ L(C, { children: "Number" }),
-					/* @__PURE__ */ L(C, { children: "Client" }),
-					/* @__PURE__ */ L(C, { children: "Total" }),
-					/* @__PURE__ */ L(C, { children: "Status" }),
-					/* @__PURE__ */ L(C, { children: "Due" }),
-					/* @__PURE__ */ L(C, {
+				children: /* @__PURE__ */ R(b, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
+					/* @__PURE__ */ L(w, { children: "Number" }),
+					/* @__PURE__ */ L(w, { children: "Client" }),
+					/* @__PURE__ */ L(w, { children: "Total" }),
+					/* @__PURE__ */ L(w, { children: "Status" }),
+					/* @__PURE__ */ L(w, { children: "Due" }),
+					/* @__PURE__ */ L(w, {
 						className: "text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ L("tbody", { children: K.items.map((e) => /* @__PURE__ */ R("tr", {
+				] }) }), /* @__PURE__ */ L("tbody", { children: G.items.map((e) => /* @__PURE__ */ R("tr", {
 					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ L(b, { children: /* @__PURE__ */ L("span", {
+						/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L("span", {
 							className: "font-medium text-text-primary",
 							children: e.number
 						}) }),
-						/* @__PURE__ */ L(b, {
+						/* @__PURE__ */ L(x, {
 							className: "text-text-primary",
 							children: Z.get(e.clientId) ?? "—"
 						}),
-						/* @__PURE__ */ L(b, {
+						/* @__PURE__ */ L(x, {
 							className: "whitespace-nowrap font-semibold text-text-primary",
-							children: E(e.total, e.currency)
+							children: D(e.total, e.currency)
 						}),
-						/* @__PURE__ */ L(b, { children: /* @__PURE__ */ L(v, { status: e.status }) }),
-						/* @__PURE__ */ L(b, {
-							className: s("whitespace-nowrap", e.status === "OVERDUE" && "font-medium text-status-error-text"),
-							children: T(e.dueDate)
+						/* @__PURE__ */ L(x, { children: /* @__PURE__ */ L(y, { status: e.status }) }),
+						/* @__PURE__ */ L(x, {
+							className: c("whitespace-nowrap", e.status === "OVERDUE" && "font-medium text-status-error-text"),
+							children: E(e.dueDate)
 						}),
-						/* @__PURE__ */ L(b, {
+						/* @__PURE__ */ L(x, {
 							className: "text-right",
 							children: /* @__PURE__ */ R("div", {
 								className: "flex items-center justify-end gap-1",
@@ -136,35 +136,51 @@ var B = [
 									/* @__PURE__ */ R(z, {
 										variant: "ghost",
 										size: "sm",
-										onClick: () => U(e.id),
-										children: [/* @__PURE__ */ L(ne, { className: "mr-1 h-4 w-4" }), "View"]
+										onClick: () => H(e.id),
+										children: [/* @__PURE__ */ L(ie, { className: "mr-1 h-4 w-4" }), "View"]
 									}),
-									e.status !== "PAID" && e.status !== "CANCELLED" && /* @__PURE__ */ R(z, {
+									e.status === "DRAFT" && /* @__PURE__ */ R(z, {
+										variant: "ghost",
+										size: "sm",
+										disabled: q.isPending,
+										onClick: () => q.mutate(e.id, {
+											onSuccess: () => W({
+												tone: "success",
+												text: `${e.number} sent.`
+											}),
+											onError: (e) => W({
+												tone: "danger",
+												text: e instanceof Error ? e.message : "Failed."
+											})
+										}),
+										children: [/* @__PURE__ */ L(N, { className: "mr-1 h-4 w-4" }), "Send"]
+									}),
+									(e.status === "SENT" || e.status === "OVERDUE") && /* @__PURE__ */ R(z, {
 										variant: "ghost",
 										size: "sm",
 										disabled: J.isPending,
 										onClick: () => J.mutate(e.id, {
-											onSuccess: () => G({
+											onSuccess: () => W({
 												tone: "success",
 												text: `${e.number} marked paid.`
 											}),
-											onError: (e) => G({
+											onError: (e) => W({
 												tone: "danger",
 												text: e instanceof Error ? e.message : "Failed."
 											})
 										}),
-										children: [/* @__PURE__ */ L(te, { className: "mr-1 h-4 w-4" }), "Mark paid"]
+										children: [/* @__PURE__ */ L(re, { className: "mr-1 h-4 w-4" }), "Mark paid"]
 									}),
 									(e.status === "DRAFT" || e.status === "SENT") && /* @__PURE__ */ R(z, {
 										variant: "ghost",
 										size: "sm",
 										disabled: Y.isPending,
 										onClick: () => Y.mutate(e.id, {
-											onSuccess: () => G({
+											onSuccess: () => W({
 												tone: "success",
 												text: `${e.number} cancelled.`
 											}),
-											onError: (e) => G({
+											onError: (e) => W({
 												tone: "danger",
 												text: e instanceof Error ? e.message : "Failed."
 											})
@@ -177,19 +193,19 @@ var B = [
 					]
 				}, e.id)) })] })
 			}),
-			x && /* @__PURE__ */ L(re, {
+			S && /* @__PURE__ */ L(oe, {
 				onClose: () => I(!1),
-				onSaved: (e) => G({
+				onSaved: (e) => W({
 					tone: "success",
 					text: `${e} created.`
 				})
 			}),
-			V && /* @__PURE__ */ L(H, {
+			V && /* @__PURE__ */ L(ae, {
 				id: V,
 				clientName: Z,
-				onClose: () => U(null),
+				onClose: () => H(null),
 				onCancelled: (e) => {
-					U(null), G({
+					H(null), W({
 						tone: "success",
 						text: `${e} cancelled.`
 					});
@@ -197,9 +213,9 @@ var B = [
 			})
 		]
 	});
-}, H = ({ id: t, clientName: n, onClose: r, onCancelled: a }) => {
-	let { data: o, isLoading: s, error: d } = i(t), p = e(), [h, g] = A(null);
-	return /* @__PURE__ */ L(m, {
+}, ae = ({ id: t, clientName: n, onClose: r, onCancelled: a }) => {
+	let { data: o, isLoading: s, error: c } = i(t), f = e(), [m, g] = k(null);
+	return /* @__PURE__ */ L(h, {
 		open: !0,
 		onClose: r,
 		title: o ? `Invoice ${o.number}` : "Invoice",
@@ -209,21 +225,21 @@ var B = [
 			children: "Close"
 		}), o && (o.status === "DRAFT" || o.status === "SENT") && /* @__PURE__ */ R(z, {
 			variant: "destructive",
-			disabled: p.isPending,
+			disabled: f.isPending,
 			onClick: () => {
-				g(null), p.mutate(o.id, {
+				g(null), f.mutate(o.id, {
 					onSuccess: () => a(o.number),
 					onError: (e) => g(e instanceof Error ? e.message : "Failed.")
 				});
 			},
-			children: [/* @__PURE__ */ L(F, { className: "mr-1.5 h-4 w-4" }), p.isPending ? "Cancelling…" : "Cancel invoice"]
+			children: [/* @__PURE__ */ L(F, { className: "mr-1.5 h-4 w-4" }), f.isPending ? "Cancelling…" : "Cancel invoice"]
 		})] }),
 		children: /* @__PURE__ */ R("div", {
 			className: "space-y-3",
-			children: [h && /* @__PURE__ */ L(c, {
+			children: [m && /* @__PURE__ */ L(l, {
 				tone: "danger",
-				children: h
-			}), s ? /* @__PURE__ */ L(f, {}) : d ? /* @__PURE__ */ L(u, { error: d }) : o ? /* @__PURE__ */ R(I, { children: [
+				children: m
+			}), s ? /* @__PURE__ */ L(p, {}) : c ? /* @__PURE__ */ L(d, { error: c }) : o ? /* @__PURE__ */ R(I, { children: [
 				/* @__PURE__ */ R("div", {
 					className: "grid grid-cols-2 gap-3 text-sm",
 					children: [
@@ -237,50 +253,50 @@ var B = [
 						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
 							className: "text-text-tertiary",
 							children: "Status"
-						}), /* @__PURE__ */ L(v, { status: o.status })] }),
+						}), /* @__PURE__ */ L(y, { status: o.status })] }),
 						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
 							className: "text-text-tertiary",
 							children: "Issue date"
 						}), /* @__PURE__ */ L("div", {
 							className: "text-text-primary",
-							children: T(o.issueDate)
+							children: E(o.issueDate)
 						})] }),
 						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
 							className: "text-text-tertiary",
 							children: "Due date"
 						}), /* @__PURE__ */ L("div", {
 							className: "text-text-primary",
-							children: T(o.dueDate)
+							children: E(o.dueDate)
 						})] }),
 						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
 							className: "text-text-tertiary",
 							children: "Sent"
 						}), /* @__PURE__ */ L("div", {
 							className: "text-text-primary",
-							children: T(o.sentAt)
+							children: E(o.sentAt)
 						})] }),
 						/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ L("div", {
 							className: "text-text-tertiary",
 							children: "Paid"
 						}), /* @__PURE__ */ L("div", {
 							className: "text-text-primary",
-							children: T(o.paidAt)
+							children: E(o.paidAt)
 						})] })
 					]
 				}),
-				o.lineItems && o.lineItems.length > 0 && /* @__PURE__ */ R(y, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
-					/* @__PURE__ */ L(C, { children: "Source" }),
-					/* @__PURE__ */ L(C, { children: "Description" }),
-					/* @__PURE__ */ L(C, {
+				o.lineItems && o.lineItems.length > 0 && /* @__PURE__ */ R(b, { children: [/* @__PURE__ */ L("thead", { children: /* @__PURE__ */ R("tr", { children: [
+					/* @__PURE__ */ L(w, { children: "Source" }),
+					/* @__PURE__ */ L(w, { children: "Description" }),
+					/* @__PURE__ */ L(w, {
 						className: "text-right",
 						children: "Amount"
 					})
 				] }) }), /* @__PURE__ */ L("tbody", { children: o.lineItems.map((e, t) => /* @__PURE__ */ R("tr", { children: [
-					/* @__PURE__ */ L(b, { children: e.sourceType }),
-					/* @__PURE__ */ L(b, { children: e.description ?? e.sourceId }),
-					/* @__PURE__ */ L(b, {
+					/* @__PURE__ */ L(x, { children: e.sourceType }),
+					/* @__PURE__ */ L(x, { children: e.description ?? e.sourceId }),
+					/* @__PURE__ */ L(x, {
 						className: "text-right",
-						children: E(e.amount, o.currency)
+						children: D(e.amount, o.currency)
 					})
 				] }, `${e.sourceType}-${e.sourceId}-${t}`)) })] }),
 				/* @__PURE__ */ R("div", {
@@ -288,15 +304,15 @@ var B = [
 					children: [
 						/* @__PURE__ */ R("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ L("span", { children: "Subtotal" }), /* @__PURE__ */ L("span", { children: E(o.subtotal, o.currency) })]
+							children: [/* @__PURE__ */ L("span", { children: "Subtotal" }), /* @__PURE__ */ L("span", { children: D(o.subtotal, o.currency) })]
 						}),
 						/* @__PURE__ */ R("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ L("span", { children: "Tax" }), /* @__PURE__ */ L("span", { children: E(o.taxAmount, o.currency) })]
+							children: [/* @__PURE__ */ L("span", { children: "Tax" }), /* @__PURE__ */ L("span", { children: D(o.taxAmount, o.currency) })]
 						}),
 						/* @__PURE__ */ R("div", {
 							className: "flex justify-between font-semibold text-text-primary",
-							children: [/* @__PURE__ */ L("span", { children: "Total" }), /* @__PURE__ */ L("span", { children: E(o.total, o.currency) })]
+							children: [/* @__PURE__ */ L("span", { children: "Total" }), /* @__PURE__ */ L("span", { children: D(o.total, o.currency) })]
 						})
 					]
 				}),
@@ -307,14 +323,14 @@ var B = [
 					className: "text-sm text-text-primary",
 					children: o.notes
 				})] })
-			] }) : /* @__PURE__ */ L(l, {
+			] }) : /* @__PURE__ */ L(u, {
 				title: "Invoice not found",
-				icon: /* @__PURE__ */ L(M, { className: "h-8 w-8" })
+				icon: /* @__PURE__ */ L(j, { className: "h-8 w-8" })
 			})]
 		})
 	});
-}, re = ({ onClose: e, onSaved: i }) => {
-	let a = n(), o = t({ pagination: { limit: 100 } }), [s, l] = A({
+}, oe = ({ onClose: e, onSaved: i }) => {
+	let a = n(), o = t({ pagination: { limit: 100 } }), [s, c] = k({
 		clientId: "",
 		engagementId: "",
 		number: "",
@@ -324,14 +340,14 @@ var B = [
 		issueDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
 		dueDate: "",
 		notes: ""
-	}), [u, f] = A(null), p = r({
+	}), [u, d] = k(null), p = r({
 		clientId: s.clientId || void 0,
 		pagination: { limit: 100 }
-	}), g = (e) => (t) => l((n) => ({
+	}), m = (e) => (t) => c((n) => ({
 		...n,
 		[e]: t.target.value
 	})), _ = (Number(s.subtotal) || 0) + (Number(s.taxAmount) || 0);
-	return /* @__PURE__ */ L(m, {
+	return /* @__PURE__ */ L(h, {
 		open: !0,
 		onClose: e,
 		title: "New invoice",
@@ -342,8 +358,8 @@ var B = [
 			children: "Cancel"
 		}), /* @__PURE__ */ L(z, {
 			onClick: () => {
-				if (f(null), !s.clientId) return f("Select a client.");
-				if (!s.number.trim()) return f("Invoice number is required.");
+				if (d(null), !s.clientId) return d("Select a client.");
+				if (!s.number.trim()) return d("Invoice number is required.");
 				a.mutate({
 					clientId: s.clientId,
 					engagementId: s.engagementId || null,
@@ -359,7 +375,7 @@ var B = [
 					onSuccess: () => {
 						i(s.number.trim()), e();
 					},
-					onError: (e) => f(e instanceof Error ? e.message : "Failed.")
+					onError: (e) => d(e instanceof Error ? e.message : "Failed.")
 				});
 			},
 			disabled: a.isPending,
@@ -368,18 +384,18 @@ var B = [
 		children: /* @__PURE__ */ R("div", {
 			className: "space-y-3",
 			children: [
-				u && /* @__PURE__ */ L(c, {
+				u && /* @__PURE__ */ L(l, {
 					tone: "danger",
 					children: u
 				}),
 				/* @__PURE__ */ R("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ L(d, {
+					children: [/* @__PURE__ */ L(f, {
 						label: "Client",
 						required: !0,
-						children: /* @__PURE__ */ R(h, {
+						children: /* @__PURE__ */ R(g, {
 							value: s.clientId,
-							onChange: g("clientId"),
+							onChange: m("clientId"),
 							children: [/* @__PURE__ */ L("option", {
 								value: "",
 								children: "Select…"
@@ -388,21 +404,21 @@ var B = [
 								children: e.name
 							}, e.id))]
 						})
-					}), /* @__PURE__ */ L(d, {
+					}), /* @__PURE__ */ L(f, {
 						label: "Number",
 						required: !0,
-						children: /* @__PURE__ */ L(S, {
+						children: /* @__PURE__ */ L(C, {
 							value: s.number,
-							onChange: g("number"),
+							onChange: m("number"),
 							placeholder: "INV-2026-014"
 						})
 					})]
 				}),
-				/* @__PURE__ */ L(d, {
+				/* @__PURE__ */ L(f, {
 					label: "Engagement (optional)",
-					children: /* @__PURE__ */ R(h, {
+					children: /* @__PURE__ */ R(g, {
 						value: s.engagementId,
-						onChange: g("engagementId"),
+						onChange: m("engagementId"),
 						disabled: !s.clientId,
 						children: [/* @__PURE__ */ L("option", {
 							value: "",
@@ -416,29 +432,29 @@ var B = [
 				/* @__PURE__ */ R("div", {
 					className: "grid grid-cols-3 gap-3",
 					children: [
-						/* @__PURE__ */ L(d, {
+						/* @__PURE__ */ L(f, {
 							label: "Subtotal",
-							children: /* @__PURE__ */ L(S, {
+							children: /* @__PURE__ */ L(C, {
 								type: "number",
 								min: "0",
 								value: s.subtotal,
-								onChange: g("subtotal")
+								onChange: m("subtotal")
 							})
 						}),
-						/* @__PURE__ */ L(d, {
+						/* @__PURE__ */ L(f, {
 							label: "Tax",
-							children: /* @__PURE__ */ L(S, {
+							children: /* @__PURE__ */ L(C, {
 								type: "number",
 								min: "0",
 								value: s.taxAmount,
-								onChange: g("taxAmount")
+								onChange: m("taxAmount")
 							})
 						}),
-						/* @__PURE__ */ L(d, {
+						/* @__PURE__ */ L(f, {
 							label: "Currency",
-							children: /* @__PURE__ */ L(S, {
+							children: /* @__PURE__ */ L(C, {
 								value: s.currency,
-								onChange: g("currency"),
+								onChange: m("currency"),
 								maxLength: 3
 							})
 						})
@@ -451,33 +467,33 @@ var B = [
 						" ",
 						/* @__PURE__ */ L("span", {
 							className: "font-semibold text-text-primary",
-							children: E(_, s.currency)
+							children: D(_, s.currency)
 						})
 					]
 				}),
 				/* @__PURE__ */ R("div", {
 					className: "grid grid-cols-2 gap-3",
-					children: [/* @__PURE__ */ L(d, {
+					children: [/* @__PURE__ */ L(f, {
 						label: "Issue date",
-						children: /* @__PURE__ */ L(S, {
+						children: /* @__PURE__ */ L(C, {
 							type: "date",
 							value: s.issueDate,
-							onChange: g("issueDate")
+							onChange: m("issueDate")
 						})
-					}), /* @__PURE__ */ L(d, {
+					}), /* @__PURE__ */ L(f, {
 						label: "Due date",
-						children: /* @__PURE__ */ L(S, {
+						children: /* @__PURE__ */ L(C, {
 							type: "date",
 							value: s.dueDate,
-							onChange: g("dueDate")
+							onChange: m("dueDate")
 						})
 					})]
 				}),
-				/* @__PURE__ */ L(d, {
+				/* @__PURE__ */ L(f, {
 					label: "Notes",
-					children: /* @__PURE__ */ L(x, {
+					children: /* @__PURE__ */ L(S, {
 						value: s.notes,
-						onChange: g("notes")
+						onChange: m("notes")
 					})
 				})
 			]