@burdenoff/microfe-movethewheels 2026.703.1 → 2026.703.3

package/dist/WarehouseDetailsPage-C10pgRGW.js

@@ -1,236 +0,0 @@
-import { M as e, ct as t, d as n, f as r, g as i, h as a, i as o, l as s, n as c, ot as l, r as u, u as d } from "./PageLayout-D4LDHJJq.js";
-import { t as f } from "./arrow-left-n48Y-Wis.js";
-import { t as p } from "./box-D9Pal4HM.js";
-import { t as m } from "./clock-DJZtdl8u.js";
-import { t as h } from "./map-pin-BGiCvyCs.js";
-import { t as g } from "./square-pen-CopE9GmB.js";
-import { t as _ } from "./users-BAM4gHTn.js";
-import { t as v } from "./warehouse-C7MSr47B.js";
-import { a as y } from "./useInventory-DKoks37x.js";
-import { t as b } from "./formatters-DhKZ-eA1.js";
-import { useParams as x } from "react-router-dom";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/pages/WarehouseDetailsPage.tsx
-function D() {
-	let { warehouseId: D } = x(), { basePath: O, navigate: k } = l(), { warehouse: A, isLoading: j, error: M, refetch: N } = y(D), P = () => k?.(t(O, "inventory/warehouses")), F = (e) => k?.(t(O, e));
-	if (j) return /* @__PURE__ */ S(u, { message: "Loading warehouse details..." });
-	if (M || !A) return /* @__PURE__ */ S(c, {
-		title: "Warehouse not found",
-		onRetry: N
-	});
-	let I = A.capacity.usedSpace / A.capacity.totalSpace * 100;
-	return /* @__PURE__ */ C(o, {
-		title: A.name,
-		subtitle: `Code: ${A.code}`,
-		icon: /* @__PURE__ */ S(v, { size: 24 }),
-		headerActions: /* @__PURE__ */ C("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ C(d, {
-				variant: "outline",
-				onClick: P,
-				children: [/* @__PURE__ */ S(f, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(g, { size: 16 }), " Edit"] })]
-		}),
-		headerContent: /* @__PURE__ */ C("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ S(s, {
-				variant: A.isActive ? "default" : "secondary",
-				children: A.isActive ? "Active" : "Inactive"
-			}), /* @__PURE__ */ S(s, {
-				variant: "outline",
-				className: "capitalize",
-				children: A.type.replace("_", " ")
-			})]
-		}),
-		children: [
-			/* @__PURE__ */ S(E, {
-				icon: /* @__PURE__ */ S(v, { 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__ */ S(T, {
-				storageKey: "movethewheels-warehouse-details",
-				steps: [{
-					id: "inventory",
-					label: "Review stock here",
-					description: "See which products are stored at this site.",
-					icon: /* @__PURE__ */ S(p, { size: 16 }),
-					onClick: () => F("inventory/products")
-				}, {
-					id: "fulfil",
-					label: "Fulfil an order from this site",
-					description: "Pick a pending order to ship out of this warehouse.",
-					icon: /* @__PURE__ */ S(h, { size: 16 }),
-					onClick: () => F("orders")
-				}]
-			}),
-			/* @__PURE__ */ C("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ C("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ C(w, { children: [/* @__PURE__ */ C("h2", {
-							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
-							children: [/* @__PURE__ */ S(p, { size: 18 }), " Capacity"]
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-4",
-							children: [/* @__PURE__ */ C("div", { children: [
-								/* @__PURE__ */ C("div", {
-									className: "flex justify-between text-sm mb-2",
-									children: [/* @__PURE__ */ S("span", { children: "Space Utilization" }), /* @__PURE__ */ C("span", { children: [I.toFixed(0), "%"] })]
-								}),
-								/* @__PURE__ */ S(e, { value: I }),
-								/* @__PURE__ */ C("p", {
-									className: "text-sm text-text-secondary mt-1",
-									children: [
-										A.capacity.usedSpace.toLocaleString(),
-										" /",
-										" ",
-										A.capacity.totalSpace.toLocaleString(),
-										" sq ft"
-									]
-								})
-							] }), /* @__PURE__ */ S("div", {
-								className: "grid grid-cols-2 gap-4",
-								children: /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-sm text-text-secondary",
-									children: "Pallets Used"
-								}), /* @__PURE__ */ C("p", {
-									className: "text-2xl font-bold",
-									children: [A.capacity.usedPallets, /* @__PURE__ */ C("span", {
-										className: "text-sm font-normal text-text-secondary",
-										children: [
-											" ",
-											"/ ",
-											A.capacity.totalPallets
-										]
-									})]
-								})] })
-							})]
-						})] }),
-						/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(i, { children: [
-							"Zones (",
-							A.zones.length,
-							")"
-						] }) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("div", {
-							className: "space-y-3",
-							children: A.zones.map((t) => /* @__PURE__ */ C("div", {
-								className: "flex items-center justify-between p-3 border rounded-lg",
-								children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "font-medium",
-									children: t.name
-								}), /* @__PURE__ */ C("p", {
-									className: "text-sm text-text-secondary capitalize",
-									children: [
-										t.type,
-										" - ",
-										t.location
-									]
-								})] }), /* @__PURE__ */ C("div", {
-									className: "text-right",
-									children: [/* @__PURE__ */ S(e, {
-										value: t.currentOccupancy / t.capacity * 100,
-										className: "w-24 h-2"
-									}), /* @__PURE__ */ C("p", {
-										className: "text-sm text-text-secondary",
-										children: [
-											t.currentOccupancy,
-											" / ",
-											t.capacity
-										]
-									})]
-								})]
-							}, t.id))
-						}) })] }),
-						/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(i, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ S(m, { size: 18 }), " Operating Hours"]
-						}) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-							children: Object.entries(A.operatingHours).map(([e, t]) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-								className: "text-sm font-medium",
-								children: e
-							}), /* @__PURE__ */ S("p", {
-								className: "text-sm text-text-secondary",
-								children: t ? `${t.open} - ${t.close}` : "Closed"
-							})] }, e))
-						}) })] })
-					]
-				}), /* @__PURE__ */ C("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(i, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ S(h, { size: 18 }), " Location"]
-						}) }), /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S("p", {
-							className: "text-sm",
-							children: b(A.address)
-						}) })] }),
-						/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ S(i, { children: "Metrics" }) }), /* @__PURE__ */ C(r, {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-sm text-text-secondary",
-									children: "Throughput"
-								}), /* @__PURE__ */ C("p", {
-									className: "text-2xl font-bold",
-									children: [A.metrics.throughput, /* @__PURE__ */ S("span", {
-										className: "text-sm font-normal",
-										children: " orders/day"
-									})]
-								})] }),
-								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-sm text-text-secondary",
-									children: "Accuracy"
-								}), /* @__PURE__ */ C("p", {
-									className: "text-2xl font-bold",
-									children: [A.metrics.accuracy, "%"]
-								})] }),
-								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-sm text-text-secondary",
-									children: "Productivity"
-								}), /* @__PURE__ */ C("p", {
-									className: "text-2xl font-bold",
-									children: [A.metrics.productivity, "%"]
-								})] }),
-								/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-sm text-text-secondary",
-									children: "Orders Fulfilled"
-								}), /* @__PURE__ */ S("p", {
-									className: "text-2xl font-bold",
-									children: A.metrics.ordersFulfilled.toLocaleString()
-								})] })
-							]
-						})] }),
-						/* @__PURE__ */ C(n, { children: [/* @__PURE__ */ S(a, { children: /* @__PURE__ */ C(i, {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ S(_, { size: 18 }),
-								" Staff (",
-								A.staff.length,
-								")"
-							]
-						}) }), /* @__PURE__ */ S(r, { children: A.staff.length > 0 ? /* @__PURE__ */ S("div", {
-							className: "space-y-2",
-							children: A.staff.map((e, t) => /* @__PURE__ */ C("div", {
-								className: "flex items-center justify-between p-2 border rounded",
-								children: [/* @__PURE__ */ S("span", {
-									className: "text-sm capitalize",
-									children: e.role
-								}), /* @__PURE__ */ S(s, {
-									variant: "outline",
-									children: e.shift
-								})]
-							}, t))
-						}) : /* @__PURE__ */ S("p", {
-							className: "text-text-secondary",
-							children: "No staff assigned"
-						}) })] })
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { D as default };