@burdenoff/microfe-movethewheels 2026.704.1 → 2026.710.1

package/dist/ReportsPage-MU8F9DQC.js

@@ -1,377 +0,0 @@
-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-j9Zw3wBN.js";
-import { t as m } from "./chevron-left-DzNxoaBG.js";
-import { t as h } from "./chevron-right-CKm3ZC1T.js";
-import { t as ee } from "./clock-B4-qjGuB.js";
-import { t as te } from "./download-BJonq2ty.js";
-import { t as g } from "./filter-B_S6WOqr.js";
-import { t as _ } from "./plus-Bk_G-lFC.js";
-import { n as v, o as y } from "./charts-Dv_zxP7L.js";
-import { t as b } from "./useReports-hUXb8ryJ.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 };