@burdenoff/microfe-devportal 2026.828.1 → 2026.830.2

package/dist/devportal/pages/SellerItemsPage.js

@@ -1,12 +1,12 @@
 import { useDevportal as e } from "../providers/DevportalProvider.js";
 import { EmptyState as t } from "../components/EmptyState.js";
 import { PageLayout as n } from "../components/PageLayout.js";
-import { PermissionGuard as ee } from "../components/PermissionGuard.js";
+import { PermissionGuard as r } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { useEffect as r, useMemo as i, useState as a } from "react";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as s, Edit as c, Grid as l, List as u, Loader2 as d, Package as f, Plus as p, Search as m, Tag as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useEffect as i, useMemo as a, useState as o } from "react";
+import { AlertCircle as s, Edit as c, Grid as ee, List as l, Loader2 as u, Package as d, Plus as f, Search as p, Tag as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useI18n as _ } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { EmphasisPanel as v, GlassCard as y } from "@burdenoff/fe-libs/ui";
 //#region src/devportal/pages/SellerItemsPage.tsx
 var b = new Set([
@@ -81,57 +81,57 @@ function w(e, t) {
 function T(e) {
 	return x[e] ?? e.replace(/_/g, " ");
 }
-var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", te = "\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n", D = () => {
-	let { navigate: h, basePath: x, apiGatewayUrl: D, authToken: k } = e(), { t: A } = o(), j = (e, t) => {
-		let n = A(e);
+var te = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\n", ne = "\n  query SellerItems($publisherId: String!) {\n    products(filter: { publisherId: $publisherId, nature: PHYSICAL }, limit: 100, offset: 0) {\n      id\n      name\n      slug\n      type\n      status\n      price\n      currency\n      stockQuantity\n      sku\n      brand\n      icon\n      createdAt\n    }\n  }\n", E = () => {
+	let { navigate: m, basePath: x, apiGatewayUrl: E, authToken: O } = e(), { t: k } = _(), A = (e, t) => {
+		let n = k(e);
 		return n === e ? t : n;
-	}, M = D ?? "/global/graphql", [N, P] = a(!0), [F, I] = a(!1), [L, ne] = a(null), [R, z] = a([]), [B, V] = a(null), [H, U] = a(0), [W, G] = a("grid"), [K, q] = a(""), [J, Y] = a(""), X = (e) => {
-		h?.(`${x}${e}`);
+	}, j = E ?? "/global/graphql", [M, N] = o(!0), [P, F] = o(!1), [I, L] = o(null), [R, z] = o([]), [B, V] = o(null), [H, U] = o(0), [W, G] = o("grid"), [K, q] = o(""), [J, Y] = o(""), X = (e) => {
+		m?.(`${x}${e}`);
 	};
-	r(() => {
+	i(() => {
 		let e = !1;
-		return P(!0), V(null), (async () => {
+		return N(!0), V(null), (async () => {
 			try {
-				let t = await fetch(M, {
+				let t = await fetch(j, {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
-						Authorization: `Bearer ${k ?? ""}`
+						Authorization: `Bearer ${O ?? ""}`
 					},
-					body: JSON.stringify({ query: E })
+					body: JSON.stringify({ query: te })
 				});
 				if (e) return;
 				if (!t.ok) throw Error(`Request failed with status ${t.status}`);
 				let n = await t.json();
 				if (e) return;
 				if (n.errors?.length) throw Error(n.errors[0]?.message ?? "Unknown GraphQL error");
-				ne(n.data?.myPublisher?.id ?? null);
+				L(n.data?.myPublisher?.id ?? null);
 			} catch (t) {
 				e || V(t instanceof Error ? t.message : "Failed to load publisher");
 			} finally {
-				e || P(!1);
+				e || N(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		M,
-		k,
+		j,
+		O,
 		H
-	]), r(() => {
-		if (!L) return;
+	]), i(() => {
+		if (!I) return;
 		let e = !1;
-		return I(!0), V(null), (async () => {
+		return F(!0), V(null), (async () => {
 			try {
-				let t = await fetch(M, {
+				let t = await fetch(j, {
 					method: "POST",
 					headers: {
 						"Content-Type": "application/json",
-						Authorization: `Bearer ${k ?? ""}`
+						Authorization: `Bearer ${O ?? ""}`
 					},
 					body: JSON.stringify({
-						query: te,
-						variables: { publisherId: L }
+						query: ne,
+						variables: { publisherId: I }
 					})
 				});
 				if (e) return;
@@ -146,172 +146,172 @@ var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\
 			} catch (t) {
 				e || V(t instanceof Error ? t.message : "Failed to load items");
 			} finally {
-				e || I(!1);
+				e || F(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		L,
-		M,
-		k,
+		I,
+		j,
+		O,
 		H
 	]);
-	let Z = i(() => R.filter((e) => !b.has(e.type)), [R]), Q = i(() => Z.filter((e) => {
+	let Z = a(() => R.filter((e) => !b.has(e.type)), [R]), Q = a(() => Z.filter((e) => {
 		let t = !K || e.name.toLowerCase().includes(K.toLowerCase()), n = !J || e.status === J;
 		return t && n;
 	}), [
 		Z,
 		K,
 		J
-	]), $ = i(() => ({
+	]), $ = a(() => ({
 		total: Z.length,
 		published: Z.filter((e) => e.status === "PUBLISHED").length,
 		pendingReview: Z.filter((e) => e.status === "PENDING_REVIEW").length,
 		outOfStock: Z.filter((e) => e.stockQuantity === 0).length
 	}), [Z]);
-	if (N && R.length === 0 && !B) return /* @__PURE__ */ g(n, {
-		title: j("devportal.myItems", "My Items"),
-		description: j("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
-		children: /* @__PURE__ */ _("div", {
+	if (M && R.length === 0 && !B) return /* @__PURE__ */ h(n, {
+		title: A("devportal.myItems", "My Items"),
+		description: A("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
+		children: /* @__PURE__ */ g("div", {
 			className: "flex items-center justify-center py-12",
-			children: [/* @__PURE__ */ g(d, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ g("span", {
+			children: [/* @__PURE__ */ h(u, { className: "h-8 w-8 animate-spin text-text-secondary" }), /* @__PURE__ */ h("span", {
 				className: "ml-2 text-text-secondary",
-				children: j("devportal.loadingItems", "Loading items...")
+				children: A("devportal.loadingItems", "Loading items...")
 			})]
 		})
 	});
-	if (B && R.length === 0) return /* @__PURE__ */ g(n, {
-		title: j("devportal.myItems", "My Items"),
-		description: j("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
-		children: /* @__PURE__ */ _("div", {
+	if (B && R.length === 0) return /* @__PURE__ */ h(n, {
+		title: A("devportal.myItems", "My Items"),
+		description: A("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
+		children: /* @__PURE__ */ g("div", {
 			className: "rounded-lg border border-status-error-border/50 bg-status-error-bg/10 p-6 text-center",
 			children: [
-				/* @__PURE__ */ g(s, { className: "mx-auto h-8 w-8 text-status-error-text" }),
-				/* @__PURE__ */ g("h3", {
+				/* @__PURE__ */ h(s, { className: "mx-auto h-8 w-8 text-status-error-text" }),
+				/* @__PURE__ */ h("h3", {
 					className: "mt-2 font-medium text-status-error-text",
-					children: j("devportal.failedToLoadItems", "Failed to load items")
+					children: A("devportal.failedToLoadItems", "Failed to load items")
 				}),
-				/* @__PURE__ */ g("p", {
+				/* @__PURE__ */ h("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: B
 				}),
-				/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ h("button", {
 					onClick: () => U((e) => e + 1),
 					className: "mt-4 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
-					children: j("devportal.tryAgain", "Try Again")
+					children: A("devportal.tryAgain", "Try Again")
 				})
 			]
 		})
 	});
 	let re = !!(K || J);
-	return /* @__PURE__ */ g(ee, {
+	return /* @__PURE__ */ h(r, {
 		authOnly: !0,
-		children: /* @__PURE__ */ _(n, {
-			title: j("devportal.myItems", "My Items"),
-			description: j("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
-			actions: /* @__PURE__ */ _("button", {
+		children: /* @__PURE__ */ g(n, {
+			title: A("devportal.myItems", "My Items"),
+			description: A("devportal.manageYourPhysicalProductListings", "Manage your physical product listings."),
+			actions: /* @__PURE__ */ g("button", {
 				onClick: () => X("/seller/items/new"),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-				children: [/* @__PURE__ */ g(p, {
+				children: [/* @__PURE__ */ h(f, {
 					size: 16,
 					"aria-hidden": "true"
-				}), j("devportal.listAnItem", "List an Item")]
+				}), A("devportal.listAnItem", "List an Item")]
 			}),
 			children: [
-				/* @__PURE__ */ g(v, {
+				/* @__PURE__ */ h(v, {
 					className: "mb-4",
-					children: /* @__PURE__ */ _("div", {
+					children: /* @__PURE__ */ g("div", {
 						className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
 						children: [
-							/* @__PURE__ */ _(y, {
+							/* @__PURE__ */ g(y, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-sm text-text-secondary",
-									children: j("devportal.totalItems", "Total Items")
-								}), /* @__PURE__ */ g("p", {
+									children: A("devportal.totalItems", "Total Items")
+								}), /* @__PURE__ */ h("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
-									children: F ? /* @__PURE__ */ g(d, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.total
+									children: P ? /* @__PURE__ */ h(u, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.total
 								})]
 							}),
-							/* @__PURE__ */ _(y, {
+							/* @__PURE__ */ g(y, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-sm text-status-success-text",
-									children: j("devportal.published", "Published")
-								}), /* @__PURE__ */ g("p", {
+									children: A("devportal.published", "Published")
+								}), /* @__PURE__ */ h("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
-									children: F ? /* @__PURE__ */ g(d, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.published
+									children: P ? /* @__PURE__ */ h(u, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.published
 								})]
 							}),
-							/* @__PURE__ */ _(y, {
+							/* @__PURE__ */ g(y, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-sm text-status-warning-text",
-									children: j("devportal.pendingReview", "Pending Review")
-								}), /* @__PURE__ */ g("p", {
+									children: A("devportal.pendingReview", "Pending Review")
+								}), /* @__PURE__ */ h("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
-									children: F ? /* @__PURE__ */ g(d, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.pendingReview
+									children: P ? /* @__PURE__ */ h(u, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.pendingReview
 								})]
 							}),
-							/* @__PURE__ */ _(y, {
+							/* @__PURE__ */ g(y, {
 								treatment: "metric",
 								className: "p-4",
-								children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ h("p", {
 									className: "text-sm text-status-error-text",
-									children: j("devportal.outOfStock", "Out of Stock")
-								}), /* @__PURE__ */ g("p", {
+									children: A("devportal.outOfStock", "Out of Stock")
+								}), /* @__PURE__ */ h("p", {
 									className: "mt-1 text-2xl font-semibold tabular-nums",
-									children: F ? /* @__PURE__ */ g(d, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.outOfStock
+									children: P ? /* @__PURE__ */ h(u, { className: "h-5 w-5 animate-spin text-text-secondary" }) : $.outOfStock
 								})]
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ g("div", {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ _("div", {
+					children: [/* @__PURE__ */ g("div", {
 						className: "flex flex-1 items-center gap-3",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ g("div", {
 							className: "relative flex-1 max-w-md",
-							children: [/* @__PURE__ */ g(m, {
+							children: [/* @__PURE__ */ h(p, {
 								size: 16,
 								className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary"
-							}), /* @__PURE__ */ g("input", {
+							}), /* @__PURE__ */ h("input", {
 								type: "text",
-								placeholder: j("devportal.searchItems", "Search items..."),
+								placeholder: A("devportal.searchItems", "Search items..."),
 								value: K,
 								onChange: (e) => q(e.target.value),
 								className: "w-full rounded-md border border-border-seam bg-bg-surface pl-9 pr-4 py-2 text-sm text-text-primary placeholder:text-text-muted focus:outline-none focus:ring-2 focus:ring-primary"
 							})]
-						}), /* @__PURE__ */ g("select", {
+						}), /* @__PURE__ */ h("select", {
 							value: J,
 							onChange: (e) => Y(e.target.value),
 							className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary",
-							children: C.map((e) => /* @__PURE__ */ g("option", {
+							children: C.map((e) => /* @__PURE__ */ h("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						})]
-					}), /* @__PURE__ */ _("div", {
+					}), /* @__PURE__ */ g("div", {
 						className: "flex items-center gap-1 rounded-md border border-border-seam p-1",
-						children: [/* @__PURE__ */ g("button", {
+						children: [/* @__PURE__ */ h("button", {
 							onClick: () => G("grid"),
 							className: `rounded p-1.5 transition-colors ${W === "grid" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:bg-bg-sunken/50"}`,
-							title: j("devportal.gridView", "Grid view"),
-							children: /* @__PURE__ */ g(l, { size: 16 })
-						}), /* @__PURE__ */ g("button", {
+							title: A("devportal.gridView", "Grid view"),
+							children: /* @__PURE__ */ h(ee, { size: 16 })
+						}), /* @__PURE__ */ h("button", {
 							onClick: () => G("list"),
 							className: `rounded p-1.5 transition-colors ${W === "list" ? "bg-bg-sunken text-text-primary" : "text-text-secondary hover:bg-bg-sunken/50"}`,
-							title: j("devportal.listView", "List view"),
-							children: /* @__PURE__ */ g(u, { size: 16 })
+							title: A("devportal.listView", "List view"),
+							children: /* @__PURE__ */ h(l, { size: 16 })
 						})]
 					})]
 				}),
-				Z.length > 0 && /* @__PURE__ */ _("p", {
+				Z.length > 0 && /* @__PURE__ */ g("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						Q.length,
@@ -320,213 +320,213 @@ var E = "\n  query SellerMyPublisher {\n    myPublisher {\n      id\n    }\n  }\
 						" found"
 					]
 				}),
-				!L && !N ? /* @__PURE__ */ g(t, {
+				!I && !M ? /* @__PURE__ */ h(t, {
 					illustration: "empty-generic",
-					icon: /* @__PURE__ */ g(f, { size: 32 }),
-					title: j("devportal.noPublisherProfileYet", "No publisher profile yet"),
-					description: j("devportal.listAnItemToGetStarted", "List an item to get started. Your publisher profile will be created automatically."),
-					action: /* @__PURE__ */ _("button", {
+					icon: /* @__PURE__ */ h(d, { size: 32 }),
+					title: A("devportal.noPublisherProfileYet", "No publisher profile yet"),
+					description: A("devportal.listAnItemToGetStarted", "List an item to get started. Your publisher profile will be created automatically."),
+					action: /* @__PURE__ */ g("button", {
 						onClick: () => X("/seller/items/new"),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ g(p, { size: 16 }), j("devportal.listAnItem", "List an Item")]
+						children: [/* @__PURE__ */ h(f, { size: 16 }), A("devportal.listAnItem", "List an Item")]
 					})
-				}) : F ? /* @__PURE__ */ _("div", {
+				}) : P ? /* @__PURE__ */ g("div", {
 					className: "flex items-center justify-center py-12",
-					children: [/* @__PURE__ */ g(d, { className: "h-6 w-6 animate-spin text-text-secondary" }), /* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ h(u, { className: "h-6 w-6 animate-spin text-text-secondary" }), /* @__PURE__ */ h("span", {
 						className: "ml-2 text-text-secondary",
-						children: j("devportal.loadingItems", "Loading items...")
+						children: A("devportal.loadingItems", "Loading items...")
 					})]
-				}) : Q.length > 0 ? W === "grid" ? /* @__PURE__ */ g("div", {
+				}) : Q.length > 0 ? W === "grid" ? /* @__PURE__ */ h("div", {
 					className: "grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-					children: Q.map((e) => /* @__PURE__ */ g(O, {
+					children: Q.map((e) => /* @__PURE__ */ h(D, {
 						item: e,
 						onEdit: () => X(`/seller/items/${e.id}`)
 					}, e.id))
-				}) : /* @__PURE__ */ g("div", {
+				}) : /* @__PURE__ */ h("div", {
 					className: "overflow-x-auto rounded-lg border border-border-seam",
-					children: /* @__PURE__ */ _("table", {
+					children: /* @__PURE__ */ g("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+						children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
 							className: "border-b border-border-seam bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ h("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Item"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ h("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Type"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ h("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Price"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ h("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Stock"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ h("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Status"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ h("th", {
 									className: "px-4 py-3 text-right font-medium text-text-secondary",
 									children: "Actions"
 								})
 							]
-						}) }), /* @__PURE__ */ g("tbody", { children: Q.map((e) => {
+						}) }), /* @__PURE__ */ h("tbody", { children: Q.map((e) => {
 							let t = S[e.status] ?? S.DRAFT;
-							return /* @__PURE__ */ _("tr", {
+							return /* @__PURE__ */ g("tr", {
 								className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/50 transition-colors",
 								children: [
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ _("div", {
+										children: /* @__PURE__ */ g("div", {
 											className: "flex items-center gap-3",
-											children: [e.icon ? /* @__PURE__ */ g("img", {
+											children: [e.icon ? /* @__PURE__ */ h("img", {
 												src: e.icon,
 												alt: e.name,
 												className: "h-8 w-8 rounded-lg object-cover shrink-0"
-											}) : /* @__PURE__ */ g("div", {
+											}) : /* @__PURE__ */ h("div", {
 												className: "flex h-8 w-8 items-center justify-center rounded-lg bg-bg-sunken shrink-0",
-												children: /* @__PURE__ */ g(f, {
+												children: /* @__PURE__ */ h(d, {
 													size: 14,
 													className: "text-text-muted"
 												})
-											}), /* @__PURE__ */ _("div", {
+											}), /* @__PURE__ */ g("div", {
 												className: "min-w-0",
-												children: [/* @__PURE__ */ g("p", {
+												children: [/* @__PURE__ */ h("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name
-												}), e.sku && /* @__PURE__ */ _("p", {
+												}), e.sku && /* @__PURE__ */ g("p", {
 													className: "text-xs text-text-muted",
 													children: ["SKU: ", e.sku]
 												})]
 											})]
 										})
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3 text-text-secondary",
 										children: T(e.type)
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3 text-text-primary tabular-nums",
 										children: w(e.price, e.currency)
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3",
-										children: e.stockQuantity === 0 ? /* @__PURE__ */ g("span", {
+										children: e.stockQuantity === 0 ? /* @__PURE__ */ h("span", {
 											className: "text-status-error-text",
 											children: "Out of stock"
-										}) : /* @__PURE__ */ g("span", {
+										}) : /* @__PURE__ */ h("span", {
 											className: "text-text-primary tabular-nums",
 											children: e.stockQuantity
 										})
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ g("span", {
+										children: /* @__PURE__ */ h("span", {
 											className: `rounded-full px-2.5 py-0.5 text-xs font-medium ${t.className}`,
 											children: t.label
 										})
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3 text-right",
-										children: /* @__PURE__ */ _("button", {
+										children: /* @__PURE__ */ g("button", {
 											onClick: () => X(`/seller/items/${e.id}`),
 											className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-											children: [/* @__PURE__ */ g(c, { size: 12 }), j("devportal.edit", "Edit")]
+											children: [/* @__PURE__ */ h(c, { size: 12 }), A("devportal.edit", "Edit")]
 										})
 									})
 								]
 							}, e.id);
 						}) })]
 					})
-				}) : Z.length > 0 && re ? /* @__PURE__ */ g(t, {
+				}) : Z.length > 0 && re ? /* @__PURE__ */ h(t, {
 					illustration: "empty-search",
-					title: j("devportal.noItemsMatchYourSearch", "No items match your search"),
-					description: j("devportal.tryAdjustingFilters", "Try adjusting your search or filters")
-				}) : /* @__PURE__ */ g(t, {
+					title: A("devportal.noItemsMatchYourSearch", "No items match your search"),
+					description: A("devportal.tryAdjustingFilters", "Try adjusting your search or filters")
+				}) : /* @__PURE__ */ h(t, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ g(f, { size: 32 }),
-					title: j("devportal.noItemsYet", "No items yet"),
-					description: j("devportal.addYourFirstPhysicalProduct", "Add your first physical product listing to start selling"),
-					action: /* @__PURE__ */ _("button", {
+					icon: /* @__PURE__ */ h(d, { size: 32 }),
+					title: A("devportal.noItemsYet", "No items yet"),
+					description: A("devportal.addYourFirstPhysicalProduct", "Add your first physical product listing to start selling"),
+					action: /* @__PURE__ */ g("button", {
 						onClick: () => X("/seller/items/new"),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ g(p, { size: 16 }), j("devportal.listAnItem", "List an Item")]
+						children: [/* @__PURE__ */ h(f, { size: 16 }), A("devportal.listAnItem", "List an Item")]
 					})
 				})
 			]
 		})
 	});
-}, O = ({ item: e, onEdit: t }) => {
+}, D = ({ item: e, onEdit: t }) => {
 	let n = S[e.status] ?? S.DRAFT;
-	return /* @__PURE__ */ _(y, {
+	return /* @__PURE__ */ g(y, {
 		treatment: "insight",
 		className: "flex flex-col gap-3 p-4",
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ g("div", {
 			className: "flex items-start gap-3",
-			children: [e.icon ? /* @__PURE__ */ g("img", {
+			children: [e.icon ? /* @__PURE__ */ h("img", {
 				src: e.icon,
 				alt: e.name,
 				className: "h-20 w-20 rounded-xl object-cover shrink-0"
-			}) : /* @__PURE__ */ g("div", {
+			}) : /* @__PURE__ */ h("div", {
 				className: "flex h-20 w-20 items-center justify-center rounded-xl bg-bg-sunken shrink-0",
-				children: /* @__PURE__ */ g(f, {
+				children: /* @__PURE__ */ h(d, {
 					size: 32,
 					className: "text-text-muted"
 				})
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "min-w-0 flex-1",
 				children: [
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ h("p", {
 						className: "font-semibold text-text-primary truncate",
 						children: e.name
 					}),
-					e.brand && /* @__PURE__ */ g("p", {
+					e.brand && /* @__PURE__ */ h("p", {
 						className: "text-xs text-text-muted mt-0.5",
 						children: e.brand
 					}),
-					/* @__PURE__ */ g("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: w(e.price, e.currency)
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex items-center gap-2 mt-2 flex-wrap",
-						children: [/* @__PURE__ */ g("span", {
+						children: [/* @__PURE__ */ h("span", {
 							className: `rounded-full px-2 py-0.5 text-xs font-medium ${n.className}`,
 							children: n.label
-						}), /* @__PURE__ */ g("span", {
+						}), /* @__PURE__ */ h("span", {
 							className: "rounded-full px-2 py-0.5 text-xs font-medium bg-bg-muted text-text-secondary",
 							children: T(e.type)
 						})]
 					})
 				]
 			})]
-		}), /* @__PURE__ */ _("div", {
+		}), /* @__PURE__ */ g("div", {
 			className: "flex items-center justify-between pt-2 border-t border-border-subtle",
-			children: [/* @__PURE__ */ _("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-1.5 text-sm",
-				children: [/* @__PURE__ */ g(h, {
+				children: [/* @__PURE__ */ h(m, {
 					size: 12,
 					className: "text-text-muted shrink-0"
-				}), e.stockQuantity === 0 ? /* @__PURE__ */ g("span", {
+				}), e.stockQuantity === 0 ? /* @__PURE__ */ h("span", {
 					className: "text-status-error-text",
 					children: "Out of stock"
-				}) : /* @__PURE__ */ _("span", {
+				}) : /* @__PURE__ */ g("span", {
 					className: "text-text-secondary",
 					children: [e.stockQuantity, " in stock"]
 				})]
-			}), /* @__PURE__ */ _("button", {
+			}), /* @__PURE__ */ g("button", {
 				onClick: t,
 				className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-				children: [/* @__PURE__ */ g(c, { size: 12 }), "Edit"]
+				children: [/* @__PURE__ */ h(c, { size: 12 }), "Edit"]
 			})]
 		})]
 	});
 };
 //#endregion
-export { D as SellerItemsPage };
+export { E as SellerItemsPage };
 
 //# sourceMappingURL=SellerItemsPage.js.map