@burdenoff/microfe-store 2026.706.1 → 2026.714.1

package/dist/pages/OrdersPage.js

@@ -5,10 +5,10 @@ import { InstallAppModal as r } from "../components/InstallAppModal.js";
 import { useInstallations as i } from "../hooks/useInstallations.js";
 import { useOrders as a } from "../hooks/useOrders.js";
 import { useCallback as o, useMemo as s, useState as c } from "react";
-import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowLeft as l, CheckCircle as u, ChevronRight as d, Clock as f, Download as p, Loader2 as m, Package as h, RefreshCw as g, ShoppingBag as _, XCircle as v } from "lucide-react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useNavigate as x } from "react-router-dom";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowLeft as u, CheckCircle as d, ChevronRight as f, Clock as p, Download as m, Loader2 as h, Package as g, RefreshCw as _, ShoppingBag as v, XCircle as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useNavigate as ee } from "react-router-dom";
 import { GlassCard as S, IllustratedEmptyState as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/pages/OrdersPage.tsx
 var T = [
@@ -20,49 +20,49 @@ var T = [
 		case "COMPLETED":
 		case "FULFILLED":
 		case "PROCESSED": return {
-			icon: u,
+			icon: d,
 			classes: "bg-status-success-bg-subtle/15 text-status-success-text border-status-success-text/20",
 			label: "Completed"
 		};
 		case "PROCESSING": return {
-			icon: f,
+			icon: p,
 			classes: "bg-status-warning-bg-subtle/15 text-status-warning-text border-status-warning-text/20",
 			label: "Processing"
 		};
 		case "PENDING": return {
-			icon: f,
+			icon: p,
 			classes: "bg-status-warning-bg-subtle/15 text-status-warning-text border-status-warning-text/20",
 			label: "Pending"
 		};
 		case "FAILED": return {
-			icon: v,
+			icon: y,
 			classes: "bg-status-error-bg-subtle/15 text-status-error-text border-status-error-text/20",
 			label: "Failed"
 		};
 		case "REFUNDED": return {
-			icon: g,
+			icon: _,
 			classes: "bg-status-warning-bg-subtle/15 text-status-warning-text border-status-warning-text/20",
 			label: "Refunded"
 		};
 		case "CANCELLED": return {
-			icon: g,
+			icon: _,
 			classes: "bg-bg-sunken text-text-muted border-border-default",
 			label: "Cancelled"
 		};
 		default: return {
-			icon: f,
+			icon: p,
 			classes: "bg-bg-sunken text-text-muted border-border-default",
 			label: e
 		};
 	}
 }, D = ({ status: e }) => {
 	let t = E(e), n = t.icon;
-	return /* @__PURE__ */ b("span", {
+	return /* @__PURE__ */ x("span", {
 		className: `inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-semibold ${t.classes}`,
-		children: [/* @__PURE__ */ y(n, { className: "size-3.5" }), t.label]
+		children: [/* @__PURE__ */ b(n, { className: "size-3.5" }), t.label]
 	});
 }, O = () => {
-	let f = x(), { basePath: g } = e(), { t: E } = ee(), { orders: O, loading: k, error: A, refetchOrders: j, hasMore: M, loadMore: te } = a(), { installations: N, refetch: ne } = i();
+	let p = ee(), { basePath: _ } = e(), { t: E } = l(), { orders: O, loading: k, error: A, refetchOrders: j, hasMore: M, loadMore: N } = a(), { installations: P, refetch: te } = i();
 	t({
 		onData: () => {
 			j();
@@ -71,7 +71,7 @@ var T = [
 			console.warn("OrderStatusUpdated subscription error:", e.message);
 		}
 	});
-	let [re, P] = c(/* @__PURE__ */ new Set()), [F, I] = c("completed"), [L, R] = c(!1), [z, B] = c(null), [V, H] = c(null), [ie, U] = c(null), W = s(() => new Set(N.flatMap((e) => e.status === "ACTIVE" ? [e.productId] : [])), [N]), G = O.map((e) => {
+	let [ne, re] = c(/* @__PURE__ */ new Set()), [F, I] = c("completed"), [L, R] = c(!1), [z, B] = c(null), [V, H] = c(null), [ie, U] = c(null), W = s(() => new Set(P.flatMap((e) => e.status === "ACTIVE" ? [e.productId] : [])), [P]), G = O.map((e) => {
 		let t = e.lineItems || [], n = t.reduce((e, t) => e + t.subtotal, 0), r = e.total - n, i = t.map((t, n) => ({
 			id: `${e.id}-${n}`,
 			productId: t.productId,
@@ -92,10 +92,11 @@ var T = [
 			tax: r,
 			total: e.total,
 			status: e.status,
-			createdAt: e.createdAt
+			createdAt: e.createdAt,
+			fulfillment: e.fulfillment ?? null
 		};
 	}), K = s(() => G.filter((e) => T.includes(e.status)), [G]), q = s(() => G.filter((e) => !T.includes(e.status)), [G]), J = F === "completed" ? K : q, Y = o((e) => {
-		P((t) => {
+		re((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
@@ -110,36 +111,36 @@ var T = [
 	}, X = () => {
 		R(!1), B(null), H(null), U(null);
 	}, oe = (e, t) => {
-		X(), ne();
+		X(), te();
 	}, se = (e) => {}, Z = () => {
-		f(`${g}/marketplace`);
+		p(`${_}/marketplace`);
 	}, Q = "px-4 py-3 text-sm", $ = "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wider text-text-muted";
-	return /* @__PURE__ */ b("div", {
+	return /* @__PURE__ */ x("div", {
 		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ y("header", {
+			/* @__PURE__ */ b("header", {
 				className: "flex-shrink-0 border-b border-border-seam bg-bg-surface px-6 py-4",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "mx-auto max-w-6xl",
-					children: /* @__PURE__ */ y("div", {
+					children: /* @__PURE__ */ b("div", {
 						className: "flex items-center justify-between",
-						children: /* @__PURE__ */ b("div", {
+						children: /* @__PURE__ */ x("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ y("button", {
+							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => f(-1),
+								onClick: () => p(-1),
 								"aria-label": "Go back",
 								className: "cursor-pointer rounded-lg p-2 text-text-muted transition-colors hover:bg-bg-sunken hover:text-text-primary",
-								children: /* @__PURE__ */ y(l, { className: "size-5" })
-							}), /* @__PURE__ */ b("div", {
+								children: /* @__PURE__ */ b(u, { className: "size-5" })
+							}), /* @__PURE__ */ x("div", {
 								className: "flex items-center gap-3",
 								children: [
-									/* @__PURE__ */ y(h, { className: "size-6 text-text-primary" }),
-									/* @__PURE__ */ y("h1", {
+									/* @__PURE__ */ b(g, { className: "size-6 text-text-primary" }),
+									/* @__PURE__ */ b("h1", {
 										className: "text-xl font-bold text-text-primary",
 										children: E("pages.orders.title", { defaultValue: "My Orders" })
 									}),
-									G.length > 0 && /* @__PURE__ */ y("span", {
+									G.length > 0 && /* @__PURE__ */ b("span", {
 										className: "rounded-full bg-action-primary-bg/10 px-2.5 py-0.5 text-sm font-medium text-action-primary-bg",
 										children: G.length
 									})
@@ -149,138 +150,138 @@ var T = [
 					})
 				})
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex-1 overflow-y-auto",
-				children: /* @__PURE__ */ b("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "mx-auto max-w-6xl p-6",
-					children: [/* @__PURE__ */ y(w, {
+					children: [/* @__PURE__ */ b(w, {
 						className: "mb-6",
 						children: "A record of everything you've purchased from the marketplace. Track each order's status, review what you paid, and — once an order is complete — install the apps you bought into a workspace right from here. Come back to re-install on a new workspace or check a past receipt."
-					}), k && G.length === 0 ? /* @__PURE__ */ b("div", {
+					}), k && G.length === 0 ? /* @__PURE__ */ x("div", {
 						className: "flex flex-col items-center justify-center py-24",
-						children: [/* @__PURE__ */ y(m, {
+						children: [/* @__PURE__ */ b(h, {
 							className: "size-12 animate-spin text-text-muted mb-4",
 							"aria-hidden": "true"
-						}), /* @__PURE__ */ y("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-text-muted",
 							children: "Loading your orders…"
 						})]
-					}) : A ? /* @__PURE__ */ b("div", {
+					}) : A ? /* @__PURE__ */ x("div", {
 						className: "flex flex-col items-center justify-center py-24 text-center",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "mb-6 rounded-full bg-status-error-bg-subtle/10 p-6",
-								children: /* @__PURE__ */ y(v, { className: "size-16 text-status-error-text" })
+								children: /* @__PURE__ */ b(y, { className: "size-16 text-status-error-text" })
 							}),
-							/* @__PURE__ */ y("h2", {
+							/* @__PURE__ */ b("h2", {
 								className: "mb-2 text-2xl font-bold text-text-primary",
 								children: E("pages.orders.failedToLoad", { defaultValue: "Failed to load orders" })
 							}),
-							/* @__PURE__ */ y("p", {
+							/* @__PURE__ */ b("p", {
 								className: "mb-6 max-w-md text-text-muted",
 								children: A.message || "An error occurred while loading your orders. Please try again."
 							}),
-							/* @__PURE__ */ b("button", {
+							/* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: Z,
 								className: "cursor-pointer flex items-center gap-2 rounded-lg bg-action-primary-bg px-6 py-3 font-semibold text-action-primary-text transition-opacity hover:opacity-90",
-								children: [/* @__PURE__ */ y(_, { className: "size-5" }), "Browse Marketplace"]
+								children: [/* @__PURE__ */ b(v, { className: "size-5" }), "Browse Marketplace"]
 							})
 						]
-					}) : G.length === 0 ? /* @__PURE__ */ y(C, {
+					}) : G.length === 0 ? /* @__PURE__ */ b(C, {
 						illustration: "empty-data",
 						title: E("pages.orders.emptyTitle", { defaultValue: "No orders yet" }),
 						description: "You have not placed any orders yet. Browse the marketplace to discover apps and products!",
-						action: /* @__PURE__ */ b("button", {
+						action: /* @__PURE__ */ x("button", {
 							type: "button",
 							onClick: Z,
 							className: "cursor-pointer flex items-center gap-2 rounded-lg bg-action-primary-bg px-6 py-3 font-semibold text-action-primary-text transition-opacity hover:opacity-90",
-							children: [/* @__PURE__ */ y(_, { className: "size-5" }), "Browse Marketplace"]
+							children: [/* @__PURE__ */ b(v, { className: "size-5" }), "Browse Marketplace"]
 						})
-					}) : /* @__PURE__ */ b("div", {
+					}) : /* @__PURE__ */ x("div", {
 						className: "space-y-4",
-						children: [/* @__PURE__ */ b("div", {
+						children: [/* @__PURE__ */ x("div", {
 							className: "inline-flex rounded-xl border border-border-seam bg-bg-surface p-1",
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => I("completed"),
 								className: `rounded-lg px-4 py-2 text-sm font-medium transition-colors ${F === "completed" ? "bg-action-primary-bg text-action-primary-text" : "text-text-muted hover:bg-bg-sunken hover:text-text-primary"}`,
-								children: ["Completed", /* @__PURE__ */ y("span", {
+								children: ["Completed", /* @__PURE__ */ b("span", {
 									className: "ml-2 rounded-full bg-black/10 px-2 py-0.5 text-xs",
 									children: K.length
 								})]
-							}), /* @__PURE__ */ b("button", {
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => I("pending"),
 								className: `rounded-lg px-4 py-2 text-sm font-medium transition-colors ${F === "pending" ? "bg-action-primary-bg text-action-primary-text" : "text-text-muted hover:bg-bg-sunken hover:text-text-primary"}`,
-								children: ["Pending", /* @__PURE__ */ y("span", {
+								children: ["Pending", /* @__PURE__ */ b("span", {
 									className: "ml-2 rounded-full bg-black/10 px-2 py-0.5 text-xs",
 									children: q.length
 								})]
 							})]
-						}), J.length === 0 ? /* @__PURE__ */ b(S, {
+						}), J.length === 0 ? /* @__PURE__ */ x(S, {
 							className: "p-10 text-center",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-bg-sunken text-text-muted",
-									children: /* @__PURE__ */ y(h, { className: "size-6" })
+									children: /* @__PURE__ */ b(g, { className: "size-6" })
 								}),
-								/* @__PURE__ */ y("h2", {
+								/* @__PURE__ */ b("h2", {
 									className: "mb-2 text-lg font-semibold text-text-primary",
 									children: F === "completed" ? "No completed orders yet" : "No pending orders"
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ b("p", {
 									className: "text-sm text-text-muted",
 									children: F === "completed" ? "Completed purchases will appear here once payment is successful." : "Orders that are pending, processing, failed, refunded, or cancelled will appear here."
 								})
 							]
-						}) : /* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ x("div", {
 							className: "overflow-hidden rounded-xl border border-border-seam bg-bg-surface",
 							children: [
-								/* @__PURE__ */ b("div", {
+								/* @__PURE__ */ x("div", {
 									className: "hidden border-b border-border-seam bg-bg-sunken/50 md:grid md:grid-cols-[40px_1fr_180px_140px_120px_160px]",
 									children: [
-										/* @__PURE__ */ y("div", { className: $ }),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", { className: $ }),
+										/* @__PURE__ */ b("div", {
 											className: $,
 											children: "Order"
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: $,
 											children: "Date"
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: $,
 											children: "Items"
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: `${$} text-right`,
 											children: "Total"
 										}),
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: `${$} text-center`,
 											children: "Status"
 										})
 									]
 								}),
 								J.map((e) => {
-									let t = re.has(e.id), r = e.status === "COMPLETED" || e.status === "FULFILLED" || e.status === "PROCESSED";
-									return /* @__PURE__ */ b("div", {
+									let t = ne.has(e.id), r = e.status === "COMPLETED" || e.status === "FULFILLED" || e.status === "PROCESSED";
+									return /* @__PURE__ */ x("div", {
 										className: "border-b border-border-seam last:border-b-0",
-										children: [/* @__PURE__ */ b("button", {
+										children: [/* @__PURE__ */ x("button", {
 											type: "button",
 											onClick: () => Y(e.id),
 											className: "grid w-full cursor-pointer grid-cols-[40px_1fr_180px_140px_120px_160px] items-center transition-colors hover:bg-bg-sunken/50 md:grid",
 											children: [
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: `${Q} flex justify-center`,
-													children: /* @__PURE__ */ y(d, { className: `size-4 text-text-muted transition-transform duration-200 ${t ? "rotate-90" : ""}` })
+													children: /* @__PURE__ */ b(f, { className: `size-4 text-text-muted transition-transform duration-200 ${t ? "rotate-90" : ""}` })
 												}),
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: `${Q} font-medium text-text-primary`,
 													children: e.orderNumber
 												}),
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: `${Q} text-text-muted`,
 													children: new Date(e.createdAt).toLocaleDateString("en-US", {
 														year: "numeric",
@@ -288,46 +289,120 @@ var T = [
 														day: "numeric"
 													})
 												}),
-												/* @__PURE__ */ b("div", {
+												/* @__PURE__ */ x("div", {
 													className: `${Q} text-text-muted`,
 													children: [
 														e.items.length,
 														" ",
 														e.items.length === 1 ? "item" : "items",
-														/* @__PURE__ */ y("span", {
+														/* @__PURE__ */ b("span", {
 															className: "block text-xs text-text-muted/70",
 															children: e.items.map((e) => e.productName).join(", ")
 														})
 													]
 												}),
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: `${Q} text-right font-semibold tabular-nums text-text-primary`,
 													children: n(e.total)
 												}),
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: `${Q} flex justify-center`,
-													children: /* @__PURE__ */ y(D, { status: e.status })
+													children: /* @__PURE__ */ b(D, { status: e.status })
 												})
 											]
-										}), t && /* @__PURE__ */ b("div", {
+										}), t && /* @__PURE__ */ x("div", {
 											className: "border-t border-border-seam bg-bg-sunken/30",
 											children: [
-												/* @__PURE__ */ b("div", {
+												e.fulfillment && /* @__PURE__ */ x("div", {
+													className: "mx-4 mt-4 rounded-xl border border-border-seam bg-bg-surface px-4 py-4 md:mx-12",
+													children: [/* @__PURE__ */ x("div", {
+														className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
+														children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+															className: "text-sm font-semibold text-text-primary",
+															children: "Order tracking"
+														}), /* @__PURE__ */ x("div", {
+															className: "mt-1 text-xs text-text-muted",
+															children: [
+																e.fulfillment.status || "PENDING",
+																e.fulfillment.carrier ? ` · ${e.fulfillment.carrier}` : "",
+																e.fulfillment.estimatedDeliveryDate ? ` · Est. delivery ${new Date(e.fulfillment.estimatedDeliveryDate).toLocaleDateString()}` : ""
+															]
+														})] }), /* @__PURE__ */ x("div", {
+															className: "flex flex-col items-start gap-2 md:items-end",
+															children: [e.fulfillment.trackingNumber && /* @__PURE__ */ x("div", {
+																className: "text-xs text-text-muted",
+																children: [
+																	"Tracking #:",
+																	" ",
+																	/* @__PURE__ */ b("span", {
+																		className: "font-medium text-text-primary",
+																		children: e.fulfillment.trackingNumber
+																	})
+																]
+															}), e.fulfillment.trackingUrl && /* @__PURE__ */ x("a", {
+																href: e.fulfillment.trackingUrl,
+																target: "_blank",
+																rel: "noreferrer",
+																className: "inline-flex items-center gap-1 rounded-md border border-border-default px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken",
+																children: ["Track package", /* @__PURE__ */ b(f, { className: "size-3.5" })]
+															})]
+														})]
+													}), /* @__PURE__ */ b("div", {
+														className: "mt-4 grid gap-2 sm:grid-cols-4",
+														children: [
+															{
+																key: "PROCESSING",
+																label: "Processing"
+															},
+															{
+																key: "SHIPPED",
+																label: "Shipped"
+															},
+															{
+																key: "OUT_FOR_DELIVERY",
+																label: "Out for delivery"
+															},
+															{
+																key: "DELIVERED",
+																label: "Delivered"
+															}
+														].map((t) => {
+															let n = e.fulfillment?.status || "PENDING";
+															return /* @__PURE__ */ b("div", {
+																className: `rounded-lg border px-3 py-2 text-xs font-medium ${[
+																	"PROCESSING",
+																	"READY_TO_SHIP",
+																	"SHIPPED",
+																	"IN_TRANSIT",
+																	"OUT_FOR_DELIVERY",
+																	"DELIVERED"
+																].indexOf(n) >= [
+																	"PROCESSING",
+																	"SHIPPED",
+																	"OUT_FOR_DELIVERY",
+																	"DELIVERED"
+																].indexOf(t.key) ? "border-status-success-border bg-status-success-bg-subtle text-status-success-text" : "border-border-seam bg-bg-sunken/40 text-text-muted"}`,
+																children: t.label
+															}, t.key);
+														})
+													})]
+												}),
+												/* @__PURE__ */ x("div", {
 													className: "hidden grid-cols-[1fr_100px_120px_160px] gap-4 px-12 py-2 md:grid",
 													children: [
-														/* @__PURE__ */ y("span", {
+														/* @__PURE__ */ b("span", {
 															className: "text-xs font-medium text-text-muted",
 															children: "Product"
 														}),
-														/* @__PURE__ */ y("span", {
+														/* @__PURE__ */ b("span", {
 															className: "text-xs font-medium text-text-muted text-right",
 															children: "Qty"
 														}),
-														/* @__PURE__ */ y("span", {
+														/* @__PURE__ */ b("span", {
 															className: "text-xs font-medium text-text-muted text-right",
 															children: "Price"
 														}),
-														/* @__PURE__ */ y("span", {
+														/* @__PURE__ */ b("span", {
 															className: "text-xs font-medium text-text-muted text-center",
 															children: "Action"
 														})
@@ -335,94 +410,94 @@ var T = [
 												}),
 												e.items.map((t) => {
 													let i = t.productType !== "PHYSICAL" && t.productType !== "MERCHANDISE";
-													return /* @__PURE__ */ b("div", {
+													return /* @__PURE__ */ x("div", {
 														className: "grid grid-cols-[auto_1fr_auto] items-center gap-3 px-4 py-3 md:px-12 md:grid-cols-[1fr_100px_120px_160px]",
 														children: [
-															/* @__PURE__ */ b("div", {
+															/* @__PURE__ */ x("div", {
 																className: "flex items-center gap-3 min-w-0",
-																children: [/* @__PURE__ */ y("div", {
+																children: [/* @__PURE__ */ b("div", {
 																	className: "size-10 flex-shrink-0 overflow-hidden rounded-lg bg-bg-sunken",
-																	children: t.productIcon ? /* @__PURE__ */ y("img", {
+																	children: t.productIcon ? /* @__PURE__ */ b("img", {
 																		src: t.productIcon,
 																		alt: t.productName,
 																		className: "size-full object-cover"
-																	}) : /* @__PURE__ */ y("div", {
+																	}) : /* @__PURE__ */ b("div", {
 																		className: "flex size-full items-center justify-center text-sm font-bold text-text-muted",
 																		children: t.productName.charAt(0)
 																	})
-																}), /* @__PURE__ */ b("div", {
+																}), /* @__PURE__ */ x("div", {
 																	className: "min-w-0",
-																	children: [/* @__PURE__ */ y("p", {
+																	children: [/* @__PURE__ */ b("p", {
 																		className: "truncate text-sm font-medium text-text-primary",
 																		children: t.productName
-																	}), /* @__PURE__ */ y("span", {
+																	}), /* @__PURE__ */ b("span", {
 																		className: "inline-flex items-center rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-muted",
 																		children: t.productType
 																	})]
 																})]
 															}),
-															/* @__PURE__ */ y("div", {
+															/* @__PURE__ */ b("div", {
 																className: "hidden text-right text-sm text-text-muted md:block",
 																children: t.quantity
 															}),
-															/* @__PURE__ */ y("div", {
+															/* @__PURE__ */ b("div", {
 																className: "hidden text-right text-sm font-semibold tabular-nums text-text-primary md:block",
 																children: n(t.totalPrice)
 															}),
-															/* @__PURE__ */ b("div", {
+															/* @__PURE__ */ x("div", {
 																className: "text-right text-sm text-text-muted md:hidden",
-																children: [/* @__PURE__ */ b("span", {
+																children: [/* @__PURE__ */ x("span", {
 																	className: "tabular-nums",
 																	children: [t.quantity, " × "]
-																}), /* @__PURE__ */ y("span", {
+																}), /* @__PURE__ */ b("span", {
 																	className: "font-semibold text-text-primary tabular-nums",
 																	children: n(t.unitPrice)
 																})]
 															}),
-															/* @__PURE__ */ y("div", {
+															/* @__PURE__ */ b("div", {
 																className: "flex justify-end md:justify-center",
-																children: t.installed ? /* @__PURE__ */ b("span", {
+																children: t.installed ? /* @__PURE__ */ x("span", {
 																	className: "inline-flex items-center gap-1 rounded-lg px-3 py-1.5 text-xs font-medium text-status-success-text",
-																	children: [/* @__PURE__ */ y(u, { className: "size-3.5" }), "Installed"]
-																}) : r && i ? /* @__PURE__ */ b("button", {
+																	children: [/* @__PURE__ */ b(d, { className: "size-3.5" }), "Installed"]
+																}) : r && i ? /* @__PURE__ */ x("button", {
 																	type: "button",
 																	onClick: (n) => {
 																		n.stopPropagation(), ae(e.id, t);
 																	},
 																	className: "inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-medium text-action-primary-text transition-all hover:opacity-90 active:scale-95",
-																	children: [/* @__PURE__ */ y(p, { className: "size-3.5" }), "Install App"]
+																	children: [/* @__PURE__ */ b(m, { className: "size-3.5" }), "Install App"]
 																}) : null
 															})
 														]
 													}, t.id);
 												}),
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: "border-t border-border-seam/50 px-4 py-2 md:px-12",
-													children: /* @__PURE__ */ b("div", {
+													children: /* @__PURE__ */ x("div", {
 														className: "flex justify-end gap-6 text-xs text-text-muted",
 														children: [
-															/* @__PURE__ */ b("span", { children: [
+															/* @__PURE__ */ x("span", { children: [
 																"Subtotal:",
 																" ",
-																/* @__PURE__ */ y("span", {
+																/* @__PURE__ */ b("span", {
 																	className: "tabular-nums text-text-primary",
 																	children: n(e.subtotal)
 																})
 															] }),
-															/* @__PURE__ */ b("span", { children: [
+															/* @__PURE__ */ x("span", { children: [
 																"Tax:",
 																" ",
-																/* @__PURE__ */ y("span", {
+																/* @__PURE__ */ b("span", {
 																	className: "tabular-nums text-text-primary",
 																	children: n(e.tax)
 																})
 															] }),
-															/* @__PURE__ */ b("span", {
+															/* @__PURE__ */ x("span", {
 																className: "font-semibold",
 																children: [
 																	"Total:",
 																	" ",
-																	/* @__PURE__ */ y("span", {
+																	/* @__PURE__ */ b("span", {
 																		className: "tabular-nums text-text-primary",
 																		children: n(e.total)
 																	})
@@ -435,15 +510,15 @@ var T = [
 										})]
 									}, e.id);
 								}),
-								M && /* @__PURE__ */ y("div", {
+								M && /* @__PURE__ */ b("div", {
 									className: "flex justify-center px-4 py-5",
-									children: /* @__PURE__ */ b("button", {
+									children: /* @__PURE__ */ x("button", {
 										type: "button",
-										onClick: te,
+										onClick: N,
 										disabled: k,
 										className: "flex items-center gap-2 rounded-lg border border-border-default px-6 py-2.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-subtle disabled:opacity-50",
 										"aria-label": E("common.loadMore", { defaultValue: "Load more" }),
-										children: [k ? /* @__PURE__ */ y(m, {
+										children: [k ? /* @__PURE__ */ b(h, {
 											className: "size-4 animate-spin",
 											"aria-hidden": "true"
 										}) : null, E("common.loadMore", { defaultValue: "Load more" })]
@@ -454,7 +529,7 @@ var T = [
 					})]
 				})
 			}),
-			V && /* @__PURE__ */ y(r, {
+			V && /* @__PURE__ */ b(r, {
 				isOpen: L,
 				onClose: X,
 				app: V,