@burdenoff/microfe-devportal 2026.914.3 → 2026.914.5

package/dist/devportal/pages/CreatePhysicalItemPage.js

@@ -2,12 +2,13 @@ import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { cn as t } from "../utils/cn.js";
 import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
 import { CheckboxField as i, InputField as a, SelectField as o, TextareaField as s } from "../components/FormField.js";
-import { useSellerOrganization as c } from "../hooks/useSellerOrganization.js";
-import { useCallback as l, useRef as u, useState as d } from "react";
-import { Info as f, Loader2 as p, Upload as m, X as h } from "lucide-react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { usePackageUpload as c } from "../hooks/usePackageUpload.js";
+import { useSellerOrganization as ee } from "../hooks/useSellerOrganization.js";
+import { useCallback as l, useRef as te, useState as u } from "react";
+import { AlertTriangle as d, Info as f, Loader2 as p, RotateCw as m, Upload as ne, X as re } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/devportal/pages/CreatePhysicalItemPage.tsx
-var y = [
+var v = [
 	{
 		value: "MERCHANDISE",
 		label: "Merchandise"
@@ -40,7 +41,7 @@ var y = [
 		value: "CONSUMABLE",
 		label: "Consumable"
 	}
-], b = [
+], y = [
 	{
 		value: "agri-seeds",
 		label: "Agri-Inputs — Seeds"
@@ -61,7 +62,7 @@ var y = [
 		value: "agri-irrigation",
 		label: "Agri-Inputs — Irrigation"
 	}
-], ee = [
+], ie = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -86,6 +87,36 @@ var y = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
+], ae = [
+	{
+		value: "GRAM",
+		label: "Grams (g)"
+	},
+	{
+		value: "KILOGRAM",
+		label: "Kilograms (kg)"
+	},
+	{
+		value: "OUNCE",
+		label: "Ounces (oz)"
+	},
+	{
+		value: "POUND",
+		label: "Pounds (lb)"
+	}
+], b = [
+	{
+		value: "CENTIMETER",
+		label: "Centimeters (cm)"
+	},
+	{
+		value: "INCH",
+		label: "Inches (in)"
+	},
+	{
+		value: "METER",
+		label: "Meters (m)"
+	}
 ], x = [
 	"name",
 	"slug",
@@ -105,7 +136,7 @@ function D(e) {
 	});
 }
 var O = () => {
-	let { navigate: x, basePath: O, apiGatewayUrl: k, authToken: A } = e(), { organization: j, loading: M, error: N } = c(), [P, F] = d({
+	let { navigate: x, basePath: O, apiGatewayUrl: k, authToken: A, workspacesGatewayUrl: oe, workspaceId: se, getWorkspaceToken: ce } = e(), { organization: j, organizations: M, loading: N, error: P, selectOrganization: F } = ee(), [I, L] = u({
 		name: "",
 		slug: "",
 		type: "",
@@ -118,46 +149,78 @@ var O = () => {
 		stockQuantity: "1",
 		sku: "",
 		trackInventory: !0,
+		allowBackorder: !1,
+		lowStockThreshold: "",
 		requiresShipping: !0,
 		weightKg: "",
+		weightUnit: "KILOGRAM",
+		length: "",
+		width: "",
+		height: "",
+		dimensionUnit: "CENTIMETER",
 		brand: "",
+		manufacturer: "",
 		countryOfOrigin: "",
 		warrantyInfo: "",
 		returnPolicy: ""
-	}), [I, L] = d([]), [R, z] = d(!1), B = u(null), [V, H] = d(!1), [U, W] = d(null), [G, K] = d(!1), q = D(P) && !!j, J = `${k || ""}/global/graphql`, Y = (e, t) => {
-		F((n) => ({
+	}), [R, z] = u([]), [B, V] = u(!1), H = te(null), { upload: U } = c(oe, A, se, ce, "/DevPortal/Assets"), [W, G] = u(!1), [K, q] = u(null), [le, ue] = u(!1), de = R.some((e) => e.uploading), J = D(I) && !!j && !de, fe = `${k || ""}/global/graphql`, Y = (e, t) => {
+		L((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, X = (e) => {
+	}, pe = (e) => {
 		let t = e.target.value;
-		F((e) => ({
+		L((e) => ({
 			...e,
 			name: t,
 			slug: E(t)
 		}));
-	}, Z = (e) => (t) => {
+	}, X = (e) => (t) => {
 		Y(e, t.target.checked);
-	}, Q = l((e) => {
+	}, Z = l((e, t) => {
+		U(t).then((t) => {
+			z((n) => n.map((n) => n.id === e ? {
+				...n,
+				uploading: !1,
+				downloadUrl: t.downloadUrl,
+				error: void 0
+			} : n));
+		}).catch((t) => {
+			z((n) => n.map((n) => n.id === e ? {
+				...n,
+				uploading: !1,
+				error: t instanceof Error ? t.message : "Upload failed"
+			} : n));
+		});
+	}, [U]), Q = l((e) => {
 		let t = Array.from(e).filter((e) => e.type.startsWith("image/")).map((e) => ({
+			id: crypto.randomUUID(),
 			file: e,
-			url: URL.createObjectURL(e)
+			url: URL.createObjectURL(e),
+			uploading: !0
 		}));
-		L((e) => [...e, ...t]);
-	}, []), te = (e) => {
+		z((e) => [...e, ...t]), t.forEach((e) => Z(e.id, e.file));
+	}, [Z]), me = (e) => {
 		e.target.files && Q(e.target.files), e.target.value = "";
-	}, ne = (e) => {
-		e.preventDefault(), z(!1), e.dataTransfer.files && Q(e.dataTransfer.files);
-	}, re = (e) => {
-		e.preventDefault(), z(!0);
-	}, ie = () => z(!1), ae = (e) => {
-		L((t) => {
-			let n = [...t];
-			return URL.revokeObjectURL(n[e].url), n.splice(e, 1), n;
+	}, he = (e) => {
+		e.preventDefault(), V(!1), e.dataTransfer.files && Q(e.dataTransfer.files);
+	}, ge = (e) => {
+		e.preventDefault(), V(!0);
+	}, _e = () => V(!1), ve = (e) => {
+		z((t) => {
+			let n = t.find((t) => t.id === e);
+			return n && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
 		});
+	}, ye = (e) => {
+		let t = R.find((t) => t.id === e);
+		t && (z((t) => t.map((t) => t.id === e ? {
+			...t,
+			uploading: !0,
+			error: void 0
+		} : t)), Z(e, t.file));
 	};
 	async function $(e, t) {
-		let n = await (await fetch(J, {
+		let n = await (await fetch(fe, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -172,76 +235,96 @@ var O = () => {
 		if (n.errors?.length) throw Error(n.errors.map((e) => e.message).join("; "));
 		return n.data;
 	}
-	return /* @__PURE__ */ _(n, {
+	return /* @__PURE__ */ g(n, {
 		title: "List a Physical Item",
 		description: "Fill in all required details. Your listing will be reviewed before it appears in the store.",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "space-y-8 max-w-3xl",
 			children: [
-				G && /* @__PURE__ */ _("div", {
+				le && /* @__PURE__ */ g("div", {
 					className: "rounded-card border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
 					children: "Your listing has been submitted for review! Redirecting..."
 				}),
-				U && /* @__PURE__ */ _("div", {
+				K && /* @__PURE__ */ g("div", {
 					className: "rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-					children: U
+					children: K
 				}),
-				N && /* @__PURE__ */ v("div", {
+				P && /* @__PURE__ */ _("div", {
 					className: "rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
-					children: ["Couldn't set up your seller organization: ", N]
+					children: ["Couldn't set up your seller organization: ", P]
+				}),
+				/* @__PURE__ */ g(r, {
+					title: "Seller Organization",
+					description: "The seller organization this item will be listed under.",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-3",
+						children: /* @__PURE__ */ g(o, {
+							label: "Organization",
+							required: !0,
+							value: j?.id ?? "",
+							onChange: (e) => F(e.target.value),
+							options: M.map((e) => ({
+								value: e.id,
+								label: e.name
+							})),
+							placeholder: N ? "Resolving your seller organization…" : "Select an organization",
+							disabled: N || M.length <= 1,
+							hint: M.length > 1 ? "You have more than one seller organization — pick the one this item belongs to." : j ? `Automatically set to your only seller organization, "${j.name}".` : void 0
+						})
+					})
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ g(r, {
 					title: "Basic Information",
 					description: "Core details shown in the store listing.",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ _(a, {
+							/* @__PURE__ */ g(a, {
 								label: "Name",
 								required: !0,
-								value: P.name,
-								onChange: X,
+								value: I.name,
+								onChange: pe,
 								placeholder: "e.g. Wireless Ergonomic Keyboard",
 								maxLength: 120
 							}),
-							/* @__PURE__ */ _(a, {
+							/* @__PURE__ */ g(a, {
 								label: "Slug",
 								required: !0,
-								value: P.slug,
+								value: I.slug,
 								onChange: (e) => Y("slug", e.target.value),
 								placeholder: "auto-derived-from-name",
 								hint: "URL-friendly identifier. Auto-derived from name; you can edit it."
 							}),
-							/* @__PURE__ */ _(o, {
+							/* @__PURE__ */ g(o, {
 								label: "Product Type",
 								required: !0,
-								value: P.type,
+								value: I.type,
 								onChange: (e) => Y("type", e.target.value),
-								options: y,
+								options: v,
 								placeholder: "Select a type"
 							}),
-							/* @__PURE__ */ _(o, {
+							/* @__PURE__ */ g(o, {
 								label: "Store Category",
-								value: P.category,
+								value: I.category,
 								onChange: (e) => Y("category", e.target.value),
-								options: b,
+								options: y,
 								placeholder: "General / uncategorised",
 								hint: "Pick an Agri-Inputs category to list this item in the HealthyBowl Agri-Inputs Store. Leave blank for a general store listing."
 							}),
-							/* @__PURE__ */ _(a, {
+							/* @__PURE__ */ g(a, {
 								label: "Short Description",
 								required: !0,
-								value: P.shortDescription,
+								value: I.shortDescription,
 								onChange: (e) => Y("shortDescription", e.target.value),
 								placeholder: "One-line summary shown on the store card",
 								maxLength: 160,
-								hint: `${P.shortDescription.length}/160`
+								hint: `${I.shortDescription.length}/160`
 							}),
-							/* @__PURE__ */ _(s, {
+							/* @__PURE__ */ g(s, {
 								label: "Long Description",
-								value: P.longDescription,
+								value: I.longDescription,
 								onChange: (e) => Y("longDescription", e.target.value),
 								rows: 5,
 								placeholder: "Detailed product description, features, specs…"
@@ -249,164 +332,251 @@ var O = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ g(r, {
 					title: "Product Images",
 					description: "The first image is used as the main icon.",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
 						children: [
-							/* @__PURE__ */ v("div", {
-								onDrop: ne,
-								onDragOver: re,
-								onDragLeave: ie,
-								onClick: () => B.current?.click(),
-								className: t("flex flex-col items-center justify-center gap-3 rounded-input border-2 border-dashed px-6 py-10 cursor-pointer transition-colors", R ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
+							/* @__PURE__ */ _("div", {
+								onDrop: he,
+								onDragOver: ge,
+								onDragLeave: _e,
+								onClick: () => H.current?.click(),
+								className: t("flex flex-col items-center justify-center gap-3 rounded-input border-2 border-dashed px-6 py-10 cursor-pointer transition-colors", B ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
 								children: [
-									/* @__PURE__ */ _(m, {
+									/* @__PURE__ */ g(ne, {
 										size: 28,
-										className: R ? "text-action-primary-bg" : "text-text-muted"
+										className: B ? "text-action-primary-bg" : "text-text-muted"
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ _("div", {
 										className: "text-center space-y-1",
-										children: [/* @__PURE__ */ _("p", {
+										children: [/* @__PURE__ */ g("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Drag and drop images here"
-										}), /* @__PURE__ */ _("p", {
+										}), /* @__PURE__ */ g("p", {
 											className: "text-xs text-text-muted",
 											children: "or click to browse — accepts any image format, multiple files"
 										})]
 									}),
-									/* @__PURE__ */ _("input", {
-										ref: B,
+									/* @__PURE__ */ g("input", {
+										ref: H,
 										type: "file",
 										accept: "image/*",
 										multiple: !0,
 										className: "sr-only",
-										onChange: te
+										onChange: me
 									})
 								]
 							}),
-							I.length > 0 && /* @__PURE__ */ _("div", {
+							R.length > 0 && /* @__PURE__ */ g("div", {
 								className: "flex flex-wrap gap-3",
-								children: I.map((e, t) => /* @__PURE__ */ v("div", {
-									className: "relative group",
-									children: [
-										/* @__PURE__ */ _("img", {
-											src: e.url,
-											alt: `Product image ${t + 1}`,
-											className: "h-20 w-20 rounded-input object-cover border border-border-subtle"
-										}),
-										t === 0 && /* @__PURE__ */ _("span", {
-											className: "absolute bottom-0 left-0 right-0 rounded-b-input bg-bg-surface/80 text-center text-[10px] font-medium py-0.5 text-text-secondary",
-											children: "Main"
-										}),
-										/* @__PURE__ */ _("button", {
-											type: "button",
-											onClick: (e) => {
-												e.stopPropagation(), ae(t);
-											},
-											className: "absolute -top-1.5 -right-1.5 hidden group-hover:flex h-5 w-5 items-center justify-center rounded-full bg-bg-surface border border-border-subtle text-text-muted hover:text-status-error-text hover:border-status-error-text/40 transition-colors",
-											"aria-label": "Remove image",
-											children: /* @__PURE__ */ _(h, { size: 11 })
-										})
-									]
-								}, e.url))
+								children: (() => {
+									let e = R.find((e) => e.downloadUrl)?.id;
+									return R.map((n, r) => /* @__PURE__ */ _("div", {
+										className: "relative group",
+										children: [
+											/* @__PURE__ */ g("img", {
+												src: n.url,
+												alt: `Product image ${r + 1}`,
+												className: t("h-20 w-20 rounded-input object-cover border", n.error ? "border-status-error-text/50" : "border-border-subtle")
+											}),
+											n.uploading && /* @__PURE__ */ g("div", {
+												className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
+												children: /* @__PURE__ */ g(p, {
+													size: 16,
+													className: "animate-spin text-white"
+												})
+											}),
+											n.error && /* @__PURE__ */ _("button", {
+												type: "button",
+												onClick: (e) => {
+													e.stopPropagation(), ye(n.id);
+												},
+												title: `${n.error} — click to retry`,
+												className: "absolute inset-0 flex flex-col items-center justify-center gap-0.5 rounded-input bg-status-error-bg/80 text-status-error-text",
+												children: [/* @__PURE__ */ g(d, { size: 14 }), /* @__PURE__ */ g(m, { size: 11 })]
+											}),
+											n.id === e && /* @__PURE__ */ g("span", {
+												className: "absolute bottom-0 left-0 right-0 rounded-b-input bg-bg-surface/80 text-center text-[10px] font-medium py-0.5 text-text-secondary",
+												children: "Main"
+											}),
+											/* @__PURE__ */ g("button", {
+												type: "button",
+												onClick: (e) => {
+													e.stopPropagation(), ve(n.id);
+												},
+												className: "absolute -top-1.5 -right-1.5 hidden group-hover:flex h-5 w-5 items-center justify-center rounded-full bg-bg-surface border border-border-subtle text-text-muted hover:text-status-error-text hover:border-status-error-text/40 transition-colors",
+												"aria-label": "Remove image",
+												children: /* @__PURE__ */ g(re, { size: 11 })
+											})
+										]
+									}, n.id));
+								})()
 							}),
-							/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ _("p", {
 								className: "flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ _(f, {
+								children: [/* @__PURE__ */ g(f, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
-								}), "At least 1 image helps buyers — high quality photos increase conversions."]
+								}), "At least 1 image helps buyers — high quality photos increase conversions. The first image becomes the main icon."]
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ g(r, {
 					title: "Pricing",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [/* @__PURE__ */ v("div", {
+						children: [/* @__PURE__ */ _("div", {
 							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ _(a, {
+							children: [/* @__PURE__ */ g(a, {
 								label: "Price",
 								required: !0,
 								type: "number",
-								value: P.price,
+								value: I.price,
 								onChange: (e) => Y("price", e.target.value),
 								placeholder: "0.00",
 								min: .01,
 								step: "0.01"
-							}), /* @__PURE__ */ _(o, {
+							}), /* @__PURE__ */ g(o, {
 								label: "Currency",
 								required: !0,
-								value: P.currency,
+								value: I.currency,
 								onChange: (e) => Y("currency", e.target.value),
-								options: ee,
+								options: ie,
 								placeholder: "Select currency"
 							})]
-						}), /* @__PURE__ */ _(a, {
+						}), /* @__PURE__ */ g(a, {
 							label: "Tags",
-							value: P.tags,
+							value: I.tags,
 							onChange: (e) => Y("tags", e.target.value),
 							placeholder: "mechanical, wireless, ergonomic",
 							hint: "Comma-separated keywords to help buyers find your item."
 						})]
 					})
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ g(r, {
 					title: "Inventory",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [/* @__PURE__ */ v("div", {
-							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ _(a, {
-								label: "Stock Quantity",
-								required: !0,
+						children: [
+							/* @__PURE__ */ _("div", {
+								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+								children: [/* @__PURE__ */ g(a, {
+									label: "Stock Quantity",
+									required: !0,
+									type: "number",
+									value: I.stockQuantity,
+									onChange: (e) => Y("stockQuantity", e.target.value),
+									min: 0,
+									step: 1
+								}), /* @__PURE__ */ g(a, {
+									label: "SKU",
+									value: I.sku,
+									onChange: (e) => Y("sku", e.target.value),
+									placeholder: "e.g. KB-WL-001",
+									hint: "Your internal stock-keeping unit reference."
+								})]
+							}),
+							/* @__PURE__ */ g(a, {
+								label: "Low Stock Threshold",
 								type: "number",
-								value: P.stockQuantity,
-								onChange: (e) => Y("stockQuantity", e.target.value),
+								value: I.lowStockThreshold,
+								onChange: (e) => Y("lowStockThreshold", e.target.value),
+								placeholder: "e.g. 5",
 								min: 0,
-								step: 1
-							}), /* @__PURE__ */ _(a, {
-								label: "SKU",
-								value: P.sku,
-								onChange: (e) => Y("sku", e.target.value),
-								placeholder: "e.g. KB-WL-001",
-								hint: "Your internal stock-keeping unit reference."
-							})]
-						}), /* @__PURE__ */ _(i, {
-							label: "Track Inventory",
-							description: "Automatically reduce stock when orders are placed.",
-							checked: P.trackInventory,
-							onChange: Z("trackInventory")
-						})]
+								step: 1,
+								hint: "Get flagged when stock falls to or below this number."
+							}),
+							/* @__PURE__ */ g(i, {
+								label: "Track Inventory",
+								description: "Automatically reduce stock when orders are placed.",
+								checked: I.trackInventory,
+								onChange: X("trackInventory")
+							}),
+							/* @__PURE__ */ g(i, {
+								label: "Allow Backorder",
+								description: "Let buyers order even when stock quantity is zero.",
+								checked: I.allowBackorder,
+								onChange: X("allowBackorder")
+							})
+						]
 					})
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ g(r, {
 					title: "Shipping",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ _(i, {
+							/* @__PURE__ */ g(i, {
 								label: "Requires Shipping",
 								description: "This item will be physically shipped to the buyer.",
-								checked: P.requiresShipping,
-								onChange: Z("requiresShipping")
-							}),
-							P.requiresShipping && /* @__PURE__ */ _(a, {
-								label: "Weight (kg)",
-								type: "number",
-								value: P.weightKg,
-								onChange: (e) => Y("weightKg", e.target.value),
-								placeholder: "0.0",
-								min: 0,
-								step: "0.01",
-								hint: "Used to calculate shipping costs."
+								checked: I.requiresShipping,
+								onChange: X("requiresShipping")
 							}),
-							/* @__PURE__ */ v("p", {
+							I.requiresShipping && /* @__PURE__ */ _(h, { children: [
+								/* @__PURE__ */ _("div", {
+									className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+									children: [/* @__PURE__ */ g(a, {
+										label: "Weight",
+										type: "number",
+										value: I.weightKg,
+										onChange: (e) => Y("weightKg", e.target.value),
+										placeholder: "0.0",
+										min: 0,
+										step: "0.01",
+										hint: "Used to calculate shipping costs."
+									}), /* @__PURE__ */ g(o, {
+										label: "Weight Unit",
+										value: I.weightUnit,
+										onChange: (e) => Y("weightUnit", e.target.value),
+										options: ae
+									})]
+								}),
+								/* @__PURE__ */ _("div", {
+									className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
+									children: [
+										/* @__PURE__ */ g(a, {
+											label: "Length",
+											type: "number",
+											value: I.length,
+											onChange: (e) => Y("length", e.target.value),
+											placeholder: "0.0",
+											min: 0,
+											step: "0.01"
+										}),
+										/* @__PURE__ */ g(a, {
+											label: "Width",
+											type: "number",
+											value: I.width,
+											onChange: (e) => Y("width", e.target.value),
+											placeholder: "0.0",
+											min: 0,
+											step: "0.01"
+										}),
+										/* @__PURE__ */ g(a, {
+											label: "Height",
+											type: "number",
+											value: I.height,
+											onChange: (e) => Y("height", e.target.value),
+											placeholder: "0.0",
+											min: 0,
+											step: "0.01"
+										})
+									]
+								}),
+								/* @__PURE__ */ g(o, {
+									label: "Dimension Unit",
+									value: I.dimensionUnit,
+									onChange: (e) => Y("dimensionUnit", e.target.value),
+									options: b,
+									hint: "Applies to length, width, and height above."
+								})
+							] }),
+							/* @__PURE__ */ _("p", {
 								className: "flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
-								children: [/* @__PURE__ */ _(f, {
+								children: [/* @__PURE__ */ g(f, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
 								}), "Delivery fees are configured at the organization level in store settings."]
@@ -414,35 +584,41 @@ var O = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ _(r, {
+				/* @__PURE__ */ g(r, {
 					title: "Product Details",
 					description: "Optional supplemental information for buyers.",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ _("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ _(a, {
+								children: [/* @__PURE__ */ g(a, {
 									label: "Brand",
-									value: P.brand,
+									value: I.brand,
 									onChange: (e) => Y("brand", e.target.value),
 									placeholder: "e.g. Logitech"
-								}), /* @__PURE__ */ _(a, {
-									label: "Country of Origin",
-									value: P.countryOfOrigin,
-									onChange: (e) => Y("countryOfOrigin", e.target.value),
-									placeholder: "e.g. China"
+								}), /* @__PURE__ */ g(a, {
+									label: "Manufacturer",
+									value: I.manufacturer,
+									onChange: (e) => Y("manufacturer", e.target.value),
+									placeholder: "e.g. Logitech Manufacturing Ltd."
 								})]
 							}),
-							/* @__PURE__ */ _(a, {
+							/* @__PURE__ */ g(a, {
+								label: "Country of Origin",
+								value: I.countryOfOrigin,
+								onChange: (e) => Y("countryOfOrigin", e.target.value),
+								placeholder: "e.g. China"
+							}),
+							/* @__PURE__ */ g(a, {
 								label: "Warranty Info",
-								value: P.warrantyInfo,
+								value: I.warrantyInfo,
 								onChange: (e) => Y("warrantyInfo", e.target.value),
 								placeholder: "e.g. 1-year limited manufacturer warranty"
 							}),
-							/* @__PURE__ */ _(s, {
+							/* @__PURE__ */ g(s, {
 								label: "Return Policy",
-								value: P.returnPolicy,
+								value: I.returnPolicy,
 								onChange: (e) => Y("returnPolicy", e.target.value),
 								rows: 3,
 								placeholder: "e.g. 30-day returns accepted"
@@ -450,20 +626,20 @@ var O = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					className: "flex items-center gap-3 pb-8",
-					children: [/* @__PURE__ */ _("button", {
+					children: [/* @__PURE__ */ g("button", {
 						type: "button",
 						onClick: () => x?.(`${O}/seller/items`),
 						className: "rounded-button border border-border-strong px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 						children: "Cancel"
-					}), /* @__PURE__ */ _("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "relative",
-						children: /* @__PURE__ */ _("button", {
+						children: /* @__PURE__ */ g("button", {
 							type: "button",
 							onClick: async () => {
-								if (!(!q || V || !j)) {
-									H(!0), W(null);
+								if (!(!J || W || !j)) {
+									G(!0), q(null);
 									try {
 										let e = (await $(S)).myPublisher?.id ?? null;
 										e ||= (await $(C, { input: {
@@ -474,48 +650,58 @@ var O = () => {
 											country: j.taxCountry ?? null,
 											contactEmail: j.contactEmail ?? null
 										} })).registerPublisher.id;
-										let t = P.tags.split(",").map((e) => e.trim()).filter(Boolean), n = (await $(w, { input: {
-											name: P.name.trim(),
-											slug: P.slug.trim(),
-											type: P.type,
-											category: P.category.trim() || null,
-											description: P.shortDescription.trim(),
-											longDescription: P.longDescription.trim() || null,
-											price: parseFloat(P.price),
-											currency: P.currency,
+										let t = I.tags.split(",").map((e) => e.trim()).filter(Boolean), n = R.map((e) => e.downloadUrl).filter((e) => !!e), r = I.length.trim() || I.width.trim() || I.height.trim(), i = (await $(w, { input: {
+											name: I.name.trim(),
+											slug: I.slug.trim(),
+											type: I.type,
+											category: I.category.trim() || null,
+											description: I.shortDescription.trim(),
+											longDescription: I.longDescription.trim() || null,
+											price: parseFloat(I.price),
+											currency: I.currency,
 											tags: t.length > 0 ? t : null,
-											stockQuantity: parseInt(P.stockQuantity, 10),
-											sku: P.sku.trim() || null,
-											trackInventory: P.trackInventory,
-											requiresShipping: P.requiresShipping,
-											weight: P.requiresShipping && P.weightKg.trim() ? parseFloat(P.weightKg) : null,
-											brand: P.brand.trim() || null,
-											countryOfOrigin: P.countryOfOrigin.trim() || null,
-											warrantyInfo: P.warrantyInfo.trim() || null,
-											returnPolicy: P.returnPolicy.trim() || null,
+											stockQuantity: parseInt(I.stockQuantity, 10),
+											sku: I.sku.trim() || null,
+											trackInventory: I.trackInventory,
+											allowBackorder: I.allowBackorder,
+											lowStockThreshold: I.lowStockThreshold.trim() ? parseInt(I.lowStockThreshold, 10) : null,
+											requiresShipping: I.requiresShipping,
+											weight: I.requiresShipping && I.weightKg.trim() ? parseFloat(I.weightKg) : null,
+											weightUnit: I.requiresShipping && I.weightKg.trim() ? I.weightUnit : null,
+											length: I.requiresShipping && I.length.trim() ? parseFloat(I.length) : null,
+											width: I.requiresShipping && I.width.trim() ? parseFloat(I.width) : null,
+											height: I.requiresShipping && I.height.trim() ? parseFloat(I.height) : null,
+											dimensionUnit: I.requiresShipping && r ? I.dimensionUnit : null,
+											brand: I.brand.trim() || null,
+											manufacturer: I.manufacturer.trim() || null,
+											countryOfOrigin: I.countryOfOrigin.trim() || null,
+											warrantyInfo: I.warrantyInfo.trim() || null,
+											returnPolicy: I.returnPolicy.trim() || null,
+											icon: n[0] ?? null,
+											screenshots: n.length > 1 ? n.slice(1) : null,
 											organizationId: j.id
 										} })).createPhysicalProduct.id;
 										await $(T, {
-											id: n,
+											id: i,
 											notes: "Submitted from seller portal"
-										}), K(!0), setTimeout(() => {
+										}), ue(!0), setTimeout(() => {
 											x?.(`${O}/seller/items`);
 										}, 2e3);
 									} catch (e) {
-										W(e instanceof Error ? e.message : "Submission failed. Please try again.");
+										q(e instanceof Error ? e.message : "Submission failed. Please try again.");
 									} finally {
-										H(!1);
+										G(!1);
 									}
 								}
 							},
-							disabled: !q || V,
-							"aria-disabled": !q || V,
-							title: M ? "Setting up your seller organization..." : q ? void 0 : "Fill in all required fields to continue",
+							disabled: !J || W,
+							"aria-disabled": !J || W,
+							title: N ? "Setting up your seller organization..." : J ? void 0 : "Fill in all required fields to continue",
 							className: t("inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors", "bg-action-primary-bg text-action-primary-text", "hover:bg-action-primary-bg/90", "disabled:opacity-50 disabled:cursor-not-allowed", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2"),
-							children: V ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(p, {
+							children: W ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(p, {
 								size: 15,
 								className: "animate-spin"
-							}), "Submitting..."] }) : M ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(p, {
+							}), "Submitting..."] }) : N ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(p, {
 								size: 15,
 								className: "animate-spin"
 							}), "Setting up your store..."] }) : "Create & Submit for Review"