@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.2

package/dist/ReportsPage-Zp53q3_8.js

@@ -0,0 +1,284 @@
+import { B as e, F as t, I as n, L as r, P as i, R as a, d as o, f as s, g as c, h as l, i as u, l as d, lt as f, u as p } from "./PageLayout-D4LDHJJq.js";
+import { t as m } from "./clock-DJZtdl8u.js";
+import { t as h } from "./download-DRXxoiQR.js";
+import { t as g } from "./filter-DloLC2eE.js";
+import { t as _ } from "./plus-Z76q-FZm.js";
+import { t as v } from "./useReports-CTqZr-AB.js";
+import { r as y } from "./formatters-CF2S2l1m.js";
+import { useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, IllustratedEmptyState as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/calendar.js
+var E = f("Calendar", [
+	["path", {
+		d: "M8 2v4",
+		key: "1cmpym"
+	}],
+	["path", {
+		d: "M16 2v4",
+		key: "4m81vk"
+	}],
+	["rect", {
+		width: "18",
+		height: "18",
+		x: "3",
+		y: "4",
+		rx: "2",
+		key: "1hopcy"
+	}],
+	["path", {
+		d: "M3 10h18",
+		key: "8toen8"
+	}]
+]), D = f("FileChartColumnIncreasing", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "M8 18v-2",
+		key: "qcmpov"
+	}],
+	["path", {
+		d: "M12 18v-4",
+		key: "q1q25u"
+	}],
+	["path", {
+		d: "M16 18v-6",
+		key: "15y0np"
+	}]
+]), O = [
+	{
+		value: "operations",
+		label: "Operations Summary"
+	},
+	{
+		value: "finance",
+		label: "Financial Report"
+	},
+	{
+		value: "fleet",
+		label: "Fleet Utilization"
+	},
+	{
+		value: "customers",
+		label: "Customer Analytics"
+	},
+	{
+		value: "inventory",
+		label: "Inventory Status"
+	}
+];
+function k() {
+	let { reports: f, isLoading: k, error: A, refetch: j, createReport: M, generateReport: N } = v(), [P, F] = b("operations"), [I, L] = b(null), [R, z] = b(!1), [B, V] = b(null), H = (e) => O.find((t) => t.value === e)?.label ?? e, U = async (e) => {
+		z(!0), V(null);
+		let t = {
+			name: `${H(P)}${e ? " (Scheduled)" : ""}`,
+			type: P,
+			description: `${H(P)} generated from live operational data`,
+			...e ? { schedule: e } : {}
+		};
+		try {
+			await M(t), V({
+				tone: "success",
+				text: e ? "Scheduled report created." : "Report created."
+			});
+		} catch (e) {
+			V({
+				tone: "error",
+				text: e instanceof Error ? e.message : "Could not create report."
+			});
+		} finally {
+			z(!1);
+		}
+	}, W = async (e) => {
+		L(e), V(null);
+		try {
+			await N(e), V({
+				tone: "success",
+				text: "Report generated."
+			});
+		} catch (e) {
+			V({
+				tone: "error",
+				text: e instanceof Error ? e.message : "Could not generate report."
+			});
+		} finally {
+			L(null);
+		}
+	}, G = f.filter((e) => e.schedule);
+	return /* @__PURE__ */ S(u, {
+		title: "Reports",
+		subtitle: "Generate and schedule reports",
+		icon: /* @__PURE__ */ x(D, { size: 24 }),
+		headerActions: /* @__PURE__ */ S("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ S(i, {
+				value: P,
+				onValueChange: F,
+				children: [/* @__PURE__ */ x(r, {
+					className: "w-[190px]",
+					children: /* @__PURE__ */ x(a, {})
+				}), /* @__PURE__ */ x(t, { children: O.map((e) => /* @__PURE__ */ x(n, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			}), /* @__PURE__ */ S(p, {
+				onClick: () => void U(),
+				disabled: R,
+				children: [/* @__PURE__ */ x(_, { size: 16 }), " Create Report"]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ x(T, {
+				icon: /* @__PURE__ */ x(D, { size: 18 }),
+				children: "Turn your operational data into shareable summaries. Generate one-off reports on orders, finance, fleet, customers or inventory, or schedule them to land in inboxes automatically — so stakeholders always have the latest numbers without logging in."
+			}),
+			B && /* @__PURE__ */ x("div", {
+				role: "status",
+				className: `rounded-lg p-3 text-sm ${B.tone === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+				children: B.text
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ S("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [/* @__PURE__ */ x("h3", {
+						className: "font-semibold",
+						children: "Available Reports"
+					}), k ? /* @__PURE__ */ x("div", {
+						className: "space-y-3",
+						children: Array.from({ length: 3 }).map((t, n) => /* @__PURE__ */ x(e, { className: "h-20 w-full rounded-lg" }, n))
+					}) : A ? /* @__PURE__ */ x(o, {
+						className: "border-status-error-border",
+						children: /* @__PURE__ */ S(s, {
+							className: "p-6 text-center space-y-3",
+							children: [
+								/* @__PURE__ */ x("p", {
+									className: "text-status-error-text font-medium",
+									children: "Couldn't load reports"
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "text-sm text-text-secondary",
+									children: A.message
+								}),
+								/* @__PURE__ */ x(p, {
+									variant: "outline",
+									onClick: j,
+									children: "Retry"
+								})
+							]
+						})
+					}) : f.length === 0 ? /* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(s, {
+						className: "p-0",
+						children: /* @__PURE__ */ x(w, {
+							illustration: "empty-data",
+							title: "No reports yet",
+							description: "Create your first report to turn live operational data into a shareable summary.",
+							action: /* @__PURE__ */ S(p, {
+								onClick: () => void U(),
+								disabled: R,
+								children: [/* @__PURE__ */ x(_, {
+									size: 16,
+									className: "mr-1.5"
+								}), " Create Report"]
+							})
+						})
+					}) }) : f.map((e) => /* @__PURE__ */ x(o, { children: /* @__PURE__ */ x(s, {
+						className: "p-4",
+						children: /* @__PURE__ */ S("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ S("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ x("div", {
+									className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+									children: /* @__PURE__ */ x(D, {
+										size: 20,
+										className: "text-primary"
+									})
+								}), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ x("p", {
+									className: "text-sm text-text-secondary",
+									children: e.description ?? H(e.type)
+								})] })]
+							}), /* @__PURE__ */ S("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ S("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ x(d, {
+										variant: "outline",
+										children: e.schedule ?? "On demand"
+									}), e.lastGenerated && /* @__PURE__ */ S("p", {
+										className: "text-xs text-text-secondary mt-1",
+										children: ["Last: ", y(new Date(e.lastGenerated), "short")]
+									})]
+								}), /* @__PURE__ */ x(p, {
+									variant: "outline",
+									size: "sm",
+									"aria-label": `Generate ${e.name}`,
+									disabled: I === e.id,
+									onClick: () => void W(e.id),
+									children: /* @__PURE__ */ x(h, { size: 14 })
+								})]
+							})]
+						})
+					}) }, e.id))]
+				}), /* @__PURE__ */ S("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ S(C, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ S("h2", {
+								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+								children: [/* @__PURE__ */ x(m, { size: 18 }), " Scheduled Reports"]
+							}),
+							G.length === 0 ? /* @__PURE__ */ x("p", {
+								className: "text-sm text-text-secondary",
+								children: "No scheduled reports yet. Schedule one to have it generated automatically."
+							}) : G.map((e) => /* @__PURE__ */ S("div", {
+								className: "p-3 border border-border-seam rounded-lg",
+								children: [/* @__PURE__ */ x("p", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ S("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Schedule: ", e.schedule]
+								})]
+							}, e.id)),
+							/* @__PURE__ */ x(p, {
+								variant: "outline",
+								className: "w-full",
+								disabled: R,
+								onClick: () => void U("daily"),
+								children: "Schedule New Report"
+							})
+						]
+					}), /* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(l, { children: /* @__PURE__ */ x(c, { children: "Quick Actions" }) }), /* @__PURE__ */ S(s, {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ S(p, {
+							variant: "outline",
+							className: "w-full justify-start",
+							disabled: R,
+							onClick: () => void U("weekly"),
+							children: [/* @__PURE__ */ x(E, { size: 16 }), " Schedule Report"]
+						}), /* @__PURE__ */ S(p, {
+							variant: "outline",
+							className: "w-full justify-start",
+							disabled: R,
+							onClick: () => void U(),
+							children: [/* @__PURE__ */ x(g, { size: 16 }), " Custom Report"]
+						})]
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { k as default };