@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.1

package/dist/devportal/pages/SellerItemsPage.js

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