@burdenoff/microfe-movethewheels 2026.924.2 → 2026.925.1

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/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 = {

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'
  *   },
  * });
  */

package/dist/hooks/useOrders.js

@@ -16,7 +16,7 @@ var s = "\n  id\n  deliveryJobNumber\n  customerId\n  status\n  priority\n  pick
       ${s}
     }
   }
-`, u = "\n  query GetDeliveryJobStatsBundle {\n    deliveryJobStats {\n      total\n      pending\n      inTransit\n      delivered\n      cancelled\n      failed\n    }\n    financeMetrics {\n      revenue {\n        totalRevenue\n        averageOrderValue\n      }\n    }\n  }\n", d = `
+`, u = "\n  query GetDeliveryJobStatsBundle {\n    deliveryJobStats {\n      total\n      pending\n      confirmed\n      assigned\n      inTransit\n      outForDelivery\n      delivered\n      cancelled\n      failed\n      returned\n    }\n    financeMetrics {\n      revenue {\n        totalRevenue\n        averageOrderValue\n      }\n    }\n  }\n", d = `
   mutation CreateDeliveryJob($input: CreateDeliveryJobInput!) {
     createDeliveryJob(input: $input) {
       ${s}
@@ -44,6 +44,7 @@ function h(e) {
 		case "IN_TRANSIT": return "in_transit";
 		case "OUT_FOR_DELIVERY": return "out_for_delivery";
 		case "DELIVERED": return "delivered";
+		case "RETURNED": return "returned";
 		case "CANCELLED": return "cancelled";
 		default: return "failed";
 	}
@@ -66,6 +67,7 @@ function _(e) {
 		case "in_transit": return "IN_TRANSIT";
 		case "out_for_delivery": return "OUT_FOR_DELIVERY";
 		case "delivered": return "DELIVERED";
+		case "returned": return "RETURNED";
 		case "cancelled": return "CANCELLED";
 		default: return "FAILED";
 	}
@@ -301,6 +303,7 @@ function C() {
 			in_transit: 0,
 			out_for_delivery: 0,
 			delivered: 0,
+			returned: 0,
 			cancelled: 0,
 			failed: 0
 		},
@@ -329,12 +332,13 @@ function C() {
 				total: e.deliveryJobStats.total,
 				byStatus: {
 					pending: e.deliveryJobStats.pending,
-					confirmed: 0,
-					assigned: 0,
+					confirmed: e.deliveryJobStats.confirmed,
+					assigned: e.deliveryJobStats.assigned,
 					picked_up: 0,
 					in_transit: e.deliveryJobStats.inTransit,
-					out_for_delivery: 0,
+					out_for_delivery: e.deliveryJobStats.outForDelivery,
 					delivered: e.deliveryJobStats.delivered,
+					returned: e.deliveryJobStats.returned,
 					cancelled: e.deliveryJobStats.cancelled,
 					failed: e.deliveryJobStats.failed
 				},