@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/{ImportExportPage-DKJRCezl.js → ImportExportPage-WYdwZomZ.js}

@@ -1,15 +1,17 @@
-import { d as e, f as t, g as n, h as r, i, l as a, lt as o, u as s } from "./PageLayout-D4LDHJJq.js";
-import { t as c } from "./download-DRXxoiQR.js";
-import { t as l } from "./file-text-DWWY6_f5.js";
-import { t as u } from "./useImportExport-DHr-SWSw.js";
-import { useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { EmphasisPanel as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
+import { d as e, f as t, g as n, h as r, i, l as a, u as o, ut as s } from "./PageLayout-BniRJaQ6.js";
+import { t as c } from "./download-DP04iWTd.js";
+import { t as l } from "./file-text-BuDx4hZp.js";
+import { t as u } from "./upload-DanJY1Vo.js";
+import { t as d } from "./x-C4ObLVEa.js";
+import { t as f } from "./useImportExport-MYwIT3rE.js";
+import { useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { EmphasisPanel as _, IllustratedEmptyState as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/check.js
-var v = o("Check", [["path", {
+var b = s("Check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), y = o("FileSpreadsheet", [
+}]]), x = s("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"
@@ -34,29 +36,7 @@ var v = o("Check", [["path", {
 		d: "M14 17h2",
 		key: "10kma7"
 	}]
-]), b = o("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"
-	}]
-]), x = o("X", [["path", {
-	d: "M18 6 6 18",
-	key: "1bl5f8"
-}], ["path", {
-	d: "m6 6 12 12",
-	key: "d8bk6v"
-}]]), S = [
+]), S = [
 	{
 		name: "Orders",
 		description: "Import orders from CSV or JSON",
@@ -104,10 +84,10 @@ var v = o("Check", [["path", {
 	}
 ];
 function w() {
-	let { exportData: o, importData: w, isBusy: T } = u(), [E, D] = f([]), [O, k] = f(null), A = d(null), j = d(null), M = (e) => D((t) => [e, ...t]), N = async (e, t) => {
+	let { exportData: s, importData: w, isBusy: T } = f(), [E, D] = m([]), [O, k] = m(null), A = p(null), j = p(null), M = (e) => D((t) => [e, ...t]), N = async (e, t) => {
 		k(`${e.resource}:${t}`);
 		try {
-			let n = await o(e.resource, t);
+			let n = await s(e.resource, t);
 			if (n.success && n.payload) {
 				let r = JSON.stringify(n.payload, null, 2), i = new Blob([r], { type: "application/json" }), a = URL.createObjectURL(i), o = document.createElement("a");
 				o.href = a, o.download = `${e.resource}-export.${t.toLowerCase() === "csv" ? "csv" : "json"}`, document.body.appendChild(o), o.click(), o.remove(), URL.revokeObjectURL(a);
@@ -133,16 +113,16 @@ function w() {
 	}, P = (e) => {
 		j.current = e, A.current?.click();
 	};
-	return /* @__PURE__ */ m(i, {
+	return /* @__PURE__ */ g(i, {
 		title: "Import / Export",
 		subtitle: "Import and export your data",
-		icon: /* @__PURE__ */ p(l, { size: 24 }),
+		icon: /* @__PURE__ */ h(l, { size: 24 }),
 		children: [
-			/* @__PURE__ */ p(_, {
-				icon: /* @__PURE__ */ p(l, { size: 18 }),
+			/* @__PURE__ */ h(y, {
+				icon: /* @__PURE__ */ h(l, { size: 18 }),
 				children: "Move data in and out in bulk. Import orders, customers, products or inventory from CSV/JSON to onboard or migrate without re-keying, and export any dataset for accounting, BI tools or backups — no manual copy-paste required."
 			}),
-			/* @__PURE__ */ p("input", {
+			/* @__PURE__ */ h("input", {
 				ref: A,
 				type: "file",
 				accept: ".csv,.json,application/json,text/csv",
@@ -177,65 +157,65 @@ function w() {
 					}
 				}
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ m(h, {
+				children: [/* @__PURE__ */ g(_, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ m("h2", {
+					children: [/* @__PURE__ */ g("h2", {
 						className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-						children: [/* @__PURE__ */ p(b, { size: 18 }), " Import Data"]
-					}), /* @__PURE__ */ p("div", {
+						children: [/* @__PURE__ */ h(u, { size: 18 }), " Import Data"]
+					}), /* @__PURE__ */ h("div", {
 						className: "space-y-4",
-						children: S.map((e) => /* @__PURE__ */ m("div", {
+						children: S.map((e) => /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
-							children: [/* @__PURE__ */ m("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ p("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "w-10 h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
-									children: /* @__PURE__ */ p(y, {
+									children: /* @__PURE__ */ h(x, {
 										size: 20,
 										className: "text-primary"
 									})
-								}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+								}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 									className: "font-medium",
 									children: e.name
-								}), /* @__PURE__ */ p("p", {
+								}), /* @__PURE__ */ h("p", {
 									className: "text-sm text-text-secondary",
 									children: e.description
 								})] })]
-							}), /* @__PURE__ */ m("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "text-right",
-								children: [/* @__PURE__ */ p(a, {
+								children: [/* @__PURE__ */ h(a, {
 									variant: "outline",
 									children: "CSV, JSON"
-								}), /* @__PURE__ */ p(s, {
+								}), /* @__PURE__ */ h(o, {
 									variant: "outline",
 									size: "sm",
 									className: "ml-2",
 									"aria-label": `Import ${e.name}`,
 									disabled: T,
 									onClick: () => P(e),
-									children: /* @__PURE__ */ p(b, { size: 14 })
+									children: /* @__PURE__ */ h(u, { size: 14 })
 								})]
 							})]
 						}, e.name))
 					})]
-				}), /* @__PURE__ */ m(e, { children: [/* @__PURE__ */ p(r, { children: /* @__PURE__ */ m(n, {
+				}), /* @__PURE__ */ g(e, { children: [/* @__PURE__ */ h(r, { children: /* @__PURE__ */ g(n, {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ p(c, { size: 18 }), " Export Data"]
-				}) }), /* @__PURE__ */ p(t, {
+					children: [/* @__PURE__ */ h(c, { size: 18 }), " Export Data"]
+				}) }), /* @__PURE__ */ h(t, {
 					className: "space-y-4",
-					children: C.map((e) => /* @__PURE__ */ m("div", {
+					children: C.map((e) => /* @__PURE__ */ g("div", {
 						className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
-						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-sm text-text-secondary",
 							children: e.description
-						})] }), /* @__PURE__ */ p("div", {
+						})] }), /* @__PURE__ */ h("div", {
 							className: "flex gap-1",
-							children: e.formats.map((t) => /* @__PURE__ */ p(s, {
+							children: e.formats.map((t) => /* @__PURE__ */ h(o, {
 								variant: "outline",
 								size: "sm",
 								disabled: O === `${e.resource}:${t}`,
@@ -246,26 +226,26 @@ function w() {
 					}, e.name))
 				})] })]
 			}),
-			/* @__PURE__ */ m(e, { children: [/* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(n, { children: "Recent Activity" }) }), /* @__PURE__ */ p(t, { children: E.length === 0 ? /* @__PURE__ */ p(g, {
+			/* @__PURE__ */ g(e, { children: [/* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(n, { children: "Recent Activity" }) }), /* @__PURE__ */ h(t, { children: E.length === 0 ? /* @__PURE__ */ h(v, {
 				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__ */ p("div", {
+			}) : /* @__PURE__ */ h("div", {
 				className: "space-y-3",
-				children: E.map((e, t) => /* @__PURE__ */ m("div", {
+				children: E.map((e, t) => /* @__PURE__ */ g("div", {
 					className: "flex items-center justify-between p-3 bg-bg-sunken/50 rounded-lg",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-3",
-						children: [e.type === "import" ? /* @__PURE__ */ p(b, {
+						children: [e.type === "import" ? /* @__PURE__ */ h(u, {
 							size: 16,
 							className: "text-primary"
-						}) : /* @__PURE__ */ p(c, {
+						}) : /* @__PURE__ */ h(c, {
 							size: 16,
 							className: "text-primary"
-						}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("p", {
 							className: "font-medium",
 							children: e.name
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ g("p", {
 							className: "text-sm text-text-secondary",
 							children: [
 								e.type === "import" ? "Imported" : "Exported",
@@ -276,10 +256,10 @@ function w() {
 								e.message
 							]
 						})] })]
-					}), /* @__PURE__ */ m(a, {
+					}), /* @__PURE__ */ g(a, {
 						variant: e.success ? "default" : "destructive",
 						className: "gap-1",
-						children: [e.success ? /* @__PURE__ */ p(v, { size: 12 }) : /* @__PURE__ */ p(x, { size: 12 }), e.success ? "done" : "failed"]
+						children: [e.success ? /* @__PURE__ */ h(b, { size: 12 }) : /* @__PURE__ */ h(d, { size: 12 }), e.success ? "done" : "failed"]
 					})]
 				}, t))
 			}) })] })

package/dist/InventoryPage-l5A1f753.js

@@ -0,0 +1,259 @@
+import { M as e, a as t, d as n, f as r, i, l as a, lt as o, st as s, u as c } from "./PageLayout-BniRJaQ6.js";
+import { t as l } from "./boxes-B_OGvQiW.js";
+import { t as u } from "./chevron-right-BIcwUJZq.js";
+import { t as d } from "./dollar-sign-B6RoYHHz.js";
+import { t as f } from "./package-DmRF7iQD.js";
+import { t as p } from "./plus-DlANgOFx.js";
+import { t as m } from "./triangle-alert-CmS8AUU6.js";
+import { t as h } from "./warehouse-CcMMioeY.js";
+import { n as g, t as _ } from "./useInventory-BSOn-R1c.js";
+import { n as v, r as y, t as b } from "./MetricCard-y3bWHKUQ.js";
+import { n as x } from "./formatters-FWJDwTFv.js";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CTAOverflowMenu as w, EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/InventoryPage.tsx
+function O() {
+	let { t: O } = D(), k = (e, t) => {
+		let n = O(e);
+		return n === e ? t : n;
+	}, { basePath: A, navigate: j } = s(), { inventory: M, products: N, warehouses: P, isLoading: F, error: I, refetch: L } = _(), { stats: R } = g(), z = (e) => j?.(o(A, e)), B = (e, t) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
+	}, V = M.filter((e) => e.availableQuantity <= e.reorderLevel);
+	return /* @__PURE__ */ C(i, {
+		title: k("movethewheels.inventory.title", "Inventory"),
+		subtitle: k("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		icon: /* @__PURE__ */ S(f, { size: 24 }),
+		headerActions: /* @__PURE__ */ S(w, {
+			primary: {
+				label: k("movethewheels.inventory.actions.addProduct", "Add Product"),
+				icon: /* @__PURE__ */ S(p, { size: 16 }),
+				onSelect: () => z("inventory/products/new")
+			},
+			actions: [{
+				label: k("movethewheels.inventory.actions.products", "Products"),
+				onSelect: () => z("inventory/products")
+			}, {
+				label: k("movethewheels.inventory.actions.warehouses", "Warehouses"),
+				onSelect: () => z("inventory/warehouses")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ S(E, {
+				icon: /* @__PURE__ */ S(f, { size: 18 }),
+				children: k("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.")
+			}),
+			I && !F ? /* @__PURE__ */ S(n, {
+				className: "border-status-error-border",
+				children: /* @__PURE__ */ C(r, {
+					className: "p-6 text-center space-y-3",
+					children: [
+						/* @__PURE__ */ S("p", {
+							className: "text-status-error-text font-medium",
+							children: k("movethewheels.inventory.error.title", "Couldn't load inventory")
+						}),
+						/* @__PURE__ */ S("p", {
+							className: "text-sm text-text-secondary",
+							children: I.message
+						}),
+						/* @__PURE__ */ S(c, {
+							variant: "outline",
+							onClick: L,
+							children: k("movethewheels.inventory.error.retry", "Retry")
+						})
+					]
+				})
+			}) : F ? /* @__PURE__ */ S(y, {
+				columns: 4,
+				children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ S(v, {}, t))
+			}) : /* @__PURE__ */ C(y, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ S(b, {
+						label: k("movethewheels.inventory.metrics.totalProducts", "Total Products"),
+						value: R.totalProducts,
+						icon: /* @__PURE__ */ S(f, { size: 20 }),
+						accent: "brand",
+						onClick: () => z("inventory/products")
+					}),
+					/* @__PURE__ */ S(b, {
+						label: k("movethewheels.inventory.metrics.totalItems", "Total Items"),
+						value: R.totalItems.toLocaleString(),
+						icon: /* @__PURE__ */ S(l, { size: 20 }),
+						accent: "success"
+					}),
+					/* @__PURE__ */ S(b, {
+						label: k("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
+						value: x(R.totalValue),
+						icon: /* @__PURE__ */ S(d, { size: 20 }),
+						accent: "blue"
+					}),
+					/* @__PURE__ */ S(b, {
+						label: k("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: R.totalWarehouses,
+						icon: /* @__PURE__ */ S(h, { size: 20 }),
+						accent: "neutral",
+						onClick: () => z("inventory/warehouses")
+					})
+				]
+			}),
+			V.length > 0 && /* @__PURE__ */ C(T, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ C("h2", {
+					className: "flex items-center gap-2 text-base font-semibold text-status-warning-text",
+					children: [
+						/* @__PURE__ */ S(m, { size: 18 }),
+						k("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						" (",
+						V.length,
+						" ",
+						k("movethewheels.inventory.lowStock.items", "items"),
+						")"
+					]
+				}), /* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("div", {
+					className: "space-y-3",
+					children: V.slice(0, 5).map((e) => {
+						let t = N.find((t) => t.id === e.productId);
+						return /* @__PURE__ */ C("div", {
+							className: "flex items-center justify-between p-3 bg-status-warning-bg/10 rounded-lg",
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+								className: "font-medium",
+								children: t?.name || k("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+							}), /* @__PURE__ */ C("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									k("movethewheels.inventory.lowStock.sku", "SKU:"),
+									" ",
+									t?.sku
+								]
+							})] }), /* @__PURE__ */ C("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ C("p", {
+									className: "font-medium text-status-warning-text",
+									children: [
+										e.availableQuantity,
+										" ",
+										k("movethewheels.inventory.lowStock.left", "left")
+									]
+								}), /* @__PURE__ */ C("p", {
+									className: "text-sm text-text-secondary",
+									children: [
+										k("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										" ",
+										e.reorderLevel
+									]
+								})]
+							})]
+						}, e.id);
+					})
+				}) })]
+			}),
+			/* @__PURE__ */ C("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ S(t, {
+					title: k("movethewheels.inventory.warehouses.title", "Warehouses"),
+					actions: /* @__PURE__ */ C(c, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => z("inventory/warehouses"),
+						children: [
+							k("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ S(u, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ S(n, { children: /* @__PURE__ */ S(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ S("div", {
+							className: "divide-y",
+							children: P.map((t) => /* @__PURE__ */ S("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View warehouse ${t.name}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => z(`inventory/warehouses/${t.id}`),
+								onKeyDown: (e) => B(e, () => z(`inventory/warehouses/${t.id}`)),
+								children: /* @__PURE__ */ C("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+										className: "font-medium",
+										children: t.name
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											t.address.city,
+											", ",
+											t.address.state
+										]
+									})] }), /* @__PURE__ */ C("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ S(a, {
+											variant: t.isActive ? "default" : "secondary",
+											children: t.isActive ? k("movethewheels.inventory.warehouses.active", "Active") : k("movethewheels.inventory.warehouses.inactive", "Inactive")
+										}), /* @__PURE__ */ C("div", {
+											className: "mt-2",
+											children: [/* @__PURE__ */ S("p", {
+												className: "text-xs text-text-secondary",
+												children: k("movethewheels.inventory.warehouses.utilization", "Utilization")
+											}), /* @__PURE__ */ S(e, {
+												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
+												className: "w-24 h-2"
+											})]
+										})]
+									})]
+								})
+							}, t.id))
+						})
+					}) })
+				}), /* @__PURE__ */ S(t, {
+					title: k("movethewheels.inventory.products.title", "Recent Products"),
+					actions: /* @__PURE__ */ C(c, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => z("inventory/products"),
+						children: [
+							k("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ S(u, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ S(n, { children: /* @__PURE__ */ S(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ S("div", {
+							className: "divide-y",
+							children: N.slice(0, 5).map((e) => /* @__PURE__ */ S("div", {
+								role: "button",
+								tabIndex: 0,
+								"aria-label": `View product ${e.name}`,
+								className: "p-4 hover:bg-bg-sunken/50 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+								onClick: () => z(`inventory/products/${e.id}`),
+								onKeyDown: (t) => B(t, () => z(`inventory/products/${e.id}`)),
+								children: /* @__PURE__ */ C("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ S("p", {
+										className: "text-sm text-text-secondary",
+										children: e.sku
+									})] }), /* @__PURE__ */ C("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ S("p", {
+											className: "font-medium",
+											children: x(e.value)
+										}), /* @__PURE__ */ S(a, {
+											variant: "outline",
+											children: e.category
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}) })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { O as default };