@burdenoff/microfe-movethewheels 2026.624.1 → 2026.626.1

package/dist/ImportExportPage-BW6qO3kc.js

@@ -0,0 +1,248 @@
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, u as s } from "./PageLayout-D3N8MCTm.js";
+import { t as c } from "./download-Dpa9vqoG.js";
+import { t as l } from "./file-text-C8Uioy11.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { EmphasisPanel as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/check.js
+var h = a("Check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), g = a("FileSpreadsheet", [
+	["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 13h2",
+		key: "yr2amv"
+	}],
+	["path", {
+		d: "M14 13h2",
+		key: "un5t4a"
+	}],
+	["path", {
+		d: "M8 17h2",
+		key: "2yhykz"
+	}],
+	["path", {
+		d: "M14 17h2",
+		key: "10kma7"
+	}]
+]), _ = a("Upload", [
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["polyline", {
+		points: "17 8 12 3 7 8",
+		key: "t8dd8p"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "3",
+		y2: "15",
+		key: "widbto"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/ImportExportPage.tsx
+function v() {
+	let a = [
+		{
+			name: "Orders",
+			description: "Import orders from CSV or Excel",
+			icon: g,
+			format: "CSV, XLSX"
+		},
+		{
+			name: "Customers",
+			description: "Import customer database",
+			icon: g,
+			format: "CSV, XLSX"
+		},
+		{
+			name: "Products",
+			description: "Import product catalog",
+			icon: g,
+			format: "CSV, XLSX"
+		},
+		{
+			name: "Inventory",
+			description: "Import inventory levels",
+			icon: g,
+			format: "CSV, XLSX"
+		}
+	], v = [
+		{
+			name: "Orders Report",
+			description: "Export all orders data",
+			formats: [
+				"CSV",
+				"Excel",
+				"PDF"
+			]
+		},
+		{
+			name: "Financial Report",
+			description: "Export revenue and payments",
+			formats: [
+				"CSV",
+				"Excel",
+				"PDF"
+			]
+		},
+		{
+			name: "Fleet Report",
+			description: "Export vehicle and driver data",
+			formats: ["CSV", "Excel"]
+		},
+		{
+			name: "Analytics Report",
+			description: "Export performance metrics",
+			formats: [
+				"CSV",
+				"Excel",
+				"PDF"
+			]
+		}
+	], y = [
+		{
+			type: "export",
+			name: "Orders Report",
+			date: "2024-01-15",
+			status: "completed"
+		},
+		{
+			type: "import",
+			name: "Customer Data",
+			date: "2024-01-14",
+			status: "completed"
+		},
+		{
+			type: "export",
+			name: "Financial Report",
+			date: "2024-01-13",
+			status: "completed"
+		}
+	];
+	return /* @__PURE__ */ d(i, {
+		title: "Import / Export",
+		subtitle: "Import and export your data",
+		icon: /* @__PURE__ */ u(l, { size: 24 }),
+		children: [
+			/* @__PURE__ */ u(m, {
+				icon: /* @__PURE__ */ u(l, { size: 18 }),
+				children: "Move data in and out in bulk. Import orders, customers, products or inventory from CSV/Excel to onboard or migrate without re-keying, and export any dataset for accounting, BI tools or backups — no manual copy-paste required."
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ d(f, {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ d("h2", {
+						className: "flex items-center gap-2 text-base font-semibold text-text-primary",
+						children: [/* @__PURE__ */ u(_, { size: 18 }), " Import Data"]
+					}), /* @__PURE__ */ u("div", {
+						className: "space-y-4",
+						children: a.map((e) => /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
+							children: [/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ u("div", {
+									className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+									children: /* @__PURE__ */ u(e.icon, {
+										size: 20,
+										className: "text-primary"
+									})
+								}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ u("p", {
+									className: "text-sm text-text-secondary",
+									children: e.description
+								})] })]
+							}), /* @__PURE__ */ d("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ u(o, {
+									variant: "outline",
+									children: e.format
+								}), /* @__PURE__ */ u(s, {
+									variant: "outline",
+									size: "sm",
+									className: "ml-2",
+									children: /* @__PURE__ */ u(_, { size: 14 })
+								})]
+							})]
+						}, e.name))
+					})]
+				}), /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ d(n, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u(c, { size: 18 }), " Export Data"]
+				}) }), /* @__PURE__ */ u(t, {
+					className: "space-y-4",
+					children: v.map((e) => /* @__PURE__ */ d("div", {
+						className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
+						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ u("p", {
+							className: "text-sm text-text-secondary",
+							children: e.description
+						})] }), /* @__PURE__ */ u("div", {
+							className: "flex gap-1",
+							children: e.formats.map((e) => /* @__PURE__ */ u(s, {
+								variant: "outline",
+								size: "sm",
+								children: e
+							}, e))
+						})]
+					}, e.name))
+				})] })]
+			}),
+			/* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ u(n, { children: "Recent Activity" }) }), /* @__PURE__ */ u(t, { children: y.length === 0 ? /* @__PURE__ */ u(p, {
+				illustration: "empty-data",
+				title: "No import or export activity yet",
+				description: "Your recent imports and exports will show up here once you run one."
+			}) : /* @__PURE__ */ u("div", {
+				className: "space-y-3",
+				children: y.map((e, t) => /* @__PURE__ */ d("div", {
+					className: "flex items-center justify-between p-3 bg-bg-sunken/50 rounded-lg",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-3",
+						children: [e.type === "import" ? /* @__PURE__ */ u(_, {
+							size: 16,
+							className: "text-primary"
+						}) : /* @__PURE__ */ u(c, {
+							size: 16,
+							className: "text-primary"
+						}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ d("p", {
+							className: "text-sm text-text-secondary",
+							children: [
+								e.type === "import" ? "Imported" : "Exported",
+								" on ",
+								e.date
+							]
+						})] })]
+					}), /* @__PURE__ */ d(o, {
+						variant: "default",
+						className: "gap-1",
+						children: [
+							/* @__PURE__ */ u(h, { size: 12 }),
+							" ",
+							e.status
+						]
+					})]
+				}, t))
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { v as default };

package/dist/InventoryPage-rMGuaJN-.js

@@ -0,0 +1,222 @@
+import { M as e, a as t, d as n, f as r, i, l as a, u as o } from "./PageLayout-D3N8MCTm.js";
+import { t as s } from "./chevron-right-BIFGi0UA.js";
+import { t as c } from "./package-BE7U0wQE.js";
+import { t as l } from "./plus-Dl1rLeJR.js";
+import { t as u } from "./triangle-alert-BOhfGgmh.js";
+import { t as d } from "./warehouse-D3WWDeTX.js";
+import { r as f } from "./graphqlClient-CdJyR_ed.js";
+import { n as p, t as m } from "./useInventory-Dwn18FPz.js";
+import { r as h, t as g } from "./MetricCard-B7yMyvMX.js";
+import { n as _ } from "./formatters-_vJlC-47.js";
+import { t as v } from "./navigation-BgnOfsVd.js";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { CTAOverflowMenu as x, EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/InventoryPage.tsx
+function T() {
+	let { t: T } = w(), E = (e, t) => {
+		let n = T(e);
+		return n === e ? t : n;
+	}, { basePath: D, navigate: O } = f(), { inventory: k, products: A, warehouses: j } = m(), { stats: M } = p(), N = (e) => O?.(v(D, e)), P = k.filter((e) => e.availableQuantity <= e.reorderLevel);
+	return /* @__PURE__ */ b(i, {
+		title: E("movethewheels.inventory.title", "Inventory"),
+		subtitle: E("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		icon: /* @__PURE__ */ y(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ y(x, {
+			primary: {
+				label: E("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ y(l, { size: 16 }),
+				onSelect: () => {}
+			},
+			actions: [{
+				label: E("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => N("inventory/products")
+			}, {
+				label: E("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => N("inventory/warehouses")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ y(C, {
+				icon: /* @__PURE__ */ y(c, { size: 18 }),
+				children: E("movethewheels.inventory.purpose", "A real-time view of what you have and where. Track stock value and quantities across warehouses, catch low-stock items before they run out, and drill into products or warehouses to manage what you can promise on an order.")
+			}),
+			/* @__PURE__ */ b(h, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ y(g, {
+						label: E("movethewheels.inventory.metrics.totalProducts", "Total Products"),
+						value: M.totalProducts,
+						icon: /* @__PURE__ */ y(c, { size: 20 }),
+						onClick: () => N("inventory/products")
+					}),
+					/* @__PURE__ */ y(g, {
+						label: E("movethewheels.inventory.metrics.totalItems", "Total Items"),
+						value: M.totalItems.toLocaleString(),
+						icon: /* @__PURE__ */ y(c, { size: 20 })
+					}),
+					/* @__PURE__ */ y(g, {
+						label: E("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
+						value: _(M.totalValue),
+						icon: /* @__PURE__ */ y(c, { size: 20 })
+					}),
+					/* @__PURE__ */ y(g, {
+						label: E("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: M.totalWarehouses,
+						icon: /* @__PURE__ */ y(d, { size: 20 }),
+						onClick: () => N("inventory/warehouses")
+					})
+				]
+			}),
+			P.length > 0 && /* @__PURE__ */ b(S, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ b("h2", {
+					className: "flex items-center gap-2 text-base font-semibold text-status-warning-text",
+					children: [
+						/* @__PURE__ */ y(u, { size: 18 }),
+						E("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						" (",
+						P.length,
+						" ",
+						E("movethewheels.inventory.lowStock.items", "items"),
+						")"
+					]
+				}), /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y("div", {
+					className: "space-y-3",
+					children: P.slice(0, 5).map((e) => {
+						let t = A.find((t) => t.id === e.productId);
+						return /* @__PURE__ */ b("div", {
+							className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
+							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+								className: "font-medium",
+								children: t?.name || E("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+							}), /* @__PURE__ */ b("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									E("movethewheels.inventory.lowStock.sku", "SKU:"),
+									" ",
+									t?.sku
+								]
+							})] }), /* @__PURE__ */ b("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ b("p", {
+									className: "font-medium text-status-warning-text",
+									children: [
+										e.availableQuantity,
+										" ",
+										E("movethewheels.inventory.lowStock.left", "left")
+									]
+								}), /* @__PURE__ */ b("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										E("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										" ",
+										e.reorderLevel
+									]
+								})]
+							})]
+						}, e.id);
+					})
+				}) })]
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ y(t, {
+					title: E("movethewheels.inventory.warehouses.title", "Warehouses"),
+					actions: /* @__PURE__ */ b(o, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => N("inventory/warehouses"),
+						children: [
+							E("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ y(s, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ y("div", {
+							className: "divide-y",
+							children: j.map((t) => /* @__PURE__ */ y("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer",
+								onClick: () => N(`inventory/warehouses/${t.id}`),
+								children: /* @__PURE__ */ b("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "font-medium",
+										children: t.name
+									}), /* @__PURE__ */ b("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											t.address.city,
+											", ",
+											t.address.state
+										]
+									})] }), /* @__PURE__ */ b("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ y(a, {
+											variant: t.isActive ? "default" : "secondary",
+											children: t.isActive ? E("movethewheels.inventory.warehouses.active", "Active") : E("movethewheels.inventory.warehouses.inactive", "Inactive")
+										}), /* @__PURE__ */ b("div", {
+											className: "mt-2",
+											children: [/* @__PURE__ */ y("p", {
+												className: "text-xs text-text-secondary",
+												children: E("movethewheels.inventory.warehouses.utilization", "Utilization")
+											}), /* @__PURE__ */ y(e, {
+												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
+												className: "w-24 h-2"
+											})]
+										})]
+									})]
+								})
+							}, t.id))
+						})
+					}) })
+				}), /* @__PURE__ */ y(t, {
+					title: E("movethewheels.inventory.products.title", "Recent Products"),
+					actions: /* @__PURE__ */ b(o, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => N("inventory/products"),
+						children: [
+							E("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ y(s, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ y("div", {
+							className: "divide-y",
+							children: A.slice(0, 5).map((e) => /* @__PURE__ */ y("div", {
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer",
+								onClick: () => N(`inventory/products/${e.id}`),
+								children: /* @__PURE__ */ b("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ y("p", {
+										className: "text-sm text-text-secondary",
+										children: e.sku
+									})] }), /* @__PURE__ */ b("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ y("p", {
+											className: "font-medium",
+											children: _(e.value)
+										}), /* @__PURE__ */ y(a, {
+											variant: "outline",
+											children: e.category
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}) })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { T as default };