@burdenoff/microfe-movethewheels 2026.930.2 → 2026.930.4

package/dist/components/StockActionDialogs.js

@@ -0,0 +1,385 @@
+import { useProduct as e, useProducts as t, useStockActions as n, useWarehouse as r, useWarehouses as i } from "../hooks/useInventory.js";
+import { Button as a, Input as o, Label as s } from "./ui.js";
+import { FormError as c } from "./FormError.js";
+import { EntityCombobox as l } from "./EntityCombobox.js";
+import { useEffect as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ResponsiveDialog as h, ResponsiveDialogContent as g, ResponsiveDialogDescription as _, ResponsiveDialogFooter as v, ResponsiveDialogHeader as y, ResponsiveDialogTitle as b } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/StockActionDialogs.tsx
+function x(e) {
+	let t = e.trim();
+	if (!/^[+-]?\d+$/.test(t)) return null;
+	let n = Number(t);
+	return Number.isSafeInteger(n) ? n : null;
+}
+function S(e, t) {
+	return e instanceof Error && e.message ? e.message : t;
+}
+function C({ id: n, value: r, onChange: i, error: a }) {
+	let [o, s] = d(""), { products: c, totalProducts: u, hasMore: h, isLoading: g, isLoadingMore: _, loadMore: v } = t({
+		search: o,
+		limit: 20
+	}), { product: y, isLoading: b } = e(r || void 0);
+	return /* @__PURE__ */ p(l, {
+		id: n,
+		value: r,
+		onChange: i,
+		options: c,
+		loading: g,
+		required: !0,
+		getId: (e) => e.id,
+		getLabel: (e) => `${e.name} (${e.sku})`,
+		renderOption: (e) => /* @__PURE__ */ m(f, { children: [
+			e.name,
+			" ",
+			/* @__PURE__ */ m("span", {
+				className: "text-text-tertiary",
+				children: [
+					"(",
+					e.sku,
+					")"
+				]
+			})
+		] }),
+		selectedOption: y,
+		selectedLoading: b,
+		placeholder: "Search your product catalog",
+		searchPlaceholder: "Search by name or SKU…",
+		emptyText: "No products found.",
+		onSearchChange: s,
+		hasMore: h,
+		totalCount: u,
+		onLoadMore: v,
+		loadingMore: _,
+		error: a
+	});
+}
+function w({ id: e, value: t, onChange: n, excludeId: a, error: o }) {
+	let [s, c] = d(""), { warehouses: u, totalWarehouses: h, hasMore: g, isLoading: _, isLoadingMore: v, loadMore: y } = i({
+		search: s,
+		limit: 20
+	}), { warehouse: b, isLoading: x } = r(t || void 0);
+	return /* @__PURE__ */ p(l, {
+		id: e,
+		value: t,
+		onChange: n,
+		options: a ? u.filter((e) => e.id !== a) : u,
+		loading: _,
+		required: !0,
+		getId: (e) => e.id,
+		getLabel: (e) => `${e.name} (${e.code})`,
+		renderOption: (e) => /* @__PURE__ */ m(f, { children: [
+			e.name,
+			" ",
+			/* @__PURE__ */ m("span", {
+				className: "text-text-tertiary",
+				children: [
+					"(",
+					e.code,
+					")"
+				]
+			})
+		] }),
+		selectedOption: b,
+		selectedLoading: x,
+		placeholder: "Search warehouses",
+		searchPlaceholder: "Search by name or code…",
+		emptyText: "No warehouses found.",
+		onSearchChange: c,
+		hasMore: g,
+		totalCount: h,
+		onLoadMore: y,
+		loadingMore: v,
+		error: o
+	});
+}
+function T({ submitting: e, submitLabel: t, submittingLabel: n, onCancel: r, onSubmit: i }) {
+	return /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ p(a, {
+		variant: "outline",
+		onClick: r,
+		disabled: e,
+		children: "Cancel"
+	}), /* @__PURE__ */ p(a, {
+		onClick: i,
+		disabled: e,
+		children: e ? n : t
+	})] });
+}
+function E({ open: e, onOpenChange: t, onDone: r }) {
+	let { receiveStock: i } = n(), [a, l] = d(""), [f, v] = d(""), [E, D] = d(""), [O, k] = d(""), [A, j] = d(null), [M, N] = d(!1);
+	return u(() => {
+		e && (l(""), v(""), D(""), k(""), j(null), N(!1));
+	}, [e]), /* @__PURE__ */ p(h, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ m(g, { children: [
+			/* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(b, { children: "Receive stock" }), /* @__PURE__ */ p(_, { children: "Add units of a product to a warehouse. If the warehouse already stocks it, the units are added to that line; otherwise a new stock line is created." })] }),
+			/* @__PURE__ */ m("div", {
+				className: "space-y-4 px-1",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ p(s, {
+							htmlFor: "receive-product",
+							children: "Product *"
+						}), /* @__PURE__ */ p(C, {
+							id: "receive-product",
+							value: a,
+							onChange: l
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ p(s, {
+							htmlFor: "receive-warehouse",
+							children: "Warehouse *"
+						}), /* @__PURE__ */ p(w, {
+							id: "receive-warehouse",
+							value: f,
+							onChange: v
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+						children: [/* @__PURE__ */ m("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ p(s, {
+								htmlFor: "receive-quantity",
+								children: "Quantity received *"
+							}), /* @__PURE__ */ p(o, {
+								id: "receive-quantity",
+								type: "number",
+								inputMode: "numeric",
+								min: 1,
+								step: 1,
+								value: E,
+								onChange: (e) => D(e.target.value),
+								placeholder: "e.g. 50"
+							})]
+						}), /* @__PURE__ */ m("div", {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ p(s, {
+									htmlFor: "receive-reorder",
+									children: "Reorder point (optional)"
+								}),
+								/* @__PURE__ */ p(o, {
+									id: "receive-reorder",
+									type: "number",
+									inputMode: "numeric",
+									min: 0,
+									step: 1,
+									value: O,
+									onChange: (e) => k(e.target.value),
+									placeholder: "Low-stock threshold"
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "text-xs text-text-secondary",
+									children: "Only used when this creates a new stock line."
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ p(c, { message: A })
+				]
+			}),
+			/* @__PURE__ */ p(T, {
+				submitting: M,
+				submitLabel: "Receive stock",
+				submittingLabel: "Receiving…",
+				onCancel: () => t(!1),
+				onSubmit: async () => {
+					let e = x(E), n = O.trim() === "" ? null : x(O);
+					if (!a) return j("Choose the product you received.");
+					if (!f) return j("Choose the warehouse it was received into.");
+					if (e === null || e <= 0) return j("Quantity must be a whole number above zero.");
+					if (n !== null && n < 0) return j("Reorder point must be zero or more.");
+					if (O.trim() !== "" && n === null) return j("Reorder point must be a whole number.");
+					N(!0), j(null);
+					try {
+						let o = await i({
+							productId: a,
+							warehouseId: f,
+							quantity: e,
+							reorderPoint: n
+						});
+						t(!1), r(`Received ${e.toLocaleString()} unit(s) — ${o.productName ?? "product"} now has ${o.quantity.toLocaleString()} on hand at ${o.warehouseName ?? "the warehouse"}.`);
+					} catch (e) {
+						j(S(e, "Failed to receive stock."));
+					} finally {
+						N(!1);
+					}
+				}
+			})
+		] })
+	});
+}
+function D({ line: e, open: t, onOpenChange: r, onDone: i }) {
+	let { adjustStock: a } = n(), [l, f] = d(""), [v, C] = d(null), [w, E] = d(!1);
+	u(() => {
+		t && (f(""), C(null), E(!1));
+	}, [t, e?.id]);
+	let D = x(l), O = e && D !== null && D !== 0 ? {
+		onHand: e.onHand + D,
+		available: e.available + D
+	} : null, k = O !== null && (O.onHand < 0 || O.available < 0);
+	return /* @__PURE__ */ p(h, {
+		open: t,
+		onOpenChange: r,
+		children: /* @__PURE__ */ m(g, { children: [
+			/* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(b, { children: "Adjust stock" }), /* @__PURE__ */ p(_, { children: e ? `${e.productName} (${e.sku}) at ${e.warehouseName}. Use a positive number to add units and a negative one to remove them, e.g. after a count or write-off.` : "Choose a stock line to adjust." })] }),
+			e && /* @__PURE__ */ m("div", {
+				className: "space-y-4 px-1",
+				children: [
+					/* @__PURE__ */ m("dl", {
+						className: "grid grid-cols-2 gap-3 text-sm",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+							className: "text-text-secondary",
+							children: "On hand"
+						}), /* @__PURE__ */ p("dd", {
+							className: "font-medium",
+							children: e.onHand.toLocaleString()
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("dt", {
+							className: "text-text-secondary",
+							children: "Available"
+						}), /* @__PURE__ */ p("dd", {
+							className: "font-medium",
+							children: e.available.toLocaleString()
+						})] })]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ p(s, {
+								htmlFor: "adjust-change",
+								children: "Change (units) *"
+							}),
+							/* @__PURE__ */ p(o, {
+								id: "adjust-change",
+								type: "number",
+								inputMode: "numeric",
+								step: 1,
+								value: l,
+								onChange: (e) => f(e.target.value),
+								placeholder: "e.g. 10 or -3"
+							}),
+							O && /* @__PURE__ */ p("p", {
+								className: `text-xs ${k ? "text-status-error-text" : "text-text-secondary"}`,
+								children: k ? "This would take stock below zero." : `After this: ${O.onHand.toLocaleString()} on hand, ${O.available.toLocaleString()} available.`
+							})
+						]
+					}),
+					/* @__PURE__ */ p(c, { message: v })
+				]
+			}),
+			/* @__PURE__ */ p(T, {
+				submitting: w,
+				submitLabel: "Apply adjustment",
+				submittingLabel: "Applying…",
+				onCancel: () => r(!1),
+				onSubmit: async () => {
+					if (e) {
+						if (D === null || D === 0) return C("Enter a whole-number change other than zero, e.g. 10 or -3.");
+						if (k) return C(`Only ${e.available.toLocaleString()} unit(s) are available to remove.`);
+						E(!0), C(null);
+						try {
+							let t = await a(e.id, D);
+							r(!1), i(`Adjusted ${e.productName} at ${e.warehouseName} by ${D > 0 ? "+" : ""}${D.toLocaleString()} — now ${t.quantity.toLocaleString()} on hand.`);
+						} catch (e) {
+							C(S(e, "Failed to adjust stock."));
+						} finally {
+							E(!1);
+						}
+					}
+				}
+			})
+		] })
+	});
+}
+function O({ line: e, open: t, onOpenChange: r, onDone: i }) {
+	let { transferStock: a } = n(), [l, f] = d(""), [v, C] = d(""), [E, D] = d(null), [O, k] = d(!1);
+	return u(() => {
+		t && (f(""), C(""), D(null), k(!1));
+	}, [t, e?.id]), /* @__PURE__ */ p(h, {
+		open: t,
+		onOpenChange: r,
+		children: /* @__PURE__ */ m(g, { children: [
+			/* @__PURE__ */ m(y, { children: [/* @__PURE__ */ p(b, { children: "Transfer stock" }), /* @__PURE__ */ p(_, { children: e ? `Move available ${e.productName} (${e.sku}) out of ${e.warehouseName}. Both warehouses are updated together.` : "Choose a stock line to transfer." })] }),
+			e && /* @__PURE__ */ m("div", {
+				className: "space-y-4 px-1",
+				children: [
+					/* @__PURE__ */ m("p", {
+						className: "text-sm text-text-secondary",
+						children: [
+							"Available to transfer:",
+							" ",
+							/* @__PURE__ */ p("span", {
+								className: "font-medium text-text-primary",
+								children: e.available.toLocaleString()
+							})
+						]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ p(s, {
+							htmlFor: "transfer-destination",
+							children: "Destination warehouse *"
+						}), /* @__PURE__ */ p(w, {
+							id: "transfer-destination",
+							value: l,
+							onChange: f,
+							excludeId: e.warehouseId
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ p(s, {
+							htmlFor: "transfer-quantity",
+							children: "Quantity *"
+						}), /* @__PURE__ */ p(o, {
+							id: "transfer-quantity",
+							type: "number",
+							inputMode: "numeric",
+							min: 1,
+							max: e.available,
+							step: 1,
+							value: v,
+							onChange: (e) => C(e.target.value),
+							placeholder: "Units to move"
+						})]
+					}),
+					/* @__PURE__ */ p(c, { message: E })
+				]
+			}),
+			/* @__PURE__ */ p(T, {
+				submitting: O,
+				submitLabel: "Transfer stock",
+				submittingLabel: "Transferring…",
+				onCancel: () => r(!1),
+				onSubmit: async () => {
+					if (!e) return;
+					let t = x(v);
+					if (!l) return D("Choose the destination warehouse.");
+					if (l === e.warehouseId) return D("Source and destination warehouses must be different.");
+					if (t === null || t <= 0) return D("Quantity must be a whole number above zero.");
+					if (t > e.available) return D(`Only ${e.available.toLocaleString()} unit(s) are available to transfer.`);
+					k(!0), D(null);
+					try {
+						let n = await a({
+							sourceInventoryId: e.id,
+							destinationWarehouseId: l,
+							quantity: t
+						});
+						r(!1), i(`Transferred ${t.toLocaleString()} unit(s) of ${e.productName} from ${e.warehouseName} to ${n.destination.warehouseName ?? "the destination"}.`);
+					} catch (e) {
+						D(S(e, "Failed to transfer stock."));
+					} finally {
+						k(!1);
+					}
+				}
+			})
+		] })
+	});
+}
+//#endregion
+export { D as AdjustStockDialog, E as ReceiveStockDialog, O as TransferStockDialog };