@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.6

package/dist/ReportsPage-CPLXtLT2.js

@@ -0,0 +1,377 @@
+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, u as f, ut as p } from "./PageLayout-DX1Ou6V6.js";
+import { t as m } from "./chevron-left-dhEGJYdh.js";
+import { t as h } from "./chevron-right-Cud2NDvm.js";
+import { t as ee } from "./clock-B2_YxJgB.js";
+import { t as te } from "./download-CG4Tponq.js";
+import { t as g } from "./filter-C0u2Lwfn.js";
+import { t as _ } from "./plus-BqQxkfoU.js";
+import { n as v, o as y } from "./charts-CfCwQg6o.js";
+import { t as b } from "./useReports-DIx8W7CO.js";
+import { r as x } from "./formatters-FWJDwTFv.js";
+import { useState as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, IllustratedEmptyState as E, PagePurpose as ne } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/calendar.js
+var re = p("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 = p("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"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/utils/download.ts
+function O(e, t, n) {
+	if (typeof document > "u") return;
+	let r = new Blob([t], { type: n }), i = URL.createObjectURL(r), a = document.createElement("a");
+	a.href = i, a.download = e, document.body.appendChild(a), a.click(), a.remove(), URL.revokeObjectURL(i);
+}
+function ie(e, t) {
+	O(e, JSON.stringify(t, null, 2), "application/json");
+}
+function k(e) {
+	if (!e || typeof e != "object") return null;
+	let t = Object.entries(e);
+	if (t.length === 0) return null;
+	let n = (e) => /[",\n]/.test(e) ? `"${e.replace(/"/g, "\"\"")}"` : e, r = (e) => e == null ? "" : typeof e == "object" ? JSON.stringify(e) : String(e), i = ["Field,Value"];
+	for (let [e, a] of t) i.push(`${n(e)},${n(r(a))}`);
+	return i.join("\n");
+}
+function A(e) {
+	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "report";
+}
+//#endregion
+//#region src/movethewheels/pages/ReportsPage.tsx
+var j = [
+	{
+		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"
+	}
+], M = 10;
+function N() {
+	let [p, N] = S(0), { reports: P, hasMore: F, isLoading: I, error: L, refetch: R, createReport: z, generateReport: B } = b({
+		limit: M,
+		offset: p * M
+	}), { analytics: V } = y(), H = V.trends.dailyOrders.slice(-7), [U, W] = S("operations"), [G, K] = S(null), [q, J] = S(!1), [Y, X] = S(null), Z = (e) => j.find((t) => t.value === e)?.label ?? e, Q = async (e) => {
+		J(!0), X(null);
+		let t = {
+			name: `${Z(U)}${e ? " (Scheduled)" : ""}`,
+			type: U,
+			description: `${Z(U)} generated from live operational data`,
+			...e ? { schedule: e } : {}
+		};
+		try {
+			await z(t), X({
+				tone: "success",
+				text: e ? "Scheduled report created." : "Report created."
+			});
+		} catch (e) {
+			X({
+				tone: "error",
+				text: e instanceof Error ? e.message : "Could not create report."
+			});
+		} finally {
+			J(!1);
+		}
+	}, ae = async (e) => {
+		K(e), X(null);
+		try {
+			let t = await B(e), n = `${A(t.report.name)}-${t.generatedAt.slice(0, 10)}`, r = k(t.result ?? null);
+			r ? O(`${n}.csv`, r, "text/csv") : ie(`${n}.json`, t), X({
+				tone: "success",
+				text: "Report generated and downloaded."
+			});
+		} catch (e) {
+			X({
+				tone: "error",
+				text: e instanceof Error ? e.message : "Could not generate report."
+			});
+		} finally {
+			K(null);
+		}
+	}, $ = P.filter((e) => e.schedule);
+	return /* @__PURE__ */ w(u, {
+		title: "Reports",
+		subtitle: "Generate and schedule reports",
+		icon: /* @__PURE__ */ C(D, { size: 24 }),
+		headerActions: /* @__PURE__ */ w("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ w(i, {
+				value: U,
+				onValueChange: W,
+				children: [/* @__PURE__ */ C(r, {
+					className: "w-[190px]",
+					children: /* @__PURE__ */ C(a, {})
+				}), /* @__PURE__ */ C(t, { children: j.map((e) => /* @__PURE__ */ C(n, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			}), /* @__PURE__ */ w(f, {
+				onClick: () => void Q(),
+				disabled: q,
+				children: [/* @__PURE__ */ C(_, { size: 16 }), " Create Report"]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ C(ne, {
+				icon: /* @__PURE__ */ C(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."
+			}),
+			Y && /* @__PURE__ */ C("div", {
+				role: "status",
+				className: `rounded-lg p-3 text-sm ${Y.tone === "success" ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"}`,
+				children: Y.text
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ w("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [
+						/* @__PURE__ */ C("h3", {
+							className: "font-semibold",
+							children: "Available Reports"
+						}),
+						I ? /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: Array.from({ length: 3 }).map((t, n) => /* @__PURE__ */ C(e, { className: "h-20 w-full rounded-lg" }, n))
+						}) : L ? /* @__PURE__ */ C(o, {
+							className: "border-status-error-border",
+							children: /* @__PURE__ */ w(s, {
+								className: "p-6 text-center space-y-3",
+								children: [
+									/* @__PURE__ */ C("p", {
+										className: "text-status-error-text font-medium",
+										children: "Couldn't load reports"
+									}),
+									/* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: L.message
+									}),
+									/* @__PURE__ */ C(f, {
+										variant: "outline",
+										onClick: R,
+										children: "Retry"
+									})
+								]
+							})
+						}) : P.length === 0 ? /* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(s, {
+							className: "p-0",
+							children: /* @__PURE__ */ C(E, {
+								illustration: "empty-data",
+								title: "No reports yet",
+								description: "Create your first report to turn live operational data into a shareable summary.",
+								action: /* @__PURE__ */ w(f, {
+									onClick: () => void Q(),
+									disabled: q,
+									children: [/* @__PURE__ */ C(_, {
+										size: 16,
+										className: "mr-1.5"
+									}), " Create Report"]
+								})
+							})
+						}) }) : P.map((e) => /* @__PURE__ */ C(o, { children: /* @__PURE__ */ C(s, {
+							className: "p-4",
+							children: /* @__PURE__ */ w("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ C("div", {
+										className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+										children: /* @__PURE__ */ C(D, {
+											size: 20,
+											className: "text-primary"
+										})
+									}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: e.description ?? Z(e.type)
+									})] })]
+								}), /* @__PURE__ */ w("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ w("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ C(d, {
+											variant: "outline",
+											children: e.schedule ?? "On demand"
+										}), e.lastGenerated && /* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary mt-1",
+											children: ["Last: ", x(new Date(e.lastGenerated), "short")]
+										})]
+									}), /* @__PURE__ */ C(f, {
+										variant: "outline",
+										size: "sm",
+										"aria-label": `Generate ${e.name}`,
+										disabled: G === e.id,
+										onClick: () => void ae(e.id),
+										children: /* @__PURE__ */ C(te, { size: 14 })
+									})]
+								})]
+							})
+						}) }, e.id)),
+						!I && !L && (P.length > 0 || p > 0) && /* @__PURE__ */ w("div", {
+							className: "flex flex-wrap items-center justify-between gap-3 pt-1",
+							children: [/* @__PURE__ */ w("span", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"Showing ",
+									P.length === 0 ? 0 : p * M + 1,
+									" to",
+									" ",
+									p * M + P.length
+								]
+							}), /* @__PURE__ */ w("div", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ C(f, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Previous page",
+										onClick: () => N((e) => Math.max(0, e - 1)),
+										disabled: p === 0,
+										children: /* @__PURE__ */ C(m, { className: "h-4 w-4" })
+									}),
+									/* @__PURE__ */ w("span", {
+										className: "px-3 text-sm",
+										children: ["Page ", p + 1]
+									}),
+									/* @__PURE__ */ C(f, {
+										variant: "outline",
+										size: "icon",
+										className: "h-8 w-8",
+										"aria-label": "Next page",
+										onClick: () => N((e) => e + 1),
+										disabled: !F,
+										children: /* @__PURE__ */ C(h, { className: "h-4 w-4" })
+									})
+								]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(c, {
+							className: "text-base",
+							children: "Data preview"
+						}) }), /* @__PURE__ */ w(s, { children: [/* @__PURE__ */ C("p", {
+							className: "mb-2 text-xs text-text-secondary",
+							children: "Order volume · last 7 days"
+						}), /* @__PURE__ */ C(v, {
+							xKey: "date",
+							height: 160,
+							showLegend: !1,
+							data: H,
+							series: [{
+								dataKey: "orders",
+								name: "Orders"
+							}],
+							emptyMessage: "No order data to preview yet"
+						})] })] }),
+						/* @__PURE__ */ w(T, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ w("h2", {
+									className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+									children: [/* @__PURE__ */ C(ee, { size: 18 }), " Scheduled Reports"]
+								}),
+								$.length === 0 ? /* @__PURE__ */ C("p", {
+									className: "text-sm text-text-secondary",
+									children: "No scheduled reports yet. Schedule one to have it generated automatically."
+								}) : $.map((e) => /* @__PURE__ */ w("div", {
+									className: "p-3 border border-border-seam rounded-lg",
+									children: [/* @__PURE__ */ C("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: ["Schedule: ", e.schedule]
+									})]
+								}, e.id)),
+								/* @__PURE__ */ C(f, {
+									variant: "outline",
+									className: "w-full",
+									disabled: q,
+									onClick: () => void Q("daily"),
+									children: "Schedule New Report"
+								})
+							]
+						}),
+						/* @__PURE__ */ w(o, { children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(c, { children: "Quick Actions" }) }), /* @__PURE__ */ w(s, {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ w(f, {
+								variant: "outline",
+								className: "w-full justify-start",
+								disabled: q,
+								onClick: () => void Q("weekly"),
+								children: [/* @__PURE__ */ C(re, { size: 16 }), " Schedule Report"]
+							}), /* @__PURE__ */ w(f, {
+								variant: "outline",
+								className: "w-full justify-start",
+								disabled: q,
+								onClick: () => void Q(),
+								children: [/* @__PURE__ */ C(g, { size: 16 }), " Custom Report"]
+							})]
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { N as default };