@burdenoff/microfe-crewfoundry 2026.626.1 → 2026.703.2

package/dist/crewfoundry/pages/PaymentsInvoicesPagePage.js

@@ -1,98 +1,211 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { Plus as t } from "lucide-react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Badge as a, Button as o, CardContent as s, GlassCard as c, GradientText as l, IllustratedEmptyState as u, PagePurpose as d } from "@burdenoff/fe-libs/ui";
+import { FormModal as t, useFormModal as n } from "../components/forms/FormModal.js";
+import { CheckCircle2 as r, Plus as i } from "lucide-react";
+import { Fragment as a, 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/PaymentsInvoicesPagePage.tsx
-function f() {
-	let { invoices: f } = e();
-	return /* @__PURE__ */ i("div", {
+var h = [
+	{
+		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"
+	}
+], g = (e) => {
+	let t = typeof e.amount == "number" ? e.amount : Number(e.amount) || 0, n = String(e.lineItem ?? "").trim() || "Services rendered";
+	return {
+		id: crypto.randomUUID(),
+		number: String(e.number ?? ""),
+		clientName: String(e.clientName ?? ""),
+		amount: t,
+		status: e.status || "draft",
+		issueDate: String(e.issueDate ?? ""),
+		dueDate: String(e.dueDate ?? ""),
+		items: [{
+			description: n,
+			amount: t
+		}]
+	};
+};
+function _() {
+	let { invoices: _, addInvoice: v, updateInvoice: y } = e(), b = n();
+	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ i("div", { children: [
-				/* @__PURE__ */ r("h1", {
-					className: "text-2xl font-semibold",
-					children: /* @__PURE__ */ r(l, { children: "Invoices" })
-				}),
-				/* @__PURE__ */ i("p", {
-					className: "text-sm text-text-secondary",
-					children: [f.length, " invoices"]
-				}),
-				/* @__PURE__ */ r(d, {
-					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__ */ i(o, {
-				size: "sm",
-				children: [/* @__PURE__ */ r(t, { className: "h-4 w-4 mr-1" }), "Create Invoice"]
-			})]
-		}), /* @__PURE__ */ r(c, {
-			treatment: "glass",
-			glow: !0,
-			className: "border-border-seam",
-			children: /* @__PURE__ */ r(s, {
-				className: "p-0",
-				children: f.length === 0 ? /* @__PURE__ */ r("div", {
-					className: "p-6",
-					children: /* @__PURE__ */ r(u, {
-						illustration: "empty-data",
-						title: "No invoices yet",
-						description: "Create your first invoice to start getting paid."
+		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: "Invoices" })
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "text-sm text-text-secondary",
+						children: [_.length, " invoices"]
+					}),
+					/* @__PURE__ */ o(m, {
+						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__ */ i(n, { children: [/* @__PURE__ */ i("div", {
-					className: "grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
-					children: [
-						/* @__PURE__ */ r("span", { children: "Invoice #" }),
-						/* @__PURE__ */ r("span", { children: "Client" }),
-						/* @__PURE__ */ r("span", { children: "Items" }),
-						/* @__PURE__ */ r("span", {
-							className: "text-right",
-							children: "Amount"
-						}),
-						/* @__PURE__ */ r("span", { children: "Due Date" }),
-						/* @__PURE__ */ r("span", {
-							className: "text-center",
-							children: "Status"
+				] }), /* @__PURE__ */ s(l, {
+					size: "sm",
+					onClick: () => b.openModal(),
+					children: [/* @__PURE__ */ o(i, { className: "h-4 w-4 mr-1" }), "Create Invoice"]
+				})]
+			}),
+			/* @__PURE__ */ o(d, {
+				treatment: "glass",
+				glow: !0,
+				className: "border-border-seam",
+				children: /* @__PURE__ */ o(u, {
+					className: "p-0",
+					children: _.length === 0 ? /* @__PURE__ */ o("div", {
+						className: "p-6",
+						children: /* @__PURE__ */ o(p, {
+							illustration: "empty-data",
+							title: "No invoices yet",
+							description: "Create your first invoice to start getting paid."
 						})
-					]
-				}), f.map((e) => /* @__PURE__ */ i("div", {
-					className: "grid grid-cols-6 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
-					children: [
-						/* @__PURE__ */ r("span", {
-							className: "font-medium",
-							children: e.number
-						}),
-						/* @__PURE__ */ r("span", {
-							className: "text-text-secondary",
-							children: e.clientName
-						}),
-						/* @__PURE__ */ r("div", {
-							className: "text-xs text-text-secondary",
-							children: e.items.map((e) => e.description).join(", ")
-						}),
-						/* @__PURE__ */ i("span", {
-							className: "text-right font-medium",
-							children: ["$", e.amount.toLocaleString()]
-						}),
-						/* @__PURE__ */ r("span", {
-							className: "text-text-secondary",
-							children: e.dueDate
-						}),
-						/* @__PURE__ */ r("div", {
-							className: "text-center",
-							children: /* @__PURE__ */ r(a, {
-								variant: e.status === "paid" ? "default" : e.status === "overdue" ? "destructive" : e.status === "draft" ? "outline" : "secondary",
-								className: "text-[10px]",
-								children: e.status
+					}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
+						className: "grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary p-4 border-b",
+						children: [
+							/* @__PURE__ */ o("span", { children: "Invoice #" }),
+							/* @__PURE__ */ o("span", { children: "Client" }),
+							/* @__PURE__ */ o("span", { children: "Items" }),
+							/* @__PURE__ */ o("span", {
+								className: "text-right",
+								children: "Amount"
+							}),
+							/* @__PURE__ */ o("span", { children: "Due Date" }),
+							/* @__PURE__ */ o("span", {
+								className: "text-center",
+								children: "Status"
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "text-right",
+								children: "Actions"
 							})
-						})
-					]
-				}, e.id))] })
+						]
+					}), _.map((e) => /* @__PURE__ */ s("div", {
+						className: "grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
+						children: [
+							/* @__PURE__ */ o("span", {
+								className: "font-medium",
+								children: e.number
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "text-text-secondary",
+								children: e.clientName
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "text-xs text-text-secondary",
+								children: e.items.map((e) => e.description).join(", ")
+							}),
+							/* @__PURE__ */ s("span", {
+								className: "text-right font-medium",
+								children: ["$", e.amount.toLocaleString()]
+							}),
+							/* @__PURE__ */ o("span", {
+								className: "text-text-secondary",
+								children: e.dueDate
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "text-center",
+								children: /* @__PURE__ */ o(c, {
+									variant: e.status === "paid" ? "default" : e.status === "overdue" ? "destructive" : e.status === "draft" ? "outline" : "secondary",
+									className: "text-[10px]",
+									children: e.status
+								})
+							}),
+							/* @__PURE__ */ o("div", {
+								className: "flex items-center justify-end",
+								children: e.status === "paid" ? /* @__PURE__ */ s("span", {
+									className: "inline-flex items-center gap-1 text-xs text-status-success-text",
+									children: [/* @__PURE__ */ o(r, { className: "h-3.5 w-3.5" }), "Paid"]
+								}) : /* @__PURE__ */ s(l, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => void y(e.id, { status: "paid" }),
+									children: [/* @__PURE__ */ o(r, { className: "h-3.5 w-3.5 mr-1" }), "Mark Paid"]
+								})
+							})
+						]
+					}, e.id))] })
+				})
+			}),
+			/* @__PURE__ */ o(t, {
+				open: b.open,
+				onOpenChange: b.onOpenChange,
+				title: "Create invoice",
+				description: "Issue a new invoice to a client and track its payment status.",
+				fields: h,
+				submitLabel: "Create invoice",
+				onSubmit: async (e) => {
+					await v(g(e));
+				}
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { f as PaymentsInvoicesPagePage };
+export { _ as PaymentsInvoicesPagePage };
 
 //# sourceMappingURL=PaymentsInvoicesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsInvoicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} 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\">\n            <GradientText>Invoices</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{invoices.length} invoices</p>\n          <PagePurpose className=\"mt-1\">Create, send, and track invoices — see what&apos;s paid, pending, or overdue so you stay on top of getting paid.</PagePurpose>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Invoice\n        </Button>\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-0\">\n          {invoices.length === 0 ? (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No invoices yet\"\n                description=\"Create your first invoice to start getting paid.\"\n              />\n            </div>\n          ) : (\n            <>\n              <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary 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-bg-sunken/50\"\n            >\n              <span className=\"font-medium\">{inv.number}</span>\n              <span className=\"text-text-secondary\">{inv.clientName}</span>\n              <div className=\"text-xs text-text-secondary\">\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-text-secondary\">{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            </>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,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;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA;KAClC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA4C,EAAS,QAAO,YAAa;;IACzE,kBAAC,GAAD;KAAa,WAAU;eAAO;KAA8H,CAAA;IACxJ,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;cAAb,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;MACL;MACN,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAC1C,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAS,WAAW,IACnB,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA;KACE,CAAA,GAEN,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,QAAD,EAAA,UAAM,aAAgB,CAAA;MACtB,kBAAC,QAAD,EAAA,UAAM,UAAa,CAAA;MACnB,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;MAClB,kBAAC,QAAD;OAAM,WAAU;iBAAa;OAAa,CAAA;MAC1C,kBAAC,QAAD,EAAA,UAAM,YAAe,CAAA;MACrB,kBAAC,QAAD;OAAM,WAAU;iBAAc;OAAa,CAAA;MACvC;QACL,EAAS,KAAK,MACjB,kBAAC,OAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,QAAD;OAAM,WAAU;iBAAe,EAAI;OAAc,CAAA;MACjD,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAI;OAAkB,CAAA;MAC7D,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAI,MAAM,KAAK,MAAM,EAAE,YAAY,CAAC,KAAK,KAAK;OAC3C,CAAA;MACN,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAAyC,KAAE,EAAI,OAAO,gBAAgB,CAAQ;;MAC9E,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAI;OAAe,CAAA;MAC1D,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QACE,SACE,EAAI,WAAW,SACX,YACA,EAAI,WAAW,YACb,gBACA,EAAI,WAAW,UACb,YACA;QAEV,WAAU;kBAET,EAAI;QACC,CAAA;OACJ,CAAA;MACF;OA1BC,EAAI,GA0BL,CACF,CACD,EAAA,CAAA;IAEO,CAAA;GACJ,CAAA,CACR"}
+{"version":3,"file":"PaymentsInvoicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsInvoicesPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { CheckCircle2, Plus } 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';\n\nconst INVOICE_FIELDS: FieldConfig[] = [\n  { name: 'number', label: 'Invoice number', type: 'text', required: true, placeholder: 'INV-0001' },\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 valuesToInvoice = (values: FormValues): 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: 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\nexport function PaymentsInvoicesPagePage() {\n  const { invoices, addInvoice, updateInvoice } = useCrewFoundryStore();\n  const modal = useFormModal();\n\n  const handleSubmit = async (values: FormValues) => {\n    await addInvoice(valuesToInvoice(values));\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\">Create, send, and track invoices — see what&apos;s paid, pending, or overdue so you stay on top of getting paid.</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      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-0\">\n          {invoices.length === 0 ? (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No invoices yet\"\n                description=\"Create your first invoice to start getting paid.\"\n              />\n            </div>\n          ) : (\n            <>\n              <div className=\"grid grid-cols-7 gap-2 text-xs font-medium text-text-secondary 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                <span className=\"text-right\">Actions</span>\n              </div>\n              {invoices.map((inv) => (\n            <div\n              key={inv.id}\n              className=\"grid grid-cols-7 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <span className=\"font-medium\">{inv.number}</span>\n              <span className=\"text-text-secondary\">{inv.clientName}</span>\n              <div className=\"text-xs text-text-secondary\">\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-text-secondary\">{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 className=\"flex items-center justify-end\">\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                    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              </div>\n            </div>\n              ))}\n            </>\n          )}\n        </CardContent>\n      </GlassCard>\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title=\"Create invoice\"\n        description=\"Issue a new invoice to a client and track its payment status.\"\n        fields={INVOICE_FIELDS}\n        submitLabel=\"Create invoice\"\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsPaymentDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\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\">\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\">A snapshot of all money movement — incoming payments, payouts, and balances so you understand your financial position at a glance.</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>\n          <CardTitle>Recent Invoices</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary 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-text-secondary\">{inv.clientName}</span>\n              <span className=\"text-right\">${inv.amount.toLocaleString()}</span>\n              <span className=\"text-text-secondary\">{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":"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"}
+{"version":3,"file":"PaymentsPaymentDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { 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\">\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\">A snapshot of all money movement — incoming payments, payouts, and balances so you understand your financial position at a glance.</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>\n          <CardTitle>Recent Invoices</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary 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-text-secondary\">{inv.clientName}</span>\n              <span className=\"text-right\">${inv.amount.toLocaleString()}</span>\n              <span className=\"text-text-secondary\">{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":"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"}

package/dist/crewfoundry/pages/PaymentsPaymentMethodsPagePage.js

@@ -1,37 +1,12 @@
 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 { Building2 as t, CreditCard as n, ExternalLink as r } from "lucide-react";
+import { useNavigate as i } from "react-router-dom";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Badge as s, Button as c, CardContent as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, PagePurpose as p } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx
-function m() {
-	let { paymentMethods: m, invoices: h, payrollRecords: g, vendors: _, clients: v } = e(), y = t(() => {
-		let e = g.slice(0, 3).map((e, t) => ({
-			id: `bank-${e.id}`,
-			type: "bank",
-			name: `${e.department} Settlement Account`,
-			bank: _[t % Math.max(_.length, 1)]?.name || "Burdenoff Bank",
-			last4: String(e.netPay).slice(-4).padStart(4, "0"),
-			status: t === 0 ? "primary" : "active"
-		})), t = h.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: `${v[n % Math.max(v.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];
-	}, [
-		v,
-		h,
-		g,
-		_
-	]), b = m.length > 0 ? m : y;
+var m = "/billing/payment-methods";
+function h() {
+	let h = i(), { paymentMethods: g } = e(), _ = () => h(m);
 	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [/* @__PURE__ */ o("div", {
@@ -43,35 +18,41 @@ function m() {
 				}),
 				/* @__PURE__ */ a("p", {
 					className: "text-sm text-text-secondary",
-					children: "Manage company payment accounts"
+					children: "Managed in your platform Billing settings"
 				}),
 				/* @__PURE__ */ a(p, {
 					className: "mt-1",
-					children: "Manage how you pay and get paid — add and update cards, bank accounts, and payout methods securely."
+					children: "Manage how you pay and get paid — cards, bank accounts, and payout methods are held securely in Billing settings."
 				})
 			] }), /* @__PURE__ */ o(c, {
 				size: "sm",
-				children: [/* @__PURE__ */ a(i, { className: "mr-1 h-4 w-4" }), "Add Method"]
+				onClick: _,
+				children: [/* @__PURE__ */ a(r, { className: "mr-1 h-4 w-4" }), "Manage in Billing settings"]
 			})]
 		}), /* @__PURE__ */ a("div", {
 			className: "grid gap-4 md:grid-cols-2",
-			children: b.length === 0 ? /* @__PURE__ */ a("div", {
+			children: g.length === 0 ? /* @__PURE__ */ a("div", {
 				className: "col-span-full",
 				children: /* @__PURE__ */ a(f, {
 					illustration: "empty-generic",
 					title: "No payment methods",
-					description: "Add a card or bank account to pay and get paid."
+					description: "Payment methods live in your platform Billing settings. Add a card or bank account there to pay and get paid.",
+					action: /* @__PURE__ */ o(c, {
+						size: "sm",
+						onClick: _,
+						children: [/* @__PURE__ */ a(r, { className: "mr-1 h-4 w-4" }), "Open Billing settings"]
+					})
 				})
-			}) : b.map((e, t) => /* @__PURE__ */ a(u, {
-				treatment: t === 0 ? "glass" : "plain",
-				glow: t === 0,
+			}) : g.map((e, r) => /* @__PURE__ */ a(u, {
+				treatment: r === 0 ? "glass" : "plain",
+				glow: r === 0,
 				children: /* @__PURE__ */ o(l, {
 					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-text-secondary" }) : /* @__PURE__ */ a(r, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+							children: [e.type === "bank" ? /* @__PURE__ */ a(t, { className: "h-5 w-5 text-text-secondary" }) : /* @__PURE__ */ a(n, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
 								className: "text-sm font-medium",
 								children: e.name
 							}), /* @__PURE__ */ a("p", {
@@ -93,6 +74,6 @@ function m() {
 	});
 }
 //#endregion
-export { m as PaymentsPaymentMethodsPagePage };
+export { h as PaymentsPaymentMethodsPagePage };
 
 //# sourceMappingURL=PaymentsPaymentMethodsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsPaymentMethodsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} 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\">\n            <GradientText>Payment Methods</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage company payment accounts</p>\n          <PagePurpose className=\"mt-1\">Manage how you pay and get paid — add and update cards, bank accounts, and payout methods securely.</PagePurpose>\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.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No payment methods\"\n              description=\"Add a card or bank account to pay and get paid.\"\n            />\n          </div>\n        ) : (\n          paymentMethods.map((method, _idx) => (\n          <GlassCard key={method.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\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-text-secondary\" />\n                  ) : (\n                    <CreditCard className=\"h-5 w-5 text-text-secondary\" />\n                  )}\n                  <div>\n                    <p className=\"text-sm font-medium\">{method.name}</p>\n                    <p className=\"text-xs text-text-secondary\">{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-text-secondary\">\n                <span>•••• •••• •••• {method.last4}</span>\n                {method.expiry ? <span>Exp: {method.expiry}</span> : null}\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentsPaymentMethodsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, CreditCard, ExternalLink } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\n// Payment methods are owned by the platform Billing module (global billing\n// account), not by CrewFoundry. We read the real methods surfaced via the\n// billing overlap and send all add/manage actions to Billing settings — there\n// is deliberately no crew-local payment-method store.\nconst BILLING_PAYMENT_METHODS_ROUTE = '/billing/payment-methods';\n\nexport function PaymentsPaymentMethodsPagePage() {\n  const navigate = useNavigate();\n  const { paymentMethods } = useCrewFoundryStore();\n\n  const goToBilling = () => navigate(BILLING_PAYMENT_METHODS_ROUTE);\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>Payment Methods</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Managed in your platform Billing settings\n          </p>\n          <PagePurpose className=\"mt-1\">Manage how you pay and get paid — cards, bank accounts, and payout methods are held securely in Billing settings.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={goToBilling}>\n          <ExternalLink className=\"mr-1 h-4 w-4\" />\n          Manage in Billing settings\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {paymentMethods.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No payment methods\"\n              description=\"Payment methods live in your platform Billing settings. Add a card or bank account there to pay and get paid.\"\n              action={\n                <Button size=\"sm\" onClick={goToBilling}>\n                  <ExternalLink className=\"mr-1 h-4 w-4\" />\n                  Open Billing settings\n                </Button>\n              }\n            />\n          </div>\n        ) : (\n          paymentMethods.map((method, _idx) => (\n            <GlassCard key={method.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\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-text-secondary\" />\n                    ) : (\n                      <CreditCard className=\"h-5 w-5 text-text-secondary\" />\n                    )}\n                    <div>\n                      <p className=\"text-sm font-medium\">{method.name}</p>\n                      <p className=\"text-xs text-text-secondary\">{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-text-secondary\">\n                  <span>•••• •••• •••• {method.last4}</span>\n                  {method.expiry ? <span>Exp: {method.expiry}</span> : null}\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAiBA,IAAM,IAAgC;AAEtC,SAAgB,IAAiC;CAC/C,IAAM,IAAW,GAAa,EACxB,EAAE,sBAAmB,GAAqB,EAE1C,UAAoB,EAAS,EAA8B;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,mBAA8B,CAAA;KACzC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAA+H,CAAA;IACzJ,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAS;cAA3B,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,6BAElC;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,WAAW,IACzB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;gBAA3B,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,wBAElC;;KAEX,CAAA;IACE,CAAA,GAEN,EAAe,KAAK,GAAQ,MAC1B,kBAAC,GAAD;IAA2B,WAAW,MAAS,IAAI,UAAU;IAAS,MAAM,MAAS;cACnF,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,SAAS,SACf,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,GAErD,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,EAExD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAO;QAAS,CAAA,EACpD,kBAAC,KAAD;QAAG,WAAU;kBAA+B,EAAO;QAAS,CAAA,CACxD,EAAA,CAAA,CACF;UACN,kBAAC,GAAD;OACE,SAAS,EAAO,WAAW,YAAY,YAAY;OACnD,WAAU;iBAET,EAAO;OACF,CAAA,CACJ;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,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;QACM;;IACJ,EA1BI,EAAO,GA0BX,CACZ;GAEA,CAAA,CACF"}