@burdenoff/microfe-movethewheels 2026.703.8 → 2026.704.2

package/dist/ProductDetailsPage-BSjWLrty.js

@@ -1,350 +0,0 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, j as o, l as s, lt as c, n as l, r as u, st as d, u as f, ut as p } from "./PageLayout-j9Zw3wBN.js";
-import { t as m } from "./arrow-left-1dVWv2dg.js";
-import { t as h } from "./box-DW1KNP8j.js";
-import { t as g } from "./dollar-sign-CYGHy2oS.js";
-import { t as _ } from "./package-UyaWiALC.js";
-import { t as v } from "./save-CcfoIn2J.js";
-import { t as y } from "./square-pen-Dr1X-P2s.js";
-import { r as b, t as x } from "./useInventory-DmZficcp.js";
-import { t as S } from "./FormError-D4T5FWZA.js";
-import { n as C } from "./formatters-FWJDwTFv.js";
-import { useState as w } from "react";
-import { useParams as T } from "react-router-dom";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
-//#region node_modules/lucide-react/dist/esm/icons/tag.js
-var j = p("Tag", [["path", {
-	d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-	key: "vktsd0"
-}], ["circle", {
-	cx: "7.5",
-	cy: "7.5",
-	r: ".5",
-	fill: "currentColor",
-	key: "kqv944"
-}]]);
-//#endregion
-//#region src/movethewheels/pages/ProductDetailsPage.tsx
-function M() {
-	let { basePath: t, navigate: n } = d(), { createProduct: r } = x(), [i, s] = w({
-		name: "",
-		sku: "",
-		category: "",
-		brand: "",
-		weight: ""
-	}), [l, u] = w(!1), [p, h] = w(null), g = () => n?.(c(t, "inventory/products")), y = async (e) => {
-		if (e.preventDefault(), !i.name.trim() || !i.sku.trim()) {
-			h("Product name and SKU are required.");
-			return;
-		}
-		u(!0), h(null);
-		try {
-			let e = i.weight.trim() ? Number(i.weight) : void 0, a = await r({
-				name: i.name.trim(),
-				sku: i.sku.trim(),
-				category: i.category.trim() || void 0,
-				brand: i.brand.trim() || void 0,
-				weight: e !== void 0 && !Number.isNaN(e) ? e : void 0
-			});
-			n?.(c(t, `inventory/products/${a.id}`));
-		} catch (e) {
-			console.error("Failed to create product:", e), h(e instanceof Error ? e.message : "Failed to create product. Please try again."), u(!1);
-		}
-	};
-	return /* @__PURE__ */ D(a, {
-		title: "Add Product",
-		subtitle: "Add an item to your catalog",
-		icon: /* @__PURE__ */ E(_, { size: 24 }),
-		headerActions: /* @__PURE__ */ D("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(f, {
-				variant: "outline",
-				onClick: g,
-				disabled: l,
-				children: [/* @__PURE__ */ E(m, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ D(f, {
-				onClick: y,
-				disabled: l,
-				children: [
-					/* @__PURE__ */ E(v, { size: 16 }),
-					" ",
-					l ? "Saving..." : "Add Product"
-				]
-			})]
-		}),
-		children: [/* @__PURE__ */ E(A, {
-			icon: /* @__PURE__ */ E(_, { size: 18 }),
-			children: "Add a product so it can be added to orders and stocked in warehouses. A name and SKU are all it takes to start — category, brand and weight help with picking, pricing and routing."
-		}), /* @__PURE__ */ D("form", {
-			onSubmit: y,
-			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ E(S, { message: p }), /* @__PURE__ */ D(O, { children: [/* @__PURE__ */ E("h2", {
-				className: "text-base font-semibold text-text-primary mb-4",
-				children: "Product Details"
-			}), /* @__PURE__ */ D("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ D("div", {
-					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ D("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ D(o, {
-							htmlFor: "name",
-							children: ["Name ", /* @__PURE__ */ E("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ E(e, {
-							id: "name",
-							value: i.name,
-							onChange: (e) => s((t) => ({
-								...t,
-								name: e.target.value
-							})),
-							placeholder: "Wireless Headphones",
-							required: !0
-						})]
-					}), /* @__PURE__ */ D("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ D(o, {
-							htmlFor: "sku",
-							children: ["SKU ", /* @__PURE__ */ E("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ E(e, {
-							id: "sku",
-							value: i.sku,
-							onChange: (e) => s((t) => ({
-								...t,
-								sku: e.target.value
-							})),
-							placeholder: "SKU-001",
-							required: !0
-						})]
-					})]
-				}), /* @__PURE__ */ D("div", {
-					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-					children: [
-						/* @__PURE__ */ D("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ E(o, {
-								htmlFor: "category",
-								children: "Category"
-							}), /* @__PURE__ */ E(e, {
-								id: "category",
-								value: i.category,
-								onChange: (e) => s((t) => ({
-									...t,
-									category: e.target.value
-								})),
-								placeholder: "Electronics"
-							})]
-						}),
-						/* @__PURE__ */ D("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ E(o, {
-								htmlFor: "brand",
-								children: "Brand"
-							}), /* @__PURE__ */ E(e, {
-								id: "brand",
-								value: i.brand,
-								onChange: (e) => s((t) => ({
-									...t,
-									brand: e.target.value
-								})),
-								placeholder: "Acme"
-							})]
-						}),
-						/* @__PURE__ */ D("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ E(o, {
-								htmlFor: "weight",
-								children: "Weight (kg)"
-							}), /* @__PURE__ */ E(e, {
-								id: "weight",
-								type: "number",
-								min: "0",
-								step: "0.01",
-								value: i.weight,
-								onChange: (e) => s((t) => ({
-									...t,
-									weight: e.target.value
-								})),
-								placeholder: "0.5"
-							})]
-						})
-					]
-				})]
-			})] })]
-		})]
-	});
-}
-function N() {
-	let { productId: e } = T(), { basePath: o, navigate: p } = d(), { product: v, isLoading: x, error: S, refetch: w } = b(e), N = () => p?.(c(o, "inventory/products")), P = (e) => p?.(c(o, e));
-	return e ? x ? /* @__PURE__ */ E(u, { message: "Loading product details..." }) : S || !v ? /* @__PURE__ */ E(l, {
-		title: "Product not found",
-		onRetry: w
-	}) : /* @__PURE__ */ D(a, {
-		title: v.name,
-		subtitle: `SKU: ${v.sku}`,
-		icon: /* @__PURE__ */ E(_, { size: 24 }),
-		headerActions: /* @__PURE__ */ D("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ D(f, {
-				variant: "outline",
-				onClick: N,
-				children: [/* @__PURE__ */ E(m, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E(y, { size: 16 }), " Edit"] })]
-		}),
-		headerContent: /* @__PURE__ */ D("div", {
-			className: "flex gap-2",
-			children: [
-				/* @__PURE__ */ E(s, {
-					variant: "outline",
-					children: v.category
-				}),
-				v.brand && /* @__PURE__ */ E(s, {
-					variant: "secondary",
-					children: v.brand
-				}),
-				v.fragile && /* @__PURE__ */ E(s, {
-					variant: "destructive",
-					children: "Fragile"
-				}),
-				v.hazardous && /* @__PURE__ */ E(s, {
-					variant: "destructive",
-					children: "Hazardous"
-				}),
-				v.temperatureControlled && /* @__PURE__ */ E(s, {
-					variant: "secondary",
-					children: "Temp Controlled"
-				})
-			]
-		}),
-		children: [
-			/* @__PURE__ */ E(A, {
-				icon: /* @__PURE__ */ E(_, { size: 18 }),
-				children: "The catalog record for this item — its dimensions, weight, value and handling flags. These drive how it's packed, priced and routed, so keep them accurate before adding the product to an order or stocking it in a warehouse."
-			}),
-			/* @__PURE__ */ E(k, {
-				storageKey: "movethewheels-product-details",
-				steps: [{
-					id: "order",
-					label: "Add this product to an order",
-					description: "Include it on a new delivery.",
-					icon: /* @__PURE__ */ E(_, { size: 16 }),
-					onClick: () => P("orders/new")
-				}, {
-					id: "edit",
-					label: "Edit product details",
-					description: "Update dimensions, value or handling flags.",
-					icon: /* @__PURE__ */ E(j, { size: 16 }),
-					onClick: () => {}
-				}]
-			}),
-			/* @__PURE__ */ D("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ D("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ E(r, { children: "Description" }) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E("p", { children: v.description }) })] }),
-						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(h, { size: 18 }), " Dimensions & Weight"]
-						}) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ D("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-							children: [
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-									className: "text-sm text-text-secondary",
-									children: "Length"
-								}), /* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold",
-									children: [v.dimensions.length, /* @__PURE__ */ D("span", {
-										className: "text-sm font-normal",
-										children: [" ", v.dimensions.unit]
-									})]
-								})] }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-									className: "text-sm text-text-secondary",
-									children: "Width"
-								}), /* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold",
-									children: [v.dimensions.width, /* @__PURE__ */ D("span", {
-										className: "text-sm font-normal",
-										children: [" ", v.dimensions.unit]
-									})]
-								})] }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-									className: "text-sm text-text-secondary",
-									children: "Height"
-								}), /* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold",
-									children: [v.dimensions.height, /* @__PURE__ */ D("span", {
-										className: "text-sm font-normal",
-										children: [" ", v.dimensions.unit]
-									})]
-								})] }),
-								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-									className: "text-sm text-text-secondary",
-									children: "Weight"
-								}), /* @__PURE__ */ D("p", {
-									className: "text-2xl font-bold",
-									children: [v.weight, /* @__PURE__ */ E("span", {
-										className: "text-sm font-normal",
-										children: " kg"
-									})]
-								})] })
-							]
-						}) })] }),
-						v.attributes.length > 0 && /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(j, { size: 18 }), " Attributes"]
-						}) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E("div", {
-							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
-							children: v.attributes.map((e, t) => /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-								className: "text-sm text-text-secondary",
-								children: e.name
-							}), /* @__PURE__ */ E("p", {
-								className: "font-medium",
-								children: e.value
-							})] }, t))
-						}) })] })
-					]
-				}), /* @__PURE__ */ D("div", {
-					className: "space-y-6",
-					children: [/* @__PURE__ */ D(O, { children: [
-						/* @__PURE__ */ D("h2", {
-							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-3",
-							children: [/* @__PURE__ */ E(g, { size: 18 }), " Pricing"]
-						}),
-						/* @__PURE__ */ E("p", {
-							className: "text-3xl font-bold",
-							children: C(v.value)
-						}),
-						/* @__PURE__ */ E("p", {
-							className: "text-sm text-text-secondary",
-							children: "Unit price"
-						})
-					] }), /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ E(r, { children: "Identifiers" }) }), /* @__PURE__ */ D(n, {
-						className: "space-y-3",
-						children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-							className: "text-sm text-text-secondary",
-							children: "SKU"
-						}), /* @__PURE__ */ E("p", {
-							className: "font-mono",
-							children: v.sku
-						})] }), v.barcode && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
-							className: "text-sm text-text-secondary",
-							children: "Barcode"
-						}), /* @__PURE__ */ E("p", {
-							className: "font-mono",
-							children: v.barcode
-						})] })]
-					})] })]
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ E(M, {});
-}
-//#endregion
-export { N as default };