@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.1

package/dist/crewfoundry/pages/PaymentsInvoicesPagePage.js

@@ -1,335 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { AreaChart as n } from "../components/viz/AreaChart.js";
-import { StatCard as r } from "../components/viz/StatCard.js";
-import "../components/viz/index.js";
-import { revenueTrend as i } from "../lib/analytics.js";
-import { FormModal as ee, useFormModal as a } from "../components/forms/FormModal.js";
-import { useState as o } from "react";
-import { CheckCircle2 as s, MoreHorizontal as c, Pencil as l, Plus as u, Trash2 as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { AlertDialog as m, AlertDialogAction as te, AlertDialogCancel as ne, AlertDialogContent as re, AlertDialogDescription as h, AlertDialogFooter as g, AlertDialogHeader as _, AlertDialogTitle as v, Badge as ie, Button as y, CardContent as ae, CardHeader as oe, CardTitle as b, DropdownMenu as x, DropdownMenuContent as S, DropdownMenuItem as C, DropdownMenuSeparator as w, DropdownMenuTrigger as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, PagePurpose as k, Pagination as A, ResponsiveTable as j } from "@burdenoff/fe-libs/ui";
-import { usePagination as M } from "@burdenoff/fe-libs/shared/hooks";
-//#region src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx
-var N = [
-	{
-		name: "number",
-		label: "Invoice number",
-		type: "text",
-		required: !0,
-		placeholder: "INV-0001"
-	},
-	{
-		name: "clientName",
-		label: "Client name",
-		type: "text",
-		required: !0
-	},
-	{
-		name: "amount",
-		label: "Amount (USD)",
-		type: "number",
-		required: !0
-	},
-	{
-		name: "status",
-		label: "Status",
-		type: "select",
-		options: [
-			{
-				label: "Draft",
-				value: "draft"
-			},
-			{
-				label: "Sent",
-				value: "sent"
-			},
-			{
-				label: "Paid",
-				value: "paid"
-			},
-			{
-				label: "Overdue",
-				value: "overdue"
-			},
-			{
-				label: "Cancelled",
-				value: "cancelled"
-			}
-		]
-	},
-	{
-		name: "issueDate",
-		label: "Issue date",
-		type: "date",
-		required: !0
-	},
-	{
-		name: "dueDate",
-		label: "Due date",
-		type: "date"
-	},
-	{
-		name: "lineItem",
-		label: "Line item description",
-		type: "text",
-		colSpan: 2,
-		placeholder: "e.g. Consulting services"
-	}
-], P = (e) => ({
-	number: e.number,
-	clientName: e.clientName,
-	amount: e.amount,
-	status: e.status,
-	issueDate: e.issueDate ? e.issueDate.slice(0, 10) : "",
-	dueDate: e.dueDate ? e.dueDate.slice(0, 10) : "",
-	lineItem: e.items[0]?.description ?? ""
-}), F = (e, t) => {
-	let n = typeof e.amount == "number" ? e.amount : Number(e.amount) || 0, r = String(e.lineItem ?? "").trim() || "Services rendered";
-	return {
-		id: t?.id ?? crypto.randomUUID(),
-		number: String(e.number ?? ""),
-		clientName: String(e.clientName ?? ""),
-		amount: n,
-		status: e.status || "draft",
-		issueDate: String(e.issueDate ?? ""),
-		dueDate: String(e.dueDate ?? ""),
-		items: [{
-			description: r,
-			amount: n
-		}]
-	};
-}, I = (e) => e === "paid" ? "default" : e === "overdue" ? "destructive" : e === "draft" ? "outline" : "secondary", L = (e) => `$${Math.round(e).toLocaleString()}`;
-function R() {
-	let { invoices: R, addInvoice: se, updateInvoice: z, removeInvoice: B } = e(), V = a(), { page: H, pageSize: U, offset: W, setPage: G } = M({ initialPageSize: 25 }), [K, q] = o(null), [J, Y] = o(!1), X = [...R].sort((e, t) => (t.issueDate ?? "").localeCompare(e.issueDate ?? "")), ce = X.slice(W, W + U), Z = R.filter((e) => e.status !== "cancelled").reduce((e, t) => e + t.amount, 0), Q = R.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), le = R.filter((e) => e.status === "overdue").reduce((e, t) => e + t.amount, 0), ue = Math.max(Z - Q, 0), $ = i(R), de = async (e) => {
-		V.context ? await z(V.context.id, F(e, V.context)) : await se(F(e));
-	}, fe = async () => {
-		if (K) {
-			Y(!0);
-			try {
-				await B(K.id), q(null);
-			} finally {
-				Y(!1);
-			}
-		}
-	};
-	return /* @__PURE__ */ p("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ p("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("h1", {
-						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ f(D, { children: "Invoices" })
-					}),
-					/* @__PURE__ */ p("p", {
-						className: "text-sm text-text-secondary",
-						children: [R.length, " invoices"]
-					}),
-					/* @__PURE__ */ f(k, {
-						className: "mt-1",
-						children: "Create, send, and track invoices — see what's paid, pending, or overdue so you stay on top of getting paid."
-					})
-				] }), /* @__PURE__ */ p(y, {
-					size: "sm",
-					onClick: () => V.openModal(),
-					children: [/* @__PURE__ */ f(u, { className: "h-4 w-4 mr-1" }), "Create Invoice"]
-				})]
-			}),
-			/* @__PURE__ */ p("div", {
-				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-5",
-				children: [
-					/* @__PURE__ */ f(r, {
-						label: "Total Billed",
-						value: L(Z)
-					}),
-					/* @__PURE__ */ f(r, {
-						label: "Paid",
-						value: L(Q)
-					}),
-					/* @__PURE__ */ f(r, {
-						label: "Outstanding",
-						value: L(ue)
-					}),
-					/* @__PURE__ */ f(r, {
-						label: "Overdue",
-						value: /* @__PURE__ */ f("span", {
-							className: "text-status-error-text",
-							children: L(le)
-						})
-					}),
-					/* @__PURE__ */ p("div", {
-						className: "flex flex-col gap-2 rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-5 shadow-elevation-1 sm:col-span-2 xl:col-span-1",
-						children: [/* @__PURE__ */ f("span", {
-							className: "text-sm font-medium text-text-secondary",
-							children: "Revenue trend"
-						}), $.length > 1 ? /* @__PURE__ */ f(n, {
-							series: $,
-							height: 96,
-							valueFormatter: (e) => L(e),
-							title: "Recognised revenue from paid invoices by month"
-						}) : /* @__PURE__ */ f("p", {
-							className: "flex flex-1 items-center text-xs text-text-muted",
-							children: "Revenue trend appears once paid invoices span more than one month."
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ p(E, {
-				treatment: "glass",
-				glow: !0,
-				className: "border-border-seam",
-				children: [/* @__PURE__ */ f(oe, { children: /* @__PURE__ */ f(b, { children: "Invoices" }) }), /* @__PURE__ */ p(ae, {
-					className: "p-4 pt-0",
-					children: [/* @__PURE__ */ f(j, {
-						data: ce,
-						rowKey: (e) => e.id,
-						columns: [
-							{
-								key: "number",
-								header: "Invoice #",
-								priority: "primary",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "font-medium",
-									children: e.number
-								})
-							},
-							{
-								key: "client",
-								header: "Client",
-								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: e.clientName
-								})
-							},
-							{
-								key: "issueDate",
-								header: "Issue Date",
-								priority: "hidden-on-mobile",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: e.issueDate || "—"
-								})
-							},
-							{
-								key: "dueDate",
-								header: "Due Date",
-								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ f("span", {
-									className: "text-text-secondary",
-									children: e.dueDate || "—"
-								})
-							},
-							{
-								key: "amount",
-								header: "Amount",
-								priority: "secondary",
-								headerClassName: "text-right",
-								cellClassName: "text-right",
-								cell: (e) => /* @__PURE__ */ p("span", {
-									className: "font-medium tabular-nums",
-									children: ["$", e.amount.toLocaleString()]
-								})
-							},
-							{
-								key: "status",
-								header: "Status",
-								priority: "secondary",
-								cell: (e) => /* @__PURE__ */ f(ie, {
-									variant: I(e.status),
-									className: "text-[10px]",
-									children: t(e.status)
-								})
-							}
-						],
-						emptyState: /* @__PURE__ */ f(O, {
-							illustration: "empty-data",
-							title: "No invoices yet",
-							description: "Create your first invoice to start getting paid."
-						}),
-						rowActions: (e) => /* @__PURE__ */ p("div", {
-							className: "flex items-center justify-end gap-1",
-							children: [e.status === "paid" ? /* @__PURE__ */ p("span", {
-								className: "inline-flex items-center gap-1 text-xs text-status-success-text",
-								children: [/* @__PURE__ */ f(s, { className: "h-3.5 w-3.5" }), "Paid"]
-							}) : /* @__PURE__ */ p(y, {
-								variant: "outline",
-								size: "sm",
-								"aria-label": `Mark invoice ${e.number} as paid`,
-								onClick: () => void z(e.id, { status: "paid" }),
-								children: [/* @__PURE__ */ f(s, { className: "h-3.5 w-3.5 mr-1" }), "Mark Paid"]
-							}), /* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(T, {
-								asChild: !0,
-								children: /* @__PURE__ */ f(y, {
-									variant: "ghost",
-									size: "icon",
-									className: "h-8 w-8",
-									"aria-label": `More actions for invoice ${e.number}`,
-									children: /* @__PURE__ */ f(c, { className: "h-4 w-4" })
-								})
-							}), /* @__PURE__ */ p(S, {
-								align: "end",
-								children: [
-									/* @__PURE__ */ p(C, {
-										onSelect: () => V.openModal(e),
-										children: [/* @__PURE__ */ f(l, { className: "mr-2 h-4 w-4" }), "Edit"]
-									}),
-									e.status !== "paid" && /* @__PURE__ */ p(C, {
-										onSelect: () => void z(e.id, { status: "paid" }),
-										children: [/* @__PURE__ */ f(s, { className: "mr-2 h-4 w-4" }), "Mark as paid"]
-									}),
-									/* @__PURE__ */ f(w, {}),
-									/* @__PURE__ */ p(C, {
-										className: "text-status-error-text",
-										onSelect: () => q(e),
-										children: [/* @__PURE__ */ f(d, { className: "mr-2 h-4 w-4" }), "Delete"]
-									})
-								]
-							})] })]
-						})
-					}), X.length > U && /* @__PURE__ */ f("div", {
-						className: "mt-4",
-						children: /* @__PURE__ */ f(A, {
-							page: H,
-							pageSize: U,
-							totalItems: X.length,
-							onPageChange: G
-						})
-					})]
-				})]
-			}),
-			/* @__PURE__ */ f(ee, {
-				open: V.open,
-				onOpenChange: V.onOpenChange,
-				title: V.context ? "Edit invoice" : "Create invoice",
-				description: "Issue a new invoice to a client and track its payment status.",
-				fields: N,
-				initialValues: V.context ? P(V.context) : void 0,
-				submitLabel: V.context ? "Save changes" : "Create invoice",
-				onSubmit: de
-			}),
-			/* @__PURE__ */ f(m, {
-				open: K !== null,
-				onOpenChange: (e) => {
-					e || q(null);
-				},
-				children: /* @__PURE__ */ p(re, { children: [/* @__PURE__ */ p(_, { children: [/* @__PURE__ */ f(v, { children: "Delete invoice?" }), /* @__PURE__ */ f(h, { children: K ? `Invoice ${K.number} will be permanently removed. This cannot be undone.` : "" })] }), /* @__PURE__ */ p(g, { children: [/* @__PURE__ */ f(ne, {
-					disabled: J,
-					children: "Cancel"
-				}), /* @__PURE__ */ f(te, {
-					onClick: (e) => {
-						e.preventDefault(), fe();
-					},
-					disabled: J,
-					children: J ? "Deleting…" : "Delete"
-				})] })] })
-			})
-		]
-	});
-}
-//#endregion
-export { R as PaymentsInvoicesPagePage };
-
-//# sourceMappingURL=PaymentsInvoicesPagePage.js.map

package/dist/crewfoundry/pages/PaymentsInvoicesPagePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentsInvoicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle2, MoreHorizontal, Pencil, Plus, Trash2 } from 'lucide-react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Invoice } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AreaChart, StatCard } from '../components/viz';\nimport { revenueTrend } from '../lib/analytics';\n\nconst INVOICE_FIELDS: FieldConfig[] = [\n  {\n    name: 'number',\n    label: 'Invoice number',\n    type: 'text',\n    required: true,\n    placeholder: 'INV-0001',\n  },\n  { name: 'clientName', label: 'Client name', type: 'text', required: true },\n  { name: 'amount', label: 'Amount (USD)', type: 'number', required: true },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Draft', value: 'draft' },\n      { label: 'Sent', value: 'sent' },\n      { label: 'Paid', value: 'paid' },\n      { label: 'Overdue', value: 'overdue' },\n      { label: 'Cancelled', value: 'cancelled' },\n    ],\n  },\n  { name: 'issueDate', label: 'Issue date', type: 'date', required: true },\n  { name: 'dueDate', label: 'Due date', type: 'date' },\n  {\n    name: 'lineItem',\n    label: 'Line item description',\n    type: 'text',\n    colSpan: 2,\n    placeholder: 'e.g. Consulting services',\n  },\n];\n\nconst toInitialValues = (invoice: Invoice): FormValues => ({\n  number: invoice.number,\n  clientName: invoice.clientName,\n  amount: invoice.amount,\n  status: invoice.status,\n  issueDate: invoice.issueDate ? invoice.issueDate.slice(0, 10) : '',\n  dueDate: invoice.dueDate ? invoice.dueDate.slice(0, 10) : '',\n  lineItem: invoice.items[0]?.description ?? '',\n});\n\nconst valuesToInvoice = (values: FormValues, base?: Invoice): Invoice => {\n  const amount = typeof values.amount === 'number' ? values.amount : Number(values.amount) || 0;\n  const description = String(values.lineItem ?? '').trim() || 'Services rendered';\n  return {\n    id: base?.id ?? crypto.randomUUID(),\n    number: String(values.number ?? ''),\n    clientName: String(values.clientName ?? ''),\n    amount,\n    status: (values.status as Invoice['status']) || 'draft',\n    issueDate: String(values.issueDate ?? ''),\n    dueDate: String(values.dueDate ?? ''),\n    items: [{ description, amount }],\n  };\n};\n\nconst statusVariant = (status: Invoice['status']) =>\n  status === 'paid'\n    ? 'default'\n    : status === 'overdue'\n      ? 'destructive'\n      : status === 'draft'\n        ? 'outline'\n        : 'secondary';\n\nconst formatMoney = (value: number): string => `$${Math.round(value).toLocaleString()}`;\n\nexport function PaymentsInvoicesPagePage() {\n  const { invoices, addInvoice, updateInvoice, removeInvoice } = useCrewFoundryStore();\n  const modal = useFormModal<Invoice>();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n  const [deleteTarget, setDeleteTarget] = useState<Invoice | null>(null);\n  const [deleting, setDeleting] = useState(false);\n\n  const sorted = [...invoices].sort((a, b) => (b.issueDate ?? '').localeCompare(a.issueDate ?? ''));\n  const paged = sorted.slice(offset, offset + pageSize);\n\n  // Finance KPIs — all computed from real invoice entities.\n  const totalBilled = invoices\n    .filter((inv) => inv.status !== 'cancelled')\n    .reduce((sum, inv) => sum + inv.amount, 0);\n  const totalPaid = invoices\n    .filter((inv) => inv.status === 'paid')\n    .reduce((sum, inv) => sum + inv.amount, 0);\n  const totalOverdue = invoices\n    .filter((inv) => inv.status === 'overdue')\n    .reduce((sum, inv) => sum + inv.amount, 0);\n  const outstanding = Math.max(totalBilled - totalPaid, 0);\n\n  const revenueSeries = revenueTrend(invoices);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateInvoice(modal.context.id, valuesToInvoice(values, modal.context));\n    } else {\n      await addInvoice(valuesToInvoice(values));\n    }\n  };\n\n  const confirmDelete = async () => {\n    if (!deleteTarget) {\n      return;\n    }\n    setDeleting(true);\n    try {\n      await removeInvoice(deleteTarget.id);\n      setDeleteTarget(null);\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  const columns: ResponsiveTableColumn<Invoice>[] = [\n    {\n      key: 'number',\n      header: 'Invoice #',\n      priority: 'primary',\n      cell: (inv) => <span className=\"font-medium\">{inv.number}</span>,\n    },\n    {\n      key: 'client',\n      header: 'Client',\n      priority: 'secondary',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.clientName}</span>,\n    },\n    {\n      key: 'issueDate',\n      header: 'Issue Date',\n      priority: 'hidden-on-mobile',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.issueDate || '—'}</span>,\n    },\n    {\n      key: 'dueDate',\n      header: 'Due Date',\n      priority: 'secondary',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.dueDate || '—'}</span>,\n    },\n    {\n      key: 'amount',\n      header: 'Amount',\n      priority: 'secondary',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (inv) => (\n        <span className=\"font-medium tabular-nums\">${inv.amount.toLocaleString()}</span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (inv) => (\n        <Badge variant={statusVariant(inv.status)} className=\"text-[10px]\">\n          {formatEnumLabel(inv.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Invoices</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{invoices.length} invoices</p>\n          <PagePurpose className=\"mt-1\">\n            Create, send, and track invoices — see what&apos;s paid, pending, or overdue so you stay\n            on top of getting paid.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Invoice\n        </Button>\n      </div>\n\n      {/* Finance header: 4 KPI tiles + revenue-trend chart */}\n      <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-5\">\n        <StatCard label=\"Total Billed\" value={formatMoney(totalBilled)} />\n        <StatCard label=\"Paid\" value={formatMoney(totalPaid)} />\n        <StatCard label=\"Outstanding\" value={formatMoney(outstanding)} />\n        <StatCard\n          label=\"Overdue\"\n          value={<span className=\"text-status-error-text\">{formatMoney(totalOverdue)}</span>}\n        />\n        <div className=\"flex flex-col gap-2 rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-5 shadow-elevation-1 sm:col-span-2 xl:col-span-1\">\n          <span className=\"text-sm font-medium text-text-secondary\">Revenue trend</span>\n          {revenueSeries.length > 1 ? (\n            <AreaChart\n              series={revenueSeries}\n              height={96}\n              valueFormatter={(value) => formatMoney(value)}\n              title=\"Recognised revenue from paid invoices by month\"\n            />\n          ) : (\n            <p className=\"flex flex-1 items-center text-xs text-text-muted\">\n              Revenue trend appears once paid invoices span more than one month.\n            </p>\n          )}\n        </div>\n      </div>\n\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardHeader>\n          <CardTitle>Invoices</CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-4 pt-0\">\n          <ResponsiveTable\n            data={paged}\n            rowKey={(inv) => inv.id}\n            columns={columns}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No invoices yet\"\n                description=\"Create your first invoice to start getting paid.\"\n              />\n            }\n            rowActions={(inv) => (\n              <div className=\"flex items-center justify-end gap-1\">\n                {inv.status === 'paid' ? (\n                  <span className=\"inline-flex items-center gap-1 text-xs text-status-success-text\">\n                    <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                    Paid\n                  </span>\n                ) : (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    aria-label={`Mark invoice ${inv.number} as paid`}\n                    onClick={() => void updateInvoice(inv.id, { status: 'paid' })}\n                  >\n                    <CheckCircle2 className=\"h-3.5 w-3.5 mr-1\" />\n                    Mark Paid\n                  </Button>\n                )}\n                <DropdownMenu>\n                  <DropdownMenuTrigger asChild>\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"h-8 w-8\"\n                      aria-label={`More actions for invoice ${inv.number}`}\n                    >\n                      <MoreHorizontal className=\"h-4 w-4\" />\n                    </Button>\n                  </DropdownMenuTrigger>\n                  <DropdownMenuContent align=\"end\">\n                    <DropdownMenuItem onSelect={() => modal.openModal(inv)}>\n                      <Pencil className=\"mr-2 h-4 w-4\" />\n                      Edit\n                    </DropdownMenuItem>\n                    {inv.status !== 'paid' && (\n                      <DropdownMenuItem\n                        onSelect={() => void updateInvoice(inv.id, { status: 'paid' })}\n                      >\n                        <CheckCircle2 className=\"mr-2 h-4 w-4\" />\n                        Mark as paid\n                      </DropdownMenuItem>\n                    )}\n                    <DropdownMenuSeparator />\n                    <DropdownMenuItem\n                      className=\"text-status-error-text\"\n                      onSelect={() => setDeleteTarget(inv)}\n                    >\n                      <Trash2 className=\"mr-2 h-4 w-4\" />\n                      Delete\n                    </DropdownMenuItem>\n                  </DropdownMenuContent>\n                </DropdownMenu>\n              </div>\n            )}\n          />\n          {sorted.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={sorted.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit invoice' : 'Create invoice'}\n        description=\"Issue a new invoice to a client and track its payment status.\"\n        fields={INVOICE_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Create invoice'}\n        onSubmit={handleSubmit}\n      />\n\n      <AlertDialog\n        open={deleteTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleteTarget(null);\n          }\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete invoice?</AlertDialogTitle>\n            <AlertDialogDescription>\n              {deleteTarget\n                ? `Invoice ${deleteTarget.number} will be permanently removed. This cannot be undone.`\n                : ''}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={deleting}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmDelete();\n              }}\n              disabled={deleting}\n            >\n              {deleting ? 'Deleting…' : 'Delete'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/PaymentsPaymentDashboardPagePage.d.ts

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

package/dist/crewfoundry/pages/PaymentsPaymentDashboardPagePage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentsPaymentDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,gCAAgC,gCAgI/C"}

package/dist/crewfoundry/pages/PaymentsPaymentDashboardPagePage.js

@@ -1,160 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { CreditCard as n, DollarSign as r, Receipt as i, TrendingUp as a } from "lucide-react";
-import { useNavigate as o } from "react-router";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, IllustratedEmptyState as _, PagePurpose as v, ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
-//#region src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx
-var b = 5, x = (e) => e === "paid" ? "default" : e === "overdue" ? "destructive" : "secondary";
-function S() {
-	let S = o(), { invoices: C, payrollRecords: w } = e(), T = C.reduce((e, t) => e + t.amount, 0), E = C.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), D = w.reduce((e, t) => e + t.grossPay, 0), O = [...C].sort((e, t) => (t.issueDate ?? "").localeCompare(e.issueDate ?? "")).slice(0, b);
-	return /* @__PURE__ */ c("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ c("div", { children: [
-				/* @__PURE__ */ s("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ s(g, { children: "Payment Dashboard" })
-				}),
-				/* @__PURE__ */ s("p", {
-					className: "text-sm text-text-secondary",
-					children: "Financial transactions and payment overview"
-				}),
-				/* @__PURE__ */ s(v, {
-					className: "mt-1",
-					children: "A snapshot of all money movement — incoming payments, payouts, and balances so you understand your financial position at a glance."
-				})
-			] }),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ c(h, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Total Invoiced"
-							}), /* @__PURE__ */ s(i, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", T.toLocaleString()]
-						}) })]
-					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Collected"
-							}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-status-success-text" })]
-						}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", E.toLocaleString()]
-						}) })]
-					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Payroll Processed"
-							}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", D.toLocaleString()]
-						}) })]
-					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Outstanding"
-							}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-status-warning-text" })]
-						}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ c("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: ["$", (T - E).toLocaleString()]
-						}) })]
-					})
-				]
-			}),
-			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
-				className: "flex flex-row items-center justify-between space-y-0",
-				children: [/* @__PURE__ */ s(m, { children: "Recent Invoices" }), C.length > b && /* @__PURE__ */ s(u, {
-					variant: "ghost",
-					size: "sm",
-					onClick: () => S("../payments/invoices-page"),
-					children: "View all"
-				})]
-			}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(y, {
-				data: O,
-				rowKey: (e) => e.id,
-				columns: [
-					{
-						key: "number",
-						header: "Invoice",
-						priority: "primary",
-						cell: (e) => /* @__PURE__ */ s("span", {
-							className: "font-medium",
-							children: e.number
-						})
-					},
-					{
-						key: "client",
-						header: "Client",
-						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ s("span", {
-							className: "text-text-secondary",
-							children: e.clientName
-						})
-					},
-					{
-						key: "amount",
-						header: "Amount",
-						priority: "secondary",
-						headerClassName: "text-right",
-						cellClassName: "text-right",
-						cell: (e) => /* @__PURE__ */ c("span", { children: ["$", e.amount.toLocaleString()] })
-					},
-					{
-						key: "dueDate",
-						header: "Due Date",
-						priority: "hidden-on-mobile",
-						cell: (e) => /* @__PURE__ */ s("span", {
-							className: "text-text-secondary",
-							children: e.dueDate
-						})
-					},
-					{
-						key: "status",
-						header: "Status",
-						priority: "secondary",
-						cell: (e) => /* @__PURE__ */ s(l, {
-							variant: x(e.status),
-							className: "text-[10px]",
-							children: t(e.status)
-						})
-					}
-				],
-				emptyState: /* @__PURE__ */ s(_, {
-					illustration: "empty-data",
-					title: "No invoices yet",
-					description: "Invoices you create will show up here."
-				})
-			}) })] })
-		]
-	});
-}
-//#endregion
-export { S as PaymentsPaymentDashboardPagePage };
-
-//# sourceMappingURL=PaymentsPaymentDashboardPagePage.js.map

package/dist/crewfoundry/pages/PaymentsPaymentDashboardPagePage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentsPaymentDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { CreditCard, DollarSign, Receipt, TrendingUp } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type Invoice } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst RECENT_LIMIT = 5;\n\nconst statusVariant = (status: Invoice['status']) =>\n  status === 'paid' ? 'default' : status === 'overdue' ? 'destructive' : 'secondary';\n\nexport function PaymentsPaymentDashboardPagePage() {\n  const navigate = useNavigate();\n  const { invoices, payrollRecords } = useCrewFoundryStore();\n  const totalInvoiced = invoices.reduce((s, i) => s + i.amount, 0);\n  const totalPaid = invoices.filter((i) => i.status === 'paid').reduce((s, i) => s + i.amount, 0);\n  const totalPayroll = payrollRecords.reduce((s, r) => s + r.grossPay, 0);\n\n  const recentInvoices = [...invoices]\n    .sort((a, b) => (b.issueDate ?? '').localeCompare(a.issueDate ?? ''))\n    .slice(0, RECENT_LIMIT);\n\n  const columns: ResponsiveTableColumn<Invoice>[] = [\n    {\n      key: 'number',\n      header: 'Invoice',\n      priority: 'primary',\n      cell: (inv) => <span className=\"font-medium\">{inv.number}</span>,\n    },\n    {\n      key: 'client',\n      header: 'Client',\n      priority: 'secondary',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.clientName}</span>,\n    },\n    {\n      key: 'amount',\n      header: 'Amount',\n      priority: 'secondary',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (inv) => <span>${inv.amount.toLocaleString()}</span>,\n    },\n    {\n      key: 'dueDate',\n      header: 'Due Date',\n      priority: 'hidden-on-mobile',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.dueDate}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (inv) => (\n        <Badge variant={statusVariant(inv.status)} className=\"text-[10px]\">\n          {formatEnumLabel(inv.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Payment Dashboard</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Financial transactions and payment overview</p>\n        <PagePurpose className=\"mt-1\">\n          A snapshot of all money movement — incoming payments, payouts, and balances so you\n          understand your financial position at a glance.\n        </PagePurpose>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Invoiced</CardTitle>\n            <Receipt className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalInvoiced.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Collected</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalPaid.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Payroll Processed</CardTitle>\n            <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalPayroll.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Outstanding</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced - totalPaid).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n          <CardTitle>Recent Invoices</CardTitle>\n          {invoices.length > RECENT_LIMIT && (\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('../payments/invoices-page')}>\n              View all\n            </Button>\n          )}\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            data={recentInvoices}\n            rowKey={(inv) => inv.id}\n            columns={columns}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No invoices yet\"\n                description=\"Invoices you create will show up here.\"\n              />\n            }\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/PaymentsPaymentMethodsPagePage.d.ts

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

package/dist/crewfoundry/pages/PaymentsPaymentMethodsPagePage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentsPaymentMethodsPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,8BAA8B,gCA0E7C"}

package/dist/crewfoundry/pages/PaymentsPaymentMethodsPagePage.js

@@ -1,80 +0,0 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
-import { Building2 as n, CreditCard as r, ExternalLink as i } from "lucide-react";
-import { useNavigate as a } from "react-router";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, CardContent as u, GlassCard as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
-//#region src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx
-var h = "/billing/payment-methods";
-function g() {
-	let g = a(), { paymentMethods: _ } = e(), v = () => g(h);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ s("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ s("div", { children: [
-				/* @__PURE__ */ o("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ o(f, { children: "Payment Methods" })
-				}),
-				/* @__PURE__ */ o("p", {
-					className: "text-sm text-text-secondary",
-					children: "Managed in your platform Billing settings"
-				}),
-				/* @__PURE__ */ o(m, {
-					className: "mt-1",
-					children: "Manage how you pay and get paid — cards, bank accounts, and payout methods are held securely in Billing settings."
-				})
-			] }), /* @__PURE__ */ s(l, {
-				size: "sm",
-				onClick: v,
-				children: [/* @__PURE__ */ o(i, { className: "mr-1 h-4 w-4" }), "Manage in Billing settings"]
-			})]
-		}), /* @__PURE__ */ o("div", {
-			className: "grid gap-4 md:grid-cols-2",
-			children: _.length === 0 ? /* @__PURE__ */ o("div", {
-				className: "col-span-full",
-				children: /* @__PURE__ */ o(p, {
-					illustration: "empty-generic",
-					title: "No payment methods",
-					description: "Payment methods live in your platform Billing settings. Add a card or bank account there to pay and get paid.",
-					action: /* @__PURE__ */ s(l, {
-						size: "sm",
-						onClick: v,
-						children: [/* @__PURE__ */ o(i, { className: "mr-1 h-4 w-4" }), "Open Billing settings"]
-					})
-				})
-			}) : _.map((e, i) => /* @__PURE__ */ o(d, {
-				treatment: i === 0 ? "glass" : "plain",
-				glow: i === 0,
-				children: /* @__PURE__ */ s(u, {
-					className: "p-4",
-					children: [/* @__PURE__ */ s("div", {
-						className: "mb-3 flex items-center justify-between",
-						children: [/* @__PURE__ */ s("div", {
-							className: "flex items-center gap-2",
-							children: [e.type === "bank" ? /* @__PURE__ */ o(n, { className: "h-5 w-5 text-text-secondary" }) : /* @__PURE__ */ o(r, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
-								className: "text-sm font-medium",
-								children: e.name
-							}), /* @__PURE__ */ o("p", {
-								className: "text-xs text-text-secondary",
-								children: e.bank
-							})] })]
-						}), /* @__PURE__ */ o(c, {
-							variant: e.status === "primary" ? "default" : "secondary",
-							className: "text-[10px]",
-							children: t(e.status)
-						})]
-					}), /* @__PURE__ */ s("div", {
-						className: "flex items-center justify-between text-sm text-text-secondary",
-						children: [/* @__PURE__ */ s("span", { children: ["•••• •••• •••• ", e.last4] }), e.expiry ? /* @__PURE__ */ s("span", { children: ["Exp: ", e.expiry] }) : null]
-					})]
-				})
-			}, e.id))
-		})]
-	});
-}
-//#endregion
-export { g as PaymentsPaymentMethodsPagePage };
-
-//# sourceMappingURL=PaymentsPaymentMethodsPagePage.js.map