@burdenoff/microfe-devportal 2026.707.2 → 2026.713.1

package/dist/devportal/pages/CreatePhysicalItemPage.js

@@ -0,0 +1,494 @@
+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 { useCallback as c, useRef as l, useState as u } from "react";
+import { Info as d, Loader2 as f, Upload as ee, X as p } from "lucide-react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/devportal/pages/CreatePhysicalItemPage.tsx
+var _ = [
+	{
+		value: "MERCHANDISE",
+		label: "Merchandise"
+	},
+	{
+		value: "HARDWARE",
+		label: "Hardware"
+	},
+	{
+		value: "ACCESSORY",
+		label: "Accessory"
+	},
+	{
+		value: "BOOK",
+		label: "Book"
+	},
+	{
+		value: "EQUIPMENT",
+		label: "Equipment"
+	},
+	{
+		value: "APPAREL",
+		label: "Apparel"
+	},
+	{
+		value: "COLLECTIBLE",
+		label: "Collectible"
+	},
+	{
+		value: "CONSUMABLE",
+		label: "Consumable"
+	}
+], v = [
+	{
+		value: "USD",
+		label: "USD — US Dollar"
+	},
+	{
+		value: "INR",
+		label: "INR — Indian Rupee"
+	},
+	{
+		value: "EUR",
+		label: "EUR — Euro"
+	},
+	{
+		value: "GBP",
+		label: "GBP — British Pound"
+	},
+	{
+		value: "SGD",
+		label: "SGD — Singapore Dollar"
+	},
+	{
+		value: "AED",
+		label: "AED — UAE Dirham"
+	}
+], y = [
+	"name",
+	"slug",
+	"type",
+	"shortDescription",
+	"price",
+	"currency",
+	"stockQuantity"
+], b = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", x = "\n  query SellerOrgForPublisher {\n    developerOrganizations(limit: 1, offset: 0) {\n      edges {\n        node {\n          name\n          contactEmail\n          websiteUrl\n          legalEntityName\n          taxCountry\n        }\n      }\n    }\n  }\n", S = "\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n", C = "\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", w = "\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n";
+function T(e) {
+	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+}
+function E(e) {
+	return y.every((t) => {
+		let n = e[t];
+		return typeof n == "boolean" ? !0 : n.trim() !== "";
+	});
+}
+var D = () => {
+	let { navigate: y, basePath: D, apiGatewayUrl: O, authToken: k } = e(), [A, j] = u({
+		name: "",
+		slug: "",
+		type: "",
+		shortDescription: "",
+		longDescription: "",
+		price: "",
+		currency: "",
+		tags: "",
+		stockQuantity: "1",
+		sku: "",
+		trackInventory: !0,
+		requiresShipping: !0,
+		weightKg: "",
+		brand: "",
+		countryOfOrigin: "",
+		warrantyInfo: "",
+		returnPolicy: ""
+	}), [M, N] = u([]), [P, F] = u(!1), I = l(null), [L, R] = u(!1), [z, B] = u(null), [V, H] = u(!1), U = E(A), W = `${O || ""}/global/graphql`, G = (e, t) => {
+		j((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, K = (e) => {
+		let t = e.target.value;
+		j((e) => ({
+			...e,
+			name: t,
+			slug: T(t)
+		}));
+	}, q = (e) => (t) => {
+		G(e, t.target.checked);
+	}, J = c((e) => {
+		let t = Array.from(e).filter((e) => e.type.startsWith("image/")).map((e) => ({
+			file: e,
+			url: URL.createObjectURL(e)
+		}));
+		N((e) => [...e, ...t]);
+	}, []), Y = (e) => {
+		e.target.files && J(e.target.files), e.target.value = "";
+	}, X = (e) => {
+		e.preventDefault(), F(!1), e.dataTransfer.files && J(e.dataTransfer.files);
+	}, Z = (e) => {
+		e.preventDefault(), F(!0);
+	}, Q = () => F(!1), te = (e) => {
+		N((t) => {
+			let n = [...t];
+			return URL.revokeObjectURL(n[e].url), n.splice(e, 1), n;
+		});
+	};
+	async function $(e, t) {
+		let n = await (await fetch(W, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				...k ? { Authorization: `Bearer ${k}` } : {}
+			},
+			body: JSON.stringify({
+				query: e,
+				variables: t
+			})
+		})).json();
+		if (n.errors?.length) throw Error(n.errors.map((e) => e.message).join("; "));
+		return n.data;
+	}
+	return /* @__PURE__ */ h(n, {
+		title: "List a Physical Item",
+		description: "Fill in all required details. Your listing will be reviewed before it appears in the store.",
+		backLink: "/seller/items",
+		backLabel: "Back to My Items",
+		children: /* @__PURE__ */ g("div", {
+			className: "space-y-8 max-w-3xl",
+			children: [
+				V && /* @__PURE__ */ h("div", {
+					className: "rounded-card border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 text-sm text-status-success-text",
+					children: "Your listing has been submitted for review! Redirecting..."
+				}),
+				z && /* @__PURE__ */ h("div", {
+					className: "rounded-card border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm text-status-error-text",
+					children: z
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Basic Information",
+					description: "Core details shown in the store listing.",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+						children: [
+							/* @__PURE__ */ h(a, {
+								label: "Name",
+								required: !0,
+								value: A.name,
+								onChange: K,
+								placeholder: "e.g. Wireless Ergonomic Keyboard",
+								maxLength: 120
+							}),
+							/* @__PURE__ */ h(a, {
+								label: "Slug",
+								required: !0,
+								value: A.slug,
+								onChange: (e) => G("slug", e.target.value),
+								placeholder: "auto-derived-from-name",
+								hint: "URL-friendly identifier. Auto-derived from name; you can edit it."
+							}),
+							/* @__PURE__ */ h(o, {
+								label: "Product Category",
+								required: !0,
+								value: A.type,
+								onChange: (e) => G("type", e.target.value),
+								options: _,
+								placeholder: "Select a category"
+							}),
+							/* @__PURE__ */ h(a, {
+								label: "Short Description",
+								required: !0,
+								value: A.shortDescription,
+								onChange: (e) => G("shortDescription", e.target.value),
+								placeholder: "One-line summary shown on the store card",
+								maxLength: 160,
+								hint: `${A.shortDescription.length}/160`
+							}),
+							/* @__PURE__ */ h(s, {
+								label: "Long Description",
+								value: A.longDescription,
+								onChange: (e) => G("longDescription", e.target.value),
+								rows: 5,
+								placeholder: "Detailed product description, features, specs…"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Product Images",
+					description: "The first image is used as the main icon.",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-4",
+						children: [
+							/* @__PURE__ */ g("div", {
+								onDrop: X,
+								onDragOver: Z,
+								onDragLeave: Q,
+								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__ */ h(ee, {
+										size: 28,
+										className: P ? "text-action-primary-bg" : "text-text-muted"
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "text-center space-y-1",
+										children: [/* @__PURE__ */ h("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Drag and drop images here"
+										}), /* @__PURE__ */ h("p", {
+											className: "text-xs text-text-muted",
+											children: "or click to browse — accepts any image format, multiple files"
+										})]
+									}),
+									/* @__PURE__ */ h("input", {
+										ref: I,
+										type: "file",
+										accept: "image/*",
+										multiple: !0,
+										className: "sr-only",
+										onChange: Y
+									})
+								]
+							}),
+							M.length > 0 && /* @__PURE__ */ h("div", {
+								className: "flex flex-wrap gap-3",
+								children: M.map((e, t) => /* @__PURE__ */ g("div", {
+									className: "relative group",
+									children: [
+										/* @__PURE__ */ h("img", {
+											src: e.url,
+											alt: `Product image ${t + 1}`,
+											className: "h-20 w-20 rounded-input object-cover border border-border-subtle"
+										}),
+										t === 0 && /* @__PURE__ */ h("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__ */ h("button", {
+											type: "button",
+											onClick: (e) => {
+												e.stopPropagation(), te(t);
+											},
+											className: "absolute -top-1.5 -right-1.5 hidden group-hover:flex h-5 w-5 items-center justify-center rounded-full bg-bg-surface border border-border-subtle text-text-muted hover:text-status-error-text hover:border-status-error-text/40 transition-colors",
+											"aria-label": "Remove image",
+											children: /* @__PURE__ */ h(p, { size: 11 })
+										})
+									]
+								}, e.url))
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ h(d, {
+									size: 13,
+									className: "mt-0.5 shrink-0 text-text-muted"
+								}), "At least 1 image helps buyers — high quality photos increase conversions."]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Pricing",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+						children: [/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ h(a, {
+								label: "Price",
+								required: !0,
+								type: "number",
+								value: A.price,
+								onChange: (e) => G("price", e.target.value),
+								placeholder: "0.00",
+								min: .01,
+								step: "0.01"
+							}), /* @__PURE__ */ h(o, {
+								label: "Currency",
+								required: !0,
+								value: A.currency,
+								onChange: (e) => G("currency", e.target.value),
+								options: v,
+								placeholder: "Select currency"
+							})]
+						}), /* @__PURE__ */ h(a, {
+							label: "Tags",
+							value: A.tags,
+							onChange: (e) => G("tags", e.target.value),
+							placeholder: "mechanical, wireless, ergonomic",
+							hint: "Comma-separated keywords to help buyers find your item."
+						})]
+					})
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Inventory",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+						children: [/* @__PURE__ */ g("div", {
+							className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+							children: [/* @__PURE__ */ h(a, {
+								label: "Stock Quantity",
+								required: !0,
+								type: "number",
+								value: A.stockQuantity,
+								onChange: (e) => G("stockQuantity", e.target.value),
+								min: 0,
+								step: 1
+							}), /* @__PURE__ */ h(a, {
+								label: "SKU",
+								value: A.sku,
+								onChange: (e) => G("sku", e.target.value),
+								placeholder: "e.g. KB-WL-001",
+								hint: "Your internal stock-keeping unit reference."
+							})]
+						}), /* @__PURE__ */ h(i, {
+							label: "Track Inventory",
+							description: "Automatically reduce stock when orders are placed.",
+							checked: A.trackInventory,
+							onChange: q("trackInventory")
+						})]
+					})
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Shipping",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+						children: [
+							/* @__PURE__ */ h(i, {
+								label: "Requires Shipping",
+								description: "This item will be physically shipped to the buyer.",
+								checked: A.requiresShipping,
+								onChange: q("requiresShipping")
+							}),
+							A.requiresShipping && /* @__PURE__ */ h(a, {
+								label: "Weight (kg)",
+								type: "number",
+								value: A.weightKg,
+								onChange: (e) => G("weightKg", e.target.value),
+								placeholder: "0.0",
+								min: 0,
+								step: "0.01",
+								hint: "Used to calculate shipping costs."
+							}),
+							/* @__PURE__ */ g("p", {
+								className: "flex items-start gap-2 rounded-input border border-border-subtle bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
+								children: [/* @__PURE__ */ h(d, {
+									size: 13,
+									className: "mt-0.5 shrink-0 text-text-muted"
+								}), "Delivery fees are configured at the organization level in store settings."]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ h(r, {
+					title: "Product Details",
+					description: "Optional supplemental information for buyers.",
+					children: /* @__PURE__ */ g("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-6 space-y-5",
+						children: [
+							/* @__PURE__ */ g("div", {
+								className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+								children: [/* @__PURE__ */ h(a, {
+									label: "Brand",
+									value: A.brand,
+									onChange: (e) => G("brand", e.target.value),
+									placeholder: "e.g. Logitech"
+								}), /* @__PURE__ */ h(a, {
+									label: "Country of Origin",
+									value: A.countryOfOrigin,
+									onChange: (e) => G("countryOfOrigin", e.target.value),
+									placeholder: "e.g. China"
+								})]
+							}),
+							/* @__PURE__ */ h(a, {
+								label: "Warranty Info",
+								value: A.warrantyInfo,
+								onChange: (e) => G("warrantyInfo", e.target.value),
+								placeholder: "e.g. 1-year limited manufacturer warranty"
+							}),
+							/* @__PURE__ */ h(s, {
+								label: "Return Policy",
+								value: A.returnPolicy,
+								onChange: (e) => G("returnPolicy", e.target.value),
+								rows: 3,
+								placeholder: "e.g. 30-day returns accepted"
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ g("div", {
+					className: "flex items-center gap-3 pb-8",
+					children: [/* @__PURE__ */ h("button", {
+						type: "button",
+						onClick: () => y?.(`${D}/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__ */ h("div", {
+						className: "relative",
+						children: /* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: async () => {
+								if (!(!U || L)) {
+									R(!0), B(null);
+									try {
+										let e = (await $(b)).myPublisher?.id ?? null;
+										if (!e) {
+											let t = (await $(x)).developerOrganizations.edges[0]?.node ?? null;
+											e = (await $(S, { input: {
+												name: t?.legalEntityName ?? t?.name ?? "My Store",
+												email: t?.contactEmail ?? "seller@burdenoff.com",
+												websiteUrl: t?.websiteUrl ?? null,
+												legalName: t?.legalEntityName ?? t?.name ?? "My Store",
+												country: t?.taxCountry ?? null,
+												contactEmail: t?.contactEmail ?? null
+											} })).registerPublisher.id;
+										}
+										let t = A.tags.split(",").map((e) => e.trim()).filter(Boolean), n = (await $(C, { input: {
+											name: A.name.trim(),
+											slug: A.slug.trim(),
+											type: A.type,
+											shortDescription: A.shortDescription.trim(),
+											longDescription: A.longDescription.trim() || null,
+											price: parseFloat(A.price),
+											currency: A.currency,
+											tags: t.length > 0 ? t : null,
+											stockQuantity: parseInt(A.stockQuantity, 10),
+											sku: A.sku.trim() || null,
+											trackInventory: A.trackInventory,
+											requiresShipping: A.requiresShipping,
+											weightKg: A.requiresShipping && A.weightKg.trim() ? parseFloat(A.weightKg) : null,
+											brand: A.brand.trim() || null,
+											countryOfOrigin: A.countryOfOrigin.trim() || null,
+											warrantyInfo: A.warrantyInfo.trim() || null,
+											returnPolicy: A.returnPolicy.trim() || null
+										} })).createPhysicalProduct.id;
+										await $(w, {
+											id: n,
+											notes: "Submitted from seller portal"
+										}), H(!0), setTimeout(() => {
+											y?.(`${D}/seller/items`);
+										}, 2e3);
+									} catch (e) {
+										B(e instanceof Error ? e.message : "Submission failed. Please try again.");
+									} finally {
+										R(!1);
+									}
+								}
+							},
+							disabled: !U || L,
+							"aria-disabled": !U || L,
+							title: U ? 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: L ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(f, {
+								size: 15,
+								className: "animate-spin"
+							}), "Submitting..."] }) : "Create & Submit for Review"
+						})
+					})]
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { D as CreatePhysicalItemPage };
+
+//# sourceMappingURL=CreatePhysicalItemPage.js.map

package/dist/devportal/pages/CreatePhysicalItemPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePhysicalItemPage.js","names":[],"sources":["../../../src/devportal/pages/CreatePhysicalItemPage.tsx"],"sourcesContent":["import type { FC, ChangeEvent, DragEvent } from \"react\";\nimport { useState, useCallback, useRef } from \"react\";\nimport { Loader2, Upload, X, Info } from \"lucide-react\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport {\n  InputField,\n  TextareaField,\n  SelectField,\n  CheckboxField,\n} from \"../components/FormField\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport { cn } from \"../utils/cn\";\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\ninterface ImagePreview {\n  file: File;\n  url: string;\n}\n\ninterface FormState {\n  name: string;\n  slug: string;\n  type: string;\n  shortDescription: string;\n  longDescription: string;\n  price: string;\n  currency: string;\n  tags: string;\n  stockQuantity: string;\n  sku: string;\n  trackInventory: boolean;\n  requiresShipping: boolean;\n  weightKg: string;\n  brand: string;\n  countryOfOrigin: string;\n  warrantyInfo: string;\n  returnPolicy: string;\n}\n\n// ─── Constants ────────────────────────────────────────────────────────────────\n\nconst PRODUCT_CATEGORIES = [\n  { value: \"MERCHANDISE\", label: \"Merchandise\" },\n  { value: \"HARDWARE\", label: \"Hardware\" },\n  { value: \"ACCESSORY\", label: \"Accessory\" },\n  { value: \"BOOK\", label: \"Book\" },\n  { value: \"EQUIPMENT\", label: \"Equipment\" },\n  { value: \"APPAREL\", label: \"Apparel\" },\n  { value: \"COLLECTIBLE\", label: \"Collectible\" },\n  { value: \"CONSUMABLE\", label: \"Consumable\" },\n];\n\nconst CURRENCIES = [\n  { value: \"USD\", label: \"USD — US Dollar\" },\n  { value: \"INR\", label: \"INR — Indian Rupee\" },\n  { value: \"EUR\", label: \"EUR — Euro\" },\n  { value: \"GBP\", label: \"GBP — British Pound\" },\n  { value: \"SGD\", label: \"SGD — Singapore Dollar\" },\n  { value: \"AED\", label: \"AED — UAE Dirham\" },\n];\n\nconst REQUIRED_FIELDS: (keyof FormState)[] = [\n  \"name\",\n  \"slug\",\n  \"type\",\n  \"shortDescription\",\n  \"price\",\n  \"currency\",\n  \"stockQuantity\",\n];\n\n// ─── GraphQL strings ──────────────────────────────────────────────────────────\n\nconst MY_PUBLISHER_QUERY = /* GraphQL */ `\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n`;\n\nconst ORG_QUERY = /* GraphQL */ `\n  query SellerOrgForPublisher {\n    developerOrganizations(limit: 1, offset: 0) {\n      edges {\n        node {\n          name\n          contactEmail\n          websiteUrl\n          legalEntityName\n          taxCountry\n        }\n      }\n    }\n  }\n`;\n\nconst REGISTER_PUBLISHER_MUTATION = /* GraphQL */ `\n  mutation RegisterPublisher($input: RegisterPublisherInput!) {\n    registerPublisher(input: $input) {\n      id\n      name\n      email\n    }\n  }\n`;\n\nconst CREATE_PHYSICAL_PRODUCT_MUTATION = /* GraphQL */ `\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`;\n\nconst SUBMIT_PRODUCT_MUTATION = /* GraphQL */ `\n  mutation SubmitProduct($id: ID!, $notes: String) {\n    submitProduct(id: $id, notes: $notes) {\n      id\n      status\n    }\n  }\n`;\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction deriveSlug(name: string): string {\n  return name.toLowerCase().replace(/[^a-z0-9]+/g, \"-\");\n}\n\nfunction isFormValid(form: FormState): boolean {\n  return REQUIRED_FIELDS.every((field) => {\n    const value = form[field];\n    if (typeof value === \"boolean\") return true;\n    return value.trim() !== \"\";\n  });\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport const CreatePhysicalItemPage: FC = () => {\n  const { navigate, basePath, apiGatewayUrl, authToken } = useDevportal();\n\n  const [form, setForm] = useState<FormState>({\n    name: \"\",\n    slug: \"\",\n    type: \"\",\n    shortDescription: \"\",\n    longDescription: \"\",\n    price: \"\",\n    currency: \"\",\n    tags: \"\",\n    stockQuantity: \"1\",\n    sku: \"\",\n    trackInventory: true,\n    requiresShipping: true,\n    weightKg: \"\",\n    brand: \"\",\n    countryOfOrigin: \"\",\n    warrantyInfo: \"\",\n    returnPolicy: \"\",\n  });\n\n  const [images, setImages] = useState<ImagePreview[]>([]);\n  const [isDragOver, setIsDragOver] = useState(false);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  const [submitting, setSubmitting] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  const isValid = isFormValid(form);\n  const endpoint = `${apiGatewayUrl || \"\"}/global/graphql`;\n\n  // ─── Field helpers ────────────────────────────────────────────────────────\n\n  const setField = <K extends keyof FormState>(key: K, value: FormState[K]) => {\n    setForm((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const handleNameChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const name = e.target.value;\n    setForm((prev) => ({\n      ...prev,\n      name,\n      slug: deriveSlug(name),\n    }));\n  };\n\n  const handleCheckboxChange =\n    (key: \"trackInventory\" | \"requiresShipping\") =>\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setField(key, e.target.checked);\n    };\n\n  // ─── Image handling ───────────────────────────────────────────────────────\n\n  const addFiles = useCallback((files: FileList | File[]) => {\n    const incoming = Array.from(files).filter((f) =>\n      f.type.startsWith(\"image/\"),\n    );\n    const previews: ImagePreview[] = incoming.map((file) => ({\n      file,\n      url: URL.createObjectURL(file),\n    }));\n    setImages((prev) => [...prev, ...previews]);\n  }, []);\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) addFiles(e.target.files);\n    e.target.value = \"\";\n  };\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsDragOver(false);\n    if (e.dataTransfer.files) addFiles(e.dataTransfer.files);\n  };\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = () => setIsDragOver(false);\n\n  const removeImage = (index: number) => {\n    setImages((prev) => {\n      const next = [...prev];\n      URL.revokeObjectURL(next[index]!.url);\n      next.splice(index, 1);\n      return next;\n    });\n  };\n\n  // ─── GraphQL fetch helper ─────────────────────────────────────────────────\n\n  async function gqlFetch<T = unknown>(\n    query: string,\n    variables?: Record<string, unknown>,\n  ): Promise<T> {\n    const res = await fetch(endpoint, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n      },\n      body: JSON.stringify({ query, variables }),\n    });\n    const json = (await res.json()) as {\n      data?: T;\n      errors?: { message: string }[];\n    };\n    if (json.errors?.length) {\n      throw new Error(json.errors.map((e) => e.message).join(\"; \"));\n    }\n    return json.data as T;\n  }\n\n  // ─── Submit flow ──────────────────────────────────────────────────────────\n\n  const handleSubmit = async () => {\n    if (!isValid || submitting) return;\n    setSubmitting(true);\n    setSubmitError(null);\n\n    try {\n      // Step 1: check if publisher exists\n      const publisherData = await gqlFetch<{\n        myPublisher: { id: string } | null;\n      }>(MY_PUBLISHER_QUERY);\n\n      let publisherId = publisherData.myPublisher?.id ?? null;\n\n      // Step 2: auto-register publisher if needed\n      if (!publisherId) {\n        const orgData = await gqlFetch<{\n          developerOrganizations: {\n            edges: {\n              node: {\n                name: string;\n                contactEmail: string | null;\n                websiteUrl: string | null;\n                legalEntityName: string | null;\n                taxCountry: string | null;\n              };\n            }[];\n          };\n        }>(ORG_QUERY);\n\n        const org =\n          orgData.developerOrganizations.edges[0]?.node ?? null;\n\n        const registerData = await gqlFetch<{\n          registerPublisher: { id: string };\n        }>(REGISTER_PUBLISHER_MUTATION, {\n          input: {\n            name: org?.legalEntityName ?? org?.name ?? \"My Store\",\n            email: org?.contactEmail ?? \"seller@burdenoff.com\",\n            websiteUrl: org?.websiteUrl ?? null,\n            legalName: org?.legalEntityName ?? org?.name ?? \"My Store\",\n            country: org?.taxCountry ?? null,\n            contactEmail: org?.contactEmail ?? null,\n          },\n        });\n\n        publisherId = registerData.registerPublisher.id;\n      }\n\n      // Step 3: create the product\n      const parsedTags = form.tags\n        .split(\",\")\n        .map((t) => t.trim())\n        .filter(Boolean);\n\n      const productData = await gqlFetch<{\n        createPhysicalProduct: { id: string };\n      }>(CREATE_PHYSICAL_PRODUCT_MUTATION, {\n        input: {\n          name: form.name.trim(),\n          slug: form.slug.trim(),\n          type: form.type,\n          shortDescription: form.shortDescription.trim(),\n          longDescription: form.longDescription.trim() || null,\n          price: parseFloat(form.price),\n          currency: form.currency,\n          tags: parsedTags.length > 0 ? parsedTags : null,\n          stockQuantity: parseInt(form.stockQuantity, 10),\n          sku: form.sku.trim() || null,\n          trackInventory: form.trackInventory,\n          requiresShipping: form.requiresShipping,\n          weightKg:\n            form.requiresShipping && form.weightKg.trim()\n              ? parseFloat(form.weightKg)\n              : null,\n          brand: form.brand.trim() || null,\n          countryOfOrigin: form.countryOfOrigin.trim() || null,\n          warrantyInfo: form.warrantyInfo.trim() || null,\n          returnPolicy: form.returnPolicy.trim() || null,\n        },\n      });\n\n      const productId = productData.createPhysicalProduct.id;\n\n      // Step 4: submit for review\n      await gqlFetch(SUBMIT_PRODUCT_MUTATION, {\n        id: productId,\n        notes: \"Submitted from seller portal\",\n      });\n\n      // Step 5: success\n      setSubmitSuccess(true);\n      setTimeout(() => {\n        navigate?.(`${basePath}/seller/items`);\n      }, 2000);\n    } catch (err) {\n      setSubmitError(\n        err instanceof Error ? err.message : \"Submission failed. Please try again.\",\n      );\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  // ─── Render ───────────────────────────────────────────────────────────────\n\n  return (\n    <PageLayout\n      title=\"List a Physical Item\"\n      description=\"Fill in all required details. Your listing will be reviewed before it appears in the store.\"\n      backLink=\"/seller/items\"\n      backLabel=\"Back to My Items\"\n    >\n      <div className=\"space-y-8 max-w-3xl\">\n        {/* Success banner */}\n        {submitSuccess && (\n          <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\">\n            Your listing has been submitted for review! Redirecting...\n          </div>\n        )}\n\n        {/* Error banner */}\n        {submitError && (\n          <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\">\n            {submitError}\n          </div>\n        )}\n\n        {/* ── Section 1: Basic Information ── */}\n        <PageSection\n          title=\"Basic Information\"\n          description=\"Core details shown in the store listing.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <InputField\n              label=\"Name\"\n              required\n              value={form.name}\n              onChange={handleNameChange}\n              placeholder=\"e.g. Wireless Ergonomic Keyboard\"\n              maxLength={120}\n            />\n\n            <InputField\n              label=\"Slug\"\n              required\n              value={form.slug}\n              onChange={(e) => setField(\"slug\", e.target.value)}\n              placeholder=\"auto-derived-from-name\"\n              hint=\"URL-friendly identifier. Auto-derived from name; you can edit it.\"\n            />\n\n            <SelectField\n              label=\"Product Category\"\n              required\n              value={form.type}\n              onChange={(e) => setField(\"type\", e.target.value)}\n              options={PRODUCT_CATEGORIES}\n              placeholder=\"Select a category\"\n            />\n\n            <InputField\n              label=\"Short Description\"\n              required\n              value={form.shortDescription}\n              onChange={(e) => setField(\"shortDescription\", e.target.value)}\n              placeholder=\"One-line summary shown on the store card\"\n              maxLength={160}\n              hint={`${form.shortDescription.length}/160`}\n            />\n\n            <TextareaField\n              label=\"Long Description\"\n              value={form.longDescription}\n              onChange={(e) => setField(\"longDescription\", e.target.value)}\n              rows={5}\n              placeholder=\"Detailed product description, features, specs…\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 2: Product Images ── */}\n        <PageSection\n          title=\"Product Images\"\n          description=\"The first image is used as the main icon.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-4\">\n            {/* Drop zone */}\n            <div\n              onDrop={handleDrop}\n              onDragOver={handleDragOver}\n              onDragLeave={handleDragLeave}\n              onClick={() => fileInputRef.current?.click()}\n              className={cn(\n                \"flex flex-col items-center justify-center gap-3 rounded-input border-2 border-dashed px-6 py-10 cursor-pointer transition-colors\",\n                isDragOver\n                  ? \"border-action-primary-bg bg-action-primary-bg/5\"\n                  : \"border-border-subtle hover:border-border-strong\",\n              )}\n            >\n              <Upload\n                size={28}\n                className={isDragOver ? \"text-action-primary-bg\" : \"text-text-muted\"}\n              />\n              <div className=\"text-center space-y-1\">\n                <p className=\"text-sm font-medium text-text-primary\">\n                  Drag and drop images here\n                </p>\n                <p className=\"text-xs text-text-muted\">\n                  or click to browse — accepts any image format, multiple files\n                </p>\n              </div>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\"image/*\"\n                multiple\n                className=\"sr-only\"\n                onChange={handleFileInput}\n              />\n            </div>\n\n            {/* Previews */}\n            {images.length > 0 && (\n              <div className=\"flex flex-wrap gap-3\">\n                {images.map((img, i) => (\n                  <div key={img.url} className=\"relative group\">\n                    <img\n                      src={img.url}\n                      alt={`Product image ${i + 1}`}\n                      className=\"h-20 w-20 rounded-input object-cover border border-border-subtle\"\n                    />\n                    {i === 0 && (\n                      <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\">\n                        Main\n                      </span>\n                    )}\n                    <button\n                      type=\"button\"\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        removeImage(i);\n                      }}\n                      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\"\n                      aria-label=\"Remove image\"\n                    >\n                      <X size={11} />\n                    </button>\n                  </div>\n                ))}\n              </div>\n            )}\n\n            {/* Tip */}\n            <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\">\n              <Info size={13} className=\"mt-0.5 shrink-0 text-text-muted\" />\n              At least 1 image helps buyers — high quality photos increase\n              conversions.\n            </p>\n          </div>\n        </PageSection>\n\n        {/* ── Section 3: Pricing ── */}\n        <PageSection title=\"Pricing\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Price\"\n                required\n                type=\"number\"\n                value={form.price}\n                onChange={(e) => setField(\"price\", e.target.value)}\n                placeholder=\"0.00\"\n                min={0.01}\n                step=\"0.01\"\n              />\n\n              <SelectField\n                label=\"Currency\"\n                required\n                value={form.currency}\n                onChange={(e) => setField(\"currency\", e.target.value)}\n                options={CURRENCIES}\n                placeholder=\"Select currency\"\n              />\n            </div>\n\n            <InputField\n              label=\"Tags\"\n              value={form.tags}\n              onChange={(e) => setField(\"tags\", e.target.value)}\n              placeholder=\"mechanical, wireless, ergonomic\"\n              hint=\"Comma-separated keywords to help buyers find your item.\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 4: Inventory ── */}\n        <PageSection title=\"Inventory\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Stock Quantity\"\n                required\n                type=\"number\"\n                value={form.stockQuantity}\n                onChange={(e) => setField(\"stockQuantity\", e.target.value)}\n                min={0}\n                step={1}\n              />\n\n              <InputField\n                label=\"SKU\"\n                value={form.sku}\n                onChange={(e) => setField(\"sku\", e.target.value)}\n                placeholder=\"e.g. KB-WL-001\"\n                hint=\"Your internal stock-keeping unit reference.\"\n              />\n            </div>\n\n            <CheckboxField\n              label=\"Track Inventory\"\n              description=\"Automatically reduce stock when orders are placed.\"\n              checked={form.trackInventory}\n              onChange={handleCheckboxChange(\"trackInventory\")}\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Section 5: Shipping ── */}\n        <PageSection title=\"Shipping\">\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <CheckboxField\n              label=\"Requires Shipping\"\n              description=\"This item will be physically shipped to the buyer.\"\n              checked={form.requiresShipping}\n              onChange={handleCheckboxChange(\"requiresShipping\")}\n            />\n\n            {form.requiresShipping && (\n              <InputField\n                label=\"Weight (kg)\"\n                type=\"number\"\n                value={form.weightKg}\n                onChange={(e) => setField(\"weightKg\", e.target.value)}\n                placeholder=\"0.0\"\n                min={0}\n                step=\"0.01\"\n                hint=\"Used to calculate shipping costs.\"\n              />\n            )}\n\n            <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\">\n              <Info size={13} className=\"mt-0.5 shrink-0 text-text-muted\" />\n              Delivery fees are configured at the organization level in store\n              settings.\n            </p>\n          </div>\n        </PageSection>\n\n        {/* ── Section 6: Product Details ── */}\n        <PageSection\n          title=\"Product Details\"\n          description=\"Optional supplemental information for buyers.\"\n        >\n          <div className=\"rounded-card border border-border-seam bg-bg-surface p-6 space-y-5\">\n            <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n              <InputField\n                label=\"Brand\"\n                value={form.brand}\n                onChange={(e) => setField(\"brand\", e.target.value)}\n                placeholder=\"e.g. Logitech\"\n              />\n\n              <InputField\n                label=\"Country of Origin\"\n                value={form.countryOfOrigin}\n                onChange={(e) => setField(\"countryOfOrigin\", e.target.value)}\n                placeholder=\"e.g. China\"\n              />\n            </div>\n\n            <InputField\n              label=\"Warranty Info\"\n              value={form.warrantyInfo}\n              onChange={(e) => setField(\"warrantyInfo\", e.target.value)}\n              placeholder=\"e.g. 1-year limited manufacturer warranty\"\n            />\n\n            <TextareaField\n              label=\"Return Policy\"\n              value={form.returnPolicy}\n              onChange={(e) => setField(\"returnPolicy\", e.target.value)}\n              rows={3}\n              placeholder=\"e.g. 30-day returns accepted\"\n            />\n          </div>\n        </PageSection>\n\n        {/* ── Actions ── */}\n        <div className=\"flex items-center gap-3 pb-8\">\n          <button\n            type=\"button\"\n            onClick={() => navigate?.(`${basePath}/seller/items`)}\n            className=\"rounded-button border border-border-strong px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n          >\n            Cancel\n          </button>\n\n          <div className=\"relative\">\n            <button\n              type=\"button\"\n              onClick={handleSubmit}\n              disabled={!isValid || submitting}\n              aria-disabled={!isValid || submitting}\n              title={\n                !isValid\n                  ? \"Fill in all required fields to continue\"\n                  : undefined\n              }\n              className={cn(\n                \"inline-flex items-center gap-2 rounded-button px-5 py-2 text-sm font-medium transition-colors\",\n                \"bg-action-primary-bg text-action-primary-text\",\n                \"hover:bg-action-primary-bg/90\",\n                \"disabled:opacity-50 disabled:cursor-not-allowed\",\n                \"focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2\",\n              )}\n            >\n              {submitting ? (\n                <>\n                  <Loader2 size={15} className=\"animate-spin\" />\n                  Submitting...\n                </>\n              ) : (\n                \"Create & Submit for Review\"\n              )}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}