@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.2

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-BW0QXWuf.js → InventoryPage-rMGuaJN-.js}

@@ -1,31 +1,31 @@
-import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-D3N8MCTm.js";
-import { t as l } from "./chevron-right-BIFGi0UA.js";
-import { t as u } from "./package-BE7U0wQE.js";
-import { t as d } from "./plus-Dl1rLeJR.js";
-import { t as f } from "./triangle-alert-BOhfGgmh.js";
-import { t as p } from "./warehouse-D3WWDeTX.js";
-import { r as m } from "./graphqlClient-CdJyR_ed.js";
-import { n as h, t as g } from "./useInventory-Dwn18FPz.js";
-import { r as _, t as v } from "./MetricCard-B7yMyvMX.js";
-import { n as y } from "./formatters-_vJlC-47.js";
-import { t as b } from "./navigation-BgnOfsVd.js";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { CTAOverflowMenu as C } from "@burdenoff/fe-libs/ui";
+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 } = m(), { inventory: k, products: A, warehouses: j } = g(), { stats: M } = h(), N = (e) => O?.(b(D, e)), P = k.filter((e) => e.availableQuantity <= e.reorderLevel);
-	return /* @__PURE__ */ S(o, {
+	}, { 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__ */ x(u, { size: 24 }),
-		headerActions: /* @__PURE__ */ x(C, {
+		icon: /* @__PURE__ */ y(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ y(x, {
 			primary: {
 				label: E("movethewheels.inventory.actions.addProduct", "Add Product"),
-				icon: /* @__PURE__ */ x(d, { size: 16 }),
+				icon: /* @__PURE__ */ y(l, { size: 16 }),
 				onSelect: () => {}
 			},
 			actions: [{
@@ -37,39 +37,43 @@ function T() {
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ S(_, {
+			/* @__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__ */ x(v, {
+					/* @__PURE__ */ y(g, {
 						label: E("movethewheels.inventory.metrics.totalProducts", "Total Products"),
 						value: M.totalProducts,
-						icon: /* @__PURE__ */ x(u, { size: 20 }),
+						icon: /* @__PURE__ */ y(c, { size: 20 }),
 						onClick: () => N("inventory/products")
 					}),
-					/* @__PURE__ */ x(v, {
+					/* @__PURE__ */ y(g, {
 						label: E("movethewheels.inventory.metrics.totalItems", "Total Items"),
 						value: M.totalItems.toLocaleString(),
-						icon: /* @__PURE__ */ x(u, { size: 20 })
+						icon: /* @__PURE__ */ y(c, { size: 20 })
 					}),
-					/* @__PURE__ */ x(v, {
+					/* @__PURE__ */ y(g, {
 						label: E("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
-						value: y(M.totalValue),
-						icon: /* @__PURE__ */ x(u, { size: 20 })
+						value: _(M.totalValue),
+						icon: /* @__PURE__ */ y(c, { size: 20 })
 					}),
-					/* @__PURE__ */ x(v, {
+					/* @__PURE__ */ y(g, {
 						label: E("movethewheels.inventory.metrics.warehouses", "Warehouses"),
 						value: M.totalWarehouses,
-						icon: /* @__PURE__ */ x(p, { size: 20 }),
+						icon: /* @__PURE__ */ y(d, { size: 20 }),
 						onClick: () => N("inventory/warehouses")
 					})
 				]
 			}),
-			P.length > 0 && /* @__PURE__ */ S(n, {
-				className: "border-yellow-200",
-				children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(i, {
-					className: "flex items-center gap-2 text-yellow-600",
+			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__ */ x(f, { size: 18 }),
+						/* @__PURE__ */ y(u, { size: 18 }),
 						E("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
 						" (",
 						P.length,
@@ -77,32 +81,32 @@ function T() {
 						E("movethewheels.inventory.lowStock.items", "items"),
 						")"
 					]
-				}) }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("div", {
+				}), /* @__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__ */ S("div", {
-							className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
-							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+						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__ */ S("p", {
+							}), /* @__PURE__ */ b("p", {
 								className: "text-sm text-text-secondary",
 								children: [
 									E("movethewheels.inventory.lowStock.sku", "SKU:"),
 									" ",
 									t?.sku
 								]
-							})] }), /* @__PURE__ */ S("div", {
+							})] }), /* @__PURE__ */ b("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ S("p", {
-									className: "font-medium text-yellow-600",
+								children: [/* @__PURE__ */ b("p", {
+									className: "font-medium text-status-warning-text",
 									children: [
 										e.availableQuantity,
 										" ",
 										E("movethewheels.inventory.lowStock.left", "left")
 									]
-								}), /* @__PURE__ */ S("p", {
+								}), /* @__PURE__ */ b("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										E("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
@@ -115,50 +119,50 @@ function T() {
 					})
 				}) })]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ b("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ x(t, {
+				children: [/* @__PURE__ */ y(t, {
 					title: E("movethewheels.inventory.warehouses.title", "Warehouses"),
-					actions: /* @__PURE__ */ S(c, {
+					actions: /* @__PURE__ */ b(o, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => N("inventory/warehouses"),
 						children: [
 							E("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ x(l, { size: 16 })
+							/* @__PURE__ */ y(s, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(r, {
+					children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(r, {
 						className: "p-0",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ y("div", {
 							className: "divide-y",
-							children: j.map((t) => /* @__PURE__ */ x("div", {
+							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__ */ S("div", {
+								children: /* @__PURE__ */ b("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "font-medium",
 										children: t.name
-									}), /* @__PURE__ */ S("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-secondary",
 										children: [
 											t.address.city,
 											", ",
 											t.address.state
 										]
-									})] }), /* @__PURE__ */ S("div", {
+									})] }), /* @__PURE__ */ b("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ x(s, {
+										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__ */ S("div", {
+										}), /* @__PURE__ */ b("div", {
 											className: "mt-2",
-											children: [/* @__PURE__ */ x("p", {
+											children: [/* @__PURE__ */ y("p", {
 												className: "text-xs text-text-secondary",
 												children: E("movethewheels.inventory.warehouses.utilization", "Utilization")
-											}), /* @__PURE__ */ x(e, {
+											}), /* @__PURE__ */ y(e, {
 												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
 												className: "w-24 h-2"
 											})]
@@ -168,39 +172,39 @@ function T() {
 							}, t.id))
 						})
 					}) })
-				}), /* @__PURE__ */ x(t, {
+				}), /* @__PURE__ */ y(t, {
 					title: E("movethewheels.inventory.products.title", "Recent Products"),
-					actions: /* @__PURE__ */ S(c, {
+					actions: /* @__PURE__ */ b(o, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => N("inventory/products"),
 						children: [
 							E("movethewheels.inventory.common.viewAll", "View all"),
 							" ",
-							/* @__PURE__ */ x(l, { size: 16 })
+							/* @__PURE__ */ y(s, { size: 16 })
 						]
 					}),
-					children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(r, {
+					children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(r, {
 						className: "p-0",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ y("div", {
 							className: "divide-y",
-							children: A.slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
+							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__ */ S("div", {
+								children: /* @__PURE__ */ b("div", {
 									className: "flex items-center justify-between",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "font-medium",
 										children: e.name
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: e.sku
-									})] }), /* @__PURE__ */ S("div", {
+									})] }), /* @__PURE__ */ b("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ x("p", {
+										children: [/* @__PURE__ */ y("p", {
 											className: "font-medium",
-											children: y(e.value)
-										}), /* @__PURE__ */ x(s, {
+											children: _(e.value)
+										}), /* @__PURE__ */ y(a, {
 											variant: "outline",
 											children: e.category
 										})]