@burdenoff/microfe-store 2026.626.2 → 2026.703.2

package/dist/pages/OrderConfirmationPage.js

@@ -3,20 +3,20 @@ 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, Receipt as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useNavigate as h, useParams as g } from "react-router-dom";
-import { graphqlFetch as _ } from "@burdenoff/fe-libs/shared/graphql";
+import { graphqlFetch as p } from "@burdenoff/fe-libs/shared/graphql";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useNavigate as g, useParams as _ } from "react-router-dom";
 import { EmphasisPanel as v, NextSteps as y } from "@burdenoff/fe-libs/ui";
 //#region src/pages/OrderConfirmationPage.tsx
 var b = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n      id\n      status\n      total\n      currency\n      purchasedAt\n      lineItems\n      context\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", x = () => {
-	let x = h(), { basePath: S, authToken: C } = e(), { orderId: w } = g(), [T, E] = o(null), [D, O] = o([]), [k, A] = o(!0), [j, M] = o(null), [N, P] = o(null);
+	let x = g(), { basePath: S, authToken: C } = e(), { orderId: w } = _(), [T, E] = o(null), [D, O] = o([]), [k, A] = o(!0), [j, M] = o(null), [N, P] = o(null);
 	a(() => {
 		if (!w) return;
 		let e = !1;
 		return (async () => {
 			A(!0), M(null);
 			try {
-				let t = await _({
+				let t = await p({
 					gateway: "global",
 					query: b,
 					variables: { id: w },
@@ -48,18 +48,18 @@ var b = "\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()}`;
 	};
-	return /* @__PURE__ */ m("main", {
+	return /* @__PURE__ */ h("main", {
 		className: "mx-auto max-w-3xl p-6",
 		children: [
-			/* @__PURE__ */ m(v, {
+			/* @__PURE__ */ h(v, {
 				className: "rounded-2xl p-6 text-center",
 				children: [
-					/* @__PURE__ */ p(c, { className: "mx-auto size-12 text-status-success-text" }),
-					/* @__PURE__ */ p("h1", {
+					/* @__PURE__ */ m(c, { className: "mx-auto size-12 text-status-success-text" }),
+					/* @__PURE__ */ m("h1", {
 						className: "mt-3 text-2xl font-bold text-text-primary",
 						children: "Order placed successfully"
 					}),
-					T && /* @__PURE__ */ m("p", {
+					T && /* @__PURE__ */ h("p", {
 						className: "mt-1 text-sm tabular-nums text-text-secondary",
 						children: [
 							"Total: ",
@@ -67,93 +67,93 @@ var b = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 							T.purchasedAt && ` • ${new Date(T.purchasedAt).toLocaleString()}`
 						]
 					}),
-					w && /* @__PURE__ */ m("div", {
+					w && /* @__PURE__ */ h("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("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-xs uppercase tracking-wide text-text-tertiary",
 							children: "Order ID"
-						}), /* @__PURE__ */ p("p", {
+						}), /* @__PURE__ */ m("p", {
 							className: "mt-0.5 break-all font-mono text-xs text-text-primary",
 							children: w
 						})]
 					})
 				]
 			}),
-			j && /* @__PURE__ */ p("div", {
+			j && /* @__PURE__ */ m("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: j
 			}),
-			k ? /* @__PURE__ */ p("output", {
+			k ? /* @__PURE__ */ m("output", {
 				className: "mt-6 block py-12 text-center text-text-secondary",
 				children: "Loading licenses…"
-			}) : D.length > 0 ? /* @__PURE__ */ m("div", {
+			}) : D.length > 0 ? /* @__PURE__ */ h("div", {
 				className: "mt-6",
-				children: [/* @__PURE__ */ m("h2", {
+				children: [/* @__PURE__ */ h("h2", {
 					className: "mb-3 flex items-center gap-2 text-sm font-semibold text-text-primary",
 					children: [
-						/* @__PURE__ */ p(d, { className: "size-4" }),
+						/* @__PURE__ */ m(d, { className: "size-4" }),
 						"Your licenses (",
 						D.length,
 						")"
 					]
-				}), /* @__PURE__ */ p("ul", {
+				}), /* @__PURE__ */ m("ul", {
 					className: "space-y-3",
-					children: D.map((e) => /* @__PURE__ */ p("li", {
+					children: D.map((e) => /* @__PURE__ */ m("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__ */ m("div", {
+						children: /* @__PURE__ */ h("div", {
 							className: "flex items-start gap-3",
 							children: [
-								e.product?.icon ? /* @__PURE__ */ p("img", {
+								e.product?.icon ? /* @__PURE__ */ m("img", {
 									src: e.product.icon,
 									alt: "",
 									className: "size-12 flex-shrink-0 rounded-md object-cover"
-								}) : /* @__PURE__ */ p("div", {
+								}) : /* @__PURE__ */ m("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__ */ m("div", {
+								/* @__PURE__ */ h("div", {
 									className: "min-w-0 flex-1",
 									children: [
-										/* @__PURE__ */ p("h3", {
+										/* @__PURE__ */ m("h3", {
 											className: "text-base font-semibold text-text-primary",
 											children: e.product?.name ?? "Unknown product"
 										}),
-										e.expiresAt && /* @__PURE__ */ m("p", {
+										e.expiresAt && /* @__PURE__ */ h("p", {
 											className: "text-xs text-text-secondary",
 											children: ["Expires: ", new Date(e.expiresAt).toLocaleDateString()]
 										}),
-										e.licenseKey && /* @__PURE__ */ m("div", {
+										e.licenseKey && /* @__PURE__ */ h("div", {
 											className: "mt-2 flex items-center gap-2",
-											children: [/* @__PURE__ */ p("code", {
+											children: [/* @__PURE__ */ m("code", {
 												className: "flex-1 truncate rounded bg-surface-muted px-2 py-1 font-mono text-[11px] text-text-primary",
 												children: e.licenseKey
-											}), /* @__PURE__ */ p("button", {
+											}), /* @__PURE__ */ m("button", {
 												type: "button",
 												onClick: () => void F(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__ */ p(l, { className: "size-3.5" })
+												children: /* @__PURE__ */ m(l, { className: "size-3.5" })
 											})]
 										}),
-										N === e.licenseKey && /* @__PURE__ */ p("p", {
+										N === e.licenseKey && /* @__PURE__ */ m("p", {
 											className: "mt-1 text-xs text-status-success-text",
 											children: "Copied to clipboard"
 										})
 									]
 								}),
-								/* @__PURE__ */ m("button", {
+								/* @__PURE__ */ h("button", {
 									type: "button",
 									onClick: () => I(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__ */ p(u, { className: "size-3.5" }), "Install to workspace"]
+									children: [/* @__PURE__ */ m(u, { className: "size-3.5" }), "Install to workspace"]
 								})
 							]
 						})
 					}, e.id))
 				})]
 			}) : null,
-			!k && /* @__PURE__ */ p(y, {
+			!k && /* @__PURE__ */ m(y, {
 				className: "mt-6",
 				storageKey: "store-order-confirmation",
 				title: "What's next?",
@@ -162,7 +162,7 @@ var b = "\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__ */ p(u, { className: "size-4" }),
+						icon: /* @__PURE__ */ m(u, { className: "size-4" }),
 						onClick: () => {
 							let e = D[0];
 							e && I(e.productId, e.licenseKey);
@@ -173,30 +173,30 @@ var b = "\n  query OrderConfirmation($id: ID!) {\n    getStoreOrder(id: $id) {\n
 						id: "orders",
 						label: "Keep this receipt",
 						description: "Find this order any time under My Orders.",
-						icon: /* @__PURE__ */ p(f, { className: "size-4" }),
+						icon: /* @__PURE__ */ m(f, { className: "size-4" }),
 						onClick: () => x(`${S}/orders`)
 					},
 					{
 						id: "shop",
 						label: "Discover more",
 						description: "Browse the marketplace for more apps and tools.",
-						icon: /* @__PURE__ */ p(s, { className: "size-4" }),
+						icon: /* @__PURE__ */ m(s, { className: "size-4" }),
 						onClick: () => x(`${S}/marketplace`)
 					}
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mt-6 flex flex-col gap-2 sm:flex-row sm:justify-center",
-				children: [/* @__PURE__ */ m("button", {
+				children: [/* @__PURE__ */ h("button", {
 					type: "button",
 					onClick: () => x(`${S}/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(f, { className: "size-4" }), "View My Orders"]
-				}), /* @__PURE__ */ m("button", {
+					children: [/* @__PURE__ */ m(f, { className: "size-4" }), "View My Orders"]
+				}), /* @__PURE__ */ h("button", {
 					type: "button",
 					onClick: () => x(`${S}/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__ */ p(s, { className: "size-4" })]
+					children: ["Continue Shopping", /* @__PURE__ */ m(s, { className: "size-4" })]
 				})]
 			})
 		]

package/dist/pages/OrdersPage.js

@@ -1,9 +1,9 @@
 import { useStore as e } from "../providers/StoreProvider.js";
 import { useOrderStatusUpdatedSubscription as t } from "../generated/global-operations.js";
 import { formatPrice as n } from "../utils/index.js";
-import { useInstallations as r } from "../hooks/useInstallations.js";
-import { useOrders as i } from "../hooks/useOrders.js";
-import { InstallAppModal as a } from "../components/InstallAppModal.js";
+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 { useMemo as o, useState as s } from "react";
 import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { ArrowLeft as l, CheckCircle as u, Clock as d, Download as f, Loader2 as p, Package as m, RefreshCw as h, ShoppingBag as g, XCircle as _ } from "lucide-react";
@@ -184,7 +184,7 @@ var T = (e) => {
 		]
 	});
 }, O = () => {
-	let n = x(), { basePath: u } = e(), { t: d } = c(), { orders: f, loading: h, error: v, refetchOrders: S, hasMore: T, loadMore: E } = i(), { installations: O, refetch: k } = r();
+	let n = x(), { basePath: u } = e(), { t: d } = c(), { orders: f, loading: h, error: v, refetchOrders: S, hasMore: T, loadMore: E } = a(), { installations: O, refetch: k } = i();
 	t({
 		onData: () => {
 			S();
@@ -335,7 +335,7 @@ var T = (e) => {
 					})]
 				})]
 			}),
-			P && /* @__PURE__ */ y(a, {
+			P && /* @__PURE__ */ y(r, {
 				isOpen: A,
 				onClose: V,
 				app: P,