@burdenoff/microfe-devportal 2026.914.4 → 2026.914.6

package/dist/devportal/pages/CreatePhysicalItemPage.js

@@ -2,10 +2,10 @@ 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 l } from "../hooks/useSellerOrganization.js";
-import { useCallback as u, useRef as d, useState as f } from "react";
-import { AlertTriangle as p, Info as m, Loader2 as h, RotateCw as ee, Upload as g, X as te } from "lucide-react";
+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 b = [
@@ -62,7 +62,7 @@ var b = [
 		value: "agri-irrigation",
 		label: "Agri-Inputs — Irrigation"
 	}
-], x = [
+], re = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -87,7 +87,7 @@ var b = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], re = [
+], ie = [
 	{
 		value: "GRAM",
 		label: "Grams (g)"
@@ -104,7 +104,7 @@ var b = [
 		value: "POUND",
 		label: "Pounds (lb)"
 	}
-], ie = [
+], ae = [
 	{
 		value: "CENTIMETER",
 		label: "Centimeters (cm)"
@@ -117,7 +117,7 @@ var b = [
 		value: "METER",
 		label: "Meters (m)"
 	}
-], S = [
+], x = [
 	"name",
 	"slug",
 	"type",
@@ -125,18 +125,18 @@ var b = [
 	"price",
 	"currency",
 	"stockQuantity"
-], C = "\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", 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) {
-	return S.every((t) => {
+function w(e) {
+	return x.every((t) => {
 		let n = e[t];
 		return typeof n == "boolean" ? !0 : n.trim() !== "";
 	});
 }
-var O = () => {
-	let { navigate: S, basePath: O, apiGatewayUrl: k, authToken: A, workspacesGatewayUrl: j, workspaceId: M, getWorkspaceToken: oe } = e(), { organization: N, loading: P, error: F } = l(), [I, L] = f({
+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] = f([]), [B, V] = f(!1), H = d(null), { upload: U } = c(j, A, M, oe, "/DevPortal/Assets"), [W, G] = f(!1), [K, q] = f(null), [se, ce] = f(!1), le = R.some((e) => e.uploading), J = D(I) && !!N && !le, ue = `${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
 		}));
-	}, de = (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);
-	}, Z = u((e, t) => {
-		U(t).then((t) => {
-			z((n) => n.map((n) => n.id === e ? {
+		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) => {
-			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 = u((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]), fe = (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 = "";
-	}, pe = (e) => {
-		e.preventDefault(), V(!1), e.dataTransfer.files && Q(e.dataTransfer.files);
-	}, me = (e) => {
-		e.preventDefault(), V(!0);
-	}, he = () => V(!1), ge = (e) => {
-		z((t) => {
+	}, 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);
 		});
-	}, _e = (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(ue, {
+		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({
@@ -243,17 +243,37 @@ var O = () => {
 		children: /* @__PURE__ */ y("div", {
 			className: "space-y-8 max-w-3xl",
 			children: [
-				se && /* @__PURE__ */ v("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__ */ v("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
 				}),
-				F && /* @__PURE__ */ y("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: ", F]
+					children: ["Couldn't set up your seller organization: ", N]
+				}),
+				/* @__PURE__ */ v(r, {
+					title: "Seller Organization",
+					description: "The seller organization this item will be listed under.",
+					children: /* @__PURE__ */ v("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-3",
+						children: /* @__PURE__ */ v(o, {
+							label: "Organization",
+							required: !0,
+							value: A?.id ?? "",
+							onChange: (e) => P(e.target.value),
+							options: j.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
+						})
+					})
 				}),
 				/* @__PURE__ */ v(r, {
 					title: "Basic Information",
@@ -264,31 +284,31 @@ var O = () => {
 							/* @__PURE__ */ v(a, {
 								label: "Name",
 								required: !0,
-								value: I.name,
-								onChange: de,
+								value: F.name,
+								onChange: Y,
 								placeholder: "e.g. Wireless Ergonomic Keyboard",
 								maxLength: 120
 							}),
 							/* @__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__ */ v(o, {
 								label: "Product Type",
 								required: !0,
-								value: I.type,
-								onChange: (e) => Y("type", e.target.value),
+								value: F.type,
+								onChange: (e) => J("type", e.target.value),
 								options: b,
 								placeholder: "Select a type"
 							}),
 							/* @__PURE__ */ v(o, {
 								label: "Store Category",
-								value: I.category,
-								onChange: (e) => Y("category", e.target.value),
+								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."
@@ -296,16 +316,16 @@ var O = () => {
 							/* @__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__ */ 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…"
 							})
@@ -319,15 +339,15 @@ var O = () => {
 						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
 						children: [
 							/* @__PURE__ */ y("div", {
-								onDrop: pe,
-								onDragOver: me,
-								onDragLeave: he,
-								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"),
+								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(g, {
+									/* @__PURE__ */ v(h, {
 										size: 28,
-										className: B ? "text-action-primary-bg" : "text-text-muted"
+										className: z ? "text-action-primary-bg" : "text-text-muted"
 									}),
 									/* @__PURE__ */ y("div", {
 										className: "text-center space-y-1",
@@ -340,20 +360,20 @@ var O = () => {
 										})]
 									}),
 									/* @__PURE__ */ v("input", {
-										ref: H,
+										ref: V,
 										type: "file",
 										accept: "image/*",
 										multiple: !0,
 										className: "sr-only",
-										onChange: fe
+										onChange: he
 									})
 								]
 							}),
-							R.length > 0 && /* @__PURE__ */ v("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__ */ y("div", {
+									let e = L.find((e) => e.downloadUrl)?.id;
+									return L.map((n, r) => /* @__PURE__ */ y("div", {
 										className: "relative group",
 										children: [
 											/* @__PURE__ */ v("img", {
@@ -363,7 +383,7 @@ var O = () => {
 											}),
 											n.uploading && /* @__PURE__ */ v("div", {
 												className: "absolute inset-0 flex items-center justify-center rounded-input bg-bg-overlay",
-												children: /* @__PURE__ */ v(h, {
+												children: /* @__PURE__ */ v(m, {
 													size: 16,
 													className: "animate-spin text-white"
 												})
@@ -371,11 +391,11 @@ var O = () => {
 											n.error && /* @__PURE__ */ y("button", {
 												type: "button",
 												onClick: (e) => {
-													e.stopPropagation(), _e(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__ */ v(p, { size: 14 }), /* @__PURE__ */ v(ee, { size: 11 })]
+												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",
@@ -384,11 +404,11 @@ var O = () => {
 											/* @__PURE__ */ v("button", {
 												type: "button",
 												onClick: (e) => {
-													e.stopPropagation(), ge(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__ */ v(te, { size: 11 })
+												children: /* @__PURE__ */ v(g, { size: 11 })
 											})
 										]
 									}, n.id));
@@ -396,7 +416,7 @@ var O = () => {
 							}),
 							/* @__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(m, {
+								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."]
@@ -414,23 +434,23 @@ var O = () => {
 								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__ */ v(o, {
 								label: "Currency",
 								required: !0,
-								value: I.currency,
-								onChange: (e) => Y("currency", e.target.value),
-								options: x,
+								value: F.currency,
+								onChange: (e) => J("currency", e.target.value),
+								options: re,
 								placeholder: "Select currency"
 							})]
 						}), /* @__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."
 						})]
@@ -447,14 +467,14 @@ var O = () => {
 									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__ */ 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."
 								})]
@@ -462,8 +482,8 @@ var O = () => {
 							/* @__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,
@@ -472,13 +492,13 @@ var O = () => {
 							/* @__PURE__ */ v(i, {
 								label: "Track Inventory",
 								description: "Automatically reduce stock when orders are placed.",
-								checked: I.trackInventory,
+								checked: F.trackInventory,
 								onChange: X("trackInventory")
 							}),
 							/* @__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")
 							})
 						]
@@ -492,26 +512,26 @@ var O = () => {
 							/* @__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__ */ y(_, { children: [
+							F.requiresShipping && /* @__PURE__ */ y(_, { children: [
 								/* @__PURE__ */ y("div", {
 									className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
 									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__ */ v(o, {
 										label: "Weight Unit",
-										value: I.weightUnit,
-										onChange: (e) => Y("weightUnit", e.target.value),
-										options: re
+										value: F.weightUnit,
+										onChange: (e) => J("weightUnit", e.target.value),
+										options: ie
 									})]
 								}),
 								/* @__PURE__ */ y("div", {
@@ -520,8 +540,8 @@ var O = () => {
 										/* @__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"
@@ -529,8 +549,8 @@ var O = () => {
 										/* @__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"
@@ -538,8 +558,8 @@ var O = () => {
 										/* @__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"
@@ -548,15 +568,15 @@ var O = () => {
 								}),
 								/* @__PURE__ */ v(o, {
 									label: "Dimension Unit",
-									value: I.dimensionUnit,
-									onChange: (e) => Y("dimensionUnit", e.target.value),
-									options: ie,
+									value: F.dimensionUnit,
+									onChange: (e) => J("dimensionUnit", e.target.value),
+									options: ae,
 									hint: "Applies to length, width, and height above."
 								})
 							] }),
 							/* @__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(m, {
+								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."]
@@ -574,32 +594,32 @@ var O = () => {
 								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
 								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__ */ 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__ */ 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__ */ 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__ */ 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"
 							})
@@ -610,7 +630,7 @@ var O = () => {
 					className: "flex items-center gap-3 pb-8",
 					children: [/* @__PURE__ */ v("button", {
 						type: "button",
-						onClick: () => S?.(`${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__ */ v("div", {
@@ -618,70 +638,71 @@ var O = () => {
 						children: /* @__PURE__ */ v("button", {
 							type: "button",
 							onClick: async () => {
-								if (!(!J || W || !N)) {
-									G(!0), q(null);
+								if (!(!q || U || !A)) {
+									W(!0), K(null);
 									try {
-										let e = (await $(C)).myPublisher?.id ?? null;
-										e ||= (await $(ae, { input: {
-											name: N.legalEntityName ?? N.name,
-											email: N.contactEmail ?? "seller@burdenoff.com",
-											websiteUrl: N.websiteUrl ?? null,
-											legalName: N.legalEntityName ?? N.name,
-											country: N.taxCountry ?? null,
-											contactEmail: N.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: N.id
+											compatibleProducts: E ? [E] : null,
+											organizationId: A.id
 										} })).createPhysicalProduct.id;
-										await $(T, {
+										await $(S, {
 											id: i,
 											notes: "Submitted from seller portal"
-										}), ce(!0), setTimeout(() => {
-											S?.(`${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: P ? "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__ */ y(_, { children: [/* @__PURE__ */ v(h, {
+							children: U ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
 								size: 15,
 								className: "animate-spin"
-							}), "Submitting..."] }) : P ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, {
+							}), "Submitting..."] }) : M ? /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, {
 								size: 15,
 								className: "animate-spin"
 							}), "Setting up your store..."] }) : "Create & Submit for Review"
@@ -693,6 +714,6 @@ var O = () => {
 	});
 };
 //#endregion
-export { O as CreatePhysicalItemPage };
+export { T as CreatePhysicalItemPage };
 
 //# sourceMappingURL=CreatePhysicalItemPage.js.map