@burdenoff/microfe-devportal 2026.716.2 → 2026.720.1

package/dist/devportal/pages/CreatePhysicalItemPage.js

@@ -2,8 +2,8 @@ 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 { useCallback as ee, useRef as c, useState as l } from "react";
+import { Info as u, Loader2 as d, Upload as f, 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 _ = [
@@ -40,6 +40,27 @@ var _ = [
 		label: "Consumable"
 	}
 ], v = [
+	{
+		value: "agri-seeds",
+		label: "Agri-Inputs — Seeds"
+	},
+	{
+		value: "agri-fertilizer",
+		label: "Agri-Inputs — Organic Fertilizer"
+	},
+	{
+		value: "agri-biopesticide",
+		label: "Agri-Inputs — Bio-Pesticides"
+	},
+	{
+		value: "agri-tools",
+		label: "Agri-Inputs — Tools"
+	},
+	{
+		value: "agri-irrigation",
+		label: "Agri-Inputs — Irrigation"
+	}
+], y = [
 	{
 		value: "USD",
 		label: "USD — US Dollar"
@@ -64,7 +85,7 @@ var _ = [
 		value: "AED",
 		label: "AED — UAE Dirham"
 	}
-], y = [
+], b = [
 	"name",
 	"slug",
 	"type",
@@ -72,21 +93,22 @@ var _ = [
 	"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) {
+], x = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", S = "\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", 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) {
 	return e.toLowerCase().replace(/[^a-z0-9]+/g, "-");
 }
-function E(e) {
-	return y.every((t) => {
+function D(e) {
+	return b.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({
+var O = () => {
+	let { navigate: b, basePath: O, apiGatewayUrl: k, authToken: A } = e(), [j, M] = l({
 		name: "",
 		slug: "",
 		type: "",
+		category: "",
 		shortDescription: "",
 		longDescription: "",
 		price: "",
@@ -101,44 +123,44 @@ var D = () => {
 		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, P] = l([]), [F, I] = l(!1), L = c(null), [R, z] = l(!1), [B, V] = l(null), [H, U] = l(!1), W = D(j), G = `${k || ""}/global/graphql`, K = (e, t) => {
+		M((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, K = (e) => {
+	}, q = (e) => {
 		let t = e.target.value;
-		j((e) => ({
+		M((e) => ({
 			...e,
 			name: t,
-			slug: T(t)
+			slug: E(t)
 		}));
-	}, q = (e) => (t) => {
-		G(e, t.target.checked);
-	}, J = c((e) => {
+	}, J = (e) => (t) => {
+		K(e, t.target.checked);
+	}, Y = ee((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);
+		P((e) => [...e, ...t]);
+	}, []), X = (e) => {
+		e.target.files && Y(e.target.files), e.target.value = "";
 	}, Z = (e) => {
-		e.preventDefault(), F(!0);
-	}, Q = () => F(!1), te = (e) => {
-		N((t) => {
+		e.preventDefault(), I(!1), e.dataTransfer.files && Y(e.dataTransfer.files);
+	}, Q = (e) => {
+		e.preventDefault(), I(!0);
+	}, te = () => I(!1), ne = (e) => {
+		P((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, {
+		let n = await (await fetch(G, {
 			method: "POST",
 			headers: {
 				"Content-Type": "application/json",
-				...k ? { Authorization: `Bearer ${k}` } : {}
+				...A ? { Authorization: `Bearer ${A}` } : {}
 			},
 			credentials: "include",
 			body: JSON.stringify({
@@ -157,13 +179,13 @@ var D = () => {
 		children: /* @__PURE__ */ g("div", {
 			className: "space-y-8 max-w-3xl",
 			children: [
-				V && /* @__PURE__ */ h("div", {
+				H && /* @__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", {
+				B && /* @__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
+					children: B
 				}),
 				/* @__PURE__ */ h(r, {
 					title: "Basic Information",
@@ -174,40 +196,48 @@ var D = () => {
 							/* @__PURE__ */ h(a, {
 								label: "Name",
 								required: !0,
-								value: A.name,
-								onChange: K,
+								value: j.name,
+								onChange: q,
 								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),
+								value: j.slug,
+								onChange: (e) => K("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",
+								label: "Product Type",
 								required: !0,
-								value: A.type,
-								onChange: (e) => G("type", e.target.value),
+								value: j.type,
+								onChange: (e) => K("type", e.target.value),
 								options: _,
-								placeholder: "Select a category"
+								placeholder: "Select a type"
+							}),
+							/* @__PURE__ */ h(o, {
+								label: "Store Category",
+								value: j.category,
+								onChange: (e) => K("category", e.target.value),
+								options: v,
+								placeholder: "General / uncategorised",
+								hint: "Pick an Agri-Inputs category to list this item in the HealthyBowl Agri-Inputs Store. Leave blank for a general store listing."
 							}),
 							/* @__PURE__ */ h(a, {
 								label: "Short Description",
 								required: !0,
-								value: A.shortDescription,
-								onChange: (e) => G("shortDescription", e.target.value),
+								value: j.shortDescription,
+								onChange: (e) => K("shortDescription", e.target.value),
 								placeholder: "One-line summary shown on the store card",
 								maxLength: 160,
-								hint: `${A.shortDescription.length}/160`
+								hint: `${j.shortDescription.length}/160`
 							}),
 							/* @__PURE__ */ h(s, {
 								label: "Long Description",
-								value: A.longDescription,
-								onChange: (e) => G("longDescription", e.target.value),
+								value: j.longDescription,
+								onChange: (e) => K("longDescription", e.target.value),
 								rows: 5,
 								placeholder: "Detailed product description, features, specs…"
 							})
@@ -221,15 +251,15 @@ var D = () => {
 						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"),
+								onDrop: Z,
+								onDragOver: Q,
+								onDragLeave: te,
+								onClick: () => L.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", F ? "border-action-primary-bg bg-action-primary-bg/5" : "border-border-subtle hover:border-border-strong"),
 								children: [
-									/* @__PURE__ */ h(ee, {
+									/* @__PURE__ */ h(f, {
 										size: 28,
-										className: P ? "text-action-primary-bg" : "text-text-muted"
+										className: F ? "text-action-primary-bg" : "text-text-muted"
 									}),
 									/* @__PURE__ */ g("div", {
 										className: "text-center space-y-1",
@@ -242,18 +272,18 @@ var D = () => {
 										})]
 									}),
 									/* @__PURE__ */ h("input", {
-										ref: I,
+										ref: L,
 										type: "file",
 										accept: "image/*",
 										multiple: !0,
 										className: "sr-only",
-										onChange: Y
+										onChange: X
 									})
 								]
 							}),
-							M.length > 0 && /* @__PURE__ */ h("div", {
+							N.length > 0 && /* @__PURE__ */ h("div", {
 								className: "flex flex-wrap gap-3",
-								children: M.map((e, t) => /* @__PURE__ */ g("div", {
+								children: N.map((e, t) => /* @__PURE__ */ g("div", {
 									className: "relative group",
 									children: [
 										/* @__PURE__ */ h("img", {
@@ -268,7 +298,7 @@ var D = () => {
 										/* @__PURE__ */ h("button", {
 											type: "button",
 											onClick: (e) => {
-												e.stopPropagation(), te(t);
+												e.stopPropagation(), ne(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",
@@ -279,7 +309,7 @@ var D = () => {
 							}),
 							/* @__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, {
+								children: [/* @__PURE__ */ h(u, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
 								}), "At least 1 image helps buyers — high quality photos increase conversions."]
@@ -297,23 +327,23 @@ var D = () => {
 								label: "Price",
 								required: !0,
 								type: "number",
-								value: A.price,
-								onChange: (e) => G("price", e.target.value),
+								value: j.price,
+								onChange: (e) => K("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,
+								value: j.currency,
+								onChange: (e) => K("currency", e.target.value),
+								options: y,
 								placeholder: "Select currency"
 							})]
 						}), /* @__PURE__ */ h(a, {
 							label: "Tags",
-							value: A.tags,
-							onChange: (e) => G("tags", e.target.value),
+							value: j.tags,
+							onChange: (e) => K("tags", e.target.value),
 							placeholder: "mechanical, wireless, ergonomic",
 							hint: "Comma-separated keywords to help buyers find your item."
 						})]
@@ -329,22 +359,22 @@ var D = () => {
 								label: "Stock Quantity",
 								required: !0,
 								type: "number",
-								value: A.stockQuantity,
-								onChange: (e) => G("stockQuantity", e.target.value),
+								value: j.stockQuantity,
+								onChange: (e) => K("stockQuantity", e.target.value),
 								min: 0,
 								step: 1
 							}), /* @__PURE__ */ h(a, {
 								label: "SKU",
-								value: A.sku,
-								onChange: (e) => G("sku", e.target.value),
+								value: j.sku,
+								onChange: (e) => K("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")
+							checked: j.trackInventory,
+							onChange: J("trackInventory")
 						})]
 					})
 				}),
@@ -356,14 +386,14 @@ var D = () => {
 							/* @__PURE__ */ h(i, {
 								label: "Requires Shipping",
 								description: "This item will be physically shipped to the buyer.",
-								checked: A.requiresShipping,
-								onChange: q("requiresShipping")
+								checked: j.requiresShipping,
+								onChange: J("requiresShipping")
 							}),
-							A.requiresShipping && /* @__PURE__ */ h(a, {
+							j.requiresShipping && /* @__PURE__ */ h(a, {
 								label: "Weight (kg)",
 								type: "number",
-								value: A.weightKg,
-								onChange: (e) => G("weightKg", e.target.value),
+								value: j.weightKg,
+								onChange: (e) => K("weightKg", e.target.value),
 								placeholder: "0.0",
 								min: 0,
 								step: "0.01",
@@ -371,7 +401,7 @@ var D = () => {
 							}),
 							/* @__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, {
+								children: [/* @__PURE__ */ h(u, {
 									size: 13,
 									className: "mt-0.5 shrink-0 text-text-muted"
 								}), "Delivery fees are configured at the organization level in store settings."]
@@ -389,26 +419,26 @@ var D = () => {
 								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),
+									value: j.brand,
+									onChange: (e) => K("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),
+									value: j.countryOfOrigin,
+									onChange: (e) => K("countryOfOrigin", e.target.value),
 									placeholder: "e.g. China"
 								})]
 							}),
 							/* @__PURE__ */ h(a, {
 								label: "Warranty Info",
-								value: A.warrantyInfo,
-								onChange: (e) => G("warrantyInfo", e.target.value),
+								value: j.warrantyInfo,
+								onChange: (e) => K("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),
+								value: j.returnPolicy,
+								onChange: (e) => K("returnPolicy", e.target.value),
 								rows: 3,
 								placeholder: "e.g. 30-day returns accepted"
 							})
@@ -419,7 +449,7 @@ var D = () => {
 					className: "flex items-center gap-3 pb-8",
 					children: [/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => y?.(`${D}/seller/items`),
+						onClick: () => b?.(`${O}/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", {
@@ -427,13 +457,13 @@ var D = () => {
 						children: /* @__PURE__ */ h("button", {
 							type: "button",
 							onClick: async () => {
-								if (!(!U || L)) {
-									R(!0), B(null);
+								if (!(!W || R)) {
+									z(!0), V(null);
 									try {
-										let e = (await $(b)).myPublisher?.id ?? null;
+										let e = (await $(x)).myPublisher?.id ?? null;
 										if (!e) {
-											let t = (await $(x)).developerOrganizations.edges[0]?.node ?? null;
-											e = (await $(S, { input: {
+											let t = (await $(S)).developerOrganizations.edges[0]?.node ?? null;
+											e = (await $(C, { input: {
 												name: t?.legalEntityName ?? t?.name ?? "My Store",
 												email: t?.contactEmail ?? "seller@burdenoff.com",
 												websiteUrl: t?.websiteUrl ?? null,
@@ -442,43 +472,44 @@ var D = () => {
 												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,
-											description: A.shortDescription.trim(),
-											longDescription: A.longDescription.trim() || null,
-											price: parseFloat(A.price),
-											currency: A.currency,
+										let t = j.tags.split(",").map((e) => e.trim()).filter(Boolean), n = (await $(w, { input: {
+											name: j.name.trim(),
+											slug: j.slug.trim(),
+											type: j.type,
+											category: j.category.trim() || null,
+											description: j.shortDescription.trim(),
+											longDescription: j.longDescription.trim() || null,
+											price: parseFloat(j.price),
+											currency: j.currency,
 											tags: t.length > 0 ? t : null,
-											stockQuantity: parseInt(A.stockQuantity, 10),
-											sku: A.sku.trim() || null,
-											trackInventory: A.trackInventory,
-											requiresShipping: A.requiresShipping,
-											weight: 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
+											stockQuantity: parseInt(j.stockQuantity, 10),
+											sku: j.sku.trim() || null,
+											trackInventory: j.trackInventory,
+											requiresShipping: j.requiresShipping,
+											weight: j.requiresShipping && j.weightKg.trim() ? parseFloat(j.weightKg) : null,
+											brand: j.brand.trim() || null,
+											countryOfOrigin: j.countryOfOrigin.trim() || null,
+											warrantyInfo: j.warrantyInfo.trim() || null,
+											returnPolicy: j.returnPolicy.trim() || null
 										} })).createPhysicalProduct.id;
-										await $(w, {
+										await $(T, {
 											id: n,
 											notes: "Submitted from seller portal"
-										}), H(!0), setTimeout(() => {
-											y?.(`${D}/seller/items`);
+										}), U(!0), setTimeout(() => {
+											b?.(`${O}/seller/items`);
 										}, 2e3);
 									} catch (e) {
-										B(e instanceof Error ? e.message : "Submission failed. Please try again.");
+										V(e instanceof Error ? e.message : "Submission failed. Please try again.");
 									} finally {
-										R(!1);
+										z(!1);
 									}
 								}
 							},
-							disabled: !U || L,
-							"aria-disabled": !U || L,
-							title: U ? void 0 : "Fill in all required fields to continue",
+							disabled: !W || R,
+							"aria-disabled": !W || R,
+							title: W ? 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, {
+							children: R ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(d, {
 								size: 15,
 								className: "animate-spin"
 							}), "Submitting..."] }) : "Create & Submit for Review"
@@ -490,6 +521,6 @@ var D = () => {
 	});
 };
 //#endregion
-export { D as CreatePhysicalItemPage };
+export { O as CreatePhysicalItemPage };
 
 //# sourceMappingURL=CreatePhysicalItemPage.js.map