@burdenoff/microfe-devportal 2026.916.6 → 2026.916.8

package/dist/devportal/pages/CreatePhysicalItemPage.js

@@ -2,13 +2,14 @@ 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 { usePackageUpload as ee } from "../hooks/usePackageUpload.js";
-import { useSellerOrganization as c } from "../hooks/useSellerOrganization.js";
-import { useCallback as l, useRef as u, useState as d } from "react";
-import { AlertTriangle as f, Info as p, Loader2 as m, RotateCw as te, Upload as h, X as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ImageUploadField as c, ScreenshotGallery as ee } from "../components/ImageUploadField.js";
+import { usePackageUpload as l } from "../hooks/usePackageUpload.js";
+import { useSellerOrganization as u } from "../hooks/useSellerOrganization.js";
+import { useState as d } from "react";
+import { Info as f, Loader2 as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/devportal/pages/CreatePhysicalItemPage.tsx
-var b = [
+var _ = [
 	{
 		value: "MERCHANDISE",
 		label: "Merchandise"
@@ -41,7 +42,7 @@ var b = [
 		value: "CONSUMABLE",
 		label: "Consumable"
 	}
-], ne = [
+], v = [
 	{
 		value: "agri-seeds",
 		label: "Agri-Inputs — Seeds"
@@ -62,7 +63,7 @@ var b = [
 		value: "agri-irrigation",
 		label: "Agri-Inputs — Irrigation"
 	}
-], re = [
+], te = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -87,7 +88,7 @@ var b = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], ie = [
+], ne = [
 	{
 		value: "GRAM",
 		label: "Grams (g)"
@@ -104,7 +105,7 @@ var b = [
 		value: "POUND",
 		label: "Pounds (lb)"
 	}
-], ae = [
+], re = [
 	{
 		value: "CENTIMETER",
 		label: "Centimeters (cm)"
@@ -117,7 +118,7 @@ var b = [
 		value: "METER",
 		label: "Meters (m)"
 	}
-], x = [
+], y = [
 	"name",
 	"slug",
 	"type",
@@ -125,18 +126,18 @@ var b = [
 	"price",
 	"currency",
 	"stockQuantity"
-], oe = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", se = "\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n", ce = "\n  mutation CreatePhysicalProduct($input: CreatePhysicalProductInput!) {\n    createPhysicalProduct(input: $input) {\n      id\n      name\n      slug\n      status\n      nature\n      type\n      price\n      currency\n    }\n  }\n", S = "\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
-function C(e) {
+], ie = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", ae = "\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n", oe = "\n  mutation CreatePhysicalProduct($input: CreatePhysicalProductInput!) {\n    createPhysicalProduct(input: $input) {\n      id\n      name\n      slug\n      status\n      nature\n      type\n      price\n      currency\n      icon\n      bannerUrl\n      screenshots\n    }\n  }\n", se = "\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
+function ce(e) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-");
 }
-function w(e) {
-	return x.every((t) => {
+function b(e) {
+	return y.every((t) => {
 		let n = e[t];
 		return typeof n == "boolean" ? !0 : n.trim() !== "";
 	});
 }
-var T = () => {
-	let { navigate: x, basePath: T, productId: E, apiGatewayUrl: D, authToken: O, workspacesGatewayUrl: k, workspaceId: le, getWorkspaceToken: ue } = e(), { organization: A, organizations: j, loading: M, error: N, selectOrganization: P } = c(), [F, I] = d({
+var x = () => {
+	let { navigate: y, basePath: x, productId: S, apiGatewayUrl: C, authToken: w, workspacesGatewayUrl: T, workspaceId: E, getWorkspaceToken: D } = e(), { organization: O, organizations: k, loading: A, error: j, selectOrganization: le } = u(), [M, N] = d({
 		name: "",
 		slug: "",
 		type: "",
@@ -163,68 +164,27 @@ var T = () => {
 		countryOfOrigin: "",
 		warrantyInfo: "",
 		returnPolicy: ""
-	}), [L, R] = d([]), [z, B] = d(!1), V = u(null), { upload: H } = ee(k, O, le, ue, "/DevPortal/Assets"), [U, W] = d(!1), [G, K] = d(null), [de, fe] = d(!1), pe = L.some((e) => e.uploading), q = w(F) && !!A && !pe, me = `${D || ""}/global/graphql`, J = (e, t) => {
-		I((n) => ({
+	}), [P, F] = d(""), [I, L] = d(""), [R, z] = d([]), { upload: B, uploading: V, progress: H, error: U } = l(T, w, E, D, "/DevPortal/Assets"), { upload: ue, uploading: W, progress: de, error: fe } = l(T, w, E, D, "/DevPortal/Assets"), { upload: pe, uploading: G, progress: me, error: he } = l(T, w, E, D, "/DevPortal/Assets"), [K, q] = d(!1), [J, Y] = d(null), [ge, _e] = d(!1), ve = V || W || G, X = b(M) && !!O && !ve, ye = `${C || ""}/global/graphql`, Z = (e, t) => {
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, Y = (e) => {
+	}, be = (e) => {
 		let t = e.target.value;
-		I((e) => ({
+		N((e) => ({
 			...e,
 			name: t,
-			slug: C(t)
+			slug: ce(t)
 		}));
-	}, X = (e) => (t) => {
-		J(e, t.target.checked);
-	}, Z = l((e, t) => {
-		H(t).then((t) => {
-			R((n) => n.map((n) => n.id === e ? {
-				...n,
-				uploading: !1,
-				downloadUrl: t.downloadUrl,
-				error: void 0
-			} : n));
-		}).catch((t) => {
-			R((n) => n.map((n) => n.id === e ? {
-				...n,
-				uploading: !1,
-				error: t instanceof Error ? t.message : "Upload failed"
-			} : n));
-		});
-	}, [H]), 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),
-			uploading: !0
-		}));
-		R((e) => [...e, ...t]), t.forEach((e) => Z(e.id, e.file));
-	}, [Z]), he = (e) => {
-		e.target.files && Q(e.target.files), e.target.value = "";
-	}, ge = (e) => {
-		e.preventDefault(), B(!1), e.dataTransfer.files && Q(e.dataTransfer.files);
-	}, _e = (e) => {
-		e.preventDefault(), B(!0);
-	}, ve = () => B(!1), ye = (e) => {
-		R((t) => {
-			let n = t.find((t) => t.id === e);
-			return n && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
-		});
-	}, be = (e) => {
-		let t = L.find((t) => t.id === e);
-		t && (R((t) => t.map((t) => t.id === e ? {
-			...t,
-			uploading: !0,
-			error: void 0
-		} : t)), Z(e, t.file));
+	}, Q = (e) => (t) => {
+		Z(e, t.target.checked);
 	};
 	async function $(e, t) {
-		let n = await (await fetch(me, {
+		let n = await (await fetch(ye, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
-				...O ? { Authorization: `Bearer ${O}` } : {}
+				...w ? { Authorization: `Bearer ${w}` } : {}
 			},
 			credentials: "include",
 			body: JSON.stringify({
@@ -235,348 +195,294 @@ var T = () => {
 		if (n.errors?.length) throw Error(n.errors.map((e) => e.message).join("; "));
 		return n.data;
 	}
-	return /* @__PURE__ */ v(n, {
+	return /* @__PURE__ */ h(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__ */ y("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "space-y-8 max-w-3xl",
 			children: [
-				de && /* @__PURE__ */ v("div", {
+				ge && /* @__PURE__ */ h("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..."
 				}),
-				G && /* @__PURE__ */ v("div", {
+				J && /* @__PURE__ */ h("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: G
+					children: J
 				}),
-				N && /* @__PURE__ */ y("div", {
+				j && /* @__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: ["Couldn't set up your seller organization: ", N]
+					children: ["Couldn't set up your seller organization: ", j]
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Seller Organization",
 					description: "The seller organization this item will be listed under.",
-					children: /* @__PURE__ */ v("div", {
+					children: /* @__PURE__ */ h("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-3",
-						children: /* @__PURE__ */ v(o, {
+						children: /* @__PURE__ */ h(o, {
 							label: "Organization",
 							required: !0,
-							value: A?.id ?? "",
-							onChange: (e) => P(e.target.value),
-							options: j.map((e) => ({
+							value: O?.id ?? "",
+							onChange: (e) => le(e.target.value),
+							options: k.map((e) => ({
 								value: e.id,
 								label: e.name
 							})),
-							placeholder: M ? "Resolving your seller organization…" : "Select an organization",
-							disabled: M || j.length <= 1,
-							hint: j.length > 1 ? "You have more than one seller organization — pick the one this item belongs to." : A ? `Automatically set to your only seller organization, "${A.name}".` : void 0
+							placeholder: A ? "Resolving your seller organization…" : "Select an organization",
+							disabled: A || k.length <= 1,
+							hint: k.length > 1 ? "You have more than one seller organization — pick the one this item belongs to." : O ? `Automatically set to your only seller organization, "${O.name}".` : void 0
 						})
 					})
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Basic Information",
 					description: "Core details shown in the store listing.",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ v(a, {
+							/* @__PURE__ */ h(a, {
 								label: "Name",
 								required: !0,
-								value: F.name,
-								onChange: Y,
+								value: M.name,
+								onChange: be,
 								placeholder: "e.g. Wireless Ergonomic Keyboard",
 								maxLength: 120
 							}),
-							/* @__PURE__ */ v(a, {
+							/* @__PURE__ */ h(a, {
 								label: "Slug",
 								required: !0,
-								value: F.slug,
-								onChange: (e) => J("slug", e.target.value),
+								value: M.slug,
+								onChange: (e) => Z("slug", e.target.value),
 								placeholder: "auto-derived-from-name",
 								hint: "URL-friendly identifier. Auto-derived from name; you can edit it."
 							}),
-							/* @__PURE__ */ v(o, {
+							/* @__PURE__ */ h(o, {
 								label: "Product Type",
 								required: !0,
-								value: F.type,
-								onChange: (e) => J("type", e.target.value),
-								options: b,
+								value: M.type,
+								onChange: (e) => Z("type", e.target.value),
+								options: _,
 								placeholder: "Select a type"
 							}),
-							/* @__PURE__ */ v(o, {
+							/* @__PURE__ */ h(o, {
 								label: "Store Category",
-								value: F.category,
-								onChange: (e) => J("category", e.target.value),
-								options: ne,
+								value: M.category,
+								onChange: (e) => Z("category", e.target.value),
+								options: v,
 								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__ */ v(a, {
+							/* @__PURE__ */ h(a, {
 								label: "Short Description",
 								required: !0,
-								value: F.shortDescription,
-								onChange: (e) => J("shortDescription", e.target.value),
+								value: M.shortDescription,
+								onChange: (e) => Z("shortDescription", e.target.value),
 								placeholder: "One-line summary shown on the store card",
 								maxLength: 160,
-								hint: `${F.shortDescription.length}/160`
+								hint: `${M.shortDescription.length}/160`
 							}),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ h(s, {
 								label: "Long Description",
-								value: F.longDescription,
-								onChange: (e) => J("longDescription", e.target.value),
+								value: M.longDescription,
+								onChange: (e) => Z("longDescription", e.target.value),
 								rows: 5,
 								placeholder: "Detailed product description, features, specs…"
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Product Images",
-					description: "The first image is used as the main icon.",
-					children: /* @__PURE__ */ y("div", {
-						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
-						children: [
-							/* @__PURE__ */ y("div", {
-								onDrop: ge,
-								onDragOver: _e,
-								onDragLeave: ve,
-								onClick: () => V.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", z ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
-								children: [
-									/* @__PURE__ */ v(h, {
-										size: 28,
-										className: z ? "text-action-primary-bg" : "text-text-muted"
-									}),
-									/* @__PURE__ */ y("div", {
-										className: "text-center space-y-1",
-										children: [/* @__PURE__ */ v("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Drag and drop images here"
-										}), /* @__PURE__ */ v("p", {
-											className: "text-xs text-text-muted",
-											children: "or click to browse — accepts any image format, multiple files"
-										})]
-									}),
-									/* @__PURE__ */ v("input", {
-										ref: V,
-										type: "file",
-										accept: "image/*",
-										multiple: !0,
-										className: "sr-only",
-										onChange: he
-									})
-								]
-							}),
-							L.length > 0 && /* @__PURE__ */ v("div", {
-								className: "flex flex-wrap gap-3",
-								children: (() => {
-									let e = L.find((e) => e.downloadUrl)?.id;
-									return L.map((n, r) => /* @__PURE__ */ y("div", {
-										className: "relative group",
-										children: [
-											/* @__PURE__ */ v("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__ */ v("div", {
-												className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
-												children: /* @__PURE__ */ v(m, {
-													size: 16,
-													className: "animate-spin text-white"
-												})
-											}),
-											n.error && /* @__PURE__ */ y("button", {
-												type: "button",
-												onClick: (e) => {
-													e.stopPropagation(), be(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__ */ v(f, { size: 14 }), /* @__PURE__ */ v(te, { size: 11 })]
-											}),
-											n.id === e && /* @__PURE__ */ v("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__ */ v("button", {
-												type: "button",
-												onClick: (e) => {
-													e.stopPropagation(), ye(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__ */ v(g, { size: 11 })
-											})
-										]
-									}, n.id));
-								})()
-							}),
-							/* @__PURE__ */ y("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__ */ v(p, {
-									size: 13,
-									className: "mt-0.5 shrink-0 text-text-muted"
-								}), "At least 1 image helps buyers — high quality photos increase conversions. The first image becomes the main icon."]
-							})
-						]
+					description: "Visual assets shown to buyers browsing the store.",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+						children: [/* @__PURE__ */ g("div", {
+							className: "grid gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ h(c, {
+								label: "Icon",
+								value: P,
+								onChange: F,
+								hint: "Shown in marketplace cards and search — square proportions (1:1)",
+								aspectClass: "aspect-square",
+								upload: B,
+								uploading: V,
+								progress: H,
+								error: U
+							}), /* @__PURE__ */ h(c, {
+								label: "Banner",
+								value: I,
+								onChange: L,
+								hint: "Fills the right panel on the product page — square or portrait works best on all screen sizes (1:1)",
+								aspectClass: "aspect-square",
+								upload: ue,
+								uploading: W,
+								progress: de,
+								error: fe
+							})]
+						}), /* @__PURE__ */ h(ee, {
+							urls: R,
+							onChange: z,
+							upload: pe,
+							uploading: G,
+							progress: me,
+							error: he
+						})]
 					})
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Pricing",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [/* @__PURE__ */ y("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ v(a, {
+							children: [/* @__PURE__ */ h(a, {
 								label: "Price",
 								required: !0,
 								type: "number",
-								value: F.price,
-								onChange: (e) => J("price", e.target.value),
+								value: M.price,
+								onChange: (e) => Z("price", e.target.value),
 								placeholder: "0.00",
 								min: .01,
 								step: "0.01"
-							}), /* @__PURE__ */ v(o, {
+							}), /* @__PURE__ */ h(o, {
 								label: "Currency",
 								required: !0,
-								value: F.currency,
-								onChange: (e) => J("currency", e.target.value),
-								options: re,
+								value: M.currency,
+								onChange: (e) => Z("currency", e.target.value),
+								options: te,
 								placeholder: "Select currency"
 							})]
-						}), /* @__PURE__ */ v(a, {
+						}), /* @__PURE__ */ h(a, {
 							label: "Tags",
-							value: F.tags,
-							onChange: (e) => J("tags", e.target.value),
+							value: M.tags,
+							onChange: (e) => Z("tags", e.target.value),
 							placeholder: "mechanical, wireless, ergonomic",
 							hint: "Comma-separated keywords to help buyers find your item."
 						})]
 					})
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Inventory",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v(a, {
+								children: [/* @__PURE__ */ h(a, {
 									label: "Stock Quantity",
 									required: !0,
 									type: "number",
-									value: F.stockQuantity,
-									onChange: (e) => J("stockQuantity", e.target.value),
+									value: M.stockQuantity,
+									onChange: (e) => Z("stockQuantity", e.target.value),
 									min: 0,
 									step: 1
-								}), /* @__PURE__ */ v(a, {
+								}), /* @__PURE__ */ h(a, {
 									label: "SKU",
-									value: F.sku,
-									onChange: (e) => J("sku", e.target.value),
+									value: M.sku,
+									onChange: (e) => Z("sku", e.target.value),
 									placeholder: "e.g. KB-WL-001",
 									hint: "Your internal stock-keeping unit reference."
 								})]
 							}),
-							/* @__PURE__ */ v(a, {
+							/* @__PURE__ */ h(a, {
 								label: "Low Stock Threshold",
 								type: "number",
-								value: F.lowStockThreshold,
-								onChange: (e) => J("lowStockThreshold", e.target.value),
+								value: M.lowStockThreshold,
+								onChange: (e) => Z("lowStockThreshold", e.target.value),
 								placeholder: "e.g. 5",
 								min: 0,
 								step: 1,
 								hint: "Get flagged when stock falls to or below this number."
 							}),
-							/* @__PURE__ */ v(i, {
+							/* @__PURE__ */ h(i, {
 								label: "Track Inventory",
 								description: "Automatically reduce stock when orders are placed.",
-								checked: F.trackInventory,
-								onChange: X("trackInventory")
+								checked: M.trackInventory,
+								onChange: Q("trackInventory")
 							}),
-							/* @__PURE__ */ v(i, {
+							/* @__PURE__ */ h(i, {
 								label: "Allow Backorder",
 								description: "Let buyers order even when stock quantity is zero.",
-								checked: F.allowBackorder,
-								onChange: X("allowBackorder")
+								checked: M.allowBackorder,
+								onChange: Q("allowBackorder")
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Shipping",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ v(i, {
+							/* @__PURE__ */ h(i, {
 								label: "Requires Shipping",
 								description: "This item will be physically shipped to the buyer.",
-								checked: F.requiresShipping,
-								onChange: X("requiresShipping")
+								checked: M.requiresShipping,
+								onChange: Q("requiresShipping")
 							}),
-							F.requiresShipping && /* @__PURE__ */ y(_, { children: [
-								/* @__PURE__ */ y("div", {
+							M.requiresShipping && /* @__PURE__ */ g(m, { children: [
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-									children: [/* @__PURE__ */ v(a, {
+									children: [/* @__PURE__ */ h(a, {
 										label: "Weight",
 										type: "number",
-										value: F.weightKg,
-										onChange: (e) => J("weightKg", e.target.value),
+										value: M.weightKg,
+										onChange: (e) => Z("weightKg", e.target.value),
 										placeholder: "0.0",
 										min: 0,
 										step: "0.01",
 										hint: "Used to calculate shipping costs."
-									}), /* @__PURE__ */ v(o, {
+									}), /* @__PURE__ */ h(o, {
 										label: "Weight Unit",
-										value: F.weightUnit,
-										onChange: (e) => J("weightUnit", e.target.value),
-										options: ie
+										value: M.weightUnit,
+										onChange: (e) => Z("weightUnit", e.target.value),
+										options: ne
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ g("div", {
 									className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ v(a, {
+										/* @__PURE__ */ h(a, {
 											label: "Length",
 											type: "number",
-											value: F.length,
-											onChange: (e) => J("length", e.target.value),
+											value: M.length,
+											onChange: (e) => Z("length", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01"
 										}),
-										/* @__PURE__ */ v(a, {
+										/* @__PURE__ */ h(a, {
 											label: "Width",
 											type: "number",
-											value: F.width,
-											onChange: (e) => J("width", e.target.value),
+											value: M.width,
+											onChange: (e) => Z("width", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01"
 										}),
-										/* @__PURE__ */ v(a, {
+										/* @__PURE__ */ h(a, {
 											label: "Height",
 											type: "number",
-											value: F.height,
-											onChange: (e) => J("height", e.target.value),
+											value: M.height,
+											onChange: (e) => Z("height", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01"
 										})
 									]
 								}),
-								/* @__PURE__ */ v(o, {
+								/* @__PURE__ */ h(o, {
 									label: "Dimension Unit",
-									value: F.dimensionUnit,
-									onChange: (e) => J("dimensionUnit", e.target.value),
-									options: ae,
+									value: M.dimensionUnit,
+									onChange: (e) => Z("dimensionUnit", e.target.value),
+									options: re,
 									hint: "Applies to length, width, and height above."
 								})
 							] }),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ g("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__ */ v(p, {
+								children: [/* @__PURE__ */ h(f, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
 								}), "Delivery fees are configured at the organization level in store settings."]
@@ -584,125 +490,126 @@ var T = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ v(r, {
+				/* @__PURE__ */ h(r, {
 					title: "Product Details",
 					description: "Optional supplemental information for buyers.",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ g("div", {
 								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ v(a, {
+								children: [/* @__PURE__ */ h(a, {
 									label: "Brand",
-									value: F.brand,
-									onChange: (e) => J("brand", e.target.value),
+									value: M.brand,
+									onChange: (e) => Z("brand", e.target.value),
 									placeholder: "e.g. Logitech"
-								}), /* @__PURE__ */ v(a, {
+								}), /* @__PURE__ */ h(a, {
 									label: "Manufacturer",
-									value: F.manufacturer,
-									onChange: (e) => J("manufacturer", e.target.value),
+									value: M.manufacturer,
+									onChange: (e) => Z("manufacturer", e.target.value),
 									placeholder: "e.g. Logitech Manufacturing Ltd."
 								})]
 							}),
-							/* @__PURE__ */ v(a, {
+							/* @__PURE__ */ h(a, {
 								label: "Country of Origin",
-								value: F.countryOfOrigin,
-								onChange: (e) => J("countryOfOrigin", e.target.value),
+								value: M.countryOfOrigin,
+								onChange: (e) => Z("countryOfOrigin", e.target.value),
 								placeholder: "e.g. China"
 							}),
-							/* @__PURE__ */ v(a, {
+							/* @__PURE__ */ h(a, {
 								label: "Warranty Info",
-								value: F.warrantyInfo,
-								onChange: (e) => J("warrantyInfo", e.target.value),
+								value: M.warrantyInfo,
+								onChange: (e) => Z("warrantyInfo", e.target.value),
 								placeholder: "e.g. 1-year limited manufacturer warranty"
 							}),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ h(s, {
 								label: "Return Policy",
-								value: F.returnPolicy,
-								onChange: (e) => J("returnPolicy", e.target.value),
+								value: M.returnPolicy,
+								onChange: (e) => Z("returnPolicy", e.target.value),
 								rows: 3,
 								placeholder: "e.g. 30-day returns accepted"
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-3 pb-8",
-					children: [/* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => x?.(`${T}/seller/items`),
+						onClick: () => y?.(`${x}/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__ */ v("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "relative",
-						children: /* @__PURE__ */ v("button", {
+						children: /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: async () => {
-								if (!(!q || U || !A)) {
-									W(!0), K(null);
+								if (!(!X || K || !O)) {
+									q(!0), Y(null);
 									try {
-										let e = (await $(oe)).myPublisher?.id ?? null;
-										e ||= (await $(se, { input: {
-											name: A.legalEntityName ?? A.name,
-											email: A.contactEmail ?? "seller@burdenoff.com",
-											websiteUrl: A.websiteUrl ?? null,
-											legalName: A.legalEntityName ?? A.name,
-											country: A.taxCountry ?? null,
-											contactEmail: A.contactEmail ?? null
+										let e = (await $(ie)).myPublisher?.id ?? null;
+										e ||= (await $(ae, { input: {
+											name: O.legalEntityName ?? O.name,
+											email: O.contactEmail ?? "seller@burdenoff.com",
+											websiteUrl: O.websiteUrl ?? null,
+											legalName: O.legalEntityName ?? O.name,
+											country: O.taxCountry ?? null,
+											contactEmail: O.contactEmail ?? null
 										} })).registerPublisher.id;
-										let t = F.tags.split(",").map((e) => e.trim()).filter(Boolean), n = L.map((e) => e.downloadUrl).filter((e) => !!e), r = F.length.trim() || F.width.trim() || F.height.trim(), i = (await $(ce, { input: {
-											name: F.name.trim(),
-											slug: F.slug.trim(),
-											type: F.type,
-											category: F.category.trim() || null,
-											description: F.shortDescription.trim(),
-											longDescription: F.longDescription.trim() || null,
-											price: parseFloat(F.price),
-											currency: F.currency,
+										let t = M.tags.split(",").map((e) => e.trim()).filter(Boolean), n = M.length.trim() || M.width.trim() || M.height.trim(), r = (await $(oe, { input: {
+											name: M.name.trim(),
+											slug: M.slug.trim(),
+											type: M.type,
+											category: M.category.trim() || null,
+											description: M.shortDescription.trim(),
+											longDescription: M.longDescription.trim() || null,
+											price: parseFloat(M.price),
+											currency: M.currency,
 											tags: t.length > 0 ? t : null,
-											stockQuantity: parseInt(F.stockQuantity, 10),
-											sku: F.sku.trim() || null,
-											trackInventory: F.trackInventory,
-											allowBackorder: F.allowBackorder,
-											lowStockThreshold: F.lowStockThreshold.trim() ? parseInt(F.lowStockThreshold, 10) : null,
-											requiresShipping: F.requiresShipping,
-											weight: F.requiresShipping && F.weightKg.trim() ? parseFloat(F.weightKg) : null,
-											weightUnit: F.requiresShipping && F.weightKg.trim() ? F.weightUnit : null,
-											length: F.requiresShipping && F.length.trim() ? parseFloat(F.length) : null,
-											width: F.requiresShipping && F.width.trim() ? parseFloat(F.width) : null,
-											height: F.requiresShipping && F.height.trim() ? parseFloat(F.height) : null,
-											dimensionUnit: F.requiresShipping && r ? F.dimensionUnit : null,
-											brand: F.brand.trim() || null,
-											manufacturer: F.manufacturer.trim() || null,
-											countryOfOrigin: F.countryOfOrigin.trim() || null,
-											warrantyInfo: F.warrantyInfo.trim() || null,
-											returnPolicy: F.returnPolicy.trim() || null,
-											icon: n[0] ?? null,
-											screenshots: n.length > 1 ? n.slice(1) : null,
-											compatibleProducts: E ? [E] : null,
-											organizationId: A.id
+											stockQuantity: parseInt(M.stockQuantity, 10),
+											sku: M.sku.trim() || null,
+											trackInventory: M.trackInventory,
+											allowBackorder: M.allowBackorder,
+											lowStockThreshold: M.lowStockThreshold.trim() ? parseInt(M.lowStockThreshold, 10) : null,
+											requiresShipping: M.requiresShipping,
+											weight: M.requiresShipping && M.weightKg.trim() ? parseFloat(M.weightKg) : null,
+											weightUnit: M.requiresShipping && M.weightKg.trim() ? M.weightUnit : null,
+											length: M.requiresShipping && M.length.trim() ? parseFloat(M.length) : null,
+											width: M.requiresShipping && M.width.trim() ? parseFloat(M.width) : null,
+											height: M.requiresShipping && M.height.trim() ? parseFloat(M.height) : null,
+											dimensionUnit: M.requiresShipping && n ? M.dimensionUnit : null,
+											brand: M.brand.trim() || null,
+											manufacturer: M.manufacturer.trim() || null,
+											countryOfOrigin: M.countryOfOrigin.trim() || null,
+											warrantyInfo: M.warrantyInfo.trim() || null,
+											returnPolicy: M.returnPolicy.trim() || null,
+											icon: P || null,
+											bannerUrl: I || null,
+											screenshots: R.length > 0 ? R : null,
+											compatibleProducts: S ? [S] : null,
+											organizationId: O.id
 										} })).createPhysicalProduct.id;
-										await $(S, {
-											id: i,
+										await $(se, {
+											id: r,
 											notes: "Submitted from seller portal"
-										}), fe(!0), setTimeout(() => {
-											x?.(`${T}/seller/items`);
+										}), _e(!0), setTimeout(() => {
+											y?.(`${x}/seller/items`);
 										}, 2e3);
 									} catch (e) {
-										K(e instanceof Error ? e.message : "Submission failed. Please try again.");
+										Y(e instanceof Error ? e.message : "Submission failed. Please try again.");
 									} finally {
-										W(!1);
+										q(!1);
 									}
 								}
 							},
-							disabled: !q || U,
-							"aria-disabled": !q || U,
-							title: M ? "Setting up your seller organization..." : q ? void 0 : "Fill in all required fields to continue",
+							disabled: !X || K,
+							"aria-disabled": !X || K,
+							title: A ? "Setting up your seller organization..." : X ? 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: U ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
+							children: K ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(p, {
 								size: 15,
 								className: "animate-spin"
-							}), "Submitting..."] }) : M ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
+							}), "Submitting..."] }) : A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(p, {
 								size: 15,
 								className: "animate-spin"
 							}), "Setting up your store..."] }) : "Create & Submit for Review"
@@ -714,6 +621,6 @@ var T = () => {
 	});
 };
 //#endregion
-export { T as CreatePhysicalItemPage };
+export { x as CreatePhysicalItemPage };
 
 //# sourceMappingURL=CreatePhysicalItemPage.js.map