@burdenoff/microfe-devportal 2026.914.5 → 2026.914.7

package/dist/devportal/pages/CreatePhysicalItemPage.js

@@ -2,13 +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 { 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";
+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";
 //#region src/devportal/pages/CreatePhysicalItemPage.tsx
-var v = [
+var b = [
 	{
 		value: "MERCHANDISE",
 		label: "Merchandise"
@@ -41,7 +41,7 @@ var v = [
 		value: "CONSUMABLE",
 		label: "Consumable"
 	}
-], y = [
+], ne = [
 	{
 		value: "agri-seeds",
 		label: "Agri-Inputs — Seeds"
@@ -62,7 +62,7 @@ var v = [
 		value: "agri-irrigation",
 		label: "Agri-Inputs — Irrigation"
 	}
-], ie = [
+], re = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -87,7 +87,7 @@ var v = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], ae = [
+], ie = [
 	{
 		value: "GRAM",
 		label: "Grams (g)"
@@ -104,7 +104,7 @@ var v = [
 		value: "POUND",
 		label: "Pounds (lb)"
 	}
-], b = [
+], ae = [
 	{
 		value: "CENTIMETER",
 		label: "Centimeters (cm)"
@@ -125,18 +125,18 @@ var v = [
 	"price",
 	"currency",
 	"stockQuantity"
-], S = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", C = "\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n", w = "\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", T = "\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
-function E(e) {
+], 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) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-");
 }
-function D(e) {
+function w(e) {
 	return x.every((t) => {
 		let n = e[t];
 		return typeof n == "boolean" ? !0 : n.trim() !== "";
 	});
 }
-var O = () => {
-	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({
+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({
 		name: "",
 		slug: "",
 		type: "",
@@ -163,68 +163,68 @@ var O = () => {
 		countryOfOrigin: "",
 		warrantyInfo: "",
 		returnPolicy: ""
-	}), [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) => ({
+	}), [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) => ({
 			...n,
 			[e]: t
 		}));
-	}, pe = (e) => {
+	}, Y = (e) => {
 		let t = e.target.value;
-		L((e) => ({
+		I((e) => ({
 			...e,
 			name: t,
-			slug: E(t)
+			slug: C(t)
 		}));
 	}, X = (e) => (t) => {
-		Y(e, t.target.checked);
+		J(e, t.target.checked);
 	}, Z = l((e, t) => {
-		U(t).then((t) => {
-			z((n) => n.map((n) => n.id === e ? {
+		H(t).then((t) => {
+			R((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 ? {
+			R((n) => n.map((n) => n.id === e ? {
 				...n,
 				uploading: !1,
 				error: t instanceof Error ? t.message : "Upload failed"
 			} : n));
 		});
-	}, [U]), Q = l((e) => {
+	}, [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
 		}));
-		z((e) => [...e, ...t]), t.forEach((e) => Z(e.id, e.file));
-	}, [Z]), me = (e) => {
+		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 = "";
-	}, 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) => {
+		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);
 		});
-	}, ye = (e) => {
-		let t = R.find((t) => t.id === e);
-		t && (z((t) => t.map((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));
 	};
 	async function $(e, t) {
-		let n = await (await fetch(fe, {
+		let n = await (await fetch(me, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
-				...A ? { Authorization: `Bearer ${A}` } : {}
+				...O ? { Authorization: `Bearer ${O}` } : {}
 			},
 			credentials: "include",
 			body: JSON.stringify({
@@ -235,188 +235,188 @@ var O = () => {
 		if (n.errors?.length) throw Error(n.errors.map((e) => e.message).join("; "));
 		return n.data;
 	}
-	return /* @__PURE__ */ g(n, {
+	return /* @__PURE__ */ v(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__ */ _("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: "space-y-8 max-w-3xl",
 			children: [
-				le && /* @__PURE__ */ g("div", {
+				de && /* @__PURE__ */ v("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..."
 				}),
-				K && /* @__PURE__ */ g("div", {
+				G && /* @__PURE__ */ v("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: K
+					children: G
 				}),
-				P && /* @__PURE__ */ _("div", {
+				N && /* @__PURE__ */ y("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: ", P]
+					children: ["Couldn't set up your seller organization: ", N]
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Seller Organization",
 					description: "The seller organization this item will be listed under.",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-3",
-						children: /* @__PURE__ */ g(o, {
+						children: /* @__PURE__ */ v(o, {
 							label: "Organization",
 							required: !0,
-							value: j?.id ?? "",
-							onChange: (e) => F(e.target.value),
-							options: M.map((e) => ({
+							value: A?.id ?? "",
+							onChange: (e) => P(e.target.value),
+							options: j.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
+							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
 						})
 					})
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Basic Information",
 					description: "Core details shown in the store listing.",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ g(a, {
+							/* @__PURE__ */ v(a, {
 								label: "Name",
 								required: !0,
-								value: I.name,
-								onChange: pe,
+								value: F.name,
+								onChange: Y,
 								placeholder: "e.g. Wireless Ergonomic Keyboard",
 								maxLength: 120
 							}),
-							/* @__PURE__ */ g(a, {
+							/* @__PURE__ */ v(a, {
 								label: "Slug",
 								required: !0,
-								value: I.slug,
-								onChange: (e) => Y("slug", e.target.value),
+								value: F.slug,
+								onChange: (e) => J("slug", e.target.value),
 								placeholder: "auto-derived-from-name",
 								hint: "URL-friendly identifier. Auto-derived from name; you can edit it."
 							}),
-							/* @__PURE__ */ g(o, {
+							/* @__PURE__ */ v(o, {
 								label: "Product Type",
 								required: !0,
-								value: I.type,
-								onChange: (e) => Y("type", e.target.value),
-								options: v,
+								value: F.type,
+								onChange: (e) => J("type", e.target.value),
+								options: b,
 								placeholder: "Select a type"
 							}),
-							/* @__PURE__ */ g(o, {
+							/* @__PURE__ */ v(o, {
 								label: "Store Category",
-								value: I.category,
-								onChange: (e) => Y("category", e.target.value),
-								options: y,
+								value: F.category,
+								onChange: (e) => J("category", e.target.value),
+								options: ne,
 								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__ */ g(a, {
+							/* @__PURE__ */ v(a, {
 								label: "Short Description",
 								required: !0,
-								value: I.shortDescription,
-								onChange: (e) => Y("shortDescription", e.target.value),
+								value: F.shortDescription,
+								onChange: (e) => J("shortDescription", e.target.value),
 								placeholder: "One-line summary shown on the store card",
 								maxLength: 160,
-								hint: `${I.shortDescription.length}/160`
+								hint: `${F.shortDescription.length}/160`
 							}),
-							/* @__PURE__ */ g(s, {
+							/* @__PURE__ */ v(s, {
 								label: "Long Description",
-								value: I.longDescription,
-								onChange: (e) => Y("longDescription", e.target.value),
+								value: F.longDescription,
+								onChange: (e) => J("longDescription", e.target.value),
 								rows: 5,
 								placeholder: "Detailed product description, features, specs…"
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Product Images",
 					description: "The first image is used as the main icon.",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
 						children: [
-							/* @__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"),
+							/* @__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__ */ g(ne, {
+									/* @__PURE__ */ v(h, {
 										size: 28,
-										className: B ? "text-action-primary-bg" : "text-text-muted"
+										className: z ? "text-action-primary-bg" : "text-text-muted"
 									}),
-									/* @__PURE__ */ _("div", {
+									/* @__PURE__ */ y("div", {
 										className: "text-center space-y-1",
-										children: [/* @__PURE__ */ g("p", {
+										children: [/* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: "Drag and drop images here"
-										}), /* @__PURE__ */ g("p", {
+										}), /* @__PURE__ */ v("p", {
 											className: "text-xs text-text-muted",
 											children: "or click to browse — accepts any image format, multiple files"
 										})]
 									}),
-									/* @__PURE__ */ g("input", {
-										ref: H,
+									/* @__PURE__ */ v("input", {
+										ref: V,
 										type: "file",
 										accept: "image/*",
 										multiple: !0,
 										className: "sr-only",
-										onChange: me
+										onChange: he
 									})
 								]
 							}),
-							R.length > 0 && /* @__PURE__ */ g("div", {
+							L.length > 0 && /* @__PURE__ */ v("div", {
 								className: "flex flex-wrap gap-3",
 								children: (() => {
-									let e = R.find((e) => e.downloadUrl)?.id;
-									return R.map((n, r) => /* @__PURE__ */ _("div", {
+									let e = L.find((e) => e.downloadUrl)?.id;
+									return L.map((n, r) => /* @__PURE__ */ y("div", {
 										className: "relative group",
 										children: [
-											/* @__PURE__ */ g("img", {
+											/* @__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__ */ g("div", {
+											n.uploading && /* @__PURE__ */ v("div", {
 												className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
-												children: /* @__PURE__ */ g(p, {
+												children: /* @__PURE__ */ v(m, {
 													size: 16,
 													className: "animate-spin text-white"
 												})
 											}),
-											n.error && /* @__PURE__ */ _("button", {
+											n.error && /* @__PURE__ */ y("button", {
 												type: "button",
 												onClick: (e) => {
-													e.stopPropagation(), ye(n.id);
+													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__ */ g(d, { size: 14 }), /* @__PURE__ */ g(m, { size: 11 })]
+												children: [/* @__PURE__ */ v(f, { size: 14 }), /* @__PURE__ */ v(te, { size: 11 })]
 											}),
-											n.id === e && /* @__PURE__ */ g("span", {
+											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__ */ g("button", {
+											/* @__PURE__ */ v("button", {
 												type: "button",
 												onClick: (e) => {
-													e.stopPropagation(), ve(n.id);
+													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__ */ g(re, { size: 11 })
+												children: /* @__PURE__ */ v(g, { size: 11 })
 											})
 										]
 									}, n.id));
 								})()
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__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__ */ g(f, {
+								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."]
@@ -424,159 +424,159 @@ var O = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Pricing",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ y("div", {
 							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-							children: [/* @__PURE__ */ g(a, {
+							children: [/* @__PURE__ */ v(a, {
 								label: "Price",
 								required: !0,
 								type: "number",
-								value: I.price,
-								onChange: (e) => Y("price", e.target.value),
+								value: F.price,
+								onChange: (e) => J("price", e.target.value),
 								placeholder: "0.00",
 								min: .01,
 								step: "0.01"
-							}), /* @__PURE__ */ g(o, {
+							}), /* @__PURE__ */ v(o, {
 								label: "Currency",
 								required: !0,
-								value: I.currency,
-								onChange: (e) => Y("currency", e.target.value),
-								options: ie,
+								value: F.currency,
+								onChange: (e) => J("currency", e.target.value),
+								options: re,
 								placeholder: "Select currency"
 							})]
-						}), /* @__PURE__ */ g(a, {
+						}), /* @__PURE__ */ v(a, {
 							label: "Tags",
-							value: I.tags,
-							onChange: (e) => Y("tags", e.target.value),
+							value: F.tags,
+							onChange: (e) => J("tags", e.target.value),
 							placeholder: "mechanical, wireless, ergonomic",
 							hint: "Comma-separated keywords to help buyers find your item."
 						})]
 					})
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Inventory",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g(a, {
+								children: [/* @__PURE__ */ v(a, {
 									label: "Stock Quantity",
 									required: !0,
 									type: "number",
-									value: I.stockQuantity,
-									onChange: (e) => Y("stockQuantity", e.target.value),
+									value: F.stockQuantity,
+									onChange: (e) => J("stockQuantity", e.target.value),
 									min: 0,
 									step: 1
-								}), /* @__PURE__ */ g(a, {
+								}), /* @__PURE__ */ v(a, {
 									label: "SKU",
-									value: I.sku,
-									onChange: (e) => Y("sku", e.target.value),
+									value: F.sku,
+									onChange: (e) => J("sku", e.target.value),
 									placeholder: "e.g. KB-WL-001",
 									hint: "Your internal stock-keeping unit reference."
 								})]
 							}),
-							/* @__PURE__ */ g(a, {
+							/* @__PURE__ */ v(a, {
 								label: "Low Stock Threshold",
 								type: "number",
-								value: I.lowStockThreshold,
-								onChange: (e) => Y("lowStockThreshold", e.target.value),
+								value: F.lowStockThreshold,
+								onChange: (e) => J("lowStockThreshold", e.target.value),
 								placeholder: "e.g. 5",
 								min: 0,
 								step: 1,
 								hint: "Get flagged when stock falls to or below this number."
 							}),
-							/* @__PURE__ */ g(i, {
+							/* @__PURE__ */ v(i, {
 								label: "Track Inventory",
 								description: "Automatically reduce stock when orders are placed.",
-								checked: I.trackInventory,
+								checked: F.trackInventory,
 								onChange: X("trackInventory")
 							}),
-							/* @__PURE__ */ g(i, {
+							/* @__PURE__ */ v(i, {
 								label: "Allow Backorder",
 								description: "Let buyers order even when stock quantity is zero.",
-								checked: I.allowBackorder,
+								checked: F.allowBackorder,
 								onChange: X("allowBackorder")
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Shipping",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ g(i, {
+							/* @__PURE__ */ v(i, {
 								label: "Requires Shipping",
 								description: "This item will be physically shipped to the buyer.",
-								checked: I.requiresShipping,
+								checked: F.requiresShipping,
 								onChange: X("requiresShipping")
 							}),
-							I.requiresShipping && /* @__PURE__ */ _(h, { children: [
-								/* @__PURE__ */ _("div", {
+							F.requiresShipping && /* @__PURE__ */ y(_, { children: [
+								/* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-									children: [/* @__PURE__ */ g(a, {
+									children: [/* @__PURE__ */ v(a, {
 										label: "Weight",
 										type: "number",
-										value: I.weightKg,
-										onChange: (e) => Y("weightKg", e.target.value),
+										value: F.weightKg,
+										onChange: (e) => J("weightKg", e.target.value),
 										placeholder: "0.0",
 										min: 0,
 										step: "0.01",
 										hint: "Used to calculate shipping costs."
-									}), /* @__PURE__ */ g(o, {
+									}), /* @__PURE__ */ v(o, {
 										label: "Weight Unit",
-										value: I.weightUnit,
-										onChange: (e) => Y("weightUnit", e.target.value),
-										options: ae
+										value: F.weightUnit,
+										onChange: (e) => J("weightUnit", e.target.value),
+										options: ie
 									})]
 								}),
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 gap-5 sm:grid-cols-3",
 									children: [
-										/* @__PURE__ */ g(a, {
+										/* @__PURE__ */ v(a, {
 											label: "Length",
 											type: "number",
-											value: I.length,
-											onChange: (e) => Y("length", e.target.value),
+											value: F.length,
+											onChange: (e) => J("length", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01"
 										}),
-										/* @__PURE__ */ g(a, {
+										/* @__PURE__ */ v(a, {
 											label: "Width",
 											type: "number",
-											value: I.width,
-											onChange: (e) => Y("width", e.target.value),
+											value: F.width,
+											onChange: (e) => J("width", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01"
 										}),
-										/* @__PURE__ */ g(a, {
+										/* @__PURE__ */ v(a, {
 											label: "Height",
 											type: "number",
-											value: I.height,
-											onChange: (e) => Y("height", e.target.value),
+											value: F.height,
+											onChange: (e) => J("height", e.target.value),
 											placeholder: "0.0",
 											min: 0,
 											step: "0.01"
 										})
 									]
 								}),
-								/* @__PURE__ */ g(o, {
+								/* @__PURE__ */ v(o, {
 									label: "Dimension Unit",
-									value: I.dimensionUnit,
-									onChange: (e) => Y("dimensionUnit", e.target.value),
-									options: b,
+									value: F.dimensionUnit,
+									onChange: (e) => J("dimensionUnit", e.target.value),
+									options: ae,
 									hint: "Applies to length, width, and height above."
 								})
 							] }),
-							/* @__PURE__ */ _("p", {
+							/* @__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__ */ g(f, {
+								children: [/* @__PURE__ */ v(p, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
 								}), "Delivery fees are configured at the organization level in store settings."]
@@ -584,124 +584,125 @@ var O = () => {
 						]
 					})
 				}),
-				/* @__PURE__ */ g(r, {
+				/* @__PURE__ */ v(r, {
 					title: "Product Details",
 					description: "Optional supplemental information for buyers.",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ y("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ y("div", {
 								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-								children: [/* @__PURE__ */ g(a, {
+								children: [/* @__PURE__ */ v(a, {
 									label: "Brand",
-									value: I.brand,
-									onChange: (e) => Y("brand", e.target.value),
+									value: F.brand,
+									onChange: (e) => J("brand", e.target.value),
 									placeholder: "e.g. Logitech"
-								}), /* @__PURE__ */ g(a, {
+								}), /* @__PURE__ */ v(a, {
 									label: "Manufacturer",
-									value: I.manufacturer,
-									onChange: (e) => Y("manufacturer", e.target.value),
+									value: F.manufacturer,
+									onChange: (e) => J("manufacturer", e.target.value),
 									placeholder: "e.g. Logitech Manufacturing Ltd."
 								})]
 							}),
-							/* @__PURE__ */ g(a, {
+							/* @__PURE__ */ v(a, {
 								label: "Country of Origin",
-								value: I.countryOfOrigin,
-								onChange: (e) => Y("countryOfOrigin", e.target.value),
+								value: F.countryOfOrigin,
+								onChange: (e) => J("countryOfOrigin", e.target.value),
 								placeholder: "e.g. China"
 							}),
-							/* @__PURE__ */ g(a, {
+							/* @__PURE__ */ v(a, {
 								label: "Warranty Info",
-								value: I.warrantyInfo,
-								onChange: (e) => Y("warrantyInfo", e.target.value),
+								value: F.warrantyInfo,
+								onChange: (e) => J("warrantyInfo", e.target.value),
 								placeholder: "e.g. 1-year limited manufacturer warranty"
 							}),
-							/* @__PURE__ */ g(s, {
+							/* @__PURE__ */ v(s, {
 								label: "Return Policy",
-								value: I.returnPolicy,
-								onChange: (e) => Y("returnPolicy", e.target.value),
+								value: F.returnPolicy,
+								onChange: (e) => J("returnPolicy", e.target.value),
 								rows: 3,
 								placeholder: "e.g. 30-day returns accepted"
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3 pb-8",
-					children: [/* @__PURE__ */ g("button", {
+					children: [/* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => x?.(`${O}/seller/items`),
+						onClick: () => x?.(`${T}/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__ */ g("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "relative",
-						children: /* @__PURE__ */ g("button", {
+						children: /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: async () => {
-								if (!(!J || W || !j)) {
-									G(!0), q(null);
+								if (!(!q || U || !A)) {
+									W(!0), K(null);
 									try {
-										let e = (await $(S)).myPublisher?.id ?? null;
-										e ||= (await $(C, { input: {
-											name: j.legalEntityName ?? j.name,
-											email: j.contactEmail ?? "seller@burdenoff.com",
-											websiteUrl: j.websiteUrl ?? null,
-											legalName: j.legalEntityName ?? j.name,
-											country: j.taxCountry ?? null,
-											contactEmail: j.contactEmail ?? null
+										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
 										} })).registerPublisher.id;
-										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,
+										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,
 											tags: t.length > 0 ? t : 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,
+											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,
-											organizationId: j.id
+											compatibleProducts: E ? [E] : null,
+											organizationId: A.id
 										} })).createPhysicalProduct.id;
-										await $(T, {
+										await $(S, {
 											id: i,
 											notes: "Submitted from seller portal"
-										}), ue(!0), setTimeout(() => {
-											x?.(`${O}/seller/items`);
+										}), fe(!0), setTimeout(() => {
+											x?.(`${T}/seller/items`);
 										}, 2e3);
 									} catch (e) {
-										q(e instanceof Error ? e.message : "Submission failed. Please try again.");
+										K(e instanceof Error ? e.message : "Submission failed. Please try again.");
 									} finally {
-										G(!1);
+										W(!1);
 									}
 								}
 							},
-							disabled: !J || W,
-							"aria-disabled": !J || W,
-							title: N ? "Setting up your seller organization..." : J ? void 0 : "Fill in all required fields to continue",
+							disabled: !q || U,
+							"aria-disabled": !q || U,
+							title: M ? "Setting up your seller organization..." : q ? 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: W ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(p, {
+							children: U ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
 								size: 15,
 								className: "animate-spin"
-							}), "Submitting..."] }) : N ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(p, {
+							}), "Submitting..."] }) : M ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
 								size: 15,
 								className: "animate-spin"
 							}), "Setting up your store..."] }) : "Create & Submit for Review"
@@ -713,6 +714,6 @@ var O = () => {
 	});
 };
 //#endregion
-export { O as CreatePhysicalItemPage };
+export { T as CreatePhysicalItemPage };
 
 //# sourceMappingURL=CreatePhysicalItemPage.js.map