@burdenoff/microfe-store 2026.805.1 → 2026.819.1

package/dist/pages/MyLicensesPage.js

@@ -1,130 +1,130 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useMyEntitlements as t } from "../hooks/useStoreGraphQL.js";
 import { useMemo as n } from "react";
-import { QuotaMeter as r } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as a, ArrowLeft as o, Loader2 as s, ShieldCheck as c } from "lucide-react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useNavigate as f } from "react-router";
+import { useNavigate as r } from "react-router";
+import { QuotaMeter as i } from "@burdenoff/fe-libs/shared/components";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as o, ArrowLeft as s, Loader2 as c, ShieldCheck as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { EmphasisPanel as p, IllustratedEmptyState as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/pages/MyLicensesPage.tsx
 var g = (e) => e === "ACTIVE" ? "bg-status-success-bg-subtle text-status-success-text" : e === "SUSPENDED" || e === "PENDING" ? "bg-status-warning-bg-subtle text-status-warning-text" : e === "EXPIRED" || e === "REVOKED" ? "bg-status-error-bg-subtle text-status-error-text" : "bg-bg-sunken text-text-muted", _ = () => {
-	let _ = f(), { basePath: v } = e(), { t: y } = i(), { entitlements: b, hasMore: x, loading: S, error: C, refetch: w, loadMore: T } = t(), E = n(() => b.slice().sort((e, t) => e.id.localeCompare(t.id)), [b]);
-	return /* @__PURE__ */ d("div", {
+	let _ = r(), { basePath: v } = e(), { t: y } = a(), { entitlements: b, hasMore: x, loading: S, error: C, refetch: w, loadMore: T } = t(), E = n(() => b.slice().sort((e, t) => e.id.localeCompare(t.id)), [b]);
+	return /* @__PURE__ */ f("div", {
 		className: "flex h-full flex-col",
-		children: [/* @__PURE__ */ u("header", {
+		children: [/* @__PURE__ */ d("header", {
 			className: "sticky top-0 z-10 border-b border-border-seam bg-bg-surface px-6 py-4",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "mx-auto flex max-w-5xl items-center gap-4",
-				children: [/* @__PURE__ */ u("button", {
+				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					onClick: () => _(-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__ */ u(o, { className: "size-5" })
-				}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+					children: /* @__PURE__ */ d(s, { className: "size-5" })
+				}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 					className: "text-2xl font-bold text-text-primary",
 					children: y("pages.licenses.title", { defaultValue: "My Licenses" })
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "text-sm text-text-muted",
 					children: y("pages.licenses.subtitle", { defaultValue: "Review and manage your product entitlements" })
 				})] })]
 			})
-		}), /* @__PURE__ */ u("main", {
+		}), /* @__PURE__ */ d("main", {
 			className: "flex-1 overflow-y-auto p-6",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "mx-auto max-w-5xl",
-				children: [/* @__PURE__ */ u(h, {
+				children: [/* @__PURE__ */ d(h, {
 					className: "mb-6",
 					children: "Every paid app you own grants a license (entitlement) that proves your right to use it. Check here to confirm a license is active, find a license key to enter into a product, and see when paid access expires — so you're never caught out by a lapsed or suspended entitlement."
-				}), S ? /* @__PURE__ */ u("output", {
+				}), S ? /* @__PURE__ */ d("output", {
 					"aria-label": "Loading licenses",
 					className: "flex items-center justify-center py-16",
-					children: /* @__PURE__ */ u(s, {
+					children: /* @__PURE__ */ d(c, {
 						className: "size-8 animate-spin text-text-muted",
 						"aria-hidden": "true"
 					})
-				}) : C ? /* @__PURE__ */ d("div", {
+				}) : C ? /* @__PURE__ */ f("div", {
 					role: "alert",
 					className: "rounded-xl border border-status-error-border bg-status-error-bg-subtle p-8 text-center",
 					children: [
-						/* @__PURE__ */ u(a, { className: "mx-auto mb-3 size-10 text-status-error-text" }),
-						/* @__PURE__ */ u("h3", {
+						/* @__PURE__ */ d(o, { className: "mx-auto mb-3 size-10 text-status-error-text" }),
+						/* @__PURE__ */ d("h3", {
 							className: "text-lg font-semibold text-status-error-text",
 							children: y("pages.licenses.failedToLoad", { defaultValue: "Failed to load licenses" })
 						}),
-						/* @__PURE__ */ u("p", {
+						/* @__PURE__ */ d("p", {
 							className: "mt-2 text-sm text-text-muted",
 							children: C.message
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: () => w(),
 							className: "mt-4 cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
 							children: y("common.tryAgain", { defaultValue: "Try Again" })
 						})
 					]
-				}) : E.length === 0 ? /* @__PURE__ */ u(m, {
+				}) : E.length === 0 ? /* @__PURE__ */ d(m, {
 					illustration: "empty-data",
 					title: y("pages.licenses.emptyTitle", { defaultValue: "No licenses yet" }),
 					description: y("pages.licenses.emptyDescription", { defaultValue: "Purchase apps from the marketplace to see your licenses here." }),
-					action: /* @__PURE__ */ u("button", {
+					action: /* @__PURE__ */ d("button", {
 						type: "button",
 						onClick: () => _(`${v}/marketplace`),
 						className: "cursor-pointer rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
 						children: y("pages.licenses.browseMarketplace", { defaultValue: "Browse Marketplace" })
 					})
-				}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(p, {
+				}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(p, {
 					className: "mb-6",
-					children: /* @__PURE__ */ u(r, {
+					children: /* @__PURE__ */ d(i, {
 						label: y("pages.licenses.activeLicenses", { defaultValue: "Active licenses" }),
 						used: E.filter((e) => e.status === "ACTIVE").length,
 						limit: null,
 						unit: y("pages.licenses.licensesUnit", { defaultValue: "licenses" })
 					})
-				}), /* @__PURE__ */ d("ul", {
+				}), /* @__PURE__ */ f("ul", {
 					className: "flex flex-col gap-y-4",
-					children: [E.map((e) => /* @__PURE__ */ u("li", {
+					children: [E.map((e) => /* @__PURE__ */ d("li", {
 						className: "rounded-xl border border-border-seam bg-bg-surface p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
-						children: /* @__PURE__ */ d("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ d("div", { children: [
-								/* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ f("div", { children: [
+								/* @__PURE__ */ f("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ u(c, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ d("h3", {
+									children: [/* @__PURE__ */ d(l, { className: "size-4 text-status-success-text" }), /* @__PURE__ */ f("h3", {
 										className: "font-semibold text-text-primary",
 										children: ["Product ", e.productId]
 									})]
 								}),
-								/* @__PURE__ */ u("p", {
+								/* @__PURE__ */ d("p", {
 									className: "mt-1 text-sm text-text-muted",
 									children: y("pages.licenses.entitlementId", {
 										defaultValue: `Entitlement ID: ${e.id}`,
 										id: e.id
 									})
 								}),
-								e.licenseKey && /* @__PURE__ */ u("p", {
+								e.licenseKey && /* @__PURE__ */ d("p", {
 									className: "mt-1 text-sm text-text-muted",
 									children: y("pages.licenses.licenseKey", {
 										defaultValue: `License key: ${e.licenseKey}`,
 										key: e.licenseKey
 									})
 								}),
-								e.expiresAt && /* @__PURE__ */ u("p", {
+								e.expiresAt && /* @__PURE__ */ d("p", {
 									className: "mt-1 text-sm text-text-muted",
 									children: y("pages.licenses.expiresOn", {
 										defaultValue: `Expires on ${new Date(e.expiresAt).toLocaleDateString()}`,
 										date: new Date(e.expiresAt).toLocaleDateString()
 									})
 								})
-							] }), /* @__PURE__ */ u("span", {
+							] }), /* @__PURE__ */ d("span", {
 								className: `rounded-full px-3 py-1 text-xs font-semibold ${g(e.status)} ${e.status === "ACTIVE" ? "motion-safe:animate-vc-glow-pulse" : ""}`,
 								children: e.status
 							})]
 						})
-					}, e.id)), x && /* @__PURE__ */ u("li", {
+					}, e.id)), x && /* @__PURE__ */ d("li", {
 						className: "flex justify-center pt-4 list-none",
-						children: /* @__PURE__ */ u("button", {
+						children: /* @__PURE__ */ d("button", {
 							type: "button",
 							onClick: T,
 							disabled: S,

package/dist/pages/OrderConfirmationPage.js

@@ -2,21 +2,21 @@ import { useStore as e } from "../providers/StoreProvider.js";
 import { formatPrice as t } from "../utils/index.js";
 import { nativeCopyText as n, nativeImpact as r, nativeNotify as i } from "../utils/nativeBridge.js";
 import { useEffect as a, useState as o } from "react";
-import { ArrowRight as s, CheckCircle2 as c, Copy as l, Download as u, KeyRound as d, Package as f, Receipt as p, Truck as m } from "lucide-react";
-import { graphqlFetch as h } from "@burdenoff/fe-libs/shared/graphql";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useNavigate as y, useParams as b } from "react-router";
+import { useNavigate as s, useParams as c } from "react-router";
+import { ArrowRight as l, CheckCircle2 as u, Copy as d, Download as f, KeyRound as p, Package as m, Receipt as h, Truck as g } from "lucide-react";
+import { graphqlFetch as _ } from "@burdenoff/fe-libs/shared/graphql";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { EmphasisPanel as x, NextSteps as S } from "@burdenoff/fe-libs/ui";
 //#region src/pages/OrderConfirmationPage.tsx
 var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n      id\n      status\n      total\n      currency\n      purchasedAt\n      lineItems\n      context\n      fulfillment {\n        status\n        trackingNumber\n        trackingUrl\n        carrier\n        estimatedDeliveryDate\n      }\n    }\n    myEntitlements {\n      id\n      productId\n      licenseKey\n      expiresAt\n      features\n      product {\n        id\n        name\n        slug\n        icon\n        manifest\n      }\n    }\n  }\n", w = () => {
-	let w = y(), { basePath: T, authToken: E } = e(), { orderId: D } = b(), [O, k] = o(null), [A, j] = o([]), [M, N] = o(!0), [P, F] = o(null), [I, L] = o(null);
+	let w = s(), { basePath: T, authToken: E } = e(), { orderId: D } = c(), [O, k] = o(null), [A, j] = o([]), [M, N] = o(!0), [P, F] = o(null), [I, L] = o(null);
 	a(() => {
 		if (!D) return;
 		let e = !1;
 		return (async () => {
 			N(!0), F(null);
 			try {
-				let t = await h({
+				let t = await _({
 					gateway: "global",
 					query: C,
 					variables: { id: D },
@@ -48,18 +48,18 @@ var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 		let n = new URLSearchParams();
 		n.set("install", e), t && n.set("licenseKey", t), window.location.href = `/vibecontrols/agents?${n.toString()}`;
 	}, B = (e, n) => t(e, n || "USD"), V = O?.lineItems ?? [], H = V.some((e) => String(e.itemType ?? "").toLowerCase() === "physical"), U = V.some((e) => String(e.itemType ?? "").toLowerCase() !== "physical");
-	return /* @__PURE__ */ v("main", {
+	return /* @__PURE__ */ b("main", {
 		className: "mx-auto max-w-3xl p-6",
 		children: [
-			/* @__PURE__ */ v(x, {
+			/* @__PURE__ */ b(x, {
 				className: "rounded-2xl p-6 text-center",
 				children: [
-					/* @__PURE__ */ _(c, { className: "mx-auto size-12 text-status-success-text" }),
-					/* @__PURE__ */ _("h1", {
+					/* @__PURE__ */ y(u, { className: "mx-auto size-12 text-status-success-text" }),
+					/* @__PURE__ */ y("h1", {
 						className: "mt-3 text-2xl font-bold text-text-primary",
 						children: "Order placed successfully"
 					}),
-					O && /* @__PURE__ */ v("p", {
+					O && /* @__PURE__ */ b("p", {
 						className: "mt-1 text-sm tabular-nums text-text-secondary",
 						children: [
 							"Total: ",
@@ -67,43 +67,43 @@ var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 							O.purchasedAt && ` • ${new Date(O.purchasedAt).toLocaleString()}`
 						]
 					}),
-					D && /* @__PURE__ */ v("div", {
+					D && /* @__PURE__ */ b("div", {
 						className: "mx-auto mt-4 max-w-sm rounded-lg border border-border-seam bg-surface-default px-4 py-2 text-left",
-						children: [/* @__PURE__ */ _("p", {
+						children: [/* @__PURE__ */ y("p", {
 							className: "text-xs uppercase tracking-wide text-text-tertiary",
 							children: "Order ID"
-						}), /* @__PURE__ */ _("p", {
+						}), /* @__PURE__ */ y("p", {
 							className: "mt-0.5 break-all font-mono text-xs text-text-primary",
 							children: D
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ _("p", {
+			/* @__PURE__ */ y("p", {
 				className: "mt-3 text-center text-xs text-text-tertiary",
 				children: H ? "You'll receive shipping and tracking updates as your order is prepared and dispatched." : "This purchase is final and non-refundable. Digital app orders cannot be cancelled once completed."
 			}),
-			P && /* @__PURE__ */ _("div", {
+			P && /* @__PURE__ */ y("div", {
 				role: "alert",
 				className: "mt-4 rounded-md border border-border-danger bg-surface-danger-muted px-4 py-3 text-sm text-text-danger",
 				children: P
 			}),
-			M ? /* @__PURE__ */ _("output", {
+			M ? /* @__PURE__ */ y("output", {
 				className: "mt-6 block py-12 text-center text-text-secondary",
 				children: "Loading your order…"
-			}) : /* @__PURE__ */ v(g, { children: [H && /* @__PURE__ */ v("section", {
+			}) : /* @__PURE__ */ b(v, { children: [H && /* @__PURE__ */ b("section", {
 				className: "mt-6",
-				children: [/* @__PURE__ */ v("h2", {
+				children: [/* @__PURE__ */ b("h2", {
 					className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
-					children: [/* @__PURE__ */ _(m, { className: "size-4" }), "Shipping"]
-				}), /* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ y(g, { className: "size-4" }), "Shipping"]
+				}), /* @__PURE__ */ b("div", {
 					className: "rounded-lg border border-border-seam bg-surface-raised p-4",
 					children: [
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: O?.fulfillment?.status && O.fulfillment.status !== "PENDING" ? `Status: ${((e) => e.replace(/_/g, " ").toLowerCase().replace(/^./, (e) => e.toUpperCase()))(O.fulfillment.status)}` : "Your order is being prepared for shipment. We'll share tracking details once it ships."
 						}),
-						O?.fulfillment?.estimatedDeliveryDate && /* @__PURE__ */ v("p", {
+						O?.fulfillment?.estimatedDeliveryDate && /* @__PURE__ */ b("p", {
 							className: "mt-1 text-xs text-text-tertiary",
 							children: [
 								"Estimated delivery:",
@@ -111,29 +111,29 @@ var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 								new Date(O.fulfillment.estimatedDeliveryDate).toLocaleDateString()
 							]
 						}),
-						O?.fulfillment?.trackingUrl && /* @__PURE__ */ v("a", {
+						O?.fulfillment?.trackingUrl && /* @__PURE__ */ b("a", {
 							href: O.fulfillment.trackingUrl,
 							target: "_blank",
 							rel: "noreferrer",
 							className: "mt-3 inline-flex items-center gap-1.5 rounded-md border border-border-default bg-surface-default px-3 py-1.5 text-xs font-semibold text-text-primary hover:bg-surface-hover",
 							children: [
-								/* @__PURE__ */ _(f, { className: "size-3.5" }),
+								/* @__PURE__ */ y(m, { className: "size-3.5" }),
 								"Track package",
 								O.fulfillment.trackingNumber ? ` (${O.fulfillment.trackingNumber})` : ""
 							]
 						}),
-						/* @__PURE__ */ _("ul", {
+						/* @__PURE__ */ y("ul", {
 							className: "mt-4 space-y-2 border-t border-border-seam pt-3",
-							children: V.filter((e) => String(e.itemType ?? "").toLowerCase() === "physical").map((e, t) => /* @__PURE__ */ v("li", {
+							children: V.filter((e) => String(e.itemType ?? "").toLowerCase() === "physical").map((e, t) => /* @__PURE__ */ b("li", {
 								className: "flex items-center justify-between gap-3 text-sm",
-								children: [/* @__PURE__ */ v("span", {
+								children: [/* @__PURE__ */ b("span", {
 									className: "min-w-0 truncate text-text-primary",
 									children: [
 										e.name,
 										" × ",
 										e.quantity
 									]
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ y("span", {
 									className: "tabular-nums text-text-secondary",
 									children: B(e.subtotal, O?.currency ?? "USD")
 								})]
@@ -141,73 +141,73 @@ var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 						})
 					]
 				})]
-			}), A.length > 0 && /* @__PURE__ */ v("div", {
+			}), A.length > 0 && /* @__PURE__ */ b("div", {
 				className: "mt-6",
-				children: [/* @__PURE__ */ v("h2", {
+				children: [/* @__PURE__ */ b("h2", {
 					className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [
-						/* @__PURE__ */ _(d, { className: "size-4" }),
+						/* @__PURE__ */ y(p, { className: "size-4" }),
 						"Your licenses (",
 						A.length,
 						")"
 					]
-				}), /* @__PURE__ */ _("ul", {
+				}), /* @__PURE__ */ y("ul", {
 					className: "space-y-3",
-					children: A.map((e) => /* @__PURE__ */ _("li", {
+					children: A.map((e) => /* @__PURE__ */ y("li", {
 						className: "rounded-lg border border-border-seam bg-surface-raised p-4 transition-[box-shadow,border-color] hover:border-border-strong hover:shadow-[var(--shadow-pop)]",
-						children: /* @__PURE__ */ v("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "flex items-start gap-3",
 							children: [
-								e.product?.icon ? /* @__PURE__ */ _("img", {
+								e.product?.icon ? /* @__PURE__ */ y("img", {
 									src: e.product.icon,
 									alt: "",
 									className: "size-12 flex-shrink-0 rounded-md object-cover"
-								}) : /* @__PURE__ */ _("div", {
+								}) : /* @__PURE__ */ y("div", {
 									className: "flex size-12 flex-shrink-0 items-center justify-center rounded-md bg-surface-muted text-xs text-text-secondary",
 									children: e.product?.name.slice(0, 2).toUpperCase() ?? "?"
 								}),
-								/* @__PURE__ */ v("div", {
+								/* @__PURE__ */ b("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ _("h3", {
+										/* @__PURE__ */ y("h3", {
 											className: "text-base font-semibold text-text-primary",
 											children: e.product?.name ?? "Unknown product"
 										}),
-										e.expiresAt && /* @__PURE__ */ v("p", {
+										e.expiresAt && /* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary",
 											children: ["Expires: ", new Date(e.expiresAt).toLocaleDateString()]
 										}),
-										e.licenseKey && /* @__PURE__ */ v("div", {
+										e.licenseKey && /* @__PURE__ */ b("div", {
 											className: "mt-2 flex items-center gap-2",
-											children: [/* @__PURE__ */ _("code", {
+											children: [/* @__PURE__ */ y("code", {
 												className: "flex-1 truncate rounded bg-surface-muted px-2 py-1 font-mono text-[11px] text-text-primary",
 												children: e.licenseKey
-											}), /* @__PURE__ */ _("button", {
+											}), /* @__PURE__ */ y("button", {
 												type: "button",
 												onClick: () => void R(e.licenseKey),
 												className: "rounded-md border border-border-default bg-surface-default p-1 text-text-primary hover:bg-surface-hover",
 												title: "Copy license key",
-												children: /* @__PURE__ */ _(l, { className: "size-3.5" })
+												children: /* @__PURE__ */ y(d, { className: "size-3.5" })
 											})]
 										}),
-										I === e.licenseKey && /* @__PURE__ */ _("p", {
+										I === e.licenseKey && /* @__PURE__ */ y("p", {
 											className: "mt-1 text-xs text-status-success-text",
 											children: "Copied to clipboard"
 										})
 									]
 								}),
-								/* @__PURE__ */ v("button", {
+								/* @__PURE__ */ b("button", {
 									type: "button",
 									onClick: () => z(e.productId, e.licenseKey),
 									className: "inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text hover:opacity-90",
-									children: [/* @__PURE__ */ _(u, { className: "size-3.5" }), "Install to workspace"]
+									children: [/* @__PURE__ */ y(f, { className: "size-3.5" }), "Install to workspace"]
 								})
 							]
 						})
 					}, e.id))
 				})]
 			})] }),
-			!M && /* @__PURE__ */ _(S, {
+			!M && /* @__PURE__ */ y(S, {
 				className: "mt-6",
 				storageKey: "store-order-confirmation",
 				title: "What's next?",
@@ -216,7 +216,7 @@ var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 						id: "install",
 						label: "Install what you bought",
 						description: "Add each purchased app to a workspace using its license.",
-						icon: /* @__PURE__ */ _(u, { className: "size-4" }),
+						icon: /* @__PURE__ */ y(f, { className: "size-4" }),
 						onClick: () => {
 							let e = A[0];
 							e && z(e.productId, e.licenseKey);
@@ -227,37 +227,37 @@ var C = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 						id: "track",
 						label: "Track your order",
 						description: "Follow delivery status under My Orders.",
-						icon: /* @__PURE__ */ _(m, { className: "size-4" }),
+						icon: /* @__PURE__ */ y(g, { className: "size-4" }),
 						onClick: () => w(`${T}/orders`)
 					}] : [],
 					{
 						id: "orders",
 						label: "Keep this receipt",
 						description: "Find this order any time under My Orders.",
-						icon: /* @__PURE__ */ _(p, { className: "size-4" }),
+						icon: /* @__PURE__ */ y(h, { className: "size-4" }),
 						onClick: () => w(`${T}/orders`)
 					},
 					{
 						id: "shop",
 						label: "Discover more",
 						description: "Browse the marketplace for more apps and tools.",
-						icon: /* @__PURE__ */ _(s, { className: "size-4" }),
+						icon: /* @__PURE__ */ y(l, { className: "size-4" }),
 						onClick: () => w(`${T}/marketplace`)
 					}
 				]
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mt-6 flex flex-col gap-2 sm:flex-row sm:justify-center",
-				children: [/* @__PURE__ */ v("button", {
+				children: [/* @__PURE__ */ b("button", {
 					type: "button",
 					onClick: () => w(`${T}/orders`),
 					className: "cursor-pointer inline-flex items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-semibold text-action-primary-text",
-					children: [/* @__PURE__ */ _(p, { className: "size-4" }), "View My Orders"]
-				}), /* @__PURE__ */ v("button", {
+					children: [/* @__PURE__ */ y(h, { className: "size-4" }), "View My Orders"]
+				}), /* @__PURE__ */ b("button", {
 					type: "button",
 					onClick: () => w(`${T}/marketplace`),
 					className: "cursor-pointer inline-flex items-center justify-center gap-2 rounded-lg border border-border-default px-4 py-2 text-sm font-semibold text-text-primary hover:bg-surface-hover",
-					children: ["Continue Shopping", /* @__PURE__ */ _(s, { className: "size-4" })]
+					children: ["Continue Shopping", /* @__PURE__ */ y(l, { className: "size-4" })]
 				})]
 			})
 		]

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 l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as l } from "react-router";
+import { useI18n as ee } 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";
 import { GlassCard as S, IllustratedEmptyState as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/pages/OrdersPage.tsx
 var T = [
@@ -62,7 +62,7 @@ var T = [
 		children: [/* @__PURE__ */ b(n, { className: "size-3.5" }), t.label]
 	});
 }, O = () => {
-	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();
+	let p = l(), { basePath: _ } = e(), { t: E } = ee(), { orders: O, loading: k, error: A, refetchOrders: j, hasMore: M, loadMore: N } = a(), { installations: P, refetch: te } = i();
 	t({
 		onData: () => {
 			j();