@burdenoff/microfe-billing 2026.623.3 → 2026.624.2

package/dist/billing/modules/billing/pages/InvoiceDetailPage.js

@@ -11,47 +11,48 @@ import { useState as m } from "react";
 import { useParams as h } from "react-router-dom";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
 //#region src/billing/modules/billing/pages/InvoiceDetailPage.tsx
-var y = () => {
-	let { t: y } = v(), b = (e, t) => {
-		let n = y(e);
+var b = () => {
+	let { t: b } = v(), x = (e, t) => {
+		let n = b(e);
 		return n === e ? t : n;
-	}, { invoiceId: x } = h(), S = u(), { orgId: C } = e(), w = c(), { selectedAccountId: T } = t({
-		orgId: C,
+	}, { invoiceId: S } = h(), C = u(), { orgId: w } = e(), T = c(), { selectedAccountId: E } = t({
+		orgId: w,
 		syncFromUrl: !0,
 		urlParamName: "billingAccountId"
-	}), { data: E } = l({ fetchPolicy: "cache-first" }), D = T ?? E?.getDefaultBillingAccount?.id ?? void 0, { invoice: O, isLoading: k, error: A, refetch: j } = f(x, D), { payInvoice: M, voidInvoice: N, isPaying: P, isVoiding: F } = p(), I = E?.getDefaultBillingAccount?.defaultPaymentMethod, [L, R] = m(null), z = async () => {
-		if (O) {
-			if (!I) {
-				R("Add and set a default payment method before paying this invoice.");
+	}), { data: D } = l({ fetchPolicy: "cache-first" }), O = E ?? D?.getDefaultBillingAccount?.id ?? void 0, { invoice: k, isLoading: A, error: j, refetch: M } = f(S, O), { payInvoice: N, voidInvoice: P, isPaying: F, isVoiding: I } = p(), L = D?.getDefaultBillingAccount?.defaultPaymentMethod, [R, z] = m(null), B = async () => {
+		if (k) {
+			if (!L) {
+				z("Add and set a default payment method before paying this invoice.");
 				return;
 			}
-			if (!D) {
-				R("No billing account context");
+			if (!O) {
+				z("No billing account context");
 				return;
 			}
-			R(null);
+			z(null);
 			try {
-				await M(O.id, I, D), await j();
+				await N(k.id, L, O), await M();
 			} catch (e) {
-				R(e instanceof Error ? e.message : "Failed to pay invoice");
+				z(e instanceof Error ? e.message : "Failed to pay invoice");
 			}
 		}
-	}, B = async () => {
-		if (O) {
-			if (!D) {
-				R("No billing account context");
+	}, V = async () => {
+		if (k) {
+			if (!O) {
+				z("No billing account context");
 				return;
 			}
-			R(null);
+			z(null);
 			try {
-				await N(O.id, D), await j();
+				await P(k.id, O), await M();
 			} catch (e) {
-				R(e instanceof Error ? e.message : "Failed to void invoice");
+				z(e instanceof Error ? e.message : "Failed to void invoice");
 			}
 		}
 	};
-	if (!w.canViewInvoices) return /* @__PURE__ */ g("div", {
+	if (!T.canViewInvoices) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
 		children: /* @__PURE__ */ _("div", {
 			className: "text-center space-y-2",
@@ -73,16 +74,16 @@ var y = () => {
 				}),
 				/* @__PURE__ */ g("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: b("billing.accessDenied.title", "Access Denied")
+					children: x("billing.accessDenied.title", "Access Denied")
 				}),
 				/* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary max-w-sm",
-					children: b("billing.invoices.noViewPermission", "You don't have permission to view invoices.")
+					children: x("billing.invoices.noViewPermission", "You don't have permission to view invoices.")
 				})
 			]
 		})
 	});
-	if (k) return /* @__PURE__ */ _("div", {
+	if (A) return /* @__PURE__ */ _("div", {
 		className: "space-y-6 px-6 lg:px-8 py-6",
 		children: [/* @__PURE__ */ _("div", {
 			className: "flex items-center gap-4",
@@ -134,7 +135,7 @@ var y = () => {
 			})]
 		})]
 	});
-	if (A || !O) return /* @__PURE__ */ g("div", {
+	if (j || !k) return /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-center h-full min-h-[400px]",
 		children: /* @__PURE__ */ _("div", {
 			className: "text-center space-y-4",
@@ -156,22 +157,22 @@ var y = () => {
 				}),
 				/* @__PURE__ */ g("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: b("billing.invoices.invoiceNotFound", "Invoice not found")
+					children: x("billing.invoices.invoiceNotFound", "Invoice not found")
 				}),
 				/* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary",
-					children: A?.message || b("billing.invoices.invoiceNotFoundMessage", "The invoice you are looking for does not exist.")
+					children: j?.message || x("billing.invoices.invoiceNotFoundMessage", "The invoice you are looking for does not exist.")
 				}),
 				/* @__PURE__ */ _("div", {
 					className: "flex items-center justify-center gap-3",
 					children: [/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => j(),
+						onClick: () => M(),
 						className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors",
 						children: "Try Again"
 					}), /* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => S(d("/invoices", D)),
+						onClick: () => C(d("/invoices", O)),
 						className: "px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors",
 						children: "Back to Invoices"
 					})]
@@ -179,7 +180,7 @@ var y = () => {
 			]
 		})
 	});
-	let V = o(O.status), H = O.status === "OPEN", U = O.status === "DRAFT", W = O.items || [], G = O.total - O.amountPaid;
+	let H = o(k.status), U = k.status === "OPEN", W = k.status === "DRAFT", G = k.items || [], K = k.total - k.amountPaid;
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 px-6 lg:px-8 py-6",
 		children: [
@@ -189,7 +190,7 @@ var y = () => {
 					className: "flex items-start gap-4",
 					children: [/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => S(d("/invoices", D)),
+						onClick: () => C(d("/invoices", O)),
 						className: "p-2 -ml-2 text-text-secondary hover:text-text-primary hover:bg-bg-sunken rounded-button transition-colors",
 						children: /* @__PURE__ */ g("svg", {
 							className: "size-5",
@@ -207,58 +208,58 @@ var y = () => {
 						className: "flex items-center gap-3",
 						children: [/* @__PURE__ */ _("h1", {
 							className: "text-2xl md:text-3xl font-semibold tracking-tight text-text-primary",
-							children: ["Invoice ", i(O.invoiceNumber)]
+							children: ["Invoice ", i(k.invoiceNumber)]
 						}), /* @__PURE__ */ g("span", {
-							className: `px-2 py-1 text-xs font-medium rounded ${s(V)}`,
-							children: a(O.status)
+							className: `px-2 py-1 text-xs font-medium rounded ${s(H)}`,
+							children: a(k.status)
 						})]
 					}), /* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: [
 							"Created ",
-							r(O.createdAt, "short"),
-							O.dueDate && ` · Due ${r(O.dueDate, "short")}`
+							r(k.createdAt, "short"),
+							k.dueDate && ` · Due ${r(k.dueDate, "short")}`
 						]
 					})] })]
 				}), /* @__PURE__ */ _("div", {
 					className: "flex items-center gap-2 flex-wrap",
 					children: [
-						O.pdfUrl && /* @__PURE__ */ g("a", {
-							href: O.pdfUrl,
+						k.pdfUrl && /* @__PURE__ */ g("a", {
+							href: k.pdfUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors",
 							children: "Download PDF"
 						}),
-						O.invoiceUrl && /* @__PURE__ */ g("a", {
-							href: O.invoiceUrl,
+						k.invoiceUrl && /* @__PURE__ */ g("a", {
+							href: k.invoiceUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "px-4 py-2 text-sm font-medium border border-border-subtle text-text-primary rounded-button hover:bg-bg-sunken transition-colors",
 							children: "View on Portal"
 						}),
-						H && w.canPayInvoice && /* @__PURE__ */ g("button", {
+						U && T.canPayInvoice && /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: z,
-							disabled: P || !I,
+							onClick: B,
+							disabled: F || !L,
 							className: "px-4 py-2 text-sm font-medium bg-action-primary-bg text-action-primary-text rounded-button hover:bg-action-primary-bgHover transition-colors disabled:opacity-50",
-							children: I ? P ? "Processing..." : "Pay Invoice" : "Default Payment Method Required"
+							children: L ? F ? "Processing..." : "Pay Invoice" : "Default Payment Method Required"
 						}),
-						(H || U) && w.canVoidInvoice && /* @__PURE__ */ g("button", {
+						(U || W) && T.canVoidInvoice && /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: B,
-							disabled: F,
+							onClick: V,
+							disabled: I,
 							className: "px-4 py-2 text-sm font-medium border border-border-subtle text-status-error-text rounded-button hover:bg-status-error-bg-subtle transition-colors disabled:opacity-50",
-							children: F ? b("billing.invoices.voiding", "Voiding...") : b("billing.invoices.voidInvoice", "Void Invoice")
+							children: I ? x("billing.invoices.voiding", "Voiding...") : x("billing.invoices.voidInvoice", "Void Invoice")
 						})
 					]
 				})]
 			}),
-			L && /* @__PURE__ */ g("div", {
+			R && /* @__PURE__ */ g("div", {
 				className: "p-3 bg-status-error-bg-subtle border border-status-error-border rounded-button",
 				children: /* @__PURE__ */ g("p", {
 					className: "text-sm text-status-error-text",
-					children: L
+					children: R
 				})
 			}),
 			/* @__PURE__ */ _("div", {
@@ -274,68 +275,60 @@ var y = () => {
 									children: /* @__PURE__ */ _("h2", {
 										className: "text-lg font-semibold text-text-primary",
 										children: [
-											b("billing.invoices.lineItems", "Line Items"),
+											x("billing.invoices.lineItems", "Line Items"),
 											" (",
-											W.length,
+											G.length,
 											")"
 										]
 									})
 								}),
-								W.length === 0 ? /* @__PURE__ */ g("div", {
+								G.length === 0 ? /* @__PURE__ */ g("div", {
 									className: "p-6",
 									children: /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
-										children: b("billing.invoices.noLineItems", "No line items on this invoice.")
-									})
-								}) : /* @__PURE__ */ g("div", {
-									className: "overflow-x-auto",
-									children: /* @__PURE__ */ _("table", {
-										className: "w-full",
-										children: [/* @__PURE__ */ g("thead", {
-											className: "bg-bg-sunken",
-											children: /* @__PURE__ */ _("tr", { children: [
-												/* @__PURE__ */ g("th", {
-													className: "text-left px-4 py-3 text-sm font-medium text-text-secondary",
-													children: "Description"
-												}),
-												/* @__PURE__ */ g("th", {
-													className: "text-right px-4 py-3 text-sm font-medium text-text-secondary",
-													children: "Qty"
-												}),
-												/* @__PURE__ */ g("th", {
-													className: "text-right px-4 py-3 text-sm font-medium text-text-secondary",
-													children: "Unit Price"
-												}),
-												/* @__PURE__ */ g("th", {
-													className: "text-right px-4 py-3 text-sm font-medium text-text-secondary",
-													children: "Amount"
-												})
-											] })
-										}), /* @__PURE__ */ g("tbody", {
-											className: "divide-y divide-border-subtle",
-											children: W.map((e) => /* @__PURE__ */ _("tr", {
-												className: "hover:bg-bg-sunken transition-colors",
-												children: [
-													/* @__PURE__ */ g("td", {
-														className: "p-4 text-sm text-text-primary",
-														children: e.description
-													}),
-													/* @__PURE__ */ g("td", {
-														className: "p-4 text-sm text-text-secondary text-right",
-														children: e.quantity
-													}),
-													/* @__PURE__ */ g("td", {
-														className: "p-4 text-sm text-text-secondary text-right",
-														children: n(e.unitPrice, O.currency)
-													}),
-													/* @__PURE__ */ g("td", {
-														className: "p-4 text-sm font-medium text-text-primary text-right",
-														children: n(e.amount, O.currency)
-													})
-												]
-											}, e.id))
-										})]
+										children: x("billing.invoices.noLineItems", "No line items on this invoice.")
 									})
+								}) : /* @__PURE__ */ g(y, {
+									data: G,
+									rowKey: (e) => e.id,
+									columns: [
+										{
+											key: "description",
+											header: "Description",
+											priority: "primary",
+											cell: (e) => e.description
+										},
+										{
+											key: "quantity",
+											header: "Qty",
+											headerClassName: "text-right",
+											cellClassName: "text-right",
+											cell: (e) => /* @__PURE__ */ g("span", {
+												className: "tabular-nums",
+												children: e.quantity
+											})
+										},
+										{
+											key: "unitPrice",
+											header: "Unit Price",
+											headerClassName: "text-right",
+											cellClassName: "text-right",
+											cell: (e) => /* @__PURE__ */ g("span", {
+												className: "tabular-nums",
+												children: n(e.unitPrice, k.currency)
+											})
+										},
+										{
+											key: "amount",
+											header: "Amount",
+											headerClassName: "text-right",
+											cellClassName: "text-right font-medium",
+											cell: (e) => /* @__PURE__ */ g("span", {
+												className: "tabular-nums",
+												children: n(e.amount, k.currency)
+											})
+										}
+									]
 								}),
 								/* @__PURE__ */ g("div", {
 									className: "border-t border-border-subtle p-4",
@@ -346,50 +339,50 @@ var y = () => {
 												className: "flex items-center justify-between text-sm",
 												children: [/* @__PURE__ */ g("span", {
 													className: "text-text-secondary",
-													children: b("billing.invoices.subtotal", "Subtotal")
+													children: x("billing.invoices.subtotal", "Subtotal")
 												}), /* @__PURE__ */ g("span", {
 													className: "text-text-primary",
-													children: n(O.subtotal, O.currency)
+													children: n(k.subtotal, k.currency)
 												})]
 											}),
 											/* @__PURE__ */ _("div", {
 												className: "flex items-center justify-between text-sm",
 												children: [/* @__PURE__ */ g("span", {
 													className: "text-text-secondary",
-													children: b("billing.invoices.tax", "Tax")
+													children: x("billing.invoices.tax", "Tax")
 												}), /* @__PURE__ */ g("span", {
 													className: "text-text-primary",
-													children: n(O.tax, O.currency)
+													children: n(k.tax, k.currency)
 												})]
 											}),
 											/* @__PURE__ */ _("div", {
 												className: "flex items-center justify-between text-sm font-semibold border-t border-border-subtle pt-2",
 												children: [/* @__PURE__ */ g("span", {
 													className: "text-text-primary",
-													children: b("billing.invoices.total", "Total")
+													children: x("billing.invoices.total", "Total")
 												}), /* @__PURE__ */ g("span", {
 													className: "text-text-primary",
-													children: n(O.total, O.currency)
+													children: n(k.total, k.currency)
 												})]
 											}),
-											O.amountPaid > 0 && /* @__PURE__ */ _("div", {
+											k.amountPaid > 0 && /* @__PURE__ */ _("div", {
 												className: "flex items-center justify-between text-sm",
 												children: [/* @__PURE__ */ g("span", {
 													className: "text-text-secondary",
-													children: b("billing.invoices.amountPaid", "Amount Paid")
+													children: x("billing.invoices.amountPaid", "Amount Paid")
 												}), /* @__PURE__ */ _("span", {
 													className: "text-status-success-text",
-													children: ["-", n(O.amountPaid, O.currency)]
+													children: ["-", n(k.amountPaid, k.currency)]
 												})]
 											}),
-											G > 0 && /* @__PURE__ */ _("div", {
+											K > 0 && /* @__PURE__ */ _("div", {
 												className: "flex items-center justify-between text-sm font-semibold border-t border-border-subtle pt-2",
 												children: [/* @__PURE__ */ g("span", {
 													className: "text-text-primary",
-													children: b("billing.invoices.amountDue", "Amount Due")
+													children: x("billing.invoices.amountDue", "Amount Due")
 												}), /* @__PURE__ */ g("span", {
 													className: "text-status-warning-text",
-													children: n(G, O.currency)
+													children: n(K, k.currency)
 												})]
 											})
 										]
@@ -397,13 +390,13 @@ var y = () => {
 								})
 							]
 						}),
-						O.subscription && /* @__PURE__ */ _("div", {
+						k.subscription && /* @__PURE__ */ _("div", {
 							className: "border border-border-subtle rounded-card bg-bg-surface shadow-elevation-1 overflow-hidden",
 							children: [/* @__PURE__ */ g("div", {
 								className: "p-6 border-b border-border-subtle bg-bg-sunken",
 								children: /* @__PURE__ */ g("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: b("billing.invoices.subscription", "Subscription")
+									children: x("billing.invoices.subscription", "Subscription")
 								})
 							}), /* @__PURE__ */ g("div", {
 								className: "p-6 space-y-4",
@@ -411,7 +404,7 @@ var y = () => {
 									className: "flex items-center justify-between",
 									children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "font-medium text-text-primary",
-										children: O.subscription.plan?.name || "Unknown Plan"
+										children: k.subscription.plan?.name || "Unknown Plan"
 									}), /* @__PURE__ */ _("p", {
 										className: "text-sm text-text-secondary mt-0.5",
 										children: [
@@ -419,25 +412,25 @@ var y = () => {
 											" ",
 											/* @__PURE__ */ g("span", {
 												className: "font-mono text-xs",
-												children: O.subscription.id
+												children: k.subscription.id
 											})
 										]
 									})] }), /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: () => S(d(`/subscriptions/${O.subscription.id}`, D)),
+										onClick: () => C(d(`/subscriptions/${k.subscription.id}`, O)),
 										className: "px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-bg-sunken rounded-button transition-colors",
 										children: "View"
 									})]
 								})
 							})]
 						}),
-						O.payment && /* @__PURE__ */ _("div", {
+						k.payment && /* @__PURE__ */ _("div", {
 							className: "border border-border-subtle rounded-card bg-bg-surface shadow-elevation-1 overflow-hidden",
 							children: [/* @__PURE__ */ g("div", {
 								className: "p-6 border-b border-border-subtle bg-bg-sunken",
 								children: /* @__PURE__ */ g("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: b("billing.invoices.payment", "Payment")
+									children: x("billing.invoices.payment", "Payment")
 								})
 							}), /* @__PURE__ */ g("div", {
 								className: "p-6",
@@ -449,42 +442,42 @@ var y = () => {
 											children: "Payment ID"
 										}), /* @__PURE__ */ g("p", {
 											className: "font-mono text-sm text-text-primary mt-0.5 break-all",
-											children: O.payment.id
+											children: k.payment.id
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
 											children: "Amount"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-sm text-text-primary mt-0.5",
-											children: n(O.payment.amount, O.payment.currency)
+											children: n(k.payment.amount, k.payment.currency)
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
 											children: "Status"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-sm text-text-primary mt-0.5 capitalize",
-											children: O.payment.status.toLowerCase()
+											children: k.payment.status.toLowerCase()
 										})] }),
 										/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
 											children: "Method"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-sm text-text-primary mt-0.5 capitalize",
-											children: O.payment.method.toLowerCase().replace(/_/g, " ")
+											children: k.payment.method.toLowerCase().replace(/_/g, " ")
 										})] }),
-										O.payment.provider && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										k.payment.provider && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
 											children: "Provider"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-sm text-text-primary mt-0.5 capitalize",
-											children: O.payment.provider
+											children: k.payment.provider
 										})] }),
-										O.payment.paidAt && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										k.payment.paidAt && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary",
 											children: "Paid At"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-sm text-text-primary mt-0.5",
-											children: r(O.payment.paidAt, "short")
+											children: r(k.payment.paidAt, "short")
 										})] })
 									]
 								})
@@ -500,7 +493,7 @@ var y = () => {
 								className: "p-6 border-b border-border-subtle bg-bg-sunken",
 								children: /* @__PURE__ */ g("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: b("billing.invoices.details", "Details")
+									children: x("billing.invoices.details", "Details")
 								})
 							}), /* @__PURE__ */ _("div", {
 								className: "p-6 space-y-4",
@@ -510,56 +503,56 @@ var y = () => {
 										children: "Invoice ID"
 									}), /* @__PURE__ */ g("p", {
 										className: "font-mono text-sm text-text-primary mt-0.5 break-all",
-										children: O.id
+										children: k.id
 									})] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Invoice Number"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: i(O.invoiceNumber)
+										children: i(k.invoiceNumber)
 									})] }),
-									O.itemDescription && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									k.itemDescription && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Description"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: O.itemDescription
+										children: k.itemDescription
 									})] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Status"
 									}), /* @__PURE__ */ g("span", {
-										className: `inline-flex mt-0.5 px-2 py-1 text-xs font-medium rounded ${s(V)}`,
-										children: a(O.status)
+										className: `inline-flex mt-0.5 px-2 py-1 text-xs font-medium rounded ${s(H)}`,
+										children: a(k.status)
 									})] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Currency"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: O.currency
+										children: k.currency
 									})] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Total"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm font-semibold text-text-primary mt-0.5",
-										children: n(O.total, O.currency)
+										children: n(k.total, k.currency)
 									})] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Amount Paid"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-status-success-text mt-0.5",
-										children: n(O.amountPaid, O.currency)
+										children: n(k.amountPaid, k.currency)
 									})] }),
-									G > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									K > 0 && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Amount Due"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm font-semibold text-status-warning-text mt-0.5",
-										children: n(G, O.currency)
+										children: n(K, k.currency)
 									})] })
 								]
 							})]
@@ -570,7 +563,7 @@ var y = () => {
 								className: "p-6 border-b border-border-subtle bg-bg-sunken",
 								children: /* @__PURE__ */ g("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: b("billing.invoices.dates", "Dates")
+									children: x("billing.invoices.dates", "Dates")
 								})
 							}), /* @__PURE__ */ _("div", {
 								className: "p-6 space-y-4",
@@ -580,28 +573,28 @@ var y = () => {
 										children: "Created"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: r(O.createdAt)
+										children: r(k.createdAt)
 									})] }),
-									O.dueDate && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									k.dueDate && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Due Date"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: r(O.dueDate)
+										children: r(k.dueDate)
 									})] }),
-									O.paidAt && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+									k.paidAt && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Paid At"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: r(O.paidAt)
+										children: r(k.paidAt)
 									})] }),
 									/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary",
 										children: "Last Updated"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-sm text-text-primary mt-0.5",
-										children: r(O.updatedAt)
+										children: r(k.updatedAt)
 									})] })
 								]
 							})]
@@ -612,7 +605,7 @@ var y = () => {
 								className: "p-6 border-b border-border-subtle bg-bg-sunken",
 								children: /* @__PURE__ */ g("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: b("billing.invoices.organization", "Organization")
+									children: x("billing.invoices.organization", "Organization")
 								})
 							}), /* @__PURE__ */ g("div", {
 								className: "p-6 space-y-4",
@@ -621,7 +614,7 @@ var y = () => {
 									children: "Organization ID"
 								}), /* @__PURE__ */ g("p", {
 									className: "font-mono text-sm text-text-primary mt-0.5 break-all",
-									children: O.orgId
+									children: k.orgId
 								})] })
 							})]
 						})
@@ -632,6 +625,6 @@ var y = () => {
 	});
 };
 //#endregion
-export { y as InvoiceDetailPage };
+export { b as InvoiceDetailPage };
 
 //# sourceMappingURL=InvoiceDetailPage.js.map