@burdenoff/microfe-movethewheels 2026.924.2 → 2026.925.2

package/dist/components/OrderItemRow.js

@@ -1,124 +1,210 @@
 import { Trash2 as e } from "../node_modules/lucide-react/dist/esm/icons/trash-2.js";
 import { useProduct as t, useProductStockLevels as n } from "../hooks/useInventory.js";
-import { Button as r, Input as i, Label as a, Separator as o } from "./ui.js";
-import { EntityCombobox as s } from "./EntityCombobox.js";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as r, Input as i, Label as a } from "./ui.js";
+import { EntityCombobox as o } from "./EntityCombobox.js";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/movethewheels/components/OrderItemRow.tsx
-function d(e, t) {
+function u(e, t) {
 	return e <= 0 ? "No stock recorded for this item." : t.length === 1 ? `${e.toLocaleString()} available at ${t[0].warehouseName}` : `${e.toLocaleString()} available across ${t.length} warehouses`;
 }
-function f({ item: f, index: p, isFirst: m, products: h, productsLoading: g, onUpdate: _, onRemove: v }) {
-	let { product: y, isLoading: b } = t(f.productId || void 0), { levels: x, totalAvailable: S, isLoading: C } = n(f.productId || void 0);
-	return /* @__PURE__ */ u("div", { children: [
-		!m && /* @__PURE__ */ l(o, { className: "my-4" }),
-		/* @__PURE__ */ u("div", {
-			className: "mb-3 space-y-2",
+function d({ item: d, index: f, products: p, productsLoading: m, onUpdate: h, onRemove: g }) {
+	let { product: _, isLoading: v } = t(d.productId || void 0), { levels: y, totalAvailable: b, isLoading: x } = n(d.productId || void 0), S = d.dimensions ?? {
+		length: 0,
+		width: 0,
+		height: 0,
+		unit: "cm"
+	}, C = (e) => {
+		if (!e) {
+			h(f, "productId", "");
+			return;
+		}
+		let t = p.find((t) => t.id === e);
+		t && (h(f, "productId", t.id), h(f, "name", t.name), h(f, "sku", t.sku), h(f, "weight", t.weight), h(f, "value", t.value), h(f, "dimensions", t.dimensions));
+	}, w = (e, t) => {
+		h(f, "dimensions", {
+			...S,
+			[e]: Number.parseFloat(t) || 0
+		});
+	};
+	return /* @__PURE__ */ l("div", {
+		className: "rounded-card border border-border-subtle bg-bg-surface p-4 shadow-elevation-1 sm:p-5",
+		"aria-labelledby": `order-item-${d.id}-title`,
+		children: [/* @__PURE__ */ l("div", {
+			className: "mb-4 flex items-start justify-between gap-4",
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("h3", {
+				id: `order-item-${d.id}-title`,
+				className: "text-sm font-semibold text-text-primary",
+				children: ["Item ", f + 1]
+			}), /* @__PURE__ */ c("p", {
+				className: "mt-1 text-xs text-text-secondary",
+				children: "Select a catalog item to prefill details, or enter a one-off shipment manually."
+			})] }), /* @__PURE__ */ c(r, {
+				type: "button",
+				variant: "ghost",
+				size: "icon",
+				className: "shrink-0 text-status-error-text",
+				onClick: () => g(f),
+				"aria-label": `Remove item ${f + 1}`,
+				title: `Remove item ${f + 1}`,
+				children: /* @__PURE__ */ c(e, {
+					size: 16,
+					"aria-hidden": "true"
+				})
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ l(a, {
-					htmlFor: `item-product-${f.id}`,
-					children: "Catalog item (optional)"
+				/* @__PURE__ */ l("div", {
+					className: "rounded-card border border-border-subtle bg-bg-sunken/40 p-3 sm:p-4",
+					children: [
+						/* @__PURE__ */ c(a, {
+							htmlFor: `item-product-${d.id}`,
+							children: "Catalog item (optional)"
+						}),
+						/* @__PURE__ */ c(o, {
+							id: `item-product-${d.id}`,
+							value: d.productId,
+							onChange: C,
+							options: p,
+							loading: m,
+							getId: (e) => e.id,
+							getLabel: (e) => `${e.name} (${e.sku})`,
+							renderOption: (e) => /* @__PURE__ */ l(s, { children: [
+								e.name,
+								" ",
+								/* @__PURE__ */ l("span", {
+									className: "text-text-tertiary",
+									children: [
+										"(",
+										e.sku,
+										")"
+									]
+								})
+							] }),
+							selectedOption: _,
+							selectedLoading: v,
+							placeholder: "Pick from your product catalog",
+							emptyText: "No products found.",
+							noneLabel: "Enter details manually"
+						}),
+						d.productId && !x && /* @__PURE__ */ c("p", {
+							className: "mt-2 text-xs text-text-secondary",
+							role: "status",
+							children: u(b, y)
+						})
+					]
 				}),
-				/* @__PURE__ */ l(s, {
-					id: `item-product-${f.id}`,
-					value: f.productId,
-					onChange: (e) => {
-						if (!e) {
-							_(p, "productId", "");
-							return;
-						}
-						let t = h.find((t) => t.id === e);
-						t && (_(p, "productId", t.id), _(p, "name", t.name), _(p, "sku", t.sku), _(p, "weight", t.weight), _(p, "value", t.value), _(p, "dimensions", t.dimensions));
-					},
-					options: h,
-					loading: g,
-					getId: (e) => e.id,
-					getLabel: (e) => `${e.name} (${e.sku})`,
-					renderOption: (e) => /* @__PURE__ */ u(c, { children: [
-						e.name,
-						" ",
-						/* @__PURE__ */ u("span", {
-							className: "text-text-tertiary",
+				/* @__PURE__ */ l("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-12",
+					children: [
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2 lg:col-span-4",
+							children: [/* @__PURE__ */ c(a, {
+								htmlFor: `item-name-${d.id}`,
+								children: "Item name"
+							}), /* @__PURE__ */ c(i, {
+								id: `item-name-${d.id}`,
+								value: d.name,
+								onChange: (e) => h(f, "name", e.target.value),
+								placeholder: "Product name"
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2 lg:col-span-3",
+							children: [/* @__PURE__ */ c(a, {
+								htmlFor: `item-sku-${d.id}`,
+								children: "SKU"
+							}), /* @__PURE__ */ c(i, {
+								id: `item-sku-${d.id}`,
+								value: d.sku,
+								onChange: (e) => h(f, "sku", e.target.value),
+								placeholder: "SKU-001"
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2 lg:col-span-2",
+							children: [/* @__PURE__ */ c(a, {
+								htmlFor: `item-quantity-${d.id}`,
+								children: "Quantity"
+							}), /* @__PURE__ */ c(i, {
+								id: `item-quantity-${d.id}`,
+								type: "number",
+								min: "1",
+								value: d.quantity,
+								onChange: (e) => h(f, "quantity", parseInt(e.target.value, 10) || 1)
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2 lg:col-span-2",
+							children: [/* @__PURE__ */ c(a, {
+								htmlFor: `item-weight-${d.id}`,
+								children: "Weight (kg)"
+							}), /* @__PURE__ */ c(i, {
+								id: `item-weight-${d.id}`,
+								type: "number",
+								min: "0",
+								step: "0.1",
+								value: d.weight,
+								onChange: (e) => h(f, "weight", parseFloat(e.target.value) || 0)
+							})]
+						}),
+						/* @__PURE__ */ l("div", {
+							className: "space-y-2 lg:col-span-1",
+							children: [/* @__PURE__ */ c(a, {
+								htmlFor: `item-value-${d.id}`,
+								children: "Value ($)"
+							}), /* @__PURE__ */ c(i, {
+								id: `item-value-${d.id}`,
+								type: "number",
+								min: "0",
+								step: "0.01",
+								value: d.value,
+								onChange: (e) => h(f, "value", parseFloat(e.target.value) || 0)
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ l("fieldset", {
+					className: "rounded-card border border-border-subtle bg-bg-sunken/40 p-3 sm:p-4",
+					children: [
+						/* @__PURE__ */ l("legend", {
+							className: "px-1 text-xs font-medium text-text-secondary",
 							children: [
-								"(",
-								e.sku,
+								"Dimensions (",
+								S.unit,
 								")"
 							]
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+							children: [
+								"length",
+								"width",
+								"height"
+							].map((e) => /* @__PURE__ */ l("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ c(a, {
+									htmlFor: `item-${e}-${d.id}`,
+									children: e.charAt(0).toUpperCase() + e.slice(1)
+								}), /* @__PURE__ */ c(i, {
+									id: `item-${e}-${d.id}`,
+									type: "number",
+									min: "0",
+									step: "0.1",
+									value: S[e],
+									onChange: (t) => w(e, t.target.value)
+								})]
+							}, e))
+						}),
+						/* @__PURE__ */ c("p", {
+							className: "mt-2 text-xs text-text-secondary",
+							children: "Catalog selections prefill these measurements, and you can adjust them for this order."
 						})
-					] }),
-					selectedOption: y,
-					selectedLoading: b,
-					placeholder: "Pick from your product catalog",
-					emptyText: "No products found.",
-					noneLabel: "Enter details manually"
-				}),
-				f.productId && !C && /* @__PURE__ */ l("p", {
-					className: "text-xs text-text-secondary",
-					children: d(S, x)
-				})
-			]
-		}),
-		/* @__PURE__ */ u("div", {
-			className: "grid grid-cols-1 gap-4 md:grid-cols-7",
-			children: [
-				/* @__PURE__ */ u("div", {
-					className: "space-y-2 md:col-span-2",
-					children: [/* @__PURE__ */ l(a, { children: "Item Name" }), /* @__PURE__ */ l(i, {
-						value: f.name,
-						onChange: (e) => _(p, "name", e.target.value),
-						placeholder: "Product name"
-					})]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ l(a, { children: "SKU" }), /* @__PURE__ */ l(i, {
-						value: f.sku,
-						onChange: (e) => _(p, "sku", e.target.value),
-						placeholder: "SKU-001"
-					})]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ l(a, { children: "Quantity" }), /* @__PURE__ */ l(i, {
-						type: "number",
-						min: "1",
-						value: f.quantity,
-						onChange: (e) => _(p, "quantity", parseInt(e.target.value) || 1)
-					})]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ l(a, { children: "Weight (kg)" }), /* @__PURE__ */ l(i, {
-						type: "number",
-						min: "0",
-						step: "0.1",
-						value: f.weight,
-						onChange: (e) => _(p, "weight", parseFloat(e.target.value) || 0)
-					})]
-				}),
-				/* @__PURE__ */ u("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ l(a, { children: "Value ($)" }), /* @__PURE__ */ l(i, {
-						type: "number",
-						min: "0",
-						step: "0.01",
-						value: f.value,
-						onChange: (e) => _(p, "value", parseFloat(e.target.value) || 0)
-					})]
-				}),
-				/* @__PURE__ */ l("div", {
-					className: "flex items-end",
-					children: /* @__PURE__ */ l(r, {
-						type: "button",
-						variant: "ghost",
-						size: "icon",
-						className: "text-status-error-text",
-						onClick: () => v(p),
-						children: /* @__PURE__ */ l(e, { size: 16 })
-					})
+					]
 				})
 			]
-		})
-	] });
+		})]
+	});
 }
 //#endregion
-export { f as OrderItemRow };
+export { d as OrderItemRow };

package/dist/components/StatusBadge.js

@@ -1,49 +1,49 @@
 import { cn as e } from "../utils/cn.js";
 import { Badge as t } from "./ui.js";
-import { DRIVER_STATUS_COLORS as n, ORDER_STATUS_COLORS as r, PRIORITY_COLORS as i, VEHICLE_STATUS_COLORS as a } from "../constants/index.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { DRIVER_STATUS_COLORS as n, DRIVER_STATUS_LABELS as r, ORDER_STATUS_COLORS as i, PRIORITY_COLORS as a, VEHICLE_STATUS_COLORS as o } from "../constants/index.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/movethewheels/components/StatusBadge.tsx
-var c = {
+var l = {
 	sm: "text-xs px-2 py-0.5",
 	md: "text-sm px-2.5 py-1",
 	lg: "text-base px-3 py-1.5"
 };
-function l({ status: i, type: l = "custom", customColors: u, size: d = "md", showDot: f = !0, className: p }) {
-	let m = u, h = {
+function u({ status: a, type: u = "custom", customColors: d, label: f, size: p = "md", showDot: m = !0, className: h }) {
+	let g = d, _ = {
 		bg: "bg-bg-sunken",
 		text: "text-text-secondary"
 	};
-	if (!m) switch (l) {
+	if (!g) switch (u) {
 		case "order":
-			m = r[i] || h;
+			g = i[a] || _;
 			break;
 		case "vehicle":
-			m = a[i] || h;
+			g = o[a] || _;
 			break;
 		case "driver":
-			m = n[i] || h;
+			g = n[a] || _;
 			break;
-		default: m = h;
+		default: g = _;
 	}
-	let g = i.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-	return /* @__PURE__ */ s(t, {
+	let v = f ?? (u === "driver" ? r[a] : void 0) ?? a.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+	return /* @__PURE__ */ c(t, {
 		variant: "outline",
-		className: e("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border-0 font-medium capitalize", "ring-1 ring-inset ring-border-seam/60", m.bg, m.text, c[d], p),
-		children: [f && /* @__PURE__ */ o("span", {
+		className: e("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border-0 font-medium capitalize", "ring-1 ring-inset ring-border-seam/60", g.bg, g.text, l[p], h),
+		children: [m && /* @__PURE__ */ s("span", {
 			"aria-hidden": "true",
-			className: e("h-1.5 w-1.5 flex-shrink-0 rounded-full motion-safe:animate-vc-glow-pulse", m.text.replace("text-", "bg-"))
-		}), g]
+			className: e("h-1.5 w-1.5 flex-shrink-0 rounded-full motion-safe:animate-vc-glow-pulse", g.text.replace("text-", "bg-"))
+		}), v]
 	});
 }
-function u({ priority: n, size: r = "md", className: a }) {
-	let s = i[n];
-	return /* @__PURE__ */ o(t, {
+function d({ priority: n, size: r = "md", className: i }) {
+	let o = a[n];
+	return /* @__PURE__ */ s(t, {
 		variant: "outline",
-		className: e("rounded-full font-medium capitalize border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", s.bg, s.text, c[r], a),
+		className: e("rounded-full font-medium capitalize border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", o.bg, o.text, l[r], i),
 		children: n
 	});
 }
-function d({ type: n, size: r = "md", className: i }) {
+function f({ type: n, size: r = "md", className: i }) {
 	let a = {
 		b2b: {
 			bg: "bg-status-info-bg-subtle",
@@ -54,13 +54,13 @@ function d({ type: n, size: r = "md", className: i }) {
 			text: "text-status-success-text"
 		}
 	}[n];
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ s(t, {
 		variant: "outline",
-		className: e("rounded-full font-medium uppercase border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", a.bg, a.text, c[r], i),
+		className: e("rounded-full font-medium uppercase border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", a.bg, a.text, l[r], i),
 		children: n
 	});
 }
-function f({ status: n, size: r = "md", className: i }) {
+function p({ status: n, size: r = "md", className: i }) {
 	let a = {
 		pending: {
 			bg: "bg-status-warning-bg-subtle",
@@ -79,17 +79,17 @@ function f({ status: n, size: r = "md", className: i }) {
 			text: "text-text-secondary"
 		}
 	}[n];
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ s(t, {
 		variant: "outline",
-		className: e("rounded-full font-medium capitalize border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", a.bg, a.text, c[r], i),
+		className: e("rounded-full font-medium capitalize border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", a.bg, a.text, l[r], i),
 		children: n
 	});
 }
-function p({ type: n, size: r = "md", className: i }) {
-	return /* @__PURE__ */ s(t, {
+function m({ type: n, size: r = "md", className: i }) {
+	return /* @__PURE__ */ c(t, {
 		variant: "outline",
-		className: e("rounded-full font-medium capitalize whitespace-nowrap inline-flex items-center ring-1 ring-inset ring-border-seam/60", c[r], i),
-		children: [/* @__PURE__ */ o("span", {
+		className: e("rounded-full font-medium capitalize whitespace-nowrap inline-flex items-center ring-1 ring-inset ring-border-seam/60", l[r], i),
+		children: [/* @__PURE__ */ s("span", {
 			className: "mr-1",
 			children: {
 				van: "🚐",
@@ -102,4 +102,4 @@ function p({ type: n, size: r = "md", className: i }) {
 	});
 }
 //#endregion
-export { f as PaymentStatusBadge, u as PriorityBadge, l as StatusBadge, d as TypeBadge, p as VehicleTypeBadge };
+export { p as PaymentStatusBadge, d as PriorityBadge, u as StatusBadge, f as TypeBadge, m as VehicleTypeBadge };

package/dist/constants/index.js

@@ -26,6 +26,7 @@ var e = {
 	in_transit: r,
 	out_for_delivery: t,
 	delivered: e,
+	returned: t,
 	cancelled: n,
 	failed: n
 }, o = {
@@ -37,17 +38,24 @@ var e = {
 	available: e,
 	busy: r,
 	offline: i,
-	on_break: t
+	on_break: t,
+	inactive: n
 }, c = {
+	available: "Available",
+	busy: "On Delivery",
+	offline: "Off Duty",
+	on_break: "On Break",
+	inactive: "Inactive"
+}, l = {
 	low: i,
 	normal: r,
 	high: t,
 	urgent: n
-}, l = {
+}, u = {
 	planned: r,
 	in_progress: t,
 	completed: e,
 	cancelled: n
 };
 //#endregion
-export { s as DRIVER_STATUS_COLORS, a as ORDER_STATUS_COLORS, c as PRIORITY_COLORS, l as ROUTE_STATUS_COLORS, o as VEHICLE_STATUS_COLORS };
+export { s as DRIVER_STATUS_COLORS, c as DRIVER_STATUS_LABELS, a as ORDER_STATUS_COLORS, l as PRIORITY_COLORS, u as ROUTE_STATUS_COLORS, o as VEHICLE_STATUS_COLORS };

package/dist/generated/wspace-operations.d.ts

@@ -873,10 +873,15 @@ export type GetMovethewheelsDashboardQuery = {
         __typename?: 'MtwDeliveryJobStats';
         total: number;
         pending: number;
+        confirmed: number;
+        assigned: number;
+        pickedUp: number;
         inTransit: number;
+        outForDelivery: number;
         delivered: number;
         cancelled: number;
         failed: number;
+        returned: number;
     };
     fleetStats: {
         __typename?: 'MtwFleetStats';
@@ -1386,6 +1391,7 @@ export type GetShipmentQuery = {
 };
 export type GetDeliveryJobTrackingQueryVariables = Types.Exact<{
     deliveryJobId: Types.Scalars['ID']['input'];
+    pagination?: Types.InputMaybe<Types.PaginationInput>;
 }>;
 export type GetDeliveryJobTrackingQuery = {
     __typename?: 'Query';
@@ -2943,6 +2949,7 @@ export declare const GetDeliveryJobTrackingDocument: Apollo.DocumentNode;
  * const { data, loading, error } = useGetDeliveryJobTrackingQuery({
  *   variables: {
  *      deliveryJobId: // value for 'deliveryJobId'
+ *      pagination: // value for 'pagination'
  *   },
  * });
  */