@burdenoff/microfe-movethewheels 2026.703.7 → 2026.704.1

package/dist/WarehouseDetailsPage-CAQFz7l_.js

@@ -1,493 +0,0 @@
-import { A as e, F as t, I as n, L as r, M as i, P as a, R as o, d as s, f as c, g as l, h as u, i as d, j as f, l as p, lt as m, n as h, r as g, st as _, u as v } from "./PageLayout-h_q9l8af.js";
-import { t as y } from "./arrow-left-XOzFvBFD.js";
-import { t as b } from "./box-BX4WyCLv.js";
-import { t as x } from "./clock-DrZOQD8h.js";
-import { t as S } from "./map-pin-BGbmEGn3.js";
-import { t as C } from "./save-h9dzHwJE.js";
-import { t as w } from "./square-pen-DT5srCPD.js";
-import { t as T } from "./users-BRV9-2nV.js";
-import { t as E } from "./warehouse-CmIAl0_w.js";
-import { o as D, t as O } from "./useInventory-BtBGnOC2.js";
-import { t as k } from "./FormError-CWjGwOW8.js";
-import { t as A } from "./formatters-FWJDwTFv.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: p } = _(), { createWarehouse: h } = O(), [g, b] = j({
-		code: "",
-		name: "",
-		type: "DISTRIBUTION",
-		street: "",
-		city: "",
-		state: "",
-		postalCode: "",
-		country: "USA",
-		totalCapacity: ""
-	}), [x, w] = j(!1), [T, D] = j(null), A = () => p?.(m(i, "inventory/warehouses")), M = (e, t) => b((n) => ({
-		...n,
-		[e]: t
-	})), I = async (e) => {
-		if (e.preventDefault(), !g.code.trim() || !g.name.trim()) {
-			D("Warehouse code and name are required.");
-			return;
-		}
-		if (!g.street.trim() || !g.city.trim()) {
-			D("A street and city are required for the warehouse address.");
-			return;
-		}
-		w(!0), D(null);
-		try {
-			let e = g.totalCapacity.trim() ? Number(g.totalCapacity) : void 0, t = await h({
-				code: g.code.trim(),
-				name: g.name.trim(),
-				type: g.type,
-				address: {
-					street: g.street.trim(),
-					city: g.city.trim(),
-					state: g.state.trim(),
-					postalCode: g.postalCode.trim(),
-					country: g.country.trim()
-				},
-				totalCapacity: e !== void 0 && !Number.isNaN(e) ? e : void 0
-			});
-			p?.(m(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(d, {
-		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: A,
-				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(k, { 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(f, {
-									htmlFor: "code",
-									children: ["Code ", /* @__PURE__ */ N("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ N(e, {
-									id: "code",
-									value: g.code,
-									onChange: (e) => M("code", e.target.value),
-									placeholder: "WH-SF-01",
-									required: !0
-								})]
-							}),
-							/* @__PURE__ */ P("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ P(f, {
-									htmlFor: "name",
-									children: ["Name ", /* @__PURE__ */ N("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ N(e, {
-									id: "name",
-									value: g.name,
-									onChange: (e) => M("name", e.target.value),
-									placeholder: "San Francisco DC",
-									required: !0
-								})]
-							}),
-							/* @__PURE__ */ P("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ P(f, {
-									htmlFor: "type",
-									children: ["Type ", /* @__PURE__ */ N("span", {
-										className: "text-status-error-text",
-										children: "*"
-									})]
-								}), /* @__PURE__ */ P(a, {
-									value: g.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(f, {
-							htmlFor: "totalCapacity",
-							children: "Total Capacity (sq ft)"
-						}), /* @__PURE__ */ N(e, {
-							id: "totalCapacity",
-							type: "number",
-							min: "0",
-							value: g.totalCapacity,
-							onChange: (e) => M("totalCapacity", e.target.value),
-							placeholder: "50000"
-						})]
-					})]
-				})] }),
-				/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ N(S, { size: 18 }),
-						" Address ",
-						/* @__PURE__ */ N("span", {
-							className: "text-status-error-text",
-							children: "*"
-						})
-					]
-				}) }), /* @__PURE__ */ P(c, {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ P("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ N(f, {
-								htmlFor: "street",
-								children: "Street"
-							}), /* @__PURE__ */ N(e, {
-								id: "street",
-								value: g.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(f, {
-									htmlFor: "city",
-									children: "City"
-								}), /* @__PURE__ */ N(e, {
-									id: "city",
-									value: g.city,
-									onChange: (e) => M("city", e.target.value),
-									placeholder: "San Francisco"
-								})]
-							}), /* @__PURE__ */ P("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ N(f, {
-									htmlFor: "state",
-									children: "State"
-								}), /* @__PURE__ */ N(e, {
-									id: "state",
-									value: g.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(f, {
-									htmlFor: "postalCode",
-									children: "ZIP / Postal Code"
-								}), /* @__PURE__ */ N(e, {
-									id: "postalCode",
-									value: g.postalCode,
-									onChange: (e) => M("postalCode", e.target.value),
-									placeholder: "94103"
-								})]
-							}), /* @__PURE__ */ P("div", {
-								className: "space-y-2",
-								children: [/* @__PURE__ */ N(f, {
-									htmlFor: "country",
-									children: "Country"
-								}), /* @__PURE__ */ N(e, {
-									id: "country",
-									value: g.country,
-									onChange: (e) => M("country", e.target.value),
-									placeholder: "USA"
-								})]
-							})]
-						})
-					]
-				})] })
-			]
-		})]
-	});
-}
-function B() {
-	let { warehouseId: e } = M(), { basePath: t, navigate: n } = _(), { warehouse: r, isLoading: a, error: o, refetch: f } = D(e), C = () => n?.(m(t, "inventory/warehouses")), O = (e) => n?.(m(t, e));
-	if (!e) return /* @__PURE__ */ N(z, {});
-	if (a) return /* @__PURE__ */ N(g, { message: "Loading warehouse details..." });
-	if (o || !r) return /* @__PURE__ */ N(h, {
-		title: "Warehouse not found",
-		onRetry: f
-	});
-	let k = r.capacity.usedSpace / r.capacity.totalSpace * 100;
-	return /* @__PURE__ */ P(d, {
-		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(p, {
-				variant: r.isActive ? "default" : "secondary",
-				children: r.isActive ? "Active" : "Inactive"
-			}), /* @__PURE__ */ N(p, {
-				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: [k.toFixed(0), "%"] })]
-								}),
-								/* @__PURE__ */ N(i, { value: k }),
-								/* @__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-1 sm: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(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, { children: [
-							"Zones (",
-							r.zones.length,
-							")"
-						] }) }), /* @__PURE__ */ N(c, { 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(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ N(x, { size: 18 }), " Operating Hours"]
-						}) }), /* @__PURE__ */ N(c, { 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(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ N(S, { size: 18 }), " Location"]
-						}) }), /* @__PURE__ */ N(c, { children: /* @__PURE__ */ N("p", {
-							className: "text-sm",
-							children: A(r.address)
-						}) })] }),
-						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ N(l, { children: "Metrics" }) }), /* @__PURE__ */ P(c, {
-							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(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
-							className: "flex items-center gap-2",
-							children: [
-								/* @__PURE__ */ N(T, { size: 18 }),
-								" Staff (",
-								r.staff.length,
-								")"
-							]
-						}) }), /* @__PURE__ */ N(c, { 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(p, {
-									variant: "outline",
-									children: e.shift
-								})]
-							}, t))
-						}) : /* @__PURE__ */ N("p", {
-							className: "text-text-secondary",
-							children: "No staff assigned"
-						}) })] })
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { B as default };