@burdenoff/microfe-devportal 2026.720.4 → 2026.720.6

package/dist/devportal/pages/SellerOrdersPage.js

@@ -3,13 +3,12 @@ import { EmptyState as t } from "../components/EmptyState.js";
 import { PageLayout as n } from "../components/PageLayout.js";
 import { PermissionGuard as r } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { DEVPORTAL_PERMISSIONS as i } from "../constants/permissions.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as l, ChevronDown as u, Loader2 as d, Package as f, ShoppingBag as p } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useEffect as i, useMemo as a, useState as o } from "react";
+import { useI18n as s } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as c, ChevronDown as l, Loader2 as u, Package as d, ShoppingBag as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/devportal/pages/SellerOrdersPage.tsx
-var _ = {
+var g = {
 	PENDING: {
 		label: "Pending",
 		className: "text-status-warning-text bg-status-warning-bg-subtle"
@@ -38,7 +37,7 @@ var _ = {
 		label: "Cancelled",
 		className: "text-text-muted bg-bg-muted"
 	}
-}, v = [
+}, _ = [
 	{
 		value: "",
 		label: "All Orders"
@@ -67,15 +66,15 @@ var _ = {
 		value: "CANCELLED",
 		label: "Cancelled"
 	}
-], y = "\n  query SellerOrdersOrgs {\n    myDeveloperOrganizations {\n      id\n      name\n      slug\n    }\n  }\n", b = "\n  query SellerOrders($organizationId: ID!, $status: SaleStatus, $limit: Int, $offset: Int) {\n    developerOrgSales(\n      organizationId: $organizationId\n      status: $status\n      limit: $limit\n      offset: $offset\n    ) {\n      totalCount\n      edges {\n        node {\n          id\n          storeOrderId\n          storeProductId\n          grossAmount\n          netAmount\n          platformFee\n          currency\n          status\n          buyerUserId\n          purchasedAt\n          refundAmount\n          refundedAt\n          refundReason\n          discountAmount\n          taxAmount\n        }\n      }\n      pageInfo { hasNextPage hasPreviousPage }\n    }\n  }\n";
-function x(e, t) {
+], v = "\n  query SellerOrdersOrgs {\n    myDeveloperOrganizations {\n      id\n      name\n      slug\n    }\n  }\n", y = "\n  query SellerOrders($organizationId: ID!, $status: SaleStatus, $limit: Int, $offset: Int) {\n    developerOrgSales(\n      organizationId: $organizationId\n      status: $status\n      limit: $limit\n      offset: $offset\n    ) {\n      totalCount\n      edges {\n        node {\n          id\n          storeOrderId\n          storeProductId\n          grossAmount\n          netAmount\n          platformFee\n          currency\n          status\n          buyerUserId\n          purchasedAt\n          refundAmount\n          refundedAt\n          refundReason\n          discountAmount\n          taxAmount\n        }\n      }\n      pageInfo { hasNextPage hasPreviousPage }\n    }\n  }\n";
+function b(e, t) {
 	return new Intl.NumberFormat("en-US", {
 		style: "currency",
 		currency: t || "USD",
 		minimumFractionDigits: 2
 	}).format(e);
 }
-function S(e) {
+function x(e) {
 	return new Date(e).toLocaleDateString("en-US", {
 		year: "numeric",
 		month: "short",
@@ -84,51 +83,51 @@ function S(e) {
 		minute: "2-digit"
 	});
 }
-function C(e, t) {
+function S(e, t) {
 	return e ? `#${e.slice(0, 8).toUpperCase()}` : `#${t.slice(0, 8).toUpperCase()}`;
 }
-var w = () => {
-	let { apiGatewayUrl: w, authToken: T } = e(), { t: E } = c(), D = (e, t) => {
-		let n = E(e);
+var C = () => {
+	let { apiGatewayUrl: C, authToken: w } = e(), { t: T } = s(), E = (e, t) => {
+		let n = T(e);
 		return n === e ? t : n;
-	}, O = w ?? "/global/graphql", [k, A] = s(!0), [j, M] = s([]), [N, P] = s(null), [F, I] = s(!1), [L, R] = s([]), [z, B] = s(0), [V, H] = s(null), [U, W] = s(0), [G, K] = s(""), [q, J] = s(0), Y = o(() => ({
+	}, D = C ?? "/global/graphql", [O, k] = o(!0), [A, j] = o([]), [M, N] = o(null), [P, F] = o(!1), [I, L] = o([]), [R, z] = o(0), [B, V] = o(null), [H, U] = o(0), [W, G] = o(""), [K, q] = o(0), J = a(() => ({
 		"Content-Type": "application/json",
-		Authorization: `Bearer ${T ?? ""}`
-	}), [T]);
-	a(() => {
+		Authorization: `Bearer ${w ?? ""}`
+	}), [w]);
+	i(() => {
 		let e = !1;
-		return A(!0), (async () => {
+		return k(!0), (async () => {
 			try {
-				let t = await (await fetch(O, {
+				let t = await (await fetch(D, {
 					method: "POST",
-					headers: Y,
-					body: JSON.stringify({ query: y })
+					headers: J,
+					body: JSON.stringify({ query: v })
 				})).json();
 				if (e) return;
 				let n = t.data?.myDeveloperOrganizations ?? [];
-				M(n), n.length > 0 && P(n[0].id);
+				j(n), n.length > 0 && N(n[0].id);
 			} catch {} finally {
-				e || A(!1);
+				e || k(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
-	}, [O, Y]), a(() => {
-		if (!N) return;
+	}, [D, J]), i(() => {
+		if (!M) return;
 		let e = !1;
-		return I(!0), H(null), (async () => {
+		return F(!0), V(null), (async () => {
 			try {
 				let t = {
-					organizationId: N,
+					organizationId: M,
 					limit: 25,
-					offset: q * 25
+					offset: K * 25
 				};
-				G && (t.status = G);
-				let n = await fetch(O, {
+				W && (t.status = W);
+				let n = await fetch(D, {
 					method: "POST",
-					headers: Y,
+					headers: J,
 					body: JSON.stringify({
-						query: b,
+						query: y,
 						variables: t
 					})
 				});
@@ -137,265 +136,265 @@ var w = () => {
 				if (e) return;
 				if (r.errors?.length) throw Error(r.errors[0]?.message ?? "GraphQL error");
 				let i = r.data?.developerOrgSales;
-				B(i?.totalCount ?? 0), R((i?.edges ?? []).map((e) => ({
+				z(i?.totalCount ?? 0), L((i?.edges ?? []).map((e) => ({
 					...e.node,
 					status: e.node.status
 				})));
 			} catch (t) {
-				e || H(t instanceof Error ? t.message : "Failed to load orders");
+				e || V(t instanceof Error ? t.message : "Failed to load orders");
 			} finally {
-				e || I(!1);
+				e || F(!1);
 			}
 		})(), () => {
 			e = !0;
 		};
 	}, [
-		N,
-		G,
-		q,
-		O,
-		Y,
-		U
+		M,
+		W,
+		K,
+		D,
+		J,
+		H
 	]);
-	let X = o(() => L.filter((e) => e.storeProductId !== null), [L]), Z = o(() => {
-		let e = X;
+	let Y = a(() => I.filter((e) => e.storeProductId !== null), [I]), X = a(() => {
+		let e = Y;
 		return {
-			total: z,
+			total: R,
 			pending: e.filter((e) => e.status === "PENDING").length,
 			completed: e.filter((e) => e.status === "COMPLETED").length,
 			refunded: e.filter((e) => e.status === "REFUNDED" || e.status === "PARTIAL_REFUND").length
 		};
-	}, [X, z]);
-	return k ? /* @__PURE__ */ h(n, {
-		title: D("devportal.orders", "Orders"),
-		children: /* @__PURE__ */ h("div", {
+	}, [Y, R]);
+	return O ? /* @__PURE__ */ m(n, {
+		title: E("devportal.orders", "Orders"),
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ h(d, { className: "h-8 w-8 animate-spin text-text-secondary" })
+			children: /* @__PURE__ */ m(u, { className: "h-8 w-8 animate-spin text-text-secondary" })
 		})
-	}) : j.length === 0 ? /* @__PURE__ */ h(n, {
-		title: D("devportal.orders", "Orders"),
-		description: D("devportal.ordersDesc", "Orders placed by customers for your physical items."),
-		children: /* @__PURE__ */ h(t, {
+	}) : A.length === 0 ? /* @__PURE__ */ m(n, {
+		title: E("devportal.orders", "Orders"),
+		description: E("devportal.ordersDesc", "Orders placed by customers for your physical items."),
+		children: /* @__PURE__ */ m(t, {
 			illustration: "empty-generic",
-			icon: /* @__PURE__ */ h(p, { size: 32 }),
-			title: D("devportal.noOrgForOrders", "No organization yet"),
-			description: D("devportal.createOrgToSell", "Create a developer organization to start selling physical products and receive orders.")
+			icon: /* @__PURE__ */ m(f, { size: 32 }),
+			title: E("devportal.noOrgForOrders", "No organization yet"),
+			description: E("devportal.createOrgToSell", "Create a developer organization to start selling physical products and receive orders.")
 		})
-	}) : /* @__PURE__ */ h(r, {
-		permission: i.APP_READ,
-		children: /* @__PURE__ */ g(n, {
-			title: D("devportal.orders", "Orders"),
-			description: D("devportal.ordersDesc", "Orders placed by customers for your physical items."),
+	}) : /* @__PURE__ */ m(r, {
+		authOnly: !0,
+		children: /* @__PURE__ */ h(n, {
+			title: E("devportal.orders", "Orders"),
+			description: E("devportal.ordersDesc", "Orders placed by customers for your physical items."),
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ h("div", {
 					className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between mb-6",
-					children: [j.length > 1 && /* @__PURE__ */ g("div", {
+					children: [A.length > 1 && /* @__PURE__ */ h("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ h("select", {
-							value: N ?? "",
+						children: [/* @__PURE__ */ m("select", {
+							value: M ?? "",
 							onChange: (e) => {
-								P(e.target.value), J(0);
+								N(e.target.value), q(0);
 							},
 							className: "appearance-none rounded-md border border-border-seam bg-bg-surface pl-3 pr-8 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary",
-							children: j.map((e) => /* @__PURE__ */ h("option", {
+							children: A.map((e) => /* @__PURE__ */ m("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))
-						}), /* @__PURE__ */ h(u, {
+						}), /* @__PURE__ */ m(l, {
 							size: 14,
 							className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-text-muted"
 						})]
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ h("select", {
-							value: G,
+						children: [/* @__PURE__ */ m("select", {
+							value: W,
 							onChange: (e) => {
-								K(e.target.value), J(0);
+								G(e.target.value), q(0);
 							},
 							className: "appearance-none rounded-md border border-border-seam bg-bg-surface pl-3 pr-8 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-primary",
-							children: v.map((e) => /* @__PURE__ */ h("option", {
+							children: _.map((e) => /* @__PURE__ */ m("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
-						}), /* @__PURE__ */ h(u, {
+						}), /* @__PURE__ */ m(l, {
 							size: 14,
 							className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-text-muted"
 						})]
 					})]
 				}),
-				/* @__PURE__ */ h("div", {
+				/* @__PURE__ */ m("div", {
 					className: "grid grid-cols-2 gap-3 sm:grid-cols-4 mb-6",
 					children: [
 						{
 							label: "Total Orders",
-							value: Z.total
+							value: X.total
 						},
 						{
 							label: "Pending",
-							value: Z.pending,
+							value: X.pending,
 							color: "text-status-warning-text"
 						},
 						{
 							label: "Completed",
-							value: Z.completed,
+							value: X.completed,
 							color: "text-status-success-text"
 						},
 						{
 							label: "Refunded",
-							value: Z.refunded,
+							value: X.refunded,
 							color: "text-status-error-text"
 						}
-					].map((e) => /* @__PURE__ */ g("div", {
+					].map((e) => /* @__PURE__ */ h("div", {
 						className: "rounded-lg border border-border-seam bg-bg-surface px-4 py-3",
-						children: [/* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: `text-xs ${e.color ?? "text-text-secondary"}`,
 							children: e.label
-						}), /* @__PURE__ */ h("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "mt-1 text-xl font-semibold tabular-nums",
-							children: F ? /* @__PURE__ */ h(d, { className: "h-4 w-4 animate-spin text-text-secondary" }) : e.value
+							children: P ? /* @__PURE__ */ m(u, { className: "h-4 w-4 animate-spin text-text-secondary" }) : e.value
 						})]
 					}, e.label))
 				}),
-				V && /* @__PURE__ */ g("div", {
+				B && /* @__PURE__ */ h("div", {
 					className: "mb-4 flex items-center gap-3 rounded-lg border border-status-error-border/50 bg-status-error-bg/10 px-4 py-3 text-sm",
 					children: [
-						/* @__PURE__ */ h(l, {
+						/* @__PURE__ */ m(c, {
 							size: 16,
 							className: "shrink-0 text-status-error-text"
 						}),
-						/* @__PURE__ */ h("span", {
+						/* @__PURE__ */ m("span", {
 							className: "text-status-error-text",
-							children: V
+							children: B
 						}),
-						/* @__PURE__ */ h("button", {
-							onClick: () => W((e) => e + 1),
+						/* @__PURE__ */ m("button", {
+							onClick: () => U((e) => e + 1),
 							className: "ml-auto text-xs font-medium text-status-error-text underline",
 							children: "Retry"
 						})
 					]
 				}),
-				F ? /* @__PURE__ */ h("div", {
+				P ? /* @__PURE__ */ m("div", {
 					className: "flex items-center justify-center py-16",
-					children: /* @__PURE__ */ h(d, { className: "h-6 w-6 animate-spin text-text-secondary" })
-				}) : X.length === 0 ? /* @__PURE__ */ h(t, {
+					children: /* @__PURE__ */ m(u, { className: "h-6 w-6 animate-spin text-text-secondary" })
+				}) : Y.length === 0 ? /* @__PURE__ */ m(t, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ h(f, { size: 32 }),
-					title: G ? D("devportal.noOrdersForFilter", "No orders match this filter") : D("devportal.noOrdersYet", "No orders yet"),
-					description: G ? D("devportal.tryDifferentFilter", "Try selecting a different status filter") : D("devportal.ordersWillAppear", "Orders placed for your physical items will appear here once customers make purchases.")
-				}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("div", {
+					icon: /* @__PURE__ */ m(d, { size: 32 }),
+					title: W ? E("devportal.noOrdersForFilter", "No orders match this filter") : E("devportal.noOrdersYet", "No orders yet"),
+					description: W ? E("devportal.tryDifferentFilter", "Try selecting a different status filter") : E("devportal.ordersWillAppear", "Orders placed for your physical items will appear here once customers make purchases.")
+				}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
 					className: "overflow-x-auto rounded-lg border border-border-seam",
-					children: /* @__PURE__ */ g("table", {
+					children: /* @__PURE__ */ h("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ h("thead", { children: /* @__PURE__ */ g("tr", {
+						children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", {
 							className: "border-b border-border-seam bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Order"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Product ID"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Buyer"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-right font-medium text-text-secondary",
 									children: "Gross"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-right font-medium text-text-secondary",
 									children: "Your Earnings"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Status"
 								}),
-								/* @__PURE__ */ h("th", {
+								/* @__PURE__ */ m("th", {
 									className: "px-4 py-3 text-left font-medium text-text-secondary",
 									children: "Date"
 								})
 							]
-						}) }), /* @__PURE__ */ h("tbody", { children: X.map((e) => {
-							let t = _[e.status] ?? _.PENDING;
-							return /* @__PURE__ */ g("tr", {
+						}) }), /* @__PURE__ */ m("tbody", { children: Y.map((e) => {
+							let t = g[e.status] ?? g.PENDING;
+							return /* @__PURE__ */ h("tr", {
 								className: "border-b border-border-subtle last:border-0 hover:bg-bg-sunken/50 transition-colors",
 								children: [
-									/* @__PURE__ */ h("td", {
+									/* @__PURE__ */ m("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ h("span", {
+										children: /* @__PURE__ */ m("span", {
 											className: "font-mono text-xs font-semibold text-text-primary",
-											children: C(e.storeOrderId, e.id)
+											children: S(e.storeOrderId, e.id)
 										})
 									}),
-									/* @__PURE__ */ h("td", {
+									/* @__PURE__ */ m("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ h("span", {
+										children: /* @__PURE__ */ m("span", {
 											className: "font-mono text-xs text-text-secondary",
 											children: e.storeProductId ? `…${e.storeProductId.slice(-8)}` : "—"
 										})
 									}),
-									/* @__PURE__ */ h("td", {
+									/* @__PURE__ */ m("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ h("span", {
+										children: /* @__PURE__ */ m("span", {
 											className: "font-mono text-xs text-text-secondary",
 											children: `…${e.buyerUserId.slice(-8)}`
 										})
 									}),
-									/* @__PURE__ */ h("td", {
+									/* @__PURE__ */ m("td", {
 										className: "px-4 py-3 text-right tabular-nums text-text-primary",
-										children: x(e.grossAmount, e.currency)
+										children: b(e.grossAmount, e.currency)
 									}),
-									/* @__PURE__ */ h("td", {
+									/* @__PURE__ */ m("td", {
 										className: "px-4 py-3 text-right tabular-nums text-status-success-text",
-										children: x(e.netAmount, e.currency)
+										children: b(e.netAmount, e.currency)
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ h("td", {
 										className: "px-4 py-3",
-										children: [/* @__PURE__ */ h("span", {
+										children: [/* @__PURE__ */ m("span", {
 											className: `rounded-full px-2.5 py-0.5 text-xs font-medium ${t.className}`,
 											children: t.label
-										}), e.refundAmount != null && e.refundAmount > 0 && /* @__PURE__ */ g("p", {
+										}), e.refundAmount != null && e.refundAmount > 0 && /* @__PURE__ */ h("p", {
 											className: "mt-0.5 text-[11px] text-status-error-text",
 											children: [
 												"Refunded",
 												" ",
-												x(e.refundAmount, e.currency)
+												b(e.refundAmount, e.currency)
 											]
 										})]
 									}),
-									/* @__PURE__ */ h("td", {
+									/* @__PURE__ */ m("td", {
 										className: "px-4 py-3 text-xs text-text-secondary whitespace-nowrap",
-										children: S(e.purchasedAt)
+										children: x(e.purchasedAt)
 									})
 								]
 							}, e.id);
 						}) })]
 					})
-				}), z > 25 && /* @__PURE__ */ g("div", {
+				}), R > 25 && /* @__PURE__ */ h("div", {
 					className: "mt-4 flex items-center justify-between text-sm",
-					children: [/* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ h("span", {
 						className: "text-text-secondary",
 						children: [
 							"Showing ",
-							q * 25 + 1,
+							K * 25 + 1,
 							"–",
-							Math.min((q + 1) * 25, z),
+							Math.min((K + 1) * 25, R),
 							" of ",
-							z
+							R
 						]
-					}), /* @__PURE__ */ g("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ h("button", {
-							disabled: q === 0,
-							onClick: () => J((e) => e - 1),
+						children: [/* @__PURE__ */ m("button", {
+							disabled: K === 0,
+							onClick: () => q((e) => e - 1),
 							className: "rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
 							children: "Previous"
-						}), /* @__PURE__ */ h("button", {
-							disabled: (q + 1) * 25 >= z,
-							onClick: () => J((e) => e + 1),
+						}), /* @__PURE__ */ m("button", {
+							disabled: (K + 1) * 25 >= R,
+							onClick: () => q((e) => e + 1),
 							className: "rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
 							children: "Next"
 						})]
@@ -406,6 +405,6 @@ var w = () => {
 	});
 };
 //#endregion
-export { w as SellerOrdersPage };
+export { C as SellerOrdersPage };
 
 //# sourceMappingURL=SellerOrdersPage.js.map