@burdenoff/microfe-crewfoundry 2026.510.105

package/dist/crewfoundry/pages/PaymentsEscrowPagePage.js

@@ -0,0 +1,133 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { DollarSign as n, Lock as r, ShieldCheck as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/PaymentsEscrowPagePage.tsx
+function f() {
+	let { projects: f, invoices: p, payrollRecords: m } = e(), h = t(() => f.slice(0, 10).map((e, t) => {
+		let n = p[t % Math.max(p.length, 1)], r = m[t % Math.max(m.length, 1)], i = Math.max(e.budget || 0, n?.amount || 0, 1e3), a = Math.min(e.spent || 0, i), o = Math.max(0, Math.round(e.progress / 100 * 5)), s = Math.max(o + 1, 3), c = a >= i ? "completed" : a > 0 ? "active" : r?.status === "approved" ? "funded" : "active";
+		return {
+			id: e.id,
+			project: e.name,
+			provider: r?.employeeName || e.managerName,
+			amount: i,
+			released: a,
+			status: c,
+			milestones: s,
+			completedMilestones: Math.min(o, s)
+		};
+	}), [
+		p,
+		m,
+		f
+	]), g = h.reduce((e, t) => e + t.amount, 0), _ = h.reduce((e, t) => e + t.released, 0);
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Escrow"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Secure payment holding for service contracts"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Total in Escrow"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", g.toLocaleString()]
+					}) })] }),
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Released"
+						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", _.toLocaleString()]
+					}) })] }),
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Held"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-blue-500" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", (g - _).toLocaleString()]
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Escrow Transactions" }) }), /* @__PURE__ */ a(l, {
+				className: "space-y-3",
+				children: h.map((e) => {
+					let t = e.amount === 0 ? 0 : Math.round(e.released / e.amount * 100);
+					return /* @__PURE__ */ o("div", {
+						className: "rounded border p-4",
+						children: [
+							/* @__PURE__ */ o("div", {
+								className: "mb-2 flex items-center justify-between",
+								children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+									className: "text-sm font-medium",
+									children: e.project
+								}), /* @__PURE__ */ a("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.provider
+								})] }), /* @__PURE__ */ a(s, {
+									variant: e.status === "active" ? "default" : e.status === "completed" ? "secondary" : "outline",
+									className: "text-[10px]",
+									children: e.status
+								})]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center gap-4 text-sm",
+								children: [
+									/* @__PURE__ */ o("span", { children: ["Total: $", e.amount.toLocaleString()] }),
+									/* @__PURE__ */ o("span", {
+										className: "text-green-600",
+										children: ["Released: $", e.released.toLocaleString()]
+									}),
+									/* @__PURE__ */ o("span", {
+										className: "text-muted-foreground",
+										children: ["Held: $", (e.amount - e.released).toLocaleString()]
+									})
+								]
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "mt-2",
+								children: [/* @__PURE__ */ o("div", {
+									className: "mb-1 flex justify-between text-xs",
+									children: [/* @__PURE__ */ o("span", { children: [
+										"Milestones: ",
+										e.completedMilestones,
+										"/",
+										e.milestones
+									] }), /* @__PURE__ */ o("span", { children: [t, "%"] })]
+								}), /* @__PURE__ */ a("div", {
+									className: "h-2 overflow-hidden rounded bg-muted",
+									children: /* @__PURE__ */ a("div", {
+										className: "h-2 rounded bg-green-500",
+										style: { width: `${t}%` }
+									})
+								})]
+							})
+						]
+					}, e.id);
+				})
+			})] })
+		]
+	});
+}
+//#endregion
+export { f as PaymentsEscrowPagePage };
+
+//# sourceMappingURL=PaymentsEscrowPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsEscrowPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsEscrowPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { DollarSign, Lock, ShieldCheck } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype EscrowTransaction = {\n  id: string;\n  project: string;\n  provider: string;\n  amount: number;\n  released: number;\n  status: 'active' | 'funded' | 'completed';\n  milestones: number;\n  completedMilestones: number;\n};\n\nexport function PaymentsEscrowPagePage() {\n  const { projects, invoices, payrollRecords } = useCrewFoundryStore();\n\n  const escrowTransactions = useMemo<EscrowTransaction[]>(() => {\n    return projects.slice(0, 10).map((project, index) => {\n      const invoice = invoices[index % Math.max(invoices.length, 1)];\n      const payroll = payrollRecords[index % Math.max(payrollRecords.length, 1)];\n      const amount = Math.max(project.budget || 0, invoice?.amount || 0, 1000);\n      const released = Math.min(project.spent || 0, amount);\n      const completedMilestones = Math.max(0, Math.round((project.progress / 100) * 5));\n      const milestones = Math.max(completedMilestones + 1, 3);\n      const status: EscrowTransaction['status'] =\n        released >= amount\n          ? 'completed'\n          : released > 0\n            ? 'active'\n            : payroll?.status === 'approved'\n              ? 'funded'\n              : 'active';\n\n      return {\n        id: project.id,\n        project: project.name,\n        provider: payroll?.employeeName || project.managerName,\n        amount,\n        released,\n        status,\n        milestones,\n        completedMilestones: Math.min(completedMilestones, milestones),\n      };\n    });\n  }, [invoices, payrollRecords, projects]);\n\n  const totalEscrow = escrowTransactions.reduce((sum, transaction) => sum + transaction.amount, 0);\n  const totalReleased = escrowTransactions.reduce(\n    (sum, transaction) => sum + transaction.released,\n    0\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Escrow</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          Secure payment holding for service contracts\n        </p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total in Escrow</CardTitle>\n            <Lock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalEscrow.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Released</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalReleased.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Held</CardTitle>\n            <ShieldCheck className=\"h-4 w-4 text-blue-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              ${(totalEscrow - totalReleased).toLocaleString()}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Escrow Transactions</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {escrowTransactions.map((escrow) => {\n            const progress =\n              escrow.amount === 0 ? 0 : Math.round((escrow.released / escrow.amount) * 100);\n\n            return (\n              <div key={escrow.id} className=\"rounded border p-4\">\n                <div className=\"mb-2 flex items-center justify-between\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{escrow.project}</p>\n                    <p className=\"text-xs text-muted-foreground\">{escrow.provider}</p>\n                  </div>\n                  <Badge\n                    variant={\n                      escrow.status === 'active'\n                        ? 'default'\n                        : escrow.status === 'completed'\n                          ? 'secondary'\n                          : 'outline'\n                    }\n                    className=\"text-[10px]\"\n                  >\n                    {escrow.status}\n                  </Badge>\n                </div>\n\n                <div className=\"flex items-center gap-4 text-sm\">\n                  <span>Total: ${escrow.amount.toLocaleString()}</span>\n                  <span className=\"text-green-600\">\n                    Released: ${escrow.released.toLocaleString()}\n                  </span>\n                  <span className=\"text-muted-foreground\">\n                    Held: ${(escrow.amount - escrow.released).toLocaleString()}\n                  </span>\n                </div>\n\n                <div className=\"mt-2\">\n                  <div className=\"mb-1 flex justify-between text-xs\">\n                    <span>\n                      Milestones: {escrow.completedMilestones}/{escrow.milestones}\n                    </span>\n                    <span>{progress}%</span>\n                  </div>\n                  <div className=\"h-2 overflow-hidden rounded bg-muted\">\n                    <div className=\"h-2 rounded bg-green-500\" style={{ width: `${progress}%` }} />\n                  </div>\n                </div>\n              </div>\n            );\n          })}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsInvoicesPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,wBAAwB,4CA2DvC"}

package/dist/crewfoundry/pages/PaymentsInvoicesPagePage.js

@@ -0,0 +1,79 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { Plus as t } from "lucide-react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Badge as i, Button as a, Card as o, CardContent as s } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx
+function c() {
+	let { invoices: c } = e();
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("h1", {
+				className: "text-2xl font-semibold",
+				children: "Invoices"
+			}), /* @__PURE__ */ r("p", {
+				className: "text-sm text-muted-foreground",
+				children: [c.length, " invoices"]
+			})] }), /* @__PURE__ */ r(a, {
+				size: "sm",
+				children: [/* @__PURE__ */ n(t, { className: "h-4 w-4 mr-1" }), "Create Invoice"]
+			})]
+		}), /* @__PURE__ */ n(o, { children: /* @__PURE__ */ r(s, {
+			className: "p-0",
+			children: [/* @__PURE__ */ r("div", {
+				className: "grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground p-4 border-b",
+				children: [
+					/* @__PURE__ */ n("span", { children: "Invoice #" }),
+					/* @__PURE__ */ n("span", { children: "Client" }),
+					/* @__PURE__ */ n("span", { children: "Items" }),
+					/* @__PURE__ */ n("span", {
+						className: "text-right",
+						children: "Amount"
+					}),
+					/* @__PURE__ */ n("span", { children: "Due Date" }),
+					/* @__PURE__ */ n("span", {
+						className: "text-center",
+						children: "Status"
+					})
+				]
+			}), c.map((e) => /* @__PURE__ */ r("div", {
+				className: "grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50",
+				children: [
+					/* @__PURE__ */ n("span", {
+						className: "font-medium",
+						children: e.number
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "text-muted-foreground",
+						children: e.clientName
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "text-xs text-muted-foreground",
+						children: e.items.map((e) => e.description).join(", ")
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "text-right font-medium",
+						children: ["$", e.amount.toLocaleString()]
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "text-muted-foreground",
+						children: e.dueDate
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "text-center",
+						children: /* @__PURE__ */ n(i, {
+							variant: e.status === "paid" ? "default" : e.status === "overdue" ? "destructive" : e.status === "draft" ? "outline" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})
+					})
+				]
+			}, e.id))]
+		}) })]
+	});
+}
+//#endregion
+export { c as PaymentsInvoicesPagePage };
+
+//# sourceMappingURL=PaymentsInvoicesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsInvoicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx"],"sourcesContent":["import { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { FileText, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function PaymentsInvoicesPagePage() {\n  const { invoices } = useCrewFoundryStore();\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\">Invoices</h1>\n          <p className=\"text-sm text-muted-foreground\">{invoices.length} invoices</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Invoice\n        </Button>\n      </div>\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-muted-foreground p-4 border-b\">\n            <span>Invoice #</span>\n            <span>Client</span>\n            <span>Items</span>\n            <span className=\"text-right\">Amount</span>\n            <span>Due Date</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {invoices.map((inv) => (\n            <div\n              key={inv.id}\n              className=\"grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-muted/50\"\n            >\n              <span className=\"font-medium\">{inv.number}</span>\n              <span className=\"text-muted-foreground\">{inv.clientName}</span>\n              <div className=\"text-xs text-muted-foreground\">\n                {inv.items.map((i) => i.description).join(', ')}\n              </div>\n              <span className=\"text-right font-medium\">${inv.amount.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">{inv.dueDate}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    inv.status === 'paid'\n                      ? 'default'\n                      : inv.status === 'overdue'\n                        ? 'destructive'\n                        : inv.status === 'draft'\n                          ? 'outline'\n                          : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {inv.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,IAA2B;CACzC,IAAM,EAAE,gBAAa,GAAqB;AAE1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAa,CAAA,EACpD,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,EAAS,QAAO,YAAa;MACvE,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAa,WAAU;aAAvB,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;KACtB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;KACnB,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;KAClB,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAa,CAAA;KAC1C,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;KACrB,kBAAC,QAAD;MAAM,WAAU;gBAAc;MAAa,CAAA;KACvC;OACL,EAAS,KAAK,MACb,kBAAC,OAAD;IAEE,WAAU;cAFZ;KAIE,kBAAC,QAAD;MAAM,WAAU;gBAAe,EAAI;MAAc,CAAA;KACjD,kBAAC,QAAD;MAAM,WAAU;gBAAyB,EAAI;MAAkB,CAAA;KAC/D,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAI,MAAM,KAAK,MAAM,EAAE,YAAY,CAAC,KAAK,KAAK;MAC3C,CAAA;KACN,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAAyC,KAAE,EAAI,OAAO,gBAAgB,CAAQ;;KAC9E,kBAAC,QAAD;MAAM,WAAU;gBAAyB,EAAI;MAAe,CAAA;KAC5D,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,SACE,EAAI,WAAW,SACX,YACA,EAAI,WAAW,YACb,gBACA,EAAI,WAAW,UACb,YACA;OAEV,WAAU;iBAET,EAAI;OACC,CAAA;MACJ,CAAA;KACF;MA1BC,EAAI,GA0BL,CACN,CACU;MACT,CAAA,CACH"}

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

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

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

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

package/dist/crewfoundry/pages/PaymentsPaymentDashboardPagePage.js

@@ -0,0 +1,113 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { CreditCard as t, DollarSign as n, Receipt as r, TrendingUp as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx
+function f() {
+	let { invoices: f, payrollRecords: p } = e(), m = f.reduce((e, t) => e + t.amount, 0), h = f.filter((e) => e.status === "paid").reduce((e, t) => e + t.amount, 0), g = p.reduce((e, t) => e + t.grossPay, 0);
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Payment Dashboard"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Financial transactions and payment overview"
+			})] }),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Total Invoiced"
+						}), /* @__PURE__ */ a(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", m.toLocaleString()]
+					}) })] }),
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Collected"
+						}), /* @__PURE__ */ a(n, { className: "h-4 w-4 text-green-500" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", h.toLocaleString()]
+					}) })] }),
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Payroll Processed"
+						}), /* @__PURE__ */ a(t, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", g.toLocaleString()]
+					}) })] }),
+					/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ o(u, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ a(d, {
+							className: "text-sm font-medium",
+							children: "Outstanding"
+						}), /* @__PURE__ */ a(i, { className: "h-4 w-4 text-yellow-500" })]
+					}), /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o("div", {
+						className: "text-2xl font-bold",
+						children: ["$", (m - h).toLocaleString()]
+					}) })] })
+				]
+			}),
+			/* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ a(d, { children: "Recent Invoices" }) }), /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
+				className: "grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2",
+				children: [
+					/* @__PURE__ */ a("span", { children: "Invoice" }),
+					/* @__PURE__ */ a("span", { children: "Client" }),
+					/* @__PURE__ */ a("span", {
+						className: "text-right",
+						children: "Amount"
+					}),
+					/* @__PURE__ */ a("span", { children: "Due Date" }),
+					/* @__PURE__ */ a("span", {
+						className: "text-center",
+						children: "Status"
+					})
+				]
+			}), f.map((e) => /* @__PURE__ */ o("div", {
+				className: "grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm",
+				children: [
+					/* @__PURE__ */ a("span", {
+						className: "font-medium",
+						children: e.number
+					}),
+					/* @__PURE__ */ a("span", {
+						className: "text-muted-foreground",
+						children: e.clientName
+					}),
+					/* @__PURE__ */ o("span", {
+						className: "text-right",
+						children: ["$", e.amount.toLocaleString()]
+					}),
+					/* @__PURE__ */ a("span", {
+						className: "text-muted-foreground",
+						children: e.dueDate
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "text-center",
+						children: /* @__PURE__ */ a(s, {
+							variant: e.status === "paid" ? "default" : e.status === "overdue" ? "destructive" : "secondary",
+							className: "text-[10px]",
+							children: e.status
+						})
+					})
+				]
+			}, e.id))] })] })
+		]
+	});
+}
+//#endregion
+export { f as PaymentsPaymentDashboardPagePage };
+
+//# sourceMappingURL=PaymentsPaymentDashboardPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsPaymentDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { ArrowUp, CreditCard, DollarSign, Receipt, TrendingUp } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function PaymentsPaymentDashboardPagePage() {\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  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Payment Dashboard</h1>\n        <p className=\"text-sm text-muted-foreground\">Financial transactions and payment overview</p>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalInvoiced.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-green-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalPaid.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">${totalPayroll.toLocaleString()}</div>\n          </CardContent>\n        </Card>\n        <Card>\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-yellow-500\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              ${(totalInvoiced - totalPaid).toLocaleString()}\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Recent Invoices</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-muted-foreground border-b pb-2 mb-2\">\n            <span>Invoice</span>\n            <span>Client</span>\n            <span className=\"text-right\">Amount</span>\n            <span>Due Date</span>\n            <span className=\"text-center\">Status</span>\n          </div>\n          {invoices.map((inv) => (\n            <div\n              key={inv.id}\n              className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium\">{inv.number}</span>\n              <span className=\"text-muted-foreground\">{inv.clientName}</span>\n              <span className=\"text-right\">${inv.amount.toLocaleString()}</span>\n              <span className=\"text-muted-foreground\">{inv.dueDate}</span>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    inv.status === 'paid'\n                      ? 'default'\n                      : inv.status === 'overdue'\n                        ? 'destructive'\n                        : 'secondary'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {inv.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,SAAgB,IAAmC;CACjD,IAAM,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAgB,EAAS,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EAC1D,IAAY,EAAS,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EACzF,IAAe,EAAe,QAAQ,GAAG,MAAM,IAAI,EAAE,UAAU,EAAE;AAEvE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAsB,CAAA,EAC7D,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAA+C,CAAA,CACxF,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA0B,CAAA,EACrE,kBAAC,GAAD,EAAS,WAAU,iCAAkC,CAAA,CAC1C;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,KAAE,EAAc,gBAAgB,CAAO;SAC/D,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAqB,CAAA,EAChE,kBAAC,GAAD,EAAY,WAAU,0BAA2B,CAAA,CACtC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,KAAE,EAAU,gBAAgB,CAAO;SAC3D,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAA6B,CAAA,EACxE,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA,CAC7C;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,KAAE,EAAa,gBAAgB,CAAO;SAC9D,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAAsB;OAAuB,CAAA,EAClE,kBAAC,GAAD,EAAY,WAAU,2BAA4B,CAAA,CACvC;SACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAAoC,MAC/B,IAAgB,GAAW,gBAAgB,CAC1C;SACM,CAAA,CACT,EAAA,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;KACpB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;KACnB,kBAAC,QAAD;MAAM,WAAU;gBAAa;MAAa,CAAA;KAC1C,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;KACrB,kBAAC,QAAD;MAAM,WAAU;gBAAc;MAAa,CAAA;KACvC;OACL,EAAS,KAAK,MACb,kBAAC,OAAD;IAEE,WAAU;cAFZ;KAIE,kBAAC,QAAD;MAAM,WAAU;gBAAe,EAAI;MAAc,CAAA;KACjD,kBAAC,QAAD;MAAM,WAAU;gBAAyB,EAAI;MAAkB,CAAA;KAC/D,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA6B,KAAE,EAAI,OAAO,gBAAgB,CAAQ;;KAClE,kBAAC,QAAD;MAAM,WAAU;gBAAyB,EAAI;MAAe,CAAA;KAC5D,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,SACE,EAAI,WAAW,SACX,YACA,EAAI,WAAW,YACb,gBACA;OAER,WAAU;iBAET,EAAI;OACC,CAAA;MACJ,CAAA;KACF;MArBC,EAAI,GAqBL,CACN,CACU,EAAA,CAAA,CACT,EAAA,CAAA;GACH"}

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

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

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

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

package/dist/crewfoundry/pages/PaymentsPaymentMethodsPagePage.js

@@ -0,0 +1,80 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { useMemo as t } from "react";
+import { Building2 as n, CreditCard as r, Plus as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, Card as l, CardContent as u } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx
+function d() {
+	let { paymentMethods: d, invoices: f, payrollRecords: p, vendors: m, clients: h } = e(), g = t(() => {
+		let e = p.slice(0, 3).map((e, t) => ({
+			id: `bank-${e.id}`,
+			type: "bank",
+			name: `${e.department} Settlement Account`,
+			bank: m[t % Math.max(m.length, 1)]?.name || "Burdenoff Bank",
+			last4: String(e.netPay).slice(-4).padStart(4, "0"),
+			status: t === 0 ? "primary" : "active"
+		})), t = f.slice(0, 4).map((t, n) => {
+			let r = String((n + 3) % 12 + 1).padStart(2, "0"), i = String(2027 + n % 2);
+			return {
+				id: `card-${t.id}`,
+				type: "card",
+				name: `${h[n % Math.max(h.length, 1)]?.name || "Corporate"} Card`,
+				bank: t.clientName,
+				last4: t.number.replaceAll(/\D/g, "").slice(-4).padStart(4, "0"),
+				status: n === 0 && e.length === 0 ? "primary" : "active",
+				expiry: `${r}/${i}`
+			};
+		});
+		return [...e, ...t];
+	}, [
+		h,
+		f,
+		p,
+		m
+	]), _ = d.length > 0 ? d : g;
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Payment Methods"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Manage company payment accounts"
+			})] }), /* @__PURE__ */ o(c, {
+				size: "sm",
+				children: [/* @__PURE__ */ a(i, { className: "mr-1 h-4 w-4" }), "Add Method"]
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: "grid gap-4 md:grid-cols-2",
+			children: _.map((e) => /* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
+				className: "p-4",
+				children: [/* @__PURE__ */ o("div", {
+					className: "mb-3 flex items-center justify-between",
+					children: [/* @__PURE__ */ o("div", {
+						className: "flex items-center gap-2",
+						children: [e.type === "bank" ? /* @__PURE__ */ a(n, { className: "h-5 w-5 text-muted-foreground" }) : /* @__PURE__ */ a(r, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+							className: "text-sm font-medium",
+							children: e.name
+						}), /* @__PURE__ */ a("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.bank
+						})] })]
+					}), /* @__PURE__ */ a(s, {
+						variant: e.status === "primary" ? "default" : "secondary",
+						className: "text-[10px]",
+						children: e.status
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between text-sm text-muted-foreground",
+					children: [/* @__PURE__ */ o("span", { children: ["•••• •••• •••• ", e.last4] }), e.expiry ? /* @__PURE__ */ o("span", { children: ["Exp: ", e.expiry] }) : null]
+				})]
+			}) }, e.id))
+		})]
+	});
+}
+//#endregion
+export { d as PaymentsPaymentMethodsPagePage };
+
+//# sourceMappingURL=PaymentsPaymentMethodsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsPaymentMethodsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Badge, Button, Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Building2, CreditCard, Plus } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype PaymentMethod = {\n  id: string;\n  type: 'bank' | 'card';\n  name: string;\n  bank: string;\n  last4: string;\n  status: 'primary' | 'active';\n  expiry?: string;\n};\n\nexport function PaymentsPaymentMethodsPagePage() {\n  const {\n    paymentMethods: overlapPaymentMethods,\n    invoices,\n    payrollRecords,\n    vendors,\n    clients,\n  } = useCrewFoundryStore();\n\n  const fallbackMethods = useMemo<PaymentMethod[]>(() => {\n    const bankMethods = payrollRecords.slice(0, 3).map((record, index) => ({\n      id: `bank-${record.id}`,\n      type: 'bank' as const,\n      name: `${record.department} Settlement Account`,\n      bank: vendors[index % Math.max(vendors.length, 1)]?.name || 'Burdenoff Bank',\n      last4: String(record.netPay).slice(-4).padStart(4, '0'),\n      status: index === 0 ? ('primary' as const) : ('active' as const),\n    }));\n\n    const cardMethods = invoices.slice(0, 4).map((invoice, index) => {\n      const month = String(((index + 3) % 12) + 1).padStart(2, '0');\n      const year = String(2027 + (index % 2));\n      return {\n        id: `card-${invoice.id}`,\n        type: 'card' as const,\n        name: `${clients[index % Math.max(clients.length, 1)]?.name || 'Corporate'} Card`,\n        bank: invoice.clientName,\n        last4: invoice.number.replaceAll(/\\D/g, '').slice(-4).padStart(4, '0'),\n        status:\n          index === 0 && bankMethods.length === 0 ? ('primary' as const) : ('active' as const),\n        expiry: `${month}/${year}`,\n      };\n    });\n\n    return [...bankMethods, ...cardMethods];\n  }, [clients, invoices, payrollRecords, vendors]);\n\n  const paymentMethods = overlapPaymentMethods.length > 0 ? overlapPaymentMethods : fallbackMethods;\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\">Payment Methods</h1>\n          <p className=\"text-sm text-muted-foreground\">Manage company payment accounts</p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          Add Method\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {paymentMethods.map((method) => (\n          <Card key={method.id}>\n            <CardContent className=\"p-4\">\n              <div className=\"mb-3 flex items-center justify-between\">\n                <div className=\"flex items-center gap-2\">\n                  {method.type === 'bank' ? (\n                    <Building2 className=\"h-5 w-5 text-muted-foreground\" />\n                  ) : (\n                    <CreditCard className=\"h-5 w-5 text-muted-foreground\" />\n                  )}\n                  <div>\n                    <p className=\"text-sm font-medium\">{method.name}</p>\n                    <p className=\"text-xs text-muted-foreground\">{method.bank}</p>\n                  </div>\n                </div>\n                <Badge\n                  variant={method.status === 'primary' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {method.status}\n                </Badge>\n              </div>\n              <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                <span>•••• •••• •••• {method.last4}</span>\n                {method.expiry ? <span>Exp: {method.expiry}</span> : null}\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAgB,IAAiC;CAC/C,IAAM,EACJ,gBAAgB,GAChB,aACA,mBACA,YACA,eACE,GAAqB,EAEnB,IAAkB,QAA+B;EACrD,IAAM,IAAc,EAAe,MAAM,GAAG,EAAE,CAAC,KAAK,GAAQ,OAAW;GACrE,IAAI,QAAQ,EAAO;GACnB,MAAM;GACN,MAAM,GAAG,EAAO,WAAW;GAC3B,MAAM,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAAQ;GAC5D,OAAO,OAAO,EAAO,OAAO,CAAC,MAAM,GAAG,CAAC,SAAS,GAAG,IAAI;GACvD,QAAQ,MAAU,IAAK,YAAuB;GAC/C,EAAE,EAEG,IAAc,EAAS,MAAM,GAAG,EAAE,CAAC,KAAK,GAAS,MAAU;GAC/D,IAAM,IAAQ,QAAS,IAAQ,KAAK,KAAM,EAAE,CAAC,SAAS,GAAG,IAAI,EACvD,IAAO,OAAO,OAAQ,IAAQ,EAAG;AACvC,UAAO;IACL,IAAI,QAAQ,EAAQ;IACpB,MAAM;IACN,MAAM,GAAG,EAAQ,IAAQ,KAAK,IAAI,EAAQ,QAAQ,EAAE,GAAG,QAAQ,YAAY;IAC3E,MAAM,EAAQ;IACd,OAAO,EAAQ,OAAO,WAAW,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,SAAS,GAAG,IAAI;IACtE,QACE,MAAU,KAAK,EAAY,WAAW,IAAK,YAAuB;IACpE,QAAQ,GAAG,EAAM,GAAG;IACrB;IACD;AAEF,SAAO,CAAC,GAAG,GAAa,GAAG,EAAY;IACtC;EAAC;EAAS;EAAU;EAAgB;EAAQ,CAAC,EAE1C,IAAiB,EAAsB,SAAS,IAAI,IAAwB;AAElF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAoB,CAAA,EAC3D,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAmC,CAAA,CAC5E,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,aAE1B;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,KAAK,MACnB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAO,SAAS,SACf,kBAAC,GAAD,EAAW,WAAU,iCAAkC,CAAA,GAEvD,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA,EAE1D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAO;OAAS,CAAA,EACpD,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAO;OAAS,CAAA,CAC1D,EAAA,CAAA,CACF;SACN,kBAAC,GAAD;MACE,SAAS,EAAO,WAAW,YAAY,YAAY;MACnD,WAAU;gBAET,EAAO;MACF,CAAA,CACJ;QACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAM,mBAAgB,EAAO,MAAa,EAAA,CAAA,EACzC,EAAO,SAAS,kBAAC,QAAD,EAAA,UAAA,CAAM,SAAM,EAAO,OAAc,EAAA,CAAA,GAAG,KACjD;OACM;OACT,EA1BI,EAAO,GA0BX,CACP;GACE,CAAA,CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsSecurityPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/PaymentsSecurityPagePage.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,wBAAwB,4CAsKvC"}