@burdenoff/microfe-devportal 2026.916.7 → 2026.916.8

package/dist/devportal/pages/EditPhysicalItemPage.js

@@ -3,14 +3,15 @@ import { cn as t } from "../utils/cn.js";
 import { PageLayout as n, PageSection as r } from "../components/PageLayout.js";
 import { DetailList as i } from "../components/DataTable.js";
 import { CheckboxField as a, InputField as o, SelectField as s, TextareaField as c } from "../components/FormField.js";
-import { usePackageUpload as ee } from "../hooks/usePackageUpload.js";
-import { useCallback as l, useEffect as te, useRef as ne, useState as u } from "react";
-import { AlertCircle as re, AlertTriangle as ie, CheckCircle as ae, Clock as oe, Edit as se, ImageOff as ce, Info as le, Loader2 as d, RotateCw as ue, Upload as de, X as fe, XCircle as pe } from "lucide-react";
-import { useParams as me } from "react-router";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { EmphasisPanel as he, GlassCard as h } from "@burdenoff/fe-libs/ui";
+import { ImageUploadField as l, ScreenshotGallery as ee } from "../components/ImageUploadField.js";
+import { usePackageUpload as u } from "../hooks/usePackageUpload.js";
+import { useEffect as te, useState as d } from "react";
+import { AlertCircle as ne, CheckCircle as re, Clock as ie, Edit as ae, ImageOff as oe, Info as se, Loader2 as f, XCircle as ce } from "lucide-react";
+import { useParams as le } from "react-router";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { EmphasisPanel as ue, GlassCard as g } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/EditPhysicalItemPage.tsx
-var ge = [
+var de = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -35,7 +36,7 @@ var ge = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], _e = [
+], fe = [
 	{
 		value: "GRAM",
 		label: "Grams (g)"
@@ -52,7 +53,7 @@ var ge = [
 		value: "POUND",
 		label: "Pounds (lb)"
 	}
-], g = [
+], pe = [
 	{
 		value: "CENTIMETER",
 		label: "Centimeters (cm)"
@@ -71,7 +72,7 @@ var ge = [
 	"price",
 	"currency",
 	"stockQuantity"
-], ve = {
+], me = {
 	MERCHANDISE: "Merchandise",
 	HARDWARE: "Hardware",
 	ACCESSORY: "Accessory",
@@ -80,7 +81,7 @@ var ge = [
 	APPAREL: "Apparel",
 	COLLECTIBLE: "Collectible",
 	CONSUMABLE: "Consumable"
-}, ye = {
+}, he = {
 	PUBLISHED: {
 		label: "Published",
 		className: "text-status-success-text bg-status-success-bg-subtle"
@@ -101,25 +102,25 @@ var ge = [
 		label: "Inactive",
 		className: "text-text-muted bg-bg-muted"
 	}
-}, be = "\n  query GetPhysicalProduct($id: ID!) {\n    product(id: $id) {\n      id\n      name\n      slug\n      type\n      status\n      nature\n      description\n      longDescription\n      price\n      currency\n      tags\n      stockQuantity\n      sku\n      trackInventory\n      allowBackorder\n      lowStockThreshold\n      requiresShipping\n      weight\n      weightUnit\n      length\n      width\n      height\n      dimensionUnit\n      brand\n      manufacturer\n      countryOfOrigin\n      warrantyInfo\n      returnPolicy\n      icon\n      screenshots\n      category\n      viewCount\n      rating\n      reviewCount\n      createdAt\n      updatedAt\n      submittedAt\n      reviewedAt\n      reviewNotes\n      rejectedReason\n      publishedAt\n    }\n  }\n", xe = "\n  mutation UpdatePhysicalProduct(\n    $id: ID!\n    $input: UpdatePhysicalProductInput!\n  ) {\n    updatePhysicalProduct(id: $id, input: $input) {\n      id\n      name\n      status\n    }\n  }\n", Se = "\n  mutation SubmitProductForReview($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
-function Ce(e) {
+}, ge = "\n  query GetPhysicalProduct($id: ID!) {\n    product(id: $id) {\n      id\n      name\n      slug\n      type\n      status\n      nature\n      description\n      longDescription\n      price\n      currency\n      tags\n      stockQuantity\n      sku\n      trackInventory\n      allowBackorder\n      lowStockThreshold\n      requiresShipping\n      weight\n      weightUnit\n      length\n      width\n      height\n      dimensionUnit\n      brand\n      manufacturer\n      countryOfOrigin\n      warrantyInfo\n      returnPolicy\n      icon\n      bannerUrl\n      screenshots\n      category\n      viewCount\n      rating\n      reviewCount\n      createdAt\n      updatedAt\n      submittedAt\n      reviewedAt\n      reviewNotes\n      rejectedReason\n      publishedAt\n    }\n  }\n", _e = "\n  mutation UpdatePhysicalProduct(\n    $id: ID!\n    $input: UpdatePhysicalProductInput!\n  ) {\n    updatePhysicalProduct(id: $id, input: $input) {\n      id\n      name\n      status\n    }\n  }\n", ve = "\n  mutation SubmitProductForReview($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
+function ye(e) {
 	return _.every((t) => {
 		let n = e[t];
 		return typeof n == "boolean" ? !0 : String(n).trim() !== "";
 	});
 }
-var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
+var v = ({ label: e, value: t }) => /* @__PURE__ */ h(g, {
 	treatment: "metric",
 	className: "p-4",
-	children: [/* @__PURE__ */ p("p", {
+	children: [/* @__PURE__ */ m("p", {
 		className: "text-sm text-text-secondary",
 		children: e
-	}), /* @__PURE__ */ p("p", {
+	}), /* @__PURE__ */ m("p", {
 		className: "text-2xl font-bold tabular-nums",
 		children: t
 	})]
 }), y = () => {
-	let { navigate: h, basePath: _, apiGatewayUrl: y, authToken: b, workspacesGatewayUrl: we, workspaceId: Te, getWorkspaceToken: Ee } = e(), { itemId: x } = me(), S = `${y || ""}/global/graphql`, [De, C] = u(!0), [w, T] = u(null), [E, Oe] = u(null), [D, O] = u("overview"), [k, ke] = u(null), [A, j] = u({
+	let { navigate: g, basePath: _, apiGatewayUrl: y, authToken: b, workspacesGatewayUrl: x, workspaceId: S, getWorkspaceToken: C } = e(), { itemId: w } = le(), T = `${y || ""}/global/graphql`, [be, E] = d(!0), [D, O] = d(null), [k, xe] = d(null), [A, j] = d("overview"), [M, Se] = d(null), [N, P] = d({
 		name: "",
 		shortDescription: "",
 		longDescription: "",
@@ -143,9 +144,9 @@ var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
 		countryOfOrigin: "",
 		warrantyInfo: "",
 		returnPolicy: ""
-	}), [M, N] = u([]), [P, F] = u(!1), I = ne(null), { upload: L } = ee(we, b, Te, Ee, "/DevPortal/Assets"), [R, z] = u(!1), [B, V] = u(null), [Ae, H] = u(!1), je = M.some((e) => e.uploading), U = Ce(A) && !je;
-	async function W(e, t) {
-		let n = await (await fetch(S, {
+	}), [F, I] = d(""), [L, Ce] = d(""), [R, z] = d([]), { upload: we, uploading: B, progress: Te, error: Ee } = u(x, b, S, C, "/DevPortal/Assets"), { upload: De, uploading: V, progress: Oe, error: ke } = u(x, b, S, C, "/DevPortal/Assets"), { upload: Ae, uploading: H, progress: je, error: Me } = u(x, b, S, C, "/DevPortal/Assets"), [U, W] = d(!1), [G, K] = d(null), [Ne, q] = d(!1), Pe = B || V || H, J = ye(N) && !Pe;
+	async function Y(e, t) {
+		let n = await (await fetch(T, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
@@ -161,18 +162,18 @@ var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
 		return n.data;
 	}
 	te(() => {
-		if (!x) return;
+		if (!w) return;
 		let e = !1;
-		return C(!0), T(null), (async () => {
+		return E(!0), O(null), (async () => {
 			try {
-				let t = await W(be, { id: x });
+				let t = await Y(ge, { id: w });
 				if (e) return;
 				let n = t.product;
 				if (!n) {
-					T("Product not found.");
+					O("Product not found.");
 					return;
 				}
-				Oe(n.status), j({
+				xe(n.status), P({
 					name: n.name,
 					shortDescription: n.description ?? "",
 					longDescription: n.longDescription ?? "",
@@ -196,7 +197,7 @@ var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
 					countryOfOrigin: n.countryOfOrigin ?? "",
 					warrantyInfo: n.warrantyInfo ?? "",
 					returnPolicy: n.returnPolicy ?? ""
-				}), ke({
+				}), Se({
 					slug: n.slug,
 					type: n.type,
 					category: n.category,
@@ -210,266 +211,221 @@ var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
 					reviewNotes: n.reviewNotes,
 					rejectedReason: n.rejectedReason,
 					publishedAt: n.publishedAt
-				}), N([n.icon, ...n.screenshots ?? []].filter((e) => !!e).map((e) => ({
-					id: crypto.randomUUID(),
-					url: e,
-					downloadUrl: e,
-					uploading: !1
-				})));
+				}), I(n.icon ?? ""), Ce(n.bannerUrl ?? ""), z(n.screenshots ?? []);
 			} catch (t) {
-				e || T(t instanceof Error ? t.message : "Failed to load product");
+				e || O(t instanceof Error ? t.message : "Failed to load product");
 			} finally {
-				e || C(!1);
+				e || E(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		x,
-		S,
+		w,
+		T,
 		b
 	]);
-	let G = (e, t) => {
-		j((n) => ({
+	let X = (e, t) => {
+		P((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, K = (e) => (t) => {
-		G(e, t.target.checked);
-	}, q = l((e, t) => {
-		L(t).then((t) => {
-			N((n) => n.map((n) => n.id === e ? {
-				...n,
-				uploading: !1,
-				downloadUrl: t.downloadUrl,
-				error: void 0
-			} : n));
-		}).catch((t) => {
-			N((n) => n.map((n) => n.id === e ? {
-				...n,
-				uploading: !1,
-				error: t instanceof Error ? t.message : "Upload failed"
-			} : n));
-		});
-	}, [L]), J = 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
-		}));
-		N((e) => [...e, ...t]), t.forEach((e) => q(e.id, e.file));
-	}, [q]), Me = (e) => {
-		e.target.files && J(e.target.files), e.target.value = "";
-	}, Ne = (e) => {
-		e.preventDefault(), F(!1), e.dataTransfer.files && J(e.dataTransfer.files);
-	}, Pe = (e) => {
-		e.preventDefault(), F(!0);
-	}, Fe = () => F(!1), Y = (e) => {
-		N((t) => {
-			let n = t.find((t) => t.id === e);
-			return n?.file && URL.revokeObjectURL(n.url), t.filter((t) => t.id !== e);
-		});
-	}, Ie = (e) => {
-		let t = M.find((t) => t.id === e);
-		t?.file && (N((t) => t.map((t) => t.id === e ? {
-			...t,
-			uploading: !0,
-			error: void 0
-		} : t)), q(e, t.file));
-	}, X = async (e = !1) => {
-		if (!(!U || R || !x)) {
-			z(!0), V(null), H(!1);
+	}, Z = (e) => (t) => {
+		X(e, t.target.checked);
+	}, Fe = async (e = !1) => {
+		if (!(!J || U || !w)) {
+			W(!0), K(null), q(!1);
 			try {
-				let t = A.tags.split(",").map((e) => e.trim()).filter(Boolean), n = M.map((e) => e.downloadUrl).filter((e) => !!e), r = A.length.trim() || A.width.trim() || A.height.trim();
-				await W(xe, {
-					id: x,
+				let t = N.tags.split(",").map((e) => e.trim()).filter(Boolean), n = N.length.trim() || N.width.trim() || N.height.trim();
+				await Y(_e, {
+					id: w,
 					input: {
-						name: A.name.trim(),
-						description: A.shortDescription.trim(),
-						longDescription: A.longDescription.trim() || null,
-						price: parseFloat(A.price),
-						currency: A.currency,
+						name: N.name.trim(),
+						description: N.shortDescription.trim(),
+						longDescription: N.longDescription.trim() || null,
+						price: parseFloat(N.price),
+						currency: N.currency,
 						tags: t.length > 0 ? t : null,
-						stockQuantity: parseInt(A.stockQuantity, 10),
-						sku: A.sku.trim() || null,
-						trackInventory: A.trackInventory,
-						allowBackorder: A.allowBackorder,
-						lowStockThreshold: A.lowStockThreshold.trim() ? parseInt(A.lowStockThreshold, 10) : null,
-						requiresShipping: A.requiresShipping,
-						weight: A.requiresShipping && A.weightKg.trim() ? parseFloat(A.weightKg) : null,
-						weightUnit: A.requiresShipping && A.weightKg.trim() ? A.weightUnit : null,
-						length: A.requiresShipping && A.length.trim() ? parseFloat(A.length) : null,
-						width: A.requiresShipping && A.width.trim() ? parseFloat(A.width) : null,
-						height: A.requiresShipping && A.height.trim() ? parseFloat(A.height) : null,
-						dimensionUnit: A.requiresShipping && r ? A.dimensionUnit : null,
-						brand: A.brand.trim() || null,
-						manufacturer: A.manufacturer.trim() || null,
-						countryOfOrigin: A.countryOfOrigin.trim() || null,
-						warrantyInfo: A.warrantyInfo.trim() || null,
-						returnPolicy: A.returnPolicy.trim() || null,
-						icon: n[0] ?? null,
-						screenshots: n.length > 1 ? n.slice(1) : null
+						stockQuantity: parseInt(N.stockQuantity, 10),
+						sku: N.sku.trim() || null,
+						trackInventory: N.trackInventory,
+						allowBackorder: N.allowBackorder,
+						lowStockThreshold: N.lowStockThreshold.trim() ? parseInt(N.lowStockThreshold, 10) : null,
+						requiresShipping: N.requiresShipping,
+						weight: N.requiresShipping && N.weightKg.trim() ? parseFloat(N.weightKg) : null,
+						weightUnit: N.requiresShipping && N.weightKg.trim() ? N.weightUnit : null,
+						length: N.requiresShipping && N.length.trim() ? parseFloat(N.length) : null,
+						width: N.requiresShipping && N.width.trim() ? parseFloat(N.width) : null,
+						height: N.requiresShipping && N.height.trim() ? parseFloat(N.height) : null,
+						dimensionUnit: N.requiresShipping && n ? N.dimensionUnit : null,
+						brand: N.brand.trim() || null,
+						manufacturer: N.manufacturer.trim() || null,
+						countryOfOrigin: N.countryOfOrigin.trim() || null,
+						warrantyInfo: N.warrantyInfo.trim() || null,
+						returnPolicy: N.returnPolicy.trim() || null,
+						icon: F || null,
+						bannerUrl: L || null,
+						screenshots: R.length > 0 ? R : null
 					}
-				}), e && await W(Se, {
-					id: x,
+				}), e && await Y(ve, {
+					id: w,
 					notes: "Resubmitted after edits"
-				}), H(!0), setTimeout(() => {
-					h?.(`${_}/seller/items`);
+				}), q(!0), setTimeout(() => {
+					g?.(`${_}/seller/items`);
 				}, 1500);
 			} catch (e) {
-				V(e instanceof Error ? e.message : "Save failed. Please try again.");
+				K(e instanceof Error ? e.message : "Save failed. Please try again.");
 			} finally {
-				z(!1);
+				W(!1);
 			}
 		}
 	};
-	if (De) return /* @__PURE__ */ p(n, {
+	if (be) return /* @__PURE__ */ m(n, {
 		title: "Edit Item",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ p(d, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ m(f, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
 	});
-	if (w) return /* @__PURE__ */ p(n, {
+	if (D) return /* @__PURE__ */ m(n, {
 		title: "Edit Item",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center gap-3 rounded-lg border border-status-error-border/50 bg-status-error-bg/10 px-4 py-3 text-sm",
-			children: [/* @__PURE__ */ p(re, {
+			children: [/* @__PURE__ */ m(ne, {
 				size: 16,
 				className: "shrink-0 text-status-error-text"
-			}), /* @__PURE__ */ p("span", {
+			}), /* @__PURE__ */ m("span", {
 				className: "text-status-error-text",
-				children: w
+				children: D
 			})]
 		})
 	});
-	let Z = E === "DRAFT" || E === "REJECTED", Q = M.find((e) => e.downloadUrl) ?? M[0], $ = E ? ye[E] : void 0;
-	return /* @__PURE__ */ p(n, {
-		title: /* @__PURE__ */ m("div", {
+	let Q = k === "DRAFT" || k === "REJECTED", $ = k ? he[k] : void 0;
+	return /* @__PURE__ */ m(n, {
+		title: /* @__PURE__ */ h("div", {
 			className: "flex items-center gap-3",
-			children: [Q ? /* @__PURE__ */ p("img", {
-				src: Q.url,
+			children: [F ? /* @__PURE__ */ m("img", {
+				src: F,
 				alt: "",
 				className: "h-10 w-10 shrink-0 rounded-input border border-border-subtle object-cover"
-			}) : /* @__PURE__ */ p("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-input border border-border-subtle bg-bg-sunken",
-				children: /* @__PURE__ */ p(ce, {
+				children: /* @__PURE__ */ m(oe, {
 					size: 16,
 					className: "text-text-muted"
 				})
-			}), /* @__PURE__ */ p("span", { children: A.name || "Item" })]
+			}), /* @__PURE__ */ m("span", { children: N.name || "Item" })]
 		}),
-		description: A.shortDescription || void 0,
+		description: N.shortDescription || void 0,
 		purpose: "Everything about this listing in one place — its performance, its store presence, and its editable details. Use the tabs to review or update it.",
 		backLink: "/seller/items",
 		backLabel: "Back to My Items",
-		actions: D === "overview" ? /* @__PURE__ */ m("button", {
+		actions: A === "overview" ? /* @__PURE__ */ h("button", {
 			type: "button",
-			onClick: () => O("edit"),
+			onClick: () => j("edit"),
 			className: "inline-flex items-center gap-2 rounded-button bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-			children: [/* @__PURE__ */ p(se, { size: 15 }), "Edit Listing"]
+			children: [/* @__PURE__ */ m(ae, { size: 15 }), "Edit Listing"]
 		}) : void 0,
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ h("div", {
 			className: "space-y-6",
 			children: [
-				Ae && /* @__PURE__ */ p("div", {
+				Ne && /* @__PURE__ */ m("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: "Saved successfully! Redirecting to your items..."
 				}),
-				B && /* @__PURE__ */ p("div", {
+				G && /* @__PURE__ */ m("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: B
+					children: G
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						$ && /* @__PURE__ */ p("span", {
+						$ && /* @__PURE__ */ m("span", {
 							className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", $.className),
 							children: $.label
 						}),
-						/* @__PURE__ */ p("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-sm text-text-secondary",
-							children: ve[k?.type ?? ""] || k?.type
+							children: me[M?.type ?? ""] || M?.type
 						}),
-						k?.category && /* @__PURE__ */ p("span", {
+						M?.category && /* @__PURE__ */ m("span", {
 							className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs text-text-secondary",
-							children: k.category
+							children: M.category
 						})
 					]
 				}),
-				E === "PENDING_REVIEW" && /* @__PURE__ */ m("div", {
+				k === "PENDING_REVIEW" && /* @__PURE__ */ h("div", {
 					className: "flex items-start gap-3 rounded-lg border border-border-subtle bg-status-warning-bg-subtle p-4",
-					children: [/* @__PURE__ */ p(oe, {
+					children: [/* @__PURE__ */ m(ie, {
 						size: 18,
 						className: "text-status-warning-text mt-0.5 flex-shrink-0"
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "text-sm",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "font-medium text-status-warning-text",
 							children: "Under Review"
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "mt-0.5 text-text-secondary",
-							children: ["Your listing is being reviewed by our team. You'll be notified of the outcome.", k?.submittedAt && /* @__PURE__ */ m("span", {
+							children: ["Your listing is being reviewed by our team. You'll be notified of the outcome.", M?.submittedAt && /* @__PURE__ */ h("span", {
 								className: "ml-1",
 								children: [
 									"Submitted",
 									" ",
-									new Date(k.submittedAt).toLocaleDateString(),
+									new Date(M.submittedAt).toLocaleDateString(),
 									"."
 								]
 							})]
 						})]
 					})]
 				}),
-				E === "REJECTED" && /* @__PURE__ */ m("div", {
+				k === "REJECTED" && /* @__PURE__ */ h("div", {
 					className: "flex items-start gap-3 rounded-lg border border-status-error-bg bg-status-error-bg-subtle p-4",
-					children: [/* @__PURE__ */ p(pe, {
+					children: [/* @__PURE__ */ m(ce, {
 						size: 18,
 						className: "text-status-error-text mt-0.5 flex-shrink-0"
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "text-sm",
 						children: [
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ m("p", {
 								className: "font-medium text-status-error-text",
 								children: "Review Rejected"
 							}),
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ m("p", {
 								className: "mt-0.5 text-text-secondary",
-								children: k?.rejectedReason || k?.reviewNotes || "Your submission was not approved. Please review the feedback, update your listing, and re-submit."
+								children: M?.rejectedReason || M?.reviewNotes || "Your submission was not approved. Please review the feedback, update your listing, and re-submit."
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: () => O("edit"),
+								onClick: () => j("edit"),
 								className: "mt-2 inline-flex items-center gap-1 text-xs font-medium text-primary underline",
 								children: "Edit listing and re-submit →"
 							})
 						]
 					})]
 				}),
-				E === "PUBLISHED" && /* @__PURE__ */ m("div", {
+				k === "PUBLISHED" && /* @__PURE__ */ h("div", {
 					className: "flex items-start gap-3 rounded-lg border border-status-success-bg bg-status-success-bg-subtle p-4",
-					children: [/* @__PURE__ */ p(ae, {
+					children: [/* @__PURE__ */ m(re, {
 						size: 18,
 						className: "text-status-success-text mt-0.5 flex-shrink-0"
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "text-sm",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "font-medium text-status-success-text",
 							children: "Live in the Store"
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "mt-0.5 text-text-secondary",
 							children: "Your listing is published and visible to buyers in the marketplace."
 						})]
 					})]
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "border-b",
-					children: /* @__PURE__ */ p("nav", {
+					children: /* @__PURE__ */ m("nav", {
 						className: "-mb-px flex gap-4 overflow-x-auto",
 						role: "tablist",
 						"aria-label": "Item sections",
@@ -479,504 +435,492 @@ var v = ({ label: e, value: t }) => /* @__PURE__ */ m(h, {
 						}, {
 							id: "edit",
 							label: "Edit Listing"
-						}].map((e) => /* @__PURE__ */ p("button", {
+						}].map((e) => /* @__PURE__ */ m("button", {
 							id: `item-tab-${e.id}`,
 							role: "tab",
-							"aria-selected": D === e.id,
+							"aria-selected": A === e.id,
 							"aria-controls": `item-panel-${e.id}`,
-							onClick: () => O(e.id),
-							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", D === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
+							onClick: () => j(e.id),
+							className: t("flex items-center gap-2 border-b-2 px-1 py-3 text-sm font-medium transition-colors", A === e.id ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary hover:border-muted-foreground"),
 							children: e.label
 						}, e.id))
 					})
 				}),
-				D === "overview" && /* @__PURE__ */ m("div", {
+				A === "overview" && /* @__PURE__ */ h("div", {
 					id: "item-panel-overview",
 					role: "tabpanel",
 					"aria-labelledby": "item-tab-overview",
 					className: "grid gap-6 lg:grid-cols-3",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "lg:col-span-2 space-y-6",
 						children: [
-							/* @__PURE__ */ p(he, { children: /* @__PURE__ */ m("div", {
+							/* @__PURE__ */ m(ue, { children: /* @__PURE__ */ h("div", {
 								className: "grid gap-4 sm:grid-cols-4",
 								children: [
-									/* @__PURE__ */ p(v, {
+									/* @__PURE__ */ m(v, {
 										label: "Price",
-										value: `${A.currency} ${Number(A.price || 0).toFixed(2)}`
+										value: `${N.currency} ${Number(N.price || 0).toFixed(2)}`
 									}),
-									/* @__PURE__ */ p(v, {
+									/* @__PURE__ */ m(v, {
 										label: "Stock",
-										value: A.stockQuantity || "0"
+										value: N.stockQuantity || "0"
 									}),
-									/* @__PURE__ */ p(v, {
+									/* @__PURE__ */ m(v, {
 										label: "Views",
-										value: (k?.viewCount ?? 0).toLocaleString()
+										value: (M?.viewCount ?? 0).toLocaleString()
 									}),
-									/* @__PURE__ */ p(v, {
+									/* @__PURE__ */ m(v, {
 										label: "Rating",
-										value: k?.rating ? `${k.rating.toFixed(1)} ★` : "N/A"
+										value: M?.rating ? `${M.rating.toFixed(1)} ★` : "N/A"
 									})
 								]
 							}) }),
-							/* @__PURE__ */ p(r, {
+							/* @__PURE__ */ m(r, {
 								title: "Product Images",
-								children: M.length > 0 ? /* @__PURE__ */ p("div", {
-									className: "flex flex-wrap gap-3",
-									children: M.map((e, t) => /* @__PURE__ */ p("img", {
-										src: e.url,
-										alt: `Product image ${t + 1}`,
-										className: "h-24 w-24 rounded-input border border-border-subtle object-cover"
-									}, e.id))
-								}) : /* @__PURE__ */ p("p", {
+								children: F || L || R.length > 0 ? /* @__PURE__ */ h("div", {
+									className: "space-y-4",
+									children: [/* @__PURE__ */ h("div", {
+										className: "flex flex-wrap gap-4",
+										children: [F && /* @__PURE__ */ h("div", {
+											className: "space-y-1",
+											children: [/* @__PURE__ */ m("img", {
+												src: F,
+												alt: "Icon",
+												className: "h-24 w-24 rounded-input border border-border-subtle object-cover"
+											}), /* @__PURE__ */ m("p", {
+												className: "text-xs text-text-muted",
+												children: "Icon"
+											})]
+										}), L && /* @__PURE__ */ h("div", {
+											className: "space-y-1",
+											children: [/* @__PURE__ */ m("img", {
+												src: L,
+												alt: "Banner",
+												className: "h-24 w-24 rounded-input border border-border-subtle object-cover"
+											}), /* @__PURE__ */ m("p", {
+												className: "text-xs text-text-muted",
+												children: "Banner"
+											})]
+										})]
+									}), R.length > 0 && /* @__PURE__ */ h("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ m("p", {
+											className: "text-xs text-text-muted",
+											children: "Screenshots"
+										}), /* @__PURE__ */ m("div", {
+											className: "flex flex-wrap gap-3",
+											children: R.map((e, t) => /* @__PURE__ */ m("img", {
+												src: e,
+												alt: `Screenshot ${t + 1}`,
+												className: "h-24 w-36 rounded-input border border-border-subtle object-cover"
+											}, e))
+										})]
+									})]
+								}) : /* @__PURE__ */ m("p", {
 									className: "text-sm text-text-secondary",
 									children: "No images uploaded yet."
 								})
 							}),
-							/* @__PURE__ */ m(r, {
+							/* @__PURE__ */ h(r, {
 								title: "Description",
-								children: [A.shortDescription && /* @__PURE__ */ p("p", {
+								children: [N.shortDescription && /* @__PURE__ */ m("p", {
 									className: "text-sm font-medium text-text-primary",
-									children: A.shortDescription
-								}), A.longDescription ? /* @__PURE__ */ p("p", {
+									children: N.shortDescription
+								}), N.longDescription ? /* @__PURE__ */ m("p", {
 									className: "mt-2 whitespace-pre-wrap text-sm text-text-secondary",
-									children: A.longDescription
-								}) : !A.shortDescription && /* @__PURE__ */ p("p", {
+									children: N.longDescription
+								}) : !N.shortDescription && /* @__PURE__ */ m("p", {
 									className: "text-sm text-text-secondary",
 									children: "No description provided."
 								})]
 							}),
-							A.tags && /* @__PURE__ */ p(r, {
+							N.tags && /* @__PURE__ */ m(r, {
 								title: "Tags",
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ m("div", {
 									className: "flex flex-wrap gap-2",
-									children: A.tags.split(",").map((e) => e.trim()).filter(Boolean).map((e) => /* @__PURE__ */ p("span", {
+									children: N.tags.split(",").map((e) => e.trim()).filter(Boolean).map((e) => /* @__PURE__ */ m("span", {
 										className: "rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
 										children: e
 									}, e))
 								})
 							})
 						]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "space-y-6",
-						children: [/* @__PURE__ */ p(r, {
+						children: [/* @__PURE__ */ m(r, {
 							title: "Details",
-							children: /* @__PURE__ */ p(i, { items: [
+							children: /* @__PURE__ */ m(i, { items: [
 								{
 									label: "Item ID",
-									value: /* @__PURE__ */ p("code", {
+									value: /* @__PURE__ */ m("code", {
 										className: "text-xs",
-										children: x
+										children: w
 									})
 								},
 								{
 									label: "Slug",
-									value: k?.slug ?? "—"
+									value: M?.slug ?? "—"
 								},
 								{
 									label: "SKU",
-									value: A.sku || "—"
+									value: N.sku || "—"
 								},
 								{
 									label: "Brand",
-									value: A.brand || "—"
+									value: N.brand || "—"
 								},
 								{
 									label: "Created",
-									value: k?.createdAt ? new Date(k.createdAt).toLocaleDateString() : "—"
+									value: M?.createdAt ? new Date(M.createdAt).toLocaleDateString() : "—"
 								},
 								{
 									label: "Updated",
-									value: k?.updatedAt ? new Date(k.updatedAt).toLocaleDateString() : "—"
+									value: M?.updatedAt ? new Date(M.updatedAt).toLocaleDateString() : "—"
 								},
-								...k?.publishedAt ? [{
+								...M?.publishedAt ? [{
 									label: "Published",
-									value: new Date(k.publishedAt).toLocaleDateString()
+									value: new Date(M.publishedAt).toLocaleDateString()
 								}] : []
 							] })
-						}), /* @__PURE__ */ p(r, {
+						}), /* @__PURE__ */ m(r, {
 							title: "Inventory & Shipping",
-							children: /* @__PURE__ */ p(i, { items: [
+							children: /* @__PURE__ */ m(i, { items: [
 								{
 									label: "Stock quantity",
-									value: A.stockQuantity || "0"
+									value: N.stockQuantity || "0"
 								},
 								{
 									label: "Track inventory",
-									value: A.trackInventory ? "Yes" : "No"
+									value: N.trackInventory ? "Yes" : "No"
 								},
 								{
 									label: "Requires shipping",
-									value: A.requiresShipping ? "Yes" : "No"
+									value: N.requiresShipping ? "Yes" : "No"
 								},
-								...A.requiresShipping && A.weightKg ? [{
+								...N.requiresShipping && N.weightKg ? [{
 									label: "Weight",
-									value: `${A.weightKg} ${A.weightUnit.toLowerCase()}`
+									value: `${N.weightKg} ${N.weightUnit.toLowerCase()}`
 								}] : []
 							] })
 						})]
 					})]
 				}),
-				D === "edit" && /* @__PURE__ */ m("div", {
+				A === "edit" && /* @__PURE__ */ h("div", {
 					id: "item-panel-edit",
 					role: "tabpanel",
 					"aria-labelledby": "item-tab-edit",
 					className: "space-y-8 max-w-3xl",
 					children: [
-						E && /* @__PURE__ */ m("div", {
+						k && /* @__PURE__ */ h("div", {
 							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__ */ p(le, {
+								/* @__PURE__ */ m(se, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
 								}),
 								"Current status:",
 								" ",
-								/* @__PURE__ */ p("span", {
+								/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
-									children: E.replace(/_/g, " ")
+									children: k.replace(/_/g, " ")
 								}),
-								Z && /* @__PURE__ */ p("span", {
+								Q && /* @__PURE__ */ m("span", {
 									className: "ml-1",
 									children: "— use \"Save & Resubmit\" to send it for review again."
 								})
 							]
 						}),
-						/* @__PURE__ */ p(r, {
+						/* @__PURE__ */ m(r, {
 							title: "Basic Information",
 							description: "Core details shown in the store listing.",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 								children: [
-									/* @__PURE__ */ p(o, {
+									/* @__PURE__ */ m(o, {
 										label: "Name",
 										required: !0,
-										value: A.name,
-										onChange: (e) => G("name", e.target.value),
+										value: N.name,
+										onChange: (e) => X("name", e.target.value),
 										placeholder: "e.g. Wireless Ergonomic Keyboard",
 										maxLength: 120
 									}),
-									/* @__PURE__ */ p(o, {
+									/* @__PURE__ */ m(o, {
 										label: "Short Description",
 										required: !0,
-										value: A.shortDescription,
-										onChange: (e) => G("shortDescription", e.target.value),
+										value: N.shortDescription,
+										onChange: (e) => X("shortDescription", e.target.value),
 										placeholder: "One-line summary shown on the store card",
 										maxLength: 160,
-										hint: `${A.shortDescription.length}/160`
+										hint: `${N.shortDescription.length}/160`
 									}),
-									/* @__PURE__ */ p(c, {
+									/* @__PURE__ */ m(c, {
 										label: "Long Description",
-										value: A.longDescription,
-										onChange: (e) => G("longDescription", e.target.value),
+										value: N.longDescription,
+										onChange: (e) => X("longDescription", e.target.value),
 										rows: 5,
 										placeholder: "Detailed product description, features, specs…"
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ p(r, {
+						/* @__PURE__ */ m(r, {
 							title: "Product Images",
-							description: "The first image is used as the main icon.",
-							children: /* @__PURE__ */ m("div", {
-								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
-								children: [/* @__PURE__ */ m("div", {
-									onDrop: Ne,
-									onDragOver: Pe,
-									onDragLeave: Fe,
-									onClick: () => I.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", P ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
-									children: [
-										/* @__PURE__ */ p(de, {
-											size: 28,
-											className: P ? "text-action-primary-bg" : "text-text-muted"
-										}),
-										/* @__PURE__ */ m("div", {
-											className: "text-center space-y-1",
-											children: [/* @__PURE__ */ p("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: "Drag and drop images here"
-											}), /* @__PURE__ */ p("p", {
-												className: "text-xs text-text-muted",
-												children: "or click to browse — accepts any image format, multiple files"
-											})]
-										}),
-										/* @__PURE__ */ p("input", {
-											ref: I,
-											type: "file",
-											accept: "image/*",
-											multiple: !0,
-											className: "sr-only",
-											onChange: Me
-										})
-									]
-								}), M.length > 0 && /* @__PURE__ */ p("div", {
-									className: "flex flex-wrap gap-3",
-									children: (() => {
-										let e = M.find((e) => e.downloadUrl)?.id;
-										return M.map((n, r) => /* @__PURE__ */ m("div", {
-											className: "relative group",
-											children: [
-												/* @__PURE__ */ p("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__ */ p("div", {
-													className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
-													children: /* @__PURE__ */ p(d, {
-														size: 16,
-														className: "animate-spin text-white"
-													})
-												}),
-												n.error && /* @__PURE__ */ m("button", {
-													type: "button",
-													onClick: (e) => {
-														e.stopPropagation(), Ie(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__ */ p(ie, { size: 14 }), /* @__PURE__ */ p(ue, { size: 11 })]
-												}),
-												n.id === e && /* @__PURE__ */ p("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__ */ p("button", {
-													type: "button",
-													onClick: (e) => {
-														e.stopPropagation(), Y(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__ */ p(fe, { size: 11 })
-												})
-											]
-										}, n.id));
-									})()
+							description: "Visual assets shown to buyers browsing the store.",
+							children: /* @__PURE__ */ h("div", {
+								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+								children: [/* @__PURE__ */ h("div", {
+									className: "grid gap-5 sm:grid-cols-2",
+									children: [/* @__PURE__ */ m(l, {
+										label: "Icon",
+										value: F,
+										onChange: I,
+										hint: "Shown in marketplace cards and search — square proportions (1:1)",
+										aspectClass: "aspect-square",
+										upload: we,
+										uploading: B,
+										progress: Te,
+										error: Ee
+									}), /* @__PURE__ */ m(l, {
+										label: "Banner",
+										value: L,
+										onChange: Ce,
+										hint: "Fills the right panel on the product page — square or portrait works best on all screen sizes (1:1)",
+										aspectClass: "aspect-square",
+										upload: De,
+										uploading: V,
+										progress: Oe,
+										error: ke
+									})]
+								}), /* @__PURE__ */ m(ee, {
+									urls: R,
+									onChange: z,
+									upload: Ae,
+									uploading: H,
+									progress: je,
+									error: Me
 								})]
 							})
 						}),
-						/* @__PURE__ */ p(r, {
+						/* @__PURE__ */ m(r, {
 							title: "Pricing",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-									children: [/* @__PURE__ */ p(o, {
+									children: [/* @__PURE__ */ m(o, {
 										label: "Price",
 										required: !0,
 										type: "number",
-										value: A.price,
-										onChange: (e) => G("price", e.target.value),
+										value: N.price,
+										onChange: (e) => X("price", e.target.value),
 										placeholder: "0.00",
 										min: .01,
 										step: "0.01"
-									}), /* @__PURE__ */ p(s, {
+									}), /* @__PURE__ */ m(s, {
 										label: "Currency",
 										required: !0,
-										value: A.currency,
-										onChange: (e) => G("currency", e.target.value),
-										options: ge,
+										value: N.currency,
+										onChange: (e) => X("currency", e.target.value),
+										options: de,
 										placeholder: "Select currency"
 									})]
-								}), /* @__PURE__ */ p(o, {
+								}), /* @__PURE__ */ m(o, {
 									label: "Tags",
-									value: A.tags,
-									onChange: (e) => G("tags", e.target.value),
+									value: N.tags,
+									onChange: (e) => X("tags", e.target.value),
 									placeholder: "mechanical, wireless, ergonomic",
 									hint: "Comma-separated keywords."
 								})]
 							})
 						}),
-						/* @__PURE__ */ p(r, {
+						/* @__PURE__ */ m(r, {
 							title: "Inventory",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-										children: [/* @__PURE__ */ p(o, {
+										children: [/* @__PURE__ */ m(o, {
 											label: "Stock Quantity",
 											required: !0,
 											type: "number",
-											value: A.stockQuantity,
-											onChange: (e) => G("stockQuantity", e.target.value),
+											value: N.stockQuantity,
+											onChange: (e) => X("stockQuantity", e.target.value),
 											min: 0,
 											step: 1
-										}), /* @__PURE__ */ p(o, {
+										}), /* @__PURE__ */ m(o, {
 											label: "SKU",
-											value: A.sku,
-											onChange: (e) => G("sku", e.target.value),
+											value: N.sku,
+											onChange: (e) => X("sku", e.target.value),
 											placeholder: "e.g. KB-WL-001",
 											hint: "Your internal stock-keeping unit reference."
 										})]
 									}),
-									/* @__PURE__ */ p(o, {
+									/* @__PURE__ */ m(o, {
 										label: "Low Stock Threshold",
 										type: "number",
-										value: A.lowStockThreshold,
-										onChange: (e) => G("lowStockThreshold", e.target.value),
+										value: N.lowStockThreshold,
+										onChange: (e) => X("lowStockThreshold", e.target.value),
 										placeholder: "e.g. 5",
 										min: 0,
 										step: 1,
 										hint: "Get flagged when stock falls to or below this number."
 									}),
-									/* @__PURE__ */ p(a, {
+									/* @__PURE__ */ m(a, {
 										label: "Track Inventory",
 										description: "Automatically reduce stock when orders are placed.",
-										checked: A.trackInventory,
-										onChange: K("trackInventory")
+										checked: N.trackInventory,
+										onChange: Z("trackInventory")
 									}),
-									/* @__PURE__ */ p(a, {
+									/* @__PURE__ */ m(a, {
 										label: "Allow Backorder",
 										description: "Let buyers order even when stock quantity is zero.",
-										checked: A.allowBackorder,
-										onChange: K("allowBackorder")
+										checked: N.allowBackorder,
+										onChange: Z("allowBackorder")
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ p(r, {
+						/* @__PURE__ */ m(r, {
 							title: "Shipping",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-								children: [/* @__PURE__ */ p(a, {
+								children: [/* @__PURE__ */ m(a, {
 									label: "Requires Shipping",
 									description: "This item will be physically shipped to the buyer.",
-									checked: A.requiresShipping,
-									onChange: K("requiresShipping")
-								}), A.requiresShipping && /* @__PURE__ */ m(f, { children: [
-									/* @__PURE__ */ m("div", {
+									checked: N.requiresShipping,
+									onChange: Z("requiresShipping")
+								}), N.requiresShipping && /* @__PURE__ */ h(p, { children: [
+									/* @__PURE__ */ h("div", {
 										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-										children: [/* @__PURE__ */ p(o, {
+										children: [/* @__PURE__ */ m(o, {
 											label: "Weight",
 											type: "number",
-											value: A.weightKg,
-											onChange: (e) => G("weightKg", e.target.value),
+											value: N.weightKg,
+											onChange: (e) => X("weightKg", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01",
 											hint: "Used to calculate shipping costs."
-										}), /* @__PURE__ */ p(s, {
+										}), /* @__PURE__ */ m(s, {
 											label: "Weight Unit",
-											value: A.weightUnit,
-											onChange: (e) => G("weightUnit", e.target.value),
-											options: _e
+											value: N.weightUnit,
+											onChange: (e) => X("weightUnit", e.target.value),
+											options: fe
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
 										children: [
-											/* @__PURE__ */ p(o, {
+											/* @__PURE__ */ m(o, {
 												label: "Length",
 												type: "number",
-												value: A.length,
-												onChange: (e) => G("length", e.target.value),
+												value: N.length,
+												onChange: (e) => X("length", e.target.value),
 												placeholder: "0.0",
 												min: 0,
 												step: "0.01"
 											}),
-											/* @__PURE__ */ p(o, {
+											/* @__PURE__ */ m(o, {
 												label: "Width",
 												type: "number",
-												value: A.width,
-												onChange: (e) => G("width", e.target.value),
+												value: N.width,
+												onChange: (e) => X("width", e.target.value),
 												placeholder: "0.0",
 												min: 0,
 												step: "0.01"
 											}),
-											/* @__PURE__ */ p(o, {
+											/* @__PURE__ */ m(o, {
 												label: "Height",
 												type: "number",
-												value: A.height,
-												onChange: (e) => G("height", e.target.value),
+												value: N.height,
+												onChange: (e) => X("height", e.target.value),
 												placeholder: "0.0",
 												min: 0,
 												step: "0.01"
 											})
 										]
 									}),
-									/* @__PURE__ */ p(s, {
+									/* @__PURE__ */ m(s, {
 										label: "Dimension Unit",
-										value: A.dimensionUnit,
-										onChange: (e) => G("dimensionUnit", e.target.value),
-										options: g,
+										value: N.dimensionUnit,
+										onChange: (e) => X("dimensionUnit", e.target.value),
+										options: pe,
 										hint: "Applies to length, width, and height above."
 									})
 								] })]
 							})
 						}),
-						/* @__PURE__ */ p(r, {
+						/* @__PURE__ */ m(r, {
 							title: "Product Details",
 							description: "Optional supplemental information for buyers.",
-							children: /* @__PURE__ */ m("div", {
+							children: /* @__PURE__ */ h("div", {
 								className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ h("div", {
 										className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-										children: [/* @__PURE__ */ p(o, {
+										children: [/* @__PURE__ */ m(o, {
 											label: "Brand",
-											value: A.brand,
-											onChange: (e) => G("brand", e.target.value),
+											value: N.brand,
+											onChange: (e) => X("brand", e.target.value),
 											placeholder: "e.g. Logitech"
-										}), /* @__PURE__ */ p(o, {
+										}), /* @__PURE__ */ m(o, {
 											label: "Manufacturer",
-											value: A.manufacturer,
-											onChange: (e) => G("manufacturer", e.target.value),
+											value: N.manufacturer,
+											onChange: (e) => X("manufacturer", e.target.value),
 											placeholder: "e.g. Logitech Manufacturing Ltd."
 										})]
 									}),
-									/* @__PURE__ */ p(o, {
+									/* @__PURE__ */ m(o, {
 										label: "Country of Origin",
-										value: A.countryOfOrigin,
-										onChange: (e) => G("countryOfOrigin", e.target.value),
+										value: N.countryOfOrigin,
+										onChange: (e) => X("countryOfOrigin", e.target.value),
 										placeholder: "e.g. China"
 									}),
-									/* @__PURE__ */ p(o, {
+									/* @__PURE__ */ m(o, {
 										label: "Warranty Info",
-										value: A.warrantyInfo,
-										onChange: (e) => G("warrantyInfo", e.target.value),
+										value: N.warrantyInfo,
+										onChange: (e) => X("warrantyInfo", e.target.value),
 										placeholder: "e.g. 1-year limited manufacturer warranty"
 									}),
-									/* @__PURE__ */ p(c, {
+									/* @__PURE__ */ m(c, {
 										label: "Return Policy",
-										value: A.returnPolicy,
-										onChange: (e) => G("returnPolicy", e.target.value),
+										value: N.returnPolicy,
+										onChange: (e) => X("returnPolicy", e.target.value),
 										rows: 3,
 										placeholder: "e.g. 30-day returns accepted"
 									})
 								]
 							})
 						}),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ h("div", {
 							className: "flex flex-wrap items-center gap-3 pb-8",
 							children: [
-								/* @__PURE__ */ p("button", {
+								/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => h?.(`${_}/seller/items`),
+									onClick: () => g?.(`${_}/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__ */ p("button", {
+								/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => void X(!1),
-									disabled: !U || R,
-									"aria-disabled": !U || R,
-									title: U ? void 0 : "Fill in all required fields to continue",
+									onClick: () => void Fe(!1),
+									disabled: !J || U,
+									"aria-disabled": !J || U,
+									title: 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", "border border-border-strong bg-bg-surface text-text-primary", "hover:bg-bg-sunken", "disabled:opacity-50 disabled:cursor-not-allowed"),
-									children: R ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
+									children: U ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
 										size: 15,
 										className: "animate-spin"
 									}), "Saving..."] }) : "Save Changes"
 								}),
-								Z && /* @__PURE__ */ p("button", {
+								Q && /* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => void X(!0),
-									disabled: !U || R,
-									"aria-disabled": !U || R,
+									onClick: () => void Fe(!0),
+									disabled: !J || U,
+									"aria-disabled": !J || U,
 									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"),
-									children: R ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(d, {
+									children: U ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(f, {
 										size: 15,
 										className: "animate-spin"
 									}), "Saving..."] }) : "Save & Resubmit for Review"