@burdenoff/microfe-movethewheels 2026.703.1 → 2026.703.3

package/dist/WarehouseDetailsPage-L_6sWigM.js

@@ -0,0 +1,493 @@
+import { A as e, F as t, I as n, L as r, M as i, P as a, R as o, ct as s, d as c, f as l, g as u, h as d, i as f, j as p, l as m, n as h, ot as g, r as _, u as v } from "./PageLayout-D4LDHJJq.js";
+import { t as y } from "./arrow-left-n48Y-Wis.js";
+import { t as b } from "./box-D9Pal4HM.js";
+import { t as x } from "./clock-DJZtdl8u.js";
+import { t as S } from "./map-pin-BGiCvyCs.js";
+import { t as C } from "./save-CojywNhG.js";
+import { t as w } from "./square-pen-CopE9GmB.js";
+import { t as T } from "./users-DZ-ilS6B.js";
+import { t as E } from "./warehouse-6m5kXMLu.js";
+import { a as D, t as O } from "./useInventory-DkyiVY_A.js";
+import { t as k } from "./formatters-CF2S2l1m.js";
+import { t as A } from "./FormError-BlOjnXOq.js";
+import { useState as j } from "react";
+import { useParams as M } from "react-router-dom";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { EmphasisPanel as F, NextSteps as I, PagePurpose as L } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/WarehouseDetailsPage.tsx
+var R = [
+	{
+		value: "DISTRIBUTION",
+		label: "Distribution"
+	},
+	{
+		value: "FULFILLMENT",
+		label: "Fulfillment"
+	},
+	{
+		value: "COLD_STORAGE",
+		label: "Cold Storage"
+	},
+	{
+		value: "CROSS_DOCK",
+		label: "Cross-Dock"
+	},
+	{
+		value: "RETAIL",
+		label: "Retail"
+	}
+];
+function z() {
+	let { basePath: i, navigate: m } = g(), { createWarehouse: h } = O(), [_, b] = j({
+		code: "",
+		name: "",
+		type: "DISTRIBUTION",
+		street: "",
+		city: "",
+		state: "",
+		postalCode: "",
+		country: "USA",
+		totalCapacity: ""
+	}), [x, w] = j(!1), [T, D] = j(null), k = () => m?.(s(i, "inventory/warehouses")), M = (e, t) => b((n) => ({
+		...n,
+		[e]: t
+	})), I = async (e) => {
+		if (e.preventDefault(), !_.code.trim() || !_.name.trim()) {
+			D("Warehouse code and name are required.");
+			return;
+		}
+		if (!_.street.trim() || !_.city.trim()) {
+			D("A street and city are required for the warehouse address.");
+			return;
+		}
+		w(!0), D(null);
+		try {
+			let e = _.totalCapacity.trim() ? Number(_.totalCapacity) : void 0, t = await h({
+				code: _.code.trim(),
+				name: _.name.trim(),
+				type: _.type,
+				address: {
+					street: _.street.trim(),
+					city: _.city.trim(),
+					state: _.state.trim(),
+					postalCode: _.postalCode.trim(),
+					country: _.country.trim()
+				},
+				totalCapacity: e !== void 0 && !Number.isNaN(e) ? e : void 0
+			});
+			m?.(s(i, `inventory/warehouses/${t.id}`));
+		} catch (e) {
+			console.error("Failed to create warehouse:", e), D(e instanceof Error ? e.message : "Failed to create warehouse. Please try again."), w(!1);
+		}
+	};
+	return /* @__PURE__ */ P(f, {
+		title: "Add Warehouse",
+		subtitle: "Register a storage and fulfilment site",
+		icon: /* @__PURE__ */ N(E, { size: 24 }),
+		headerActions: /* @__PURE__ */ P("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ P(v, {
+				variant: "outline",
+				onClick: k,
+				disabled: x,
+				children: [/* @__PURE__ */ N(y, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ P(v, {
+				onClick: I,
+				disabled: x,
+				children: [
+					/* @__PURE__ */ N(C, { size: 16 }),
+					" ",
+					x ? "Saving..." : "Add Warehouse"
+				]
+			})]
+		}),
+		children: [/* @__PURE__ */ N(L, {
+			icon: /* @__PURE__ */ N(E, { size: 18 }),
+			children: "Add a warehouse so you can store inventory and fulfil orders from it. A code, name, type and location get it on the network — set a total capacity to track utilization."
+		}), /* @__PURE__ */ P("form", {
+			onSubmit: I,
+			className: "max-w-2xl space-y-6",
+			children: [
+				/* @__PURE__ */ N(A, { message: T }),
+				/* @__PURE__ */ P(F, { children: [/* @__PURE__ */ N("h2", {
+					className: "text-base font-semibold text-text-primary mb-4",
+					children: "Warehouse Details"
+				}), /* @__PURE__ */ P("div", {
+					className: "space-y-4",
+					children: [/* @__PURE__ */ P("div", {
+						className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+						children: [
+							/* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ P(p, {
+									htmlFor: "code",
+									children: ["Code ", /* @__PURE__ */ N("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ N(e, {
+									id: "code",
+									value: _.code,
+									onChange: (e) => M("code", e.target.value),
+									placeholder: "WH-SF-01",
+									required: !0
+								})]
+							}),
+							/* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ P(p, {
+									htmlFor: "name",
+									children: ["Name ", /* @__PURE__ */ N("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ N(e, {
+									id: "name",
+									value: _.name,
+									onChange: (e) => M("name", e.target.value),
+									placeholder: "San Francisco DC",
+									required: !0
+								})]
+							}),
+							/* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ P(p, {
+									htmlFor: "type",
+									children: ["Type ", /* @__PURE__ */ N("span", {
+										className: "text-status-error-text",
+										children: "*"
+									})]
+								}), /* @__PURE__ */ P(a, {
+									value: _.type,
+									onValueChange: (e) => M("type", e),
+									children: [/* @__PURE__ */ N(r, {
+										id: "type",
+										children: /* @__PURE__ */ N(o, {})
+									}), /* @__PURE__ */ N(t, { children: R.map((e) => /* @__PURE__ */ N(n, {
+										value: e.value,
+										children: e.label
+									}, e.value)) })]
+								})]
+							})
+						]
+					}), /* @__PURE__ */ P("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ N(p, {
+							htmlFor: "totalCapacity",
+							children: "Total Capacity (sq ft)"
+						}), /* @__PURE__ */ N(e, {
+							id: "totalCapacity",
+							type: "number",
+							min: "0",
+							value: _.totalCapacity,
+							onChange: (e) => M("totalCapacity", e.target.value),
+							placeholder: "50000"
+						})]
+					})]
+				})] }),
+				/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ N(S, { size: 18 }),
+						" Address ",
+						/* @__PURE__ */ N("span", {
+							className: "text-status-error-text",
+							children: "*"
+						})
+					]
+				}) }), /* @__PURE__ */ P(l, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ P("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ N(p, {
+								htmlFor: "street",
+								children: "Street"
+							}), /* @__PURE__ */ N(e, {
+								id: "street",
+								value: _.street,
+								onChange: (e) => M("street", e.target.value),
+								placeholder: "500 Industrial Way"
+							})]
+						}),
+						/* @__PURE__ */ P("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ N(p, {
+									htmlFor: "city",
+									children: "City"
+								}), /* @__PURE__ */ N(e, {
+									id: "city",
+									value: _.city,
+									onChange: (e) => M("city", e.target.value),
+									placeholder: "San Francisco"
+								})]
+							}), /* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ N(p, {
+									htmlFor: "state",
+									children: "State"
+								}), /* @__PURE__ */ N(e, {
+									id: "state",
+									value: _.state,
+									onChange: (e) => M("state", e.target.value),
+									placeholder: "CA"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ P("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+							children: [/* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ N(p, {
+									htmlFor: "postalCode",
+									children: "ZIP / Postal Code"
+								}), /* @__PURE__ */ N(e, {
+									id: "postalCode",
+									value: _.postalCode,
+									onChange: (e) => M("postalCode", e.target.value),
+									placeholder: "94103"
+								})]
+							}), /* @__PURE__ */ P("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ N(p, {
+									htmlFor: "country",
+									children: "Country"
+								}), /* @__PURE__ */ N(e, {
+									id: "country",
+									value: _.country,
+									onChange: (e) => M("country", e.target.value),
+									placeholder: "USA"
+								})]
+							})]
+						})
+					]
+				})] })
+			]
+		})]
+	});
+}
+function B() {
+	let { warehouseId: e } = M(), { basePath: t, navigate: n } = g(), { warehouse: r, isLoading: a, error: o, refetch: p } = D(e), C = () => n?.(s(t, "inventory/warehouses")), O = (e) => n?.(s(t, e));
+	if (!e) return /* @__PURE__ */ N(z, {});
+	if (a) return /* @__PURE__ */ N(_, { message: "Loading warehouse details..." });
+	if (o || !r) return /* @__PURE__ */ N(h, {
+		title: "Warehouse not found",
+		onRetry: p
+	});
+	let A = r.capacity.usedSpace / r.capacity.totalSpace * 100;
+	return /* @__PURE__ */ P(f, {
+		title: r.name,
+		subtitle: `Code: ${r.code}`,
+		icon: /* @__PURE__ */ N(E, { size: 24 }),
+		headerActions: /* @__PURE__ */ P("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ P(v, {
+				variant: "outline",
+				onClick: C,
+				children: [/* @__PURE__ */ N(y, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N(w, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ P("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ N(m, {
+				variant: r.isActive ? "default" : "secondary",
+				children: r.isActive ? "Active" : "Inactive"
+			}), /* @__PURE__ */ N(m, {
+				variant: "outline",
+				className: "capitalize",
+				children: r.type.replace("_", " ")
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ N(L, {
+				icon: /* @__PURE__ */ N(E, { size: 18 }),
+				children: "A storage and fulfilment site at a glance — how full it is, its zones, operating hours, throughput and staff. Use it to decide whether this warehouse has the space and hours to fulfil an order, and where stock is running tight."
+			}),
+			/* @__PURE__ */ N(I, {
+				storageKey: "movethewheels-warehouse-details",
+				steps: [{
+					id: "inventory",
+					label: "Review stock here",
+					description: "See which products are stored at this site.",
+					icon: /* @__PURE__ */ N(b, { size: 16 }),
+					onClick: () => O("inventory/products")
+				}, {
+					id: "fulfil",
+					label: "Fulfil an order from this site",
+					description: "Pick a pending order to ship out of this warehouse.",
+					icon: /* @__PURE__ */ N(S, { size: 16 }),
+					onClick: () => O("orders")
+				}]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ P("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ P(F, { children: [/* @__PURE__ */ P("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
+							children: [/* @__PURE__ */ N(b, { size: 18 }), " Capacity"]
+						}), /* @__PURE__ */ P("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ P("div", { children: [
+								/* @__PURE__ */ P("div", {
+									className: "flex justify-between text-sm mb-2",
+									children: [/* @__PURE__ */ N("span", { children: "Space Utilization" }), /* @__PURE__ */ P("span", { children: [A.toFixed(0), "%"] })]
+								}),
+								/* @__PURE__ */ N(i, { value: A }),
+								/* @__PURE__ */ P("p", {
+									className: "text-sm text-text-secondary mt-1",
+									children: [
+										r.capacity.usedSpace.toLocaleString(),
+										" /",
+										" ",
+										r.capacity.totalSpace.toLocaleString(),
+										" sq ft"
+									]
+								})
+							] }), /* @__PURE__ */ N("div", {
+								className: "grid grid-cols-2 gap-4",
+								children: /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									className: "text-sm text-text-secondary",
+									children: "Pallets Used"
+								}), /* @__PURE__ */ P("p", {
+									className: "text-2xl font-bold",
+									children: [r.capacity.usedPallets, /* @__PURE__ */ P("span", {
+										className: "text-sm font-normal text-text-secondary",
+										children: [
+											" ",
+											"/ ",
+											r.capacity.totalPallets
+										]
+									})]
+								})] })
+							})]
+						})] }),
+						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, { children: [
+							"Zones (",
+							r.zones.length,
+							")"
+						] }) }), /* @__PURE__ */ N(l, { children: /* @__PURE__ */ N("div", {
+							className: "space-y-3",
+							children: r.zones.map((e) => /* @__PURE__ */ P("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ P("p", {
+									className: "text-sm text-text-secondary capitalize",
+									children: [
+										e.type,
+										" - ",
+										e.location
+									]
+								})] }), /* @__PURE__ */ P("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ N(i, {
+										value: e.currentOccupancy / e.capacity * 100,
+										className: "w-24 h-2"
+									}), /* @__PURE__ */ P("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											e.currentOccupancy,
+											" / ",
+											e.capacity
+										]
+									})]
+								})]
+							}, e.id))
+						}) })] }),
+						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ N(x, { size: 18 }), " Operating Hours"]
+						}) }), /* @__PURE__ */ N(l, { children: /* @__PURE__ */ N("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: Object.entries(r.operatingHours).map(([e, t]) => /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+								className: "text-sm font-medium",
+								children: e
+							}), /* @__PURE__ */ N("p", {
+								className: "text-sm text-text-secondary",
+								children: t ? `${t.open} - ${t.close}` : "Closed"
+							})] }, e))
+						}) })] })
+					]
+				}), /* @__PURE__ */ P("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ N(S, { size: 18 }), " Location"]
+						}) }), /* @__PURE__ */ N(l, { children: /* @__PURE__ */ N("p", {
+							className: "text-sm",
+							children: k(r.address)
+						}) })] }),
+						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ N(u, { children: "Metrics" }) }), /* @__PURE__ */ P(l, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									className: "text-sm text-text-secondary",
+									children: "Throughput"
+								}), /* @__PURE__ */ P("p", {
+									className: "text-2xl font-bold",
+									children: [r.metrics.throughput, /* @__PURE__ */ N("span", {
+										className: "text-sm font-normal",
+										children: " orders/day"
+									})]
+								})] }),
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									className: "text-sm text-text-secondary",
+									children: "Accuracy"
+								}), /* @__PURE__ */ P("p", {
+									className: "text-2xl font-bold",
+									children: [r.metrics.accuracy, "%"]
+								})] }),
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									className: "text-sm text-text-secondary",
+									children: "Productivity"
+								}), /* @__PURE__ */ P("p", {
+									className: "text-2xl font-bold",
+									children: [r.metrics.productivity, "%"]
+								})] }),
+								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
+									className: "text-sm text-text-secondary",
+									children: "Orders Fulfilled"
+								}), /* @__PURE__ */ N("p", {
+									className: "text-2xl font-bold",
+									children: r.metrics.ordersFulfilled.toLocaleString()
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ N(T, { size: 18 }),
+								" Staff (",
+								r.staff.length,
+								")"
+							]
+						}) }), /* @__PURE__ */ N(l, { children: r.staff.length > 0 ? /* @__PURE__ */ N("div", {
+							className: "space-y-2",
+							children: r.staff.map((e, t) => /* @__PURE__ */ P("div", {
+								className: "flex items-center justify-between p-2 border rounded",
+								children: [/* @__PURE__ */ N("span", {
+									className: "text-sm capitalize",
+									children: e.role
+								}), /* @__PURE__ */ N(m, {
+									variant: "outline",
+									children: e.shift
+								})]
+							}, t))
+						}) : /* @__PURE__ */ N("p", {
+							className: "text-text-secondary",
+							children: "No staff assigned"
+						}) })] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { B as default };

package/dist/{WarehousesPage-CHvBqNaQ.js → WarehousesPage-DCbXXXWE.js}

@@ -2,8 +2,8 @@ import { M as e, ct as t, i as n, l as r, ot as i } from "./PageLayout-D4LDHJJq.
 import { t as a } from "./DataTable-DmciIKKM.js";
 import { t as o } from "./plus-Z76q-FZm.js";
 import { t as s } from "./refresh-cw-DKt6f5T6.js";
-import { t as c } from "./warehouse-C7MSr47B.js";
-import { o as l } from "./useInventory-DKoks37x.js";
+import { t as c } from "./warehouse-6m5kXMLu.js";
+import { o as l } from "./useInventory-DkyiVY_A.js";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { CTAOverflowMenu as f, EmphasisPanel as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/WarehousesPage.tsx
@@ -17,7 +17,7 @@ function h() {
 			primary: {
 				label: "Add Warehouse",
 				icon: /* @__PURE__ */ u(o, { size: 16 }),
-				onSelect: () => {}
+				onSelect: () => x("inventory/warehouses/new")
 			},
 			actions: [{
 				label: "Refresh",